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


html { 
	min-height: 100%; 
}


body {
	background-color: #32353a;
	background-attachment: fixed;
	background-position: top center;
}


#page {
	position: relative;
	width: 740px;
	margin-left:auto;
	margin-right:auto;
	background-color: #32353a;
}


#shadow {
	width: 740px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/shgl3.gif);
	background-repeat: repeat-y;
}


#top {
	position: relative;
	width: 740px;
	height: 65px;
	margin-left:auto;
	margin-right:auto;
	background-image: url(images/top.gif);	
}

.top {
	text-align:right;
	padding:40px 0 20px 0;
	margin-right:20px;
	color:#6f7f94;
	font-size:9px;
}

.top a{ color:#6f7f94; text-decoration:none}
.top a:hover{
	text-decoration:underline;
}


#flash {
	position: relative;
	margin-left: 0px;
	margin-right:auto;
	width: 740px;
	height: 272px;
}


#navi {
	position: relative;
	width: 740px;
	height: 60px;
	margin-left:auto;
	margin-right:auto;
}

.navi { background:url(images/navi.jpg) 0 0 repeat-x; width:100%; height:60px; text-align:center;}


#content {
	position: relative;
	width:740px;
	height:100%;
	margin-left: 20px;
	margin-right:auto;
	background:#32353a;
}

#contentPadding {
	padding: 40px 60px 60px 40px;
}

#contentImpressum {
	position: relative;
	width:740px;
	height:100%;
	margin-left: 20px;
	margin-right: 60px;
	background: #cccccc url(images/content_bg.gif) 0 0 repeat-x;
}

#contentPaddingImpressum {
	padding: 40px 60px 60px 55px;
}

.contentStart { 
	font-family: Arial, Verdana, sans-serif;  
	font-size:12px; 
	line-height:1.5em;
	color: #ffffff;
}

#contentLeft {
	float: left;
	width: 150px;
	margin-left: 10px;
	bottom: auto;
}

#contentRight {
	float: left;
	width: 700px;
	margin-left: 0px;
}

#news {
	float: left;
	margin-top: 50px;
}

#iso {
	float: left;
	margin-top: 20px;
}


#impressum {
	position: relative;
	width: 740px;
	height: 51px;
	margin-left:auto;
	margin-right:auto;
	background-image: url(images/footer.gif);
}

.impressum {
	text-align:left;
	margin-left: 305px;
	padding:20px 0 20px 0;
	color:#6f7f94;
	font-size:9px;
}

.impressum a{ color:#6f7f94; text-decoration:none}
.impressum a:hover{ text-decoration:underline;}



a, address, blockquote,
caption, cite, dfn, dl, dt,
fieldset, form, h1, h2,
img, label, legend, hr,
ul, ol, li, option, p, q, body,
select, textarea, td, th, div {
  	font-family: Verdana, Arial, sans-serif;
  	font-size: 10px;
	font-weight: normal;
  	border: 0px;
  	margin: 0px;
  	padding: 0px;
	color: #aaaaaa;
}


a:link,
a:visited,
a:active,
a:hover {
  text-decoration: none;
}
a:hover {
  color: #a5bad6;
}


.link a{ color:#6f7f94; text-decoration:none}
.link a:hover{ text-decoration:underline; color: #a5bad6;
}


.subnavi a{ font-size: 9px;
	margin: 0px 0px 10px 0px;
	font-weight:bold; color: #226b8e; text-decoration:none}
.subnavi a:hover{  color: #a5bad6;
	text-decoration:underline;
}


h1 {
	font-size: 16px;
	margin: 0px 0px 30px 0px;
	color: #ffffff;
	font-family: Arial, Verdana, sans-serif;
}

h2 {
	font-size: 9px;
	margin: 0px 0px 10px 0px;
	font-weight:bold;
	color: #ffffff;
}


p {
  padding: 0px 0px 0.5em 0px;
	line-height: 1.5em
}


.clear {
	clear: both;
	height: 0px;
	line-height: 0px;
	overflow: hidden;
}


.line{
	margin-top:5px;
	height:1px;
	background-color: transparent;
	background-image: url(images/line.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
}


.col{ padding:49px 0 24px 0;}
.col a{ color:#6f7f94; text-decoration:none}
.col a:hover{ text-decoration:underline; color: #a5bad6;
}


.h_f{ height:26px;}




#subNavigation{
	position: absolute;
	top: 50px;
	left: 547px;
	width: 181px;
	height: 290px;
	background:#ecede9 url('../img/logo_bottom_sub.gif') no-repeat left top;
	border-right: 1px solid #605f5d;
}
#subNavigation div#submenu{
    margin:68px 0 0 0;
    padding:2px 0 0 0;
    background:transparent url('../img/subnaviln.gif') repeat-x left top;
}
#subNavigation div#submenu div{
   list-style-type:none;
   padding:0;
   margin:0;
}
#subNavigation div#submenu div a{
		font-size: 9px;
   text-decoration:none;
   display:block;
   font-weight:bold;
   margin:0;
   padding:3px 0 6px 19px;
   background:transparent url('../img/subnaviln.gif') repeat-x left bottom;
} 
#subNavigation div#submenu div a:hover,
#subNavigation div#submenu div a.active {
    background-color:#fff;
}
#subNavigation div#lgSelector p a{
	height:27px;
	text-decoration:none;
	display:block;
	padding:8px 0 0 10px;
	margin:0 0 0 20px;
	width:151px;
	background:#ffffff url('../img/arrow_blue.gif') no-repeat 0 12px;    
}
#subNavigation div#lgSelector p a:hover {
  color: #6bcae2;
}

#subNavigation div#lgSelector p{
    position:absolute;
    bottom:0;
    background-color:#fff;
}


#mainimg{
	position: absolute;
	top: 50px;
	left: 0px;
	width: 727px;
	height: 301px;
	background:#fff url('../img/start_mainbg.jpg') no-repeat left top;
	border-left: 1px solid #605f5d;
	border-right: 1px solid #605f5d;
}


#bilderstapel {
	background-color: black;
	height:185px;
	width: 500px;
}

#bilderstapel img {
	position:absolute;
	height:272px;
	width: 740px;
	z-index:1;
}

#bilderstapel img.obersteebene {
	z-index:3;
}

#bilderstapel img.mittlereebene {
	z-index:2;
}

#slideshow {
    position:relative;
    height:272px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}