/************************************************************/
/* GCZ Sektionen CSS: Standard 								*/
/* 1.0 Global Style Information 							*/
/* 2.0 Header                   							*/
/* 3.0 Navigation	             							*/
/* 4.0 Body Content             							*/
/* 5.0 Banner Right             							*/
/* 6.0 Content Styling Elemente 							*/
/* 	6.1 Content Titel										*/
/* 	6.2 Content Text								 		*/
/* 	6.3 Text mit Bild								 		*/
/* 	6.4 Listen										 		*/
/* 	6.5 Tabellen									 		*/
/* 7.0 Sponsors												*/
/* 8.0 Sidebar												*/
/*	8.1 Liste												*/
/*	8.2 Login Box											*/
/*	8.3 Diverse Inhalte										*/
/************************************************************/

/********************************************************************************************************************************/
/* General Colors																												*/
/********************************************************************************************************************************/
/*  Blau		: #0861a8	z.B. Hintergrund, Links																				*/
/*  Weiss		: #ffffff	z.B. Hintergrund																					*/
/*  Grau Dunkel	: #879197	z.B. Breadcrump, Text in den Sites Symbolen, Content Text											*/
/*  Grau Hell	: #ccd4d9	z.B. Striche Logo, Striche Shortlinks, Suchbox, Content Elemente Rahmen								*/
/*  Grau Blau	: #9baab4	z.B. Content Elemente Header Hintergrund															*/
/********************************************************************************************************************************/

/********************************************************************************************************************************/
/* Navigation Colors																											*/
/********************************************************************************************************************************/
/*  Level 1 Active, Level 1 Hover	: #084270																					*/
/*  Level 2 Active, Level 2 Hover	: #06508d																					*/
/*  Border Bottom 		 			: #6ba0cb																					*/
/*  Level 2 Text					: #b8dbf5																					*/
/********************************************************************************************************************************/


/* 1.0 Global Style Information  */

body {	
	margin:0px;
	padding:0px;

	background-image:url(img/body.png);
	background-repeat:repeat-y;
	background-color:#0861a8;

	font-family:Arial, sans-serif;
	font-size:12px;
	color:#879197;

	letter-spacing:0.5px;	
}
		

img {	
	border:0px solid #666;	
}


a {		
	color:#0861a8;
	text-decoration:none;	
}

input {
	width:101px;
	height:12px;
	float:left;
			
	padding-left:5px; 
	padding-top:1px; 
	padding-bottom:1px; 							

	color:#879197;
	font-size:9px;	

	border:1px solid #ccd4d9;
}


input[type=image] {
	width:auto;
	height:auto;
	border:0px;
	
	float:right;
	margin-right:6px;
	border:1px solid #ccd4d9;
}

input[type=submit] {
	height:16px;
	width:101px;		
	color:#879197;
	font-size:9px;	
	padding:0px;
	border:1px solid #ccd4d9;
}

input[type=checkbox] {
	height:auto;
	width:auto;
			
	color:#879197;
	font-size:9px;	

	border:1px solid #ccd4d9;
}

select {
	float:left;
			
	padding-left:5px; 
	color:#879197;
	font-size:9px;	
	border:1px solid #ccd4d9;
}

textarea {
	font-family:Arial, sans-serif;
	font-size:11px;
	width:250px;
	float:left;
	padding-top:1px; 
	padding-left:5px; 
	color:#879197;
	border:1px solid #ccd4d9;
}



/* 2.0 Header */

div.header_container {
	height:111px;
	width:100%;
	
	background-color:#FFFFFF;
}

	div.header_left {
		width:135px;
		height:111px;
		
		position:absolute;
		top:0px;
		left:0px;
	}
	
	div.header_middle_container {
		width:569px;
		height:111px;
		
		position:absolute;
		top:0px;
		left:135px;
	}
	
		div.header_middle_logo {
			width:144px;
			height:111px;
			
			float:left;	
			display:block;	
		}
		
		div.header_middle_sites_container {
			width:280px;
			height:111px;

			background-image:url(img/sites/header_middle_sites_background.png);
			float:right;	
		}
		
		div.logo_container {
		position:absolute;
		top:0px;
		left:135px;
		z-index: 1000;
		height: 120px;
	}

	div.logo_container_el {
		float: left;
		padding-top: 5px;
		padding-right: 1px;
	}
	div.logo_container_el img.el_left {
		height: 95px;
		width: 71px;
	}
	div.logo_container_el img.el_right {
		height: 95px;
		width: 70px;
	}
	div.logo_container_el img:hover {
		border: 1px solid #74818a;
	}	
		
			div.header_middle_sites_link {
				width:74px;
				height:14px;
				margin-left:1px;
				margin-top:94px;
				background-image:url(img/sites/header_middle_sites_symbol.png);
				
				padding-left:18px;
				padding-top:3px;
				
				float:right;
				
				color:#879197;
				font-size:10px;						
			}		
	
	div.header_shortlinks_container {
		width:136px;
		height:111px;
		background-image:url(img/shortlinks/header_shortlinks_background.png);
		
		padding-left:12px;
		
		position:absolute;
		top:0px;
		left:704px;
	}
	
	
		div.header_shortlinks_icons {
				height:13px;
				margin-top:56px;				
		}
		
			div.shortlink_a {
				width:27px;
				margin-left:1px;
				margin-right:1px;
				float:left;	
			}
			
			div.shortlink_b {
				width:25px;
				margin-right:1px;
				float:left;	
			}
			
			div.shortlink_c {
				width:25px;
				margin-right:1px;
				float:left;	
			}
			
			div.shortlink_d {
				width:24px;
				margin-right:1px;
				float:left;	
			}
			
			div.shortlink_e {
				width:23px;
				margin-right:0px;
				float:left;	
			}
		
		div.header_shortlinks_search {
			position:absolute;
			top:78px;
			width:136px;
		}
			
			div.header_shortlinks_search input {		
				float:left;
			}
			
/* 3.0 Navigation */

div.body_navigation {
	width:136px;
	
	margin-top:96px;
}

	div.nav_level_1 { 
		border-bottom: 1px solid #6ba0cb;
	} 
	
	div.nav_level_2 { 
		border-bottom: 1px solid #6ba0cb;
		background-color:#0070b8;
		height:17px;
	} 
	
		div.nav_level_1 a {
			font-size:11px;
			font-weight:bold;
			color:#fff;
			height:16px;			
			padding-left:10px;
			padding-top:5px;
			display: block;
		}
		
		div.nav_level_2 a { 
			font-size:11px;
			color:#b8dbf5;				
			height:14px;			
			padding-left:21px; 
			padding-top:2px;
			padding-bottom:1px;
			display: block;
		} 
		
		div.nav_level_1 a:hover {
			color:#eeeeee;
			background-color:#084270;					
		}
		
		div.nav_level_2 a:hover { 
			color:#ffffff; 
			background-color:#06508d;
		} 
		
		div.nav_level_1_active {
			border-bottom: 1px solid #6ba0cb;
		}
		
		div.nav_level_2_active {
			border-bottom: 1px solid #6ba0cb;
			background-color:#06508d;
		}	
		
		div.nav_level_1_active a {
				font-family:Arial, sans-serif;
				font-size:11px;
				font-weight:bold;
				color:#fff;
			
				background-color:#084270;
				height:16px;
				width:auto;
				padding-left:10px;
				padding-top:5px;
				display: block;
		}

		div.nav_level_2_active a {
				font-family:Arial, sans-serif;
				font-size:11px;
				color:#fff;
				
				height:14px;
				width:auto; 
				padding-left:21px; 
				padding-top:2px;
				padding-bottom:1px;
				display: block;
				
				background-image:url(img/navigation/arrow.png);
				background-repeat:no-repeat;
				background-position:left;
		}


	div.nav_level_3 { 
  	border-bottom: 1px solid #6ba0cb;
  	background-color:#0d83cf;
  	height:17px;
  } 
	
		
		
	div.nav_level_3 a { 
			font-size:11px;
			color:#bcdef4;				
			height:14px;			
			padding-left:30px; 
			padding-top:2px;
			padding-bottom:1px;
			display: block;
		} 
		
		
		
		div.nav_level_3 a:hover { 
			color:#ffffff; 
			background-color:#085a9d;
		} 
		
		
		
		div.nav_level_3_active {
			border-bottom: 1px solid #6ba0cb;
			background-color:#075fa7;
		}	
		
		
		div.nav_level_3_active a {
				font-family:Arial, sans-serif;
				font-size:11px;
				color:#ffffff;
				
				height:14px;
				width:auto; 
				padding-left:30px; 
				padding-top:2px;
				padding-bottom:1px;
				display: block;
				
				background-image:url(img/navigation/dot.gif);
				background-repeat:no-repeat;
				background-position:left;
		}

				
				
/* 4.0 Body Content */

div.body_container {
	width:852px;
}

	
	div.body_content_container {
		width:568px;
		height:auto;
		border-top:1px solid #0861a8;
		
		position:absolute;
		top:111px;
		left:136px;
		
		padding-left:6px;
	}
	
		div.body_content_border {
			border:1px solid #ccd4d9;
			margin-top:6px;
			width:560px;	
		}
	
			div.body_content_banner {
				height:69px;
				padding:1px;
			}
		
			div.body_content_breadcrump {
				padding-left:140px;
				padding-top:2px;
				margin-left:1px;
				margin-right:1px;
				font-size:10px;
				
				height:15px;
				
				color:#879197;
				border-top:1px solid #ccd4d9;
				border-bottom:1px solid #ccd4d9;	
				
				letter-spacing:0.8px;		
			}
				
			div.body_content_maintitle {
				
				font-family:Impact,sans-serif;
				font-size:25px;
				letter-spacing:1.6px;
	
				color:#0861a8;
				
				margin-left:141px;
				margin-top:15px;
				margin-bottom:18px;
			}
				
		
			div.body_content {
				width:562px;
			}
			
			div.body_content_cleardiv {
				clear:left;
			}
		
			div.body_sponsors {
				width:562px;
				height:49px; 
				
				color:#879197;
				font-size:9px;
				
				margin-top:18px;
			}
	
		div.body_sidebar {
			width:136px;
			height:817px;
			
			border-top:1px solid #0861a8;
			padding-left:12px;
			padding-top:6px;
			position:absolute;
			top:111px;
			left:704px;
		}
	
	
/* 5.0 Banner Right */

div.banner_right {
	width:120px;
	height:596px;
	
	position:absolute;
	left:864px;
	top:118px;
}

/* 6.0 Content Styling Elemente */

	/* 6.1 Content Titel */
	div.body_content h1 {
		border-top:1px solid #ccd4d9;
		border-bottom:1px dotted #0861a8;

		padding-top:3px;
		padding-left:141px;	
		margin-left:1px; 
		margin-right:3px;
		margin-bottom:0px;

		height:18px;
		font-weight:bold;
		font-size:12px;
		letter-spacing:0.5px;	
		color:#fff;
		background-image:url(img/content/body_content_title.png);
		background-repeat:repeat-x;
		clear:left;
		
	}
	
	/* 6.2 Content Text */
	div.body_content p.bodytext {
		margin-left:141px;
		padding-right:5px;
		font-size:12px;
		color:#879197;
		margin-top:0px;
		margin-bottom:0px;
		line-height:17px;
		letter-spacing:0.4px;
		padding-top:6px;
		padding-bottom:0px;
	}
			
	/* 6.3 Text mit Bild */		
	div.body_content .csc-textpic-intext-left .csc-textpic-imagewrap {
		margin-left:5px;
		margin-top:10px;
		float:left;	
		margin-bottom:10px;
	}
	
	div.body_content .csc-textpic-above .csc-textpic-imagewrap {
		padding-left:142px;
		margin-top:10px;
	}

	div.body_content .csc-textpic-caption {
		padding:0px;
		font-size:10px;
		color:#879197;	
		line-height:15px;
		letter-spacing:0.4px;	
		padding-bottom:5px;	
	}
	
	div.body_content .csc-textpic-above .csc-textpic-caption {
		padding-bottom:0px;	
	}	

	
	/* 6.4 Listen */
	div.body_content ul {
		margin:0px;
		margin-top:7px;
		padding:0px;
		padding-left:142px;
		color:#879197;
	}
	
	div.body_content  li  {
		list-style:circle;
		list-style-position:inside;
	}
	
	/* 6.5 Tabellen */
	div.body_content table.contenttable {
		margin:10px;
		margin-left:141px;
	
		border:1px solid #ccd4d9;
		border-collapse:collapse;		
		width:400px;
	}
	
	div.body_content table.contenttable td {
		border:1px solid #ccd4d9;
		padding:3px;
		letter-spacing:0.4px;
	}
	
	div.body_content table.contenttable tr.tr-0 {
		font-weight:bold;
		color:#0861a8;
	}
	
	div.body_content table.contenttable tr.tr-even {
		background-color:#f2f5f8;
	}
	
	div.body_content table.contenttable tr {
		color:#879197;
		letter-spacing:0.4px;
	}
	
	div.body_content table.contenttable td p.bodytext {
		margin:0px;
		padding:0px;
		line-height:normal;
	}
	
	
/* 7.0 Sponsors */

div.body_sponsor_mainsponsor {
	border-left:1px solid #ccd4d9;
	border-right:1px solid #ccd4d9;
	height:49px;
	width:130px;
	padding-left:4px;

	float:left;
	letter-spacing:0.1em;
}

div.body_sponsor_subsponsor_title {
	height:11px;
	width:65px;
	float:left;
	padding-left:6px;
	
	letter-spacing:0.1em;
}	

div.body_sponsor_subsponsor_picture {
	border-right:1px solid #ccd4d9;
	float:right;
	height:38px;
}
	
	
/* 8.0 Sidebar */

div.body_sidebar_infobox_top_container {
	width:130px;
	height:73px;
	border:0px solid #0099ff;
}

div.body_sidebar_infobox_top {
	border:1px solid #ccd4d9;
	padding:5px;
	color:#879197;
	height:69px;
	font-size:11px;
	overflow:hidden;
}

		div.body_sidebar_infobox_top a {
			color:#879197;
		}
		
		div.body_sidebar_infobox_top a:hover {
			color:#0861a8;
		}

div.body_sidebar_title {
	width:124px;
	height:16px;
	
	font-size:10px;
	font-weight:bold;
	color:#fff;
	
	padding-left:6px;
	padding-right:0px;
	padding-top:3px;
	
	margin-top:17px;
	margin-bottom:4px;
	
	background-color:#0861a8;
}

	/* 8.1 Liste */
	div.body_sidebar_list_item {
		width:123px;
		height:18px;
		
		padding-top:3px;
		padding-left:7px;
		
		font-size:11px;
		border-bottom:1px solid #ccd4d9;
		
		color:#879197;
	}
	
	div.body_sidebar_list_item a{
		color:#879197;
	}
	
	div.body_sidebar_list_item img{
		float:right;
		margin-top:-3px;
		margin-right:-3px;
	}


	/* 8.2 Login Box */
	div.body_sidebar_login {
		color:#879197;
		font-size:9px;	
		height:48px;
		
		margin-top:5px;
	}

	div.body_sidebar_login input  {	
		float:left;		
		margin-bottom:4px;
	}		
	
	div.body_sidebar_login_register {
		float:right;
		padding-right:5px;
		width:125px;
		text-align:right;
		letter-spacing:0.7px;
	}
	
	div.body_sidebar_login_register a {
		color:#879197;
	}


	/* 8.3 Diverse Inhalte */
	
	div.body_sidebar_element {
		width:126px;
		margin-bottom:5px;
		color:#879197;
		font-size:11px;
	}
	
		div.body_sidebar_element a {
			color:#879197;
		}
		
		div.body_sidebar_element a:hover {
			color:#0861a8;
		}
		
		div.body_sidebar_element img {
			border:1px solid #ccd4d9;
			padding:1px;
			margin-bottom:5px;
		}
	
		div.body_sitemap {
			padding-left:143px;
			padding-bottom:20px;
			padding-right:20px;
			width: 400px;
			margin-top:10px;
		}
		
		div.body_sitemap * {
			line-height:17px;
			letter-spacing:0.4px;			
			margin:0px;
		}

		div.paninfo { 
			text-align: center; 
			font-family:'Arial Narrow'; 
			font-size:11px; 
			letter-spacing:1px; 
			color: #666666; 
			border-top: 1px solid #a8b5c2; 
			border-bottom: 1px solid #a8b5c2; 
			margin-top: 6px; 
			height:42px;
			width:130px;
		}
		
		div.paninfo a { 
			color: #005baa; 
			text-decoration:none; 
			font-weight: bold; 
		}
		
.csc-mailform {
	border: none;
	width:300px;
	margin-left:140px;
}
.csc-mailform * {
	margin-top: 3px;
}
.csc-mailform-field label {
	width: 150px;
	display:block;
	float: left;
}