@CHARSET "UTF-8";

/*********** BASICS ***********************************************/

body {
	margin:0;
	padding:0;
   	font-size:12px;
   	font-family:Arial, sans-serif;
   	color:#000;
   	background:url(/img/design/bg.jpg) repeat left top;
   	background-attachment:fixed;
   	background-repeat:repeat-x;
   	background-color:#FFF;
}

a {
	text-decoration:none;
	color:#8b181e;
}
a:hover {
	text-decoration:none;
	color:#b9a573;
}

img { border:0px; }

hr { height:1px; color:#8b181e; background-color:#8b181e; border: none; }

select {
	border:1px solid #b9a573;
	font-size:12px;
   	font-family:Arial, sans-serif;
   	padding:2px;
}

table { margin:0;border:none;padding:0;outline:none;text-decoration:none;width:100%; }
table td { margin:0;border:none;padding:0;outline:none;text-decoration:none; }

.clear { clear:both; }

h1 {
	padding:0;
	margin:0;
}


/*********** DESIGN ***********************************************/


.headerleiste {
	position:fixed;
	width:100%;
	height:58px;
	background:url(/img/design/css/headerbg.png);
	top:0;
	left:0;
	-webkit-box-shadow: 5px 5px 15px #303030;
	-moz-box-shadow: 5px 5px 15px #303030;
	box-shadow: 5px 5px 15px #303030;
	z-index:2000;
}
.headercontent {
	position:relative;
	margin:auto;
	width:1000px;
}

.headerlogo {
	width:235px;
	height:47px;
	float:left;
	position:relative;
	z-index:50;
}

.headertext {
	width:325px;
	height:35px;
	float:left;
	padding:3px;
	margin-left:45px;
	margin-top:3px;
}
.headertext h3 {
	font-family:Germania One;
	font-size:20px;
	margin:0;
	padding:0;
}
.headertext a {
	font-weight:bold;
	margin-right:10px;
}


.tutorial {
	position:relative;
	top:-10px;
	background-color:#eee2c4;
	padding:8px;
	color:#000;
	
	-moz-border-radius:10px; /* Firefox */
	-webkit-border-radius:10px; /* Safari, Chrome */
	-khtml-border-radius:10px; /* Konqueror */
	border-radius:10px; /* CSS3 */
}


.headerwappen {
	position:absolute;
	height:120px;
	width:120px;
	top:8px;
	left:940px;
	z-index:500;
}


.headernews {
	position:absolute;
	background-image:url(/img/design/css/headernews.png);
	width:60px;
	height:95px;
	top:0px;
	left:565px;
	z-index:500;
}
.headernews:hover {
	background-image:url(/img/design/css/headernewson.png);
}

.headerhilfe {
	position:absolute;
	background-image:url(/img/design/css/headerhilfe.png);
	width:60px;
	height:95px;
	top:0px;
	left:630px;
	z-index:500;
}
.headerhilfe:hover {
	background-image:url(/img/design/css/headerhilfeon.png);
}

.headeruser {
	position:absolute;
	background-image:url(/img/design/css/headeruser.png);
	width:60px;
	height:95px;
	top:0px;
	left:690px;
	z-index:500;
}
.headeruser:hover {
	background-image:url(/img/design/css/headeruseron.png);
}


.headergulden {
	position:absolute;
	background-image:url(/img/design/css/headergulden.png);
	width:145px;
	height:95px;
	top:0px;
	left:760px;
	z-index:500;
}
.headergulden:hover {
	background-image:url(/img/design/css/headerguldenon.png);
}



.headlogo {
	position:absolute;
	height:70px;
	width:70px;
	top:40px;
	left:-50px;
	z-index:500;
}





#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	text-align:center;
}

#nav li { /* all list items */
	float: left;
	width: 220px; /* width needed or else Opera goes nuts */
	padding:0px;
}

#nav li ul { /* second-level lists */
	position: absolute;
	padding:8px;
	background-color:#431403;
	width: 220px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	z-index:400;
	text-align:center;
	color:#FFF;
	
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	-khtml-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: -60px;
	z-index:400;
}





.headpremiuminaktiv {
	position:absolute;
	height:60px;
	width:60px;
	top:125px;
	left:-61px;
	z-index:500;
	background-image:url(/img/design/navi/icon_premium_inaktiv.png);
}
.headpremium {
	position:absolute;
	height:60px;
	width:60px;
	top:125px;
	left:-61px;
	z-index:500;
	background-image:url(/img/design/navi/icon_premium_aktiv.png);
}
.headpremiuminaktiv:hover {
	background-image:url(/img/design/navi/icon_premium_on.png);
}
.headpremium:hover {
	background-image:url(/img/design/navi/icon_premium_on.png);
}



.headberichte {
	position:absolute;
	height:60px;
	width:60px;
	top:175px;
	left:-61px;
	z-index:500;
	background-image:url(/img/design/navi/icon_berichte.png);
}
.headberichteneu {
	position:absolute;
	height:60px;
	width:60px;
	top:175px;
	left:-61px;
	z-index:500;
	background-image:url(/img/design/navi/icon_berichte_new.png);
}
.headberichte:hover {
	background-image:url(/img/design/navi/icon_berichte_on.png);
}


.headnach {
	position:absolute;
	height:60px;
	width:60px;
	top:225px;
	left:-61px;
	z-index:500;
	background-image:url(/img/design/navi/icon_nach.png);
}
.headnachneu {
	position:absolute;
	height:60px;
	width:60px;
	top:225px;
	left:-61px;
	z-index:500;
	background-image:url(/img/design/navi/icon_nach_new.png);
}
.headnach:hover {
	background-image:url(/img/design/navi/icon_nach_on.png);
}


.headforum {
	position:absolute;
	height:60px;
	width:60px;
	top:275px;
	left:-61px;
	z-index:500;
	background-image:url(/img/design/navi/icon_forum.png);
}
.headforumneu {
	position:absolute;
	height:60px;
	width:60px;
	top:275px;
	left:-61px;
	z-index:500;
	background-image:url(/img/design/navi/icon_forum_new.png);
}
.headforum:hover {
	background-image:url(/img/design/navi/icon_forum_on.png);
}


.headallianz {
	position:absolute;
	height:60px;
	width:60px;
	top:325px;
	left:-61px;
	z-index:500;
	background-image:url(/img/design/navi/icon_allianz.png);
}

.headallianzneu {
	position:absolute;
	height:60px;
	width:60px;
	top:325px;
	left:-61px;
	z-index:500;
	background-image:url(/img/design/navi/icon_allianz_new.png);
}
.headallianz:hover {
	background-image:url(/img/design/navi/icon_allianz_on.png);
}


.headcharts {
	position:absolute;
	height:60px;
	width:60px;
	top:375px;
	left:-61px;
	z-index:500;
	background-image:url(/img/design/navi/icon_hitlist.png);
}
.headcharts:hover {
	background-image:url(/img/design/navi/icon_hitlist_on.png);
}


.headnotiz {
	position:absolute;
	height:60px;
	width:60px;
	top:430px;
	left:-60px;
	z-index:500;
	background-image:url(/img/design/navi/icon_notiz.png);
}
.headnotiz:hover {
	background-image:url(/img/design/navi/icon_notiz_on.png);
}


.contentmain {
	position:relative;
	margin:auto;
	width:990px;
	height:100%;
	padding:30px 0 30px 30px;
	margin-top:55px;
	padding-top:50px;
	
	-webkit-box-shadow: 2px 2px 2px #393939;
	-moz-box-shadow: 2px 2px 2px #393939;
	box-shadow: 2px 2px 2px #393939;
	
	background-repeat:no-repeat;
	background-color:#FFF;
	
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
	border-radius:10px;
	padding-bottom:25px;
}

.content {
	margin:auto;
	width:1150px;
	position:relative;
}


.footer {
	margin:auto;
	width:980px;
	height:30px;
	padding:10px;
	margin-top:0px;
	color:#FFF;
	font-size:11px;
	font-weight:bold;
	text-align:right;
	background-image:url(/img/design/css/footer.png);
	background-repeat:no-repeat;
}
.footer a {
	color:#FFF;
	margin-left:20px;
}


.navi  {
	width:330px;
	padding:8px;
	background-color:#431403;
	position:absolute;
	top:0px;
	left:0px;
	z-index:60;
	
	-moz-border-radius:  10px 0 10px 0;
	-webkit-border-radius: 10px 0 10px 0;
	-khtml-border-radius:10px 0 10px 0;
	border-radius:10px 0 10px 0;
}

.navip {
	float:left;
	width:100px;
	text-align:center;
	position:relative;
}

.navi a {
	color:#FFF;
}

.navi a:hover {
	color:#eee2c4;
}



.naviress  {
	width:650px;
	padding:4px;
	background-color:#eee2c4;
	border:2px solid #431403;
	border-top:0;
	position:absolute;
	top:0px;
	left:335px;
	font-size:11px;
	z-index:70;
	height:43px;
	
	-moz-border-radius:  0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	-khtml-border-radius:0 0 10px 10px;
	border-radius:0 0 10px 10px;
	
	-webkit-box-shadow: 2px 1px 3px #000;
	-moz-box-shadow:2px 1px 3px #000;
	box-shadow: 2px 1px 3px #000;
}

.naviress b { font-size:13px; }

.navire {
	float:left;
	width:65px;
	text-align:center;
	position:relative;
}







.loginfeld {
	margin-bottom:20px;
}

.loginfeld th {
	color:#FFF;
	background-color:#8b181e;
	padding:6px;
}

.loginfeld td {
	padding:3px;
	border:0;
	background-color:#eee2c4;
}

.loginfeld input {
	width:200px;
	border:1px solid #b9a573;
	font-size:12px;
   	font-family:Arial, sans-serif;
   	padding:3px;
   	background-color:#FFF;
}







#map_canvas {
	width:950px;
	height:500px;
	border:1px solid #431403;
	padding:2px;
}

.formabstand {
	width:250px;
}

.contentbox {
	border:1px solid #eee2c4;
	padding:5px;
	background-color:#b9a573;
	margin:0;
	margin-bottom:-15px;
	font-size:14px;
	line-height:1.4em;
}

.contentbox2 {
	margin:0;
	margin-bottom:-15px;
	font-family:Germania One;
	font-size:20px;
}








.citymoti {
	position:absolute;
	left:380px;
	top:70px;
	background-color:#8b181e;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	padding:5px;
	z-index:800;
}

.citymoti a { color:#FFF; }
.citymoti a:hover { color:#FFF; }




input.checkbox { width:20px; text-align:right; }


.start {
	border:2px solid #b9a573;
	background-color:#eee2c4;
	padding:8px;
	-moz-border-radius:10px; /* Firefox */
	-webkit-border-radius:10px; /* Safari, Chrome */
	-khtml-border-radius:10px; /* Konqueror */
	border-radius:10px; /* CSS3 */
}







.tippliste td {
	padding:5px;
}

.tippliste th {
	background-color:#8b181e;
	color:#FFF;
	padding:5px;
}

.tippliste input {
	width:35px;
	border:1px solid #b9a573;
}



.citymap {
	position:absolute;
	top:10px;
	left:0;
	width:1020px;
	height:700px;
	z-index:5;
}


.citymapnews {
	position:absolute;
	right:0px;
	top:190px;
	width:200px;
	background-color:#eee2c4;
	-moz-border-radius:  10px 0 0 10px;
	-webkit-border-radius: 10px 0 0 10px;
	-khtml-border-radius:10px 0 0 10px;
	border-radius:10px 0 0 10px;
	padding:10px;
	text-align:right;
	border-right:1px solid #FFF;
	
	border:2px solid #b9a573;
	border-right:0;
	
	-webkit-box-shadow: 0px 3px 3px #000;
	-moz-box-shadow: 0px 3px 3px #000;
	box-shadow: 0px 3px 3px #000;
}


.citymaptut {
	position:absolute;
	right:0px;
	top:180px;
	width:280px;
	background-color:#eee2c4;
	-moz-border-radius:  10px 0 0 10px;
	-webkit-border-radius: 10px 0 0 10px;
	-khtml-border-radius:10px 0 0 10px;
	border-radius:10px 0 0 10px;
	padding:10px;
	border-right:1px solid #FFF;
	z-index:900;
	
	-webkit-box-shadow: 0px 3px 3px #000;
	-moz-box-shadow: 0px 3px 3px #000;
	box-shadow: 0px 3px 3px #000;
}

.citymapnews input {
	background-color:#eee2c4;
	border:1px solid #b9a573;
	width:70px;
}


.citymapstufe {
	position:absolute;
	left:90px;
	top:40px;
	z-index:100;
	font-weight:bold;
	width:13px;
	height:13px;
	text-align:center;
	padding:6px;
	background-image:url(/img/city/stufe.png);
}


.citymapausbau {
	position:absolute;
	left:60px;
	top:10px;
	z-index:100;
}


.citymaplink {
	position:absolute;
	left:70px;
	top:30px;
	font-weight:bold;
	background-color:#431403;
	width:160px;
	padding:4px;
	text-align:center;
}



.startform input {
	border:1px solid #000;
	background-color:#067ba8;
	padding:5px;
	color:#FFF;
	width:220px;
}

.startform a {
	color:#FFF;
}
.startform a:hover {
	color:#C2C2C2;
}



.navi_box_news {
	position:relative;
	width:300px;
	height:188px;
	right:-2px;
	background-image:url(/img/design/navi/box_news.png);
}

.navi_box_news a {
	color:#FFF;
	font-weight:bold;
}
.navi_box_news a:hover {
	color:#c2c2c2;
	font-weight:bold;
}

.navi_box_suche {
	position:relative;
	width:300px;
	height:137px;
	right:-2px;
	background-image:url(/img/design/navi/box_suche.png);
}

.navi_box_suche input {
	border:2px solid #0c6a8e;
	background-color:#FFF;
	color:#0c6a8e;
	width:200px;
	-moz-border-radius:  10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	-khtml-border-radius:10px 10px 10px 10px;
	border-radius:10px 10px 10px 10px;
	padding:3px;
}


.navi_box_userwerben {
	position:relative;
	width:300px;
	height:110px;
	right:-2px;
}

.navi_box_werbung {
	position:relative;
	width:300px;
	height:250px;
	right:0px;
}




.tooltip { position:relative; }
.tooltip span { display:none; z-index:250; }
.tooltip:hover span {
	display:block;
	position:absolute;
	width:180px;
	top:20px;
	right:-140px;
	background-color:#eee2c4;
	border:1px solid #b9a573;
	padding:5px;
	font-size:11px;
	color:#333333;
	text-decoration:none;
	-moz-border-radius:  10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	-khtml-border-radius:10px 10px 10px 10px;
	border-radius:10px 10px 10px 10px;
}