@charset 'utf-8';

html {
	background:#8499a4 url('../_images/bg/body.jpg');
	margin:0;
	padding:0;
}
body {
	font-size:11px;
	font-family: Arial,Helvetica,Verdana,Sans-Serif;
	background: rgb(153,170,179); url('../_images/bg/body.jpg');
	margin:0;
	padding:0
	text-align:center;
	color:#222;
	
}
form {
	padding:0;
	margin:0;
	border:none;
	outline:none;
}
a {
	text-decoration:none;
	color:#042b6d;
}
a:hover {
	color:#002656;
	text-decoration:underline;
}


a:focus {
	outline:none;
}
ul,li {
	
}
h1, h2, h3, h4, h5, h6 {
	font-size:12px !important;
	line-height:1.1em;
	
}


#pageouter {
	margin:0 auto;
	width:100%;
	float:left;
}


#page, #header, #inhalt, #footer {
	margin:0 auto;
	padding:0;
	position:relative;
	top:0;
	left:0;
	width:776px;
	text-align:left;
	
}
#header, #inhalt, #footer {
	float:left;
}

#pageinner {
	background: url('../_images/bg/page.jpg')  717px 0 no-repeat;
	padding-top:10px;
	float:left;
}

#header {
	background: url('../_images/bg/header/home.jpg') 0 100% no-repeat;
	height:200px;
	position:relative;
}
#header a#logo {
	width:280px;
	height:140px;
	display:block;
	float:left;
	position:absolute;
	left:10px;
	top:48px;
}
#header a#logo span {
	display:none;
}
#header ul {
	float:right;
	list-style-type:none;
	padding:0;
	margin:0;
	position:absolute;
	height:27px;
	top:20px;
	right:18px;
}
#header ul li {
	float:left;
	padding:0;
	margin:0;
	height:27px;
}
#header ul li a {
	float:left;
	padding:0;
	margin:0;
	display:block;
	height:27px;
	line-height:27px;
	background-position: 0 0;
	background-repeat: no-repeat;
	width:85px;
	text-align:center;
}



#header ul li a span {
	display:none;
	color:#fff;
}
#header a#information {
	background-image:url('../_images/navi/information.gif') !important;
	width:85px;
}
#header a#aktuelles {
	background-image:url('../_images/navi/aktuelles.gif') !important;
	width:106px;
}
#header a#mitmachen {
	background-image:url('../_images/navi/mitmachen.gif') !important;
	width:85px;
}
#header a#kampagne {
	background-image:url('../_images/navi/kampagne.gif') !important;
	width:85px;
}
#header a#downloads {
	background-image:url('../_images/navi/downloads.gif') !important;
	width:91px;
}
#header ul li a:hover, #header ul li a.akt {
	background-position: 0 100%;
}


#inhalt {
	background: url('../_images/bg/inhalt.jpg') repeat-y 0 0;
	padding:10px 0 30px 0;
	
}
#inhalt div.left {
	float:left;
	width:250px;
	padding-left:30px;
}
#inhalt div.left h3 {
	color:rgb(18,48,103);
	font-size:12px;
	padding-bottom:0;
	margin-bottom:0;
}
#minimap {
	background: url('../_bilder/karte.gif')  0 0 no-repeat;
	width:220px;
	height:331px;
	position:relative;
	top:0;
	left:10px;
}
#minimap a {
	position:absolute;
	width:50px;
	height:50px;
	padding:1px;
	background: url('../_images/ic/minimap.gif')  50% 50% no-repeat;
	-moz-opacity:0.70;
	opacity:0.70;
	filter:alpha(opacity=70);
}
#minimap a:hover {
	border:1px solid #003981;
	-moz-border-radius:3px;
	-ms-border-radius: 3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	padding:0;
	-moz-opacity:1.00;
	opacity:1.00;
	filter:alpha(opacity=100);
}
ul.menu, ul.linklist{
	float:left;
	list-style-type:none;
	padding:5px 0;
	margin:0;
	
}

ul.menu li, ul.linklist li {
	padding:0;
	margin:0;
	

}
ul.menu li a, ul.linklist li a, a.linklist {
	float:left;
	padding:5px 0 5px 15px;
	margin:0;
	display:block;
	background-position: 0 .6em;
	background-repeat: no-repeat;
	background-image: url('../_images/ic/pfeil.gif');
	width:235px;
	text-align:left;
	line-height:1.2em;
	color:#8499a4;
	font-weight:bold;
	border-bottom:1px solid #8499a4;
	
}
ul.linklist li a, a.linklist {
	border-bottom:none;
}
ul.menu li a:hover, ul.menu li a.akt, ul.linklist li a:hover, a.linklist:hover {
	background-position: -978px .6em;
	color:#003981;
	text-decoration:none;
}
div.right p {

}

#inhalt div.right {
	float:right;
	width:405px;
	padding-right:45px;
	line-height:1.6em;
}
ul.bulletlist {
	margin-left:0;
	padding-left:18px;
	list-style-image: url(../_images/ic/ab.gif);
	list-style-position:outside;
	padding-top:0;
}
ul.bulletlist li{
	
	padding-bottom:10px;
	margin-left:0px;
}

img.portrait {
	float:left;
	width:68px;
	border:1px solid #8499a4;
	/*display:none; temporär*/
}

div.shrinker {
	height:47px;
	overflow:hidden;
	border-bottom:1px dotted #8499a3;
	width:100%;
	font-size:11px;
	cursor:s-resize;
	padding-bottom:5px;
	line-height:1.2em;
	background: url('../_images/ic/pfeildown.gif') no-repeat 396px 100%;
}
div.shrinker:hover {
	background: url('../_images/ic/pfeildown.gif') no-repeat 100% 100%;
}
div.shrinker b {
	font-size:12px;
	color:#8499a4;
}
div.shrinker .txt {
	width:325px;
	color:#999;
}



div.shrinker:hover .txt {
	color:#222;
}
div.shrinker:hover b {
	color:#003981;
}

div.shrinker img.portrait {
	width:40px;
	display:none; /*temporär*/
}


div.shrinkerakt {
	height:auto;
	overflow:auto;
	border-bottom:1px solid #8499a4;
	width:100%;
	font-size:12px;
	padding-bottom:15px;
}
div.shrinkerakt .txt {
	width:325px;
}
div.shrinkerakt .special .txt {
	width:305px;
}
div.shrinkerakt b {
	font-size:14px !important;
	color:#003981 !important;
}
div.shrinkerakt .special {
	padding:4px;
	background: #fef0cf;
	float:left;
	width:396px;
	-moz-border-radius:3px;
	-ms-border-radius: 3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
div.shrinker .special {
	background: #fef0cf !important;
	float:left;
	padding:0 4px 0 4px;
	width:397px;
	-moz-border-radius:3px;
	-ms-border-radius: 3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}


a.thumb140 {
	display:block;
	float:left;
	position:relative;
	widht:140px;
	height:auto;
}
a span.zoom {
	position:absolute;
	bottom:0;
	right:0;
	width:19px;
	height:19px;
	background: url('../_images/ic/zoom.gif') no-repeat 0 0;
	-moz-opacity:0.70;
	opacity:0.70;
	filter:alpha(opacity=70);
}
a.empfehlen {
	display:block;
	position:absolute;
	right:20px;
	top:15px;
	width:20px;
	height:20px;
	background: url('../_images/ic/empfehlen.gif') no-repeat 100% 0;
	overflow:hidden;
}
a.empfehlen:hover {
	background-position: 100% 100% !important;
	text-decoration:none;
	overflow:visible;
}
a.doc, a.vid, a.img, a.zip {
	display:block;
	line-height:20px;
	padding-left:25px;
	background: url('../_images/ic/doc.gif') no-repeat 0 0;
}
a.vid {
	background: url('../_images/ic/vid.gif') no-repeat 0 0;
}
a.img {
	background: url('../_images/ic/img.gif') no-repeat 0 0;
}
a.zip {
	background: url('../_images/ic/zip.gif') no-repeat 0 0;
}
a.doc:hover, a.vid:hover, a.img:hover,a.zip:hover, a:hover span.zoom {
	background-position: -780px 0 !important;
}
span.liame {
	display:block;
	height:18px;
	width:240px;
	background: url('../_images/bg/liame.gif') no-repeat 0 50%;
}


#footer {
	background: url('../_images/bg/footer.jpg') no-repeat 0 0;
	padding-top:20px;
}

#footer ul {
	float:left;
	list-style-type:none;
	padding:0;
	margin:0;
	position:relative;
	left:30px;

}
#footer ul li {
	float:left;
	padding:0;
	margin:0;
	
}
#footer ul li a {
	float:left;
	padding:0 10px;
	margin:0;
	display:block;
	color:#000;
	font-weight:bold;
	
}



