@charset "UTF-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	}
a img {border:none;}

map, area {border:none;}

.karteStart {margin:5px 0 -5px 20px}

.fbTwitter {
	display:block;
	margin:10px 0 0 0;
	}

.facepile {background:#fff;box-shadow:0 2px 5px #000;}	

.dynamiksieger, .bestandssieger {padding:9px;}
.dynamiksieger {padding-bottom:0px;}

.centered {
	margin:auto;
	width:970px;
	}
.clearer {
	clear:both;
	}
body {
	background:url(../images_system_11/bodyBG.gif) top center repeat-x;
	}
	
#wrapper {
	background:url(../images_system_11/headerBG.gif) top center no-repeat;
	clear:all;
	}
	
.headerContainer {
	}
	
.header {
	height:205px;
	background:url(../images_system_11/) no-repeat;
	overflow:hidden;
	}
	.headerLeft {
		float:left;
		width:400px;
		height:205px;
		position:relative;
		}
		.logo {
			position:absolute;
			top:25px;
			left:15px;
			}
		.schild {
			position:absolute;
			top:92px;
			left:0px;
		}
		.insmWiwo {
			position:absolute;
			top:166px;
			left:214px;
			}
		
	.headerRight {
		float:left;
		width:540px;
		height:100px;
		padding:12px 0 0 10px;
		}
		.headerRight ul {
			width:600px;
			overflow:hidden;
			display:inline;
			list-style:none;
			}		
			.headerRight ul li, .header ul li.active {
				background:url("../images_system_11/navTrenner.png") no-repeat scroll right top transparent;
				display:block;
				float:left;
				margin:5px;
				padding:10px 14px 23px 2px;
				width:150px;
				text-align:center;
				}
				.headerRight ul li:last-child {
					background:none;
					}
			
		.headerRight li a, .headerRight li.active a {
			display:block;
			color:#e8eef2;
			text-shadow:0 2px 3px #295874;
			font-size:22px;
			text-decoration:none;
			padding:10px 0;
			-webkit-transition: all 0.25s ease-out;
			}
			.headerRight li a span {
				font-size:13px;
				line-height:1px;
				display:block;
				padding:10px;
				}
	
				.headerRight li.active a {
					border-radius:9px;
					-moz-border-radius:9px;
					box-shadow:0 1px 6px #295874;
					-moz-box-shadow:0 1px 6px #295874;
						-webkit-border-radius:9px;
						-webkit-box-shadow:0 1px 6px #295874;									
					color:#000;
					text-shadow:0 1px 0px #fff;
					
					background: #d6d6d6;
					background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#a0a0a0));
					background: -moz-linear-gradient(#ffffff, #a0a0a0);
					background: linear-gradient(#ffffff, #a0a0a0);
					-pie-background: linear-gradient(#ffffff, #a0a0a0);
					behavior: url(PIE.htc);
					position:relative;

										
					}
				.headerRight li.active a span {
					color:#000;
					text-shadow:0 1px 0px #fff;
					line-height:1px;
					}


			.headerRight li a:hover {
				color:#ff9900;
				}
				.headerRight li a:hover span {
					color:#ff9900;
					line-height:1px;
					}


.contentContainer {
	min-height:250px;
	position:relative;
	}
	
	.navi {
		background:none repeat scroll 0 0 #EFEFEF;
		float:left;
		margin:20px 25px 20px 20px;
		min-height:500px;
		width:290px;
		border:1px solid #ccc;
		-moz-border-radius:8px;
			-webkit-border-radius:8px;
		border-radius:8px;
		behavior:url(PIE.htc);
		}	
		
		*html .navi {
				margin:20px 10px 20px 10px;
				width:290px !important;
				overflow:hidden;
				border:none;
				}
		.naviWrapper {
			-moz-box-shadow:0 0 5px #aaa inset;
			-moz-border-radius:7px;
				-webkit-box-shadow:0 0 5px #aaa inset;
				-webkit-border-radius:7px;
			border-radius:7px;
			box-shadow:0 0 5px #aaa inset;
			width:290px;
			background:#eaf4f9;
			behavior:url(PIE.htc);
			}
			*html .naviWrapper {
				width:290px !important;
				overflow:hidden;}
				
			.navi h2 {
				background:url("../images_system_11/colLeftH1BG.gif") repeat-x scroll 0 0 #1B709F;
				border-top:1px solid #FFFFFF;
				border-left:1px solid #FFFFFF;
				border-right:1px solid #FFFFFF;
				color:#FFFFFF;
				font-size:12px;
				padding:6px 8px;
				text-transform:uppercase;
				-moz-border-radius:7px 7px 0 0;
					-webkit-border-radius:8px 8px 0 0;
				border-radius:7px 7px 0 0;
				border-radius:8px 8px 0 0;	
				width:272px;
				behavior:url(PIE.htc);
				}
			.navi p {
				background:url("../images_system_11/colLeftPBG.gif") repeat-x scroll 0 0 #99C3D8;
				border:1px solid #FFFFFF;
				color:#000000;
				font-size:12px;
				padding:6px 8px;
				width:272px;
				}
		
				
	ul.naviLeft {	
		list-style:none;
		padding:15px 0 15px 0;
		position:relative;
		left:-8px;
		width:321px;
		}
		*html .naviLeft {
			width:290px;
			overflow:hidden;
			}
		
	.naviLeft li {
		font-weight:bold;
		font-size:12px;
		}
		.naviLeft li a, .naviLeft li .inactive {
			text-decoration:none;
			padding: 5px 0 5px 20px;
			color:#1E77A6;
			display:block;
			line-height:18px;
			text-shadow:0 1px 0px #fff;
			}
.naviLeft li.pdf {
	background:url("../images_system_11/pdf_klein.gif") no-repeat 18px 4px;
	padding-left:24px;
	}
	.naviLeft li a:hover, 
	.naviLeft li .inactive li a:hover {
		 color:#000;
		 text-shadow:none;
		 }

	.naviLeft li .inactive {
		background: url("../images_system_11/naviLeftActive.png") no-repeat scroll 0 0 transparent;
		color: #000000;
		display: block;
		left: 0;
		line-height: 21px;
		margin-bottom: -4px;
		padding-bottom: 6px;
		position: relative;
		text-shadow: 0 1px 0 #FFFFFF;
		top: -3px;
		}


.content {
    position: absolute;
	height: 514px;
    left: 337px;
    top: -85px;
    width: 620px;
		background:none repeat scroll 0 0 #FFF;
	-moz-border-radius:9px 9px 290px 290px;
	-moz-box-shadow:0 0px 9px #888;
		-webkit-border-radius:9px 9px 290px 290px;
		-webkit-box-shadow:0 0px 9px #888;
	border-radius:9px 9px 290px 290px;
	box-shadow:0 0px 9px #888;
	behavior: url(PIE.htc);		
			
	}
	
	
/* order by */
	ul.orderBy	{
			overflow:hidden;
			list-style:none;
			position:relative;
			top:-20px;
			left:-20px;
			width:530px;
			background:url(../images_system_11/orderByBG.gif) repeat-x left bottom;
			-moz-border-radius:7px 7px 0 0;
					-webkit-border-radius:7px 7px 0 0;
	
			}		
			.orderBy li, .orderBy li.active {
				display:block;
				float:left;
				margin:0px;
				text-align:center;
				border-right:1px solid #c8c8c8;
				}
			
		.orderBy li a, .orderBy li.active a {
			display:block;
			color:#1e77a6;
			text-shadow:0 1px 0px #fff;
			font-size:14px;
			padding:10px 15px;
			text-decoration:none;
			-webkit-transition: all 0.25s ease-out;
			}
	
				.orderBy li.active a {
					background:#fff;
					color:#000;
					font-weight:bold;
					text-shadow:0 1px 0px #fff;
					}
					.orderBy li.active a:first-child {
						-moz-border-radius:7px 0 0 0;
						-webkit-border-radius:7px 0 0 0;
						}
/* EOF order by */
	
	
	.contentInner {
			-moz-border-radius:9px 9px 0px 0px;
			-webkit-border-radius:9px 9px 0px 0px;
		border-radius:9px 9px 0px 0px;
		behavior: url(PIE.htc);		

		background:none repeat scroll 0 0 #FFFFFF;
		
		float: left;
		min-height: 500px;
		padding: 20px;
		position: relative;
		top: -85px;
		width: 580px;
		}		
		
	*html .contentInner {
		width:582px;
		margin-left:15px;
		}
				
	
	.contentInner h1 {
		color:#1e77a6;
		font-size:22px;
		line-height:32px;
		}
		.contentInner h1 em {
			color:#666; 
			font-style:normal;
			}
	.contentInner h5 {
		color:#999;
		font-size:11px;	
		line-height:16px;
		}
	
	
	.contentInner h1 {
		color:#1E77A6;
		font-size:22px;
		line-height:22px;
		padding:5px 0 10px;
		}
	.contentInner h3 {
		color:#777;
		font-size:18px;
		line-height:22px;
		padding:5px 0 10px;
		}
	.contentInner h4 {
		color:#1E77A6;
		font-size:18px;
		line-height:18px;
		padding:5px 0 15px;
		}
	.contentInner h5 {
		color:#666;
		font-size:14px;	
		line-height:16px;
		}
	.contentInner h6 {
		color:#999;
		font-size:11px;	
		line-height:16px;
		}

	.contentInner p {
		color:#666;
		font-size:12px;
		line-height:16px;
		padding:5px 0 10px;
		}
	.contentInner a {
		color:#1E77A6;
		}
	.contentInner ul {
		list-style:none;
		margin:10px 0 30px
		}
	.contentInner li {
		padding:5px 0 5px 18px; color:#666;
		background:url(../images_system_11/bullitContent.gif) no-repeat 0px 5px;
		font-size:12px;
		}


/* middle */
.print_buttons {display:block; width:400px; overflow:hidden; margin:0px auto 20px auto;}
.wfg, .pfg {width:190px; height:70px; float:left;margin:10px 0px 0 0;}
.wfg a, .pfg a {padding:10px 10px 27px 60px; text-decoration:none; display:block;text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #FFFFFF;}
.wfg a img, .pfg a img {display:none;}  
.wfg {background:url(../images_system_11/button_webgrafik.gif) no-repeat;}
.pfg {background:url(../images_system_11/button_druckgrafik.gif) no-repeat;}



/* Table styles */

table {
	width:100%;
	margin:20px 0 20px -8px;
	position:relative;
	cursor:pointer;
	}
th {
	text-align:right;
	font-size:10px;
	color:#666;
	height:18px;
	}
td {
	border-bottom:1px solid #E0E4E7;
	color:#5B7A9B;
	font-size:11px;
	font-weight:bold;
	padding:1px 2px 0;
	text-align:right;
	white-space:nowrap;
	}
tr.active td {
		background: #d6d6d6;
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#cccccc));
		background: -moz-linear-gradient(#ffffff, #cccccc);
		background: linear-gradient(#ffffff, #cccccc);
		-pie-background: linear-gradient(#ffffff, #cccccc);
		behavior: url(/PIE.htc);
	}	
	
tr.whiteTR td {background:transparent;}
tr.yellowTR td {background:url("../images_system_11/rankingTRActiveBG.gif") repeat-x scroll 50% 0;}

td.plus {text-align:left; margin:0; padding:1px;
	/*background:url(../images_system_11/bg_pattern.gif);*/}
td.minus {text-align:right; margin:0; padding:1px;}
td img, td .gut img  {
	/*border:1px solid #84B1D1;*/
	height:17px;
	margin:1px 0 1px 0px;
	background:url(../images_system_11/balken_blue.gif);
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	}
td img.sm, td img.fs {
	border:0px solid #84B1D1;
	height:15px;
	margin:0 0 0 0px;
	background:transparent;
	}
td a {
	color:#5B7A9B;
	text-decoration:underline;
	font-weight:bold;
	}
td a img {
	height:17px; 
	border:none;
	background: none repeat scroll 0 0 transparent;
	}
.spitzenwert,  td .schlecht img {
	/*border:1px solid #A8A7A7;*/
	height:17px;
	margin:1px 0 1px 0px;
	background:url(../images_system_11/balken_orange.gif);
	}

/* spezial !!!! */

table.invertiert td img {
	/*border:1px solid #84B1D1;*/
	height:15px;
	margin:0 0 0 0px;
	background:url(../images_system_11/balken_yellow.gif);
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	border:1px solid #A8A7A7;
	}



table.invertiert .spitzenwert {
	border:none;
	height:15px;
	margin:0 0 0 0px;
	background:url(../images_system_11/balken_blue.gif);
	}


.staerken_schwaechen
	{}

.staerken_schwaechen h3 {
	font-size:18px;
	margin:15px 0 5px 0;
	padding:0 0 6px 0;
	color:#5B7A9B;
	font-weight:normal;
	text-transform:uppercase;
	font-family:Arial narrow,Arial, Helvetica, sans-serif
	}

.staerken_schwaechen h3 b {
	color:#888;
	font-weight:bold;
	}

.staerken_schwaechen ul {
	margin:0 0 0 0px;
	list-style-type:none;}

.staerken_schwaechen li {
	background:url(../images_system_11/bullit_light_blue.gif) no-repeat 0px 5px;
	padding:2px 0 2px 12px;
	color:#073754;
	}
	
/* Here come the footer styles */

.footer {
	background:url(../images_system_11/headerBGtile.jpg);
	color:#fff;
	font-size:12px;
	}
	
	.footerInner {
			overflow:hidden;
			}
	
.footer p, .footer a, .footer h3, .footer ul {
	font-size:12px;
	line-height:16px;
	text-shadow:0 1px 3px #000;
	padding:5px 0 3px 0;
	}
	.footer ul {
		list-style:none;
		
		}
	.footer h3 {
		font-size:16px;
		padding:5px 0 10px 0;
		}	
	.footer p {
		color:#C8DEE9;
		}
	.footer a, .footer .inactive {
		text-decoration:none;
		color:#fff;
		line-height:18px;
		padding:2px 0 2px 17px;
		display:block;
		background:url(../images_system_11/bullitFooter.gif) no-repeat 1px 5px;
		}
		.footer a:hover {
			color:#C8DEE9;
			}
			
			
.footer .email {background:none;padding-left:0; display:inline;}
.footer .inactive {font-weight:bold; color:#C8DEE9;}
	
	.footerLeft, .footerMiddle, .footerRight {
		float:left;
		padding:15px 25px;
		width:192px;
		}
	.footerRight {
		width:351px;
		text-align:right;
		}
	.footerLeft {
		width:276px;
		}