/* CSS Document */


body, div, ul, li, p, h1, h2, h3, h4 {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	}

#logos {
	position:absolute;
	top:117px;
	left:780px;
	height:40px;
	width:220px;}

#header {
	height:97px;
	background:url(../images_system/header_bg.gif) repeat-x;
	}

/* Support Navi */

#support_navigation {
	height:16px;
	background:url(../images_system/header_shade.gif) repeat-x;
	padding:10px 0 3px 0;
	}
	#support_navigation ul, #footer ul {
		}
	#support_navigation li, #footer li {
		display:inline;
		font-size:10px;
		line-height:18px;
		}
	#support_navigation li a, #footer li a {
		margin:10px 0px 10px 0px;
		padding:7px 12px 7px 12px;
		background:url(../images_system/header_nav_trenner.gif) no-repeat center right;
		color:#666;
		text-decoration:none;}
	#support_navigation a:hover, #footer a:hover {
		text-decoration:underline;}

	#support_navigation li.inactive {
		margin:10px 0px 10px 0px;
		padding:7px 12px 7px 12px;
		background:url(../images_system/header_nav_trenner.gif) no-repeat center right;
		color:#000; font-weight:bold;
		text-decoration:none;}

/* Reiter Navi */

#reiter_navi {
	padding:0px 0 2px 0;
	height:35px;
	overflow:hidden;
	}
	#reiter_navi ul {
		}
	#reiter_navi li {
		float:left;
		width:240px;
		font-size:10px;
		line-height:21px;
		margin:0px 0px 0px 0px;
		list-style:none;
		}
	#reiter_navi li a {
		text-decoration:none;
		font-size:12px;
		font-weight:bold;}
	#reiter_navi a:hover {
		text-decoration:underline;}

		.orange a, .orange_active a, .orange_inactive a {
			color:#141414;}
		.blue a, .blue_active a, .blue_inactive a {
			color:#3b3b3b;}
		.yellow a, .yellow_active a {
			color:#3A6997;}

		#reiter_navi a.small {color:#555; font-size:10px;margin-left:20px;}


	#reiter_navi .orange, #reiter_navi .orange_active  {
		background:url(../images_system/orange_reiter_2.gif) no-repeat center right;
		padding:15px 0px 6px 15px;
		}
	#reiter_navi .orange_inactive  {
		background:url(../images_system/orange_reiter_inactive.gif) no-repeat center right;
		padding:15px 0px 6px 15px;
		}
	#reiter_navi .orange_active {
		background:url(../images_system/orange_reiter.gif) no-repeat center right;
		}
	#reiter_navi .blue, #reiter_navi .blue_active  {
		background:url(../images_system/grey_reiter.gif) no-repeat center right;
		padding:15px 0px 6px 15px;
		}
	#reiter_navi .blue_inactive {
		background:url(../images_system/blue_reiter_inactive.gif) no-repeat center right;
		padding:15px 0px 6px 15px;
		}
	#reiter_navi .blue_active {
		background:url(../images_system/grey_reiter_2.gif) no-repeat center right;
		}
	#reiter_navi .yellow, #reiter_navi .yellow_active  {
		background:url(../images_system/blue_reiter.gif) no-repeat center right;
		padding:15px 0px 6px 15px;
		}
	#reiter_navi .yellow_active {
		background:url(../images_system/blue_reiter_2.gif) no-repeat center right;
		}

	#ruler {
		height:7px;
		overflow:hidden;
		}
	#ruler.orange_active {
		background-color:#cfaa12;
		}
	.blue_active {
		background-color:#737373;
		}
	.yellow_active {
		background-color:#C0D6E2;
		}

/* content */

#shader {
	background:url(../images_system/content_shade.gif) repeat-x;
	height:23px;
	border-top: 1px solid #fff;
	}

#container {
	width:998px;
	margin:10px 0 20px 0px;}
#col_left h2 {
	background-color:#306c99;
	text-transform:uppercase;
	background-image:url(../images_system/col_head_bg.gif);
	background-position:top right;
	background-repeat:no-repeat;
	font-size:12px;
	color:#fff;
	padding:7px;
	margin:0 0 1px 0;

	}
#col_right h2 {
	background-color:#306c99;
	text-transform:uppercase;
	background-image:url(../images_system/col_head_right_bg.gif);
	background-position:top right;
	background-repeat:no-repeat;
	font-size:12px;
	color:#fff;
	padding:7px;
	margin:0 0 1px 0;

	}


h3 {}

p {
	font-size:12px;
	color:#333;
	margin:0 0 5px 0;
	}




/* col left */

#col_left {
	float:left;
	width:204px;
	margin:0 0 0 10px;
	background:url(../images_system/col_bg.gif) repeat-y;
	}
	*html #col_left {
		margin:0 0 0 5px;
		}

/* COL LEFT ////////////////////////////////////////////////// */

#col_left ul {
	font-size:12px;
	line-height:16px;
	font-weight:bold;
	list-style:none;
	padding:10px 0 10px 0;
	margin:0 -10px 5px -7px;
	}
#col_left li {
	padding:2px 0 2px 0px;
	}
#col_left li a {
	color:#5B7A9B;
	text-decoration:none;
	padding:2px 0 3px 23px;
	}
#col_left li a:hover{
	color:#141414;
	text-decoration:underline;
	}
#col_left ul li .inactive {
	color:#141414;
	background:transparent url(../images_system/navi_active.gif) no-repeat scroll 3px 0;
	padding:3px 0 3px 23px;
	display:block;
	}

#col_left ul ul {
	list-style:none;
	padding:5px 0 10px 0;
	/*margin:0 0 5px 0px;*/
	}
#col_left li li {
	display:block;
	padding:0px 5px 0px 0px;
	font-size:11px;
	}
#col_left li li a {
	color:#5B7A9B;
	font-size:11px;
	text-decoration:none;
	display:block;
	padding:2px 0 3px 40px;
	}
#col_left li li a:hover{
	color:#141414;
	text-decoration:underline;
	}

#col_left ul li li .inactive {
	background:transparent url(../images_system/navi_active.gif) no-repeat scroll 11px 0;
	color:#141414;
	font-size:11px;
	padding:2px 0 3px 40px;
	display:block;
	}


/* ausnahmen col_right */

/* col Right */

#col_right {
	float:left;
	width:220px;
	margin:0 0 0 10px;
	background:url(../images_system/col_bg_right.gif) repeat-y;
	}
#col_left p  {
	padding: 7px;
	background:url(../images_system/col_sub_bg.gif) repeat-x #8ab3ca;}

#col_right p {
	padding: 7px;
	background:url(../images_system/col_sub_right_bg.gif) repeat-x #8ab3ca;}


#col_right .weitere_rankings {background:#E7F0F5;border:1px solid #B0CCDD;}
#col_right .weitere_rankings img {margin:5px 0 5px 0;}

#col_right ul {
	font-size:12px;
	line-height:14px;
	font-weight:bold;
	list-style:none;
	padding:10px 0 10px 0;
	margin:0 -10px 5px -10px;
	}
#col_right li a {
	font-size:12px;
	display:block;
	padding:4px 10px 4px 26px;
	margin:0;
	line-height:14px;
	}
	#col_right li .inactive {
		display:block;
		margin:0;
		background:transparent url(../images_system/navi_active_right.gif) no-repeat scroll -1px 0;
		padding:4px 0 4px 26px;
		display:block;

		}
#col_right li li {
font-size:11px;
	margin:0;
	padding:0px 0 0px 10px;
line-height:14px;
	}
#col_right li li li {
	margin:0;
	padding:0px 0 0px 10px;
	}

#col_right li a {

	margin:0;
color:#5B7A9B;
text-decoration:none;
	}
#col_right li a:hover {
	margin:0;
color:#000; text-decoration:underline;
	}





/* middle */

#content {
	float:left;
	width:520px;
	margin:10px 0 0 10px;
	padding:0px 10px 0 10px;
	font-size:12px;
	color:#073754;
	}
#content p {
	font-size:12px;
	color:#073754;
	}
#content h1 {
	font-size:10px;
	color:#5B7A9B;
	}
#content h2 {
	font-size:18px;
	margin:8px 0 12px 0;
	padding:5px 0 6px 0;
	border-bottom:1px solid #BFD6E3;
	color:#5B7A9B;
	background-color:#ffffff;

	text-transform:uppercase;
	font-family:Arial narrow,Arial, Helvetica, sans-serif
	}
#content h2.subhead {
	font-size:16px;
	margin:5px 0 10px 0;
	padding:0 0 6px 0;
	border-bottom:none;
	color:#b28e02;
	background-color:#ffffff;

	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif
	}
#content h2 img {margin-top:-10px;}

#content h2 b {
	color:#5B7A9B;
	}


#content .small {font-size:10px; color:#888}

#content h3 {
	font-size:16px;
	margin:20px 0 10px 0;
	padding:6px 0 6px 0;
	color:#5B7A9B;
	font-weight:bold;
	text-transform:uppercase;
	font-family:Arial narrow,Arial, Helvetica, sans-serif;
	}
#content h3 {padding:8px 5px 5px 5px; border-bottom:1px solid #BFD6E3;background:url(../images_system/bg_pattern.gif);}

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

#content h4 {
	font-size:13px;
	margin:10px 0 5px 0;
	padding:0px 0 6px 0;
	color:#5B7A9B;
	font-weight:bold;
	text-transform:uppercase;
	font-family:Arial narrow,Arial, Helvetica, sans-serif
	}
#content h5 {
	font-size:14px;
	margin:25px 0 5px 0;
	padding:6px 0 6px 0;
	color:#5B7A9B;
	font-weight:normal;
	text-transform:uppercase;
	font-family:Arial narrow,Arial, Helvetica, sans-serif
	}

#content ul {
	margin:0 0 0 0px;
	list-style-type:none;}

#content li {
	background:url(../images_system/bullit_light_blue.gif) no-repeat 0px 5px;
	padding:2px 0 6px 12px;
	color:#073754;
	}
#content a {color:#5B7A9B; font-weight:bold;}

.logo_container{
	text-align:center;
	}
img.logo{
	margin:2px;
	padding:5px;
}
.kleine_karten {margin:-2px 0px 5px 0px; padding:0 0px 0 0;}


/* Table styles */

table {
	width:100%;
	margin:20px 0 20px 0;
	}
th {
	text-align:right;
	font-size:10px;
	color:#666;
	height:18px;
	}
td {
	text-align:right;
	border-bottom:1px solid #E0E4E7;
	font-weight:bold;
font-size:11px;
	color:#5B7A9B;
	}
td.plus {text-align:left; margin:0; padding:0;
	background:url(../images_system/bg_pattern.gif);}
td.minus {text-align:right; margin:0; padding:0;}
td img {
	border:1px solid #84B1D1;
	height:15px;
	margin:0 0 0 0px;
	background:url(../images_system/balken_blue.gif);
	}
td a {
	color:#5B7A9B;
	text-decoration:underline;
	font-weight:bold;
	}
.spitzenwert {
	border:1px solid #A8A7A7;
	height:15px;
	margin:0 0 0 0px;
	background:url(../images_system/balken_yellow.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/bullit_light_blue.gif) no-repeat 0px 5px;
	padding:2px 0 2px 12px;
	color:#073754;
	}

/* footer */

/* -- nur ausnahmen gegen�ber support -- */

#footer {
	height:24px;
	background:url(../images_system/footer_bg.gif) repeat-x;
	padding:10px 0 3px 0;
	}
#footer li a {
	background:url(../images_system/footer_nav_trenner.gif) no-repeat center right;
	color:#658496;
	}


/* specials */

.clearer {
	clear:both;
	font-size:0;
	line-height:0;
	}


/* Downloads ///////////////////////// */

.downloads td {text-align:left;}


/* Stadtactive /////////////////////// */


.stadt_aktiv td {background:#fff14d; color:#000;}


/* Images Pressse //////////////////// */

.logo_container {width:400px;margin:0 0 0 60px; clear:left;}

img.logo {
float:left;margin:0;padding:10px;}
a.logoWrapper {
	display:block;
	float:left;
	height:111px;
	padding:5px;
	width:111px;
}