/*
	Project: 		Private Internetseite von Christian Kolodziej
	URL:	 		www.christian-kolodziej.de
	Author:	 		Christian Kolodziej, ch.kolodziej@mediaworks4you.de
	Last Update:	04.12.2006
	
	1...............General Definitions
	
	2...............Common Form Classes
	
	3...............Special Forms
	3.1.............Contact Form
*/


input, textarea { font-size: 12px; }
input { padding: 2px 0;}





/*	3.	Special Forms
	3.1	Contact Form */
#fieldset_contact { border:none; }
#fieldset_contact ul { float:left; width:40%; margin-right:3%; }
#fieldset_contact li { margin-bottom:7px; }
#fieldset_contact input, textarea { width:100%; background:#F0F1F5; border:0; }
#fieldset_contact textarea { height: 96px; margin-top: -1px !important; width: 340px; padding: 2px 0; }
#fieldset_contact input:focus, textarea:focus { background:#fff; }	
#fieldset_contact input.submit { float:left; width:auto; border:normal; }/*
	Project: 		Private Internetseite von Christian Kolodziej
	URL:	 		www.christian-kolodziej.de
	Author:	 		Christian Kolodziej, ch.kolodziej@mediaworks4you.de
	Last Update:	04.12.2006
	
	1...............General Definitions
	
	2...............Common Elements
	
	3...............General Classes
	
	4...............Special DIVs
	4.1.............1st Navigation
	4.2.............2nd Navigation
	4.3.............Cite
	4.4.............Heading
	4.5.............Body
	
	5...............Content
	
	6...............Footer
*/


* { margin:0; padding:0; font-family:Verdana; }
img { border:none; }
body { background:#fff; font-size:0.8em; color:#222; }


/*  2.	Common Elements 
    2.1 Headings */
h1 { font-size:2em; display:inline; margin-right:15px; font-family:Georgia; font-weight:normal; text-shadow: 2px 2px 2px #000; }
h2 { font-size:1.3em; font-family:Georgia; margin: 35px 0 0 0; }
h2 a { font-family:Georgia; color:#000; }
    

p { margin:10px 0; }
div.portrait + p, #navi2nd + p { margin-top: 25px; }


a { text-decoration: none; }
a { font-weight: bold; color: #5C7E9A; }
a:hover { color: #D8A14F; text-decoration: underline; outline: none; }
a.active, a.active:hover { color: #D8A14F; text-decoration: none; }

a#toplink { background:url('../images/arrow_top.gif') right 4px no-repeat; float:right; margin-right:25px; padding-right:13px; }
a#toplink:hover { background:url('../images/arrow_top_hover.gif') right 3px no-repeat; text-decoration:none; }
a[target="_blank"] { padding-right:13px; background:url('../images/externlink.gif') right 1px no-repeat; _padding-right: 0; #padding-right: 0; _background: none; #background: none; }
a[target="_blank"]:hover { background-image:url('../images/externlink_hover.gif'); _background: none; #background: none; }

a.noborder, a.noborder:hover { border: none !important; padding: none !important; }
a.noextern { padding-right: 0; background-image: none !important; }


img.borderlink, img.border { padding: 2px; border: 2px solid #819BB2; }
img.borderlink:hover { border-color: #D8A14F; }
div.portrait img { margin-bottom: 5px; }


blockquote { font-weight:bold; font-style:italic; text-align:center; }
dl.floatright { float:right; margin-left:20px; }
dl.floatleft { float:left; margin-right:20px; }
dl.img dd { color:grey; font-size:0.8em; text-align:center; }
dl.img a { color:grey; text-decoration:underline; }
dl.img a:hover { text-decoration:none; }
dl#logo_grupperastatt { width:171px; }
dl#ersterlandesligaeinsatz { width:208px; }


.hidden { display:none; }
.center { text-align:center; }
.t0 { margin-top:0; }
img.floatright { float:right; margin:0 0 10px 10px; }
img.floatleft { float:left; margin:0 10px 10px 0; }


/*  4. 	Special DIVs 
	4.1	1st Navigation */
#navigation { border-right:1px solid #2A5373; width:774px; height:67px; }
#navigation li { float:left; border-left:1px solid #2A5373; border-bottom:1px solid #2A5373; background:#819BB2; }
#navigation li:hover { background:#5C7E9A; }
#navigation a { width:123px; font-weight:bold; display:block; padding:13px 0 2px 5px; color:#fff; }
#navigation a + a { font-weight:normal; height:35px; padding:0 0 0 5px; }
#navigation a:hover { text-decoration:none; }
#navigation a.active, #navigation a.active:hover, #navigation a.active + a, #navigation a.active:hover + a { background:#D8A14F; }


#navi2nd { clear:both; border-top:1px solid black; height:20px; margin:1px 0 0 135px; width:600px; }
#navi2nd li { float:left; margin:0 10px; }


#cite { float:right; margin:5px 20px -2em 250px; width:380px; text-align:center; height:5.1em; }
#cite blockquote { font-style:italic; }
#cite p { font-size:0.8em; color:#819BB2; font-weight:bold; text-align:right; margin:2px 0; font-weight:bold; }


#heading { clear:both; }


#body { width:780px; margin:0 auto; height: 100%; }


.flickr_images img, img.imagelink { padding:2px; border:2px solid #819BB2; margin-bottom:1px; }
.flickr_images img:hover, img.imagelink:hover { border-color:#D8A14F; }
.flickr_images.floatright { float:right; width:260px; margin:0 0 10px 10px; }


div.portrait { float: right; margin: 25px 5px 0 10px; }



#content { width:735px; background:url('../images/bg_content.jpg') left top repeat-y; margin-left:5px; padding:10px 25px 20px 10px; min-height: 70%; }



#footer { background:url('../images/bg_content.jpg') 5px top repeat-y; }#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/lightbox/blank.gif) no-repeat; 
	display: block;
	}
#prevLink { left: 0; float: left; z-index:200; }
#nextLink { right: 0; float: right; z-index:200; }
#prevLink:hover, #prevLink:visited:hover { background: url(../images/lightbox/prevlabel.gif) left 15% no-repeat !important; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/lightbox/nextlabel.gif) right 15% no-repeat !important; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 90px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	
	height: 1%;
	
	}	/*
	Project: 		Private Internetseite von Christian Kolodziej
	URL:	 		www.christian-kolodziej.de
	Author:	 		Christian Kolodziej, ch.kolodziej@mediaworks4you.de
	Last Update:	04.12.2006
	
	1...............General Definitions
	
	2...............Common List Classes
	
	3...............Special Lists
*/


ul { list-style:none; }



ul.haken li { background: url("../images/haken.gif") 2px 4px no-repeat; padding-left: 15px; }



ul.tableofcontents { margin-top: 20px; }
ul.tableofcontents a { padding-left: 12px; }
ul.tableofcontents li.active a { background: url("../images/arrow_right_hover.gif") left 5px no-repeat; }
ul.tableofcontents li.active a, ol.tableofcontents li.active a:hover { color: #D8A14F; text-decoration: none; }/*
	Project: 		Private Internetseite von Christian Kolodziej
	URL:	 		www.christian-kolodziej.de
	Author:	 		Christian Kolodziej, ch.kolodziej@mediaworks4you.de
	Last Update:	04.12.2006
	
	1...............General Definitions
	
	2...............Common Tab Classes
	
	3...............Special Tabgroups
	3.1.............Tab Footer
*/


.tab { height:1.4em; border-left:1px solid #2A5373; }
.tab li { float: left; }
.tab a { width:100px; text-align:center; display:block; border:1px solid #2A5373; border-left:none; font-weight:bold; color:#819BB2; background:#fff; padding-bottom: 1px; }
.tab a:hover { color:#fff; background:#5C7E9A; text-decoration:none; }
.tab a.active, .tab a.active:hover { border-bottom:1px solid #819BB2; background:#819BB2; color:#fff; }
.tab_content { border:1px solid #2A5373; padding:5px; height:12em; }
.tab_content.blue { background:#819BB2; color:white; z-index: 10; }





/*	3. 	Special Tabgroups
	3.1	Tab Footer */
#tab_footer_legal div { float:left; width:30%; margin-right:3%; }
#tab_footer_legal a, #tab_footer_copyright a { color:#fff; text-decoration:underline; }
#tab_footer_legal a:hover, #tab_footer_copyright a:hover { text-decoration:none; }
#tab_footer_legal p { margin:5px 0 0 0; }
#tab_footer_legal img { margin-top:1em; }/*
	Project: 		Private Internetseite von Christian Kolodziej
	URL:	 		www.christian-kolodziej.de
	Author:	 		Christian Kolodziej, ch.kolodziej@mediaworks4you.de
	Last Update:	04.12.2006
	
	1...............General Definitions
	
	2...............Common Table Classes
	
	3...............Special Tables
	3.1.............Table Resume
*/


caption { text-align:left; width:740px; padding:0 15px 5px; background:url('../images/separatorline.gif') left 8px repeat-x; font-weight:bold; }
caption span { background:url('../images/bg_content.jpg') -10px top no-repeat; padding:0 2px; }
tr { vertical-align:top; }





/*	3.	Special Tables
	3.1	Table Resume */
.resume { margin-bottom:15px; }
.resume caption { margin-top:25px; }
.resume tr td { width:150px; padding-bottom:5px; }
.resume tr td + td { width:auto; }