body {
	margin:0;
	margin:0;
	padding:0;
}
a {
	color:#d32232;
	text-decoration:underline;
}
#header {
	background:#86b9fc url(/gfx/himmel.png) repeat-x;
	width:100%;
	height:125px;
	min-width:990px;
}
#logo h1 {
	display:none;
}
#logo {
	display:block;
	width:577px;
	height:112px;
	float:left;
	margin:0;
	padding:0;
	background-image:url(/gfx/logo.png);
	background-repeat:no-repeat;
}
#headerinfo {
	float:left;
	margin:0;
	width:406px;
	background-image:url(/gfx/fahne.png);
	background-position:215px 0px;
	background-repeat:no-repeat;
	height:125px;
}
#headerinfo p {
	padding-top:22px;
	font-size:14px;
	font-family:Droid Serif,Times,Times New Roman,serif;
}
#nav {
	background:#4884b8 url(/gfx/navbg.jpg) repeat-y;
	width:100%;
	height:33px;
}
#nav ul {
	margin:0;
	padding:7px 0 0 42px;
}
#nav li
{
	display: inline;
	list-style-type: none;
	padding-right: 20px;
	font-family:Droid Sans,Arial,Helvetica,sans-serif;
}
#nav a {
	color:#ffffff;
	text-decoration:none;
	font-size:18px;
	font-weight:bold;
}
#nav a:hover {
	color:#81b3fc;
}
#nav a.current {
	color:#81b3fc;
}
#teaserbox {
	width:375px;
	float:right;
	background-color:#e5f1ff;
	padding:8px;
	/*margin-top:60px;*/
}
#outer {
	width:100%;
	clear:both;
	background:#ffffff url(/gfx/topshadow.png) repeat-x;
	padding-top:41px;
}
#contentwrap {
	position:relative;
	left:31px;
	width:937px;
}
#content {
	width:510px;
}
.contentbox  {
	line-height:130%;
	margin-bottom:16px;
	padding:8px 10px;
	font-family:Droid Sans,Arial,Helvetica,Geneva,sans-serif;
	border-bottom:1px dotted #999999;
}
#accordion p {
	font-size:13px !important;
}
#accordion h3 {
	font-size:18px !important;
	color:#164E9F !important;
	font-weight:bold;
	margin-top:0;
	font-family:Droid Sans,Arial,Helvetica,Geneva,sans-serif;
}
#accordion .lthumb {
	width:130px;
	height:130px;
	float:left;
}
#accordion .lthumb img {
	border:none;
}


.contentbox h1 {
	font-size:18px;
	color:#164E9F;
	margin-top:0;
	font-family:Droid Sans,Arial,Helvetica,Geneva,sans-serif;
}
.contentbox h2 {
	font-size:15px;
	color:#164E9F;
}
.contentbox h1 a {
	color:#164E9F;
	text-decoration:none;
}
.contentbox {
	margin:10px 0;
	font-size:13px;
}
p.info  {
	font-size:11px;
	font-style:normal;
	color:#888888;
}
p.info a {
	color:#888888;
	text-decoration:none;
}
p.info a:hover {
	text-decoration:underline;
}
#footerwrap {
	margin-top:30px;
	clear:both;
	width:100%;
	background-color:#81b3fc;
}
.prevnext {
	font-family:Droid Sans,Arial,Helvetica,Geneva,sans-serif;
	font-size:12px;
}
#footer {
	font-family:Droid Sans,Arial,Helvetica,Geneva,sans-serif;
	font-size:11px;
	padding:8px 31px;
}
#footer a {
	color:#ffffff;
	text-decoration:none;
}
.kopfbox { width:150px;float:left;padding-bottom:16px;height:200px; }
.kopfimg { padding-bottom:1px;margin:0 auto; width:130px; }
.kopfnam { background-color:#164E9F;width:130px;margin:0 auto;text-align:center; font-size:12px; font-weight:bold;padding:3px 0;color:white; }
.kopfpos { text-align:center; font-size:10px; padding-top:2px; }


.teaserentry {
	margin-bottom:20px;
	width:125px;
	float:left;
}

/* lightbox START */

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/lightbox/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	

/* lightbox END */

.imgflow {
	float:left;
	width:120px;
	height:120px;
}

#twitter_div {
	border:1px solid #88b;
	font-family:Droid Sans,Arial,sans-serif;
	font-size:12px;
}
#twitter_div .header {
	margin:0px;
	padding:0px;
	display:block;
	width:364px;
	height:51px;
	background-image:url(twittertitle.jpg);
	background-repeat:none;
}
#twitter_div h2 {
	display:none;
}
#twitter_div ul {
	list-style-type:none;
	text-indent:0px;
	margin:0px 0px;
	padding:0px;
}
#twitter_div li {
	display:block;
	width:348px;
	background-image:url(bluegrad.png);
	background-repeat:repeat-x;
	background-color:#e5f1ff;
	padding:8px 8px;
}
#twitter-link {
        background-image:url(bluegrad.png);
        background-repeat:repeat-x;
        padding:8px 8px;
}

