@import url('yui-reset.css');

*{border:0px solid #eee;margin:0;padding:0;list-style:none}
html,body,#bg,#bg table,#bg td,#cont{width:100%;height:100%;overflow:hidden}
body{font-family:Arial,Helvetica,sans-serif;font-size:10px;cursor:default;background:url(../images/loading.jpg);color:#000}
h1,h2{font-family:"Century Gothic","Lucida Grande",Arial,sans-serif;font-size:40px}
h2,.box div img{padding-bottom:10px}
a{text-decoration:none;color:#000;outline:0}
img{
}

#bg div{position:absolute;width:200%;height:200%;top:-50%;left:-50%}
#bg td{vertical-align:middle;text-align:center}
#bg img{min-height:50%;min-width:50%;margin:0 auto}
#cont{position:absolute;top:0;left:0;z-index:70;overflow:auto}
#box2 { height:56px; border: 0
px solid #BBB;}
#box2 .menu{position:absolute;top:170px;left:15%;z-index:80;width:85%;line-height:12px;}
#box2 .menu div{height:56px;background:#fff;opacity:0.6;filter:alpha(opacity=60);padding:7px 0 0 150px}

.menu h1{position:relative;left:-20%;margin-bottom:-63px;width:20%;opacity:0.99;white-space:nowrap;}
.menu h1 a{padding:41px 10px 10px 0;color:#fff;background: #8e8989 url(go.gif) 0 -30px repeat-x;font-size:11px;text-align:right;display:block;white-space:nowrap;}
.menu h1 a:hover{background: #8e8989 }
ul{float:left;width:80%; border: 1px solid #BBB;}
li a{float:left; height:12px;padding:0 5px;font-weight:bold;color:#000;display:block}
li a:hover,li.cur a{color: #999999}

#box3 h2{font-family:"Century Gothic","Lucida Grande",Arial,sans-serif;font-size:120px; position:absolute;top:50px;left:15%; width:80%; z-index:100;border: 0px solid #BBB;text-transform:uppercase; color:#fff; font-weight:lighter;}


.box{position:absolute;top:320px;left:19%;width:668px; height:455px; background-image:url(../images/karte-quer.png); border: 0px solid #BBB;}
.box div{line-height:1.5em;padding:0px; }
.box div a{text-decoration:underline}
.bilder{ width:950px;height:500px;border:0px;padding:0px 0px 0 12px;_padding:0px 0px 0 12px;
}
.bilderbox{position:absolute;top:320px;left:19%;width:668px; height:455px; background-image:url(../images/karte-quer.png); border: 0px solid #BBB;}
.white{color:#fff}
.kbild{width:120px; height:80px; margin:0px 16px 1em 0px; background-color:#FFFFFF; float:left; padding:0;}

.styleright{position:absolute;top:170px;left:15%;z-index:100;
width:800px;height:20px;text-transform:uppercase;line-height:12px;color:#000;display:block;white-space:nowrap;padding:0 0 0 0;margin:0 0 0 0;}
.styleright:after{display: block;visibility: hidden;margin:0px;}

.styleright ul{border: 0px solid #BBB;height:20px; width:800px;margin:0px 0 0 0px;padding:0px 0 0 0px;color:#004b8d;text-align: left; }
.styleright li{display: inline;margin:0;padding:0; float:right;}

.styleright a{color: #494949;padding: 5px 8px 7px 8px;margin:0;line-height:12px;text-decoration: none;color:#000;border: 0px solid #DADADA;}
.styleright a:hover, .styleright a.selected{ color:#fff;margin:0;padding: 5px 8px 7px 8px;}

.styleleft{
position:absolute;top:208px;left:15%;
z-index:100;
width:400px;
height:20px;
border: 0px solid #BBB;
text-transform:uppercase;
line-height:12px;
color:#000;
display:block;
white-space:nowrap;
padding: 0;
margin:0px 0 0 0;

}

.styleleft:after{ 
display: block; 
clear: both; 
visibility: hidden;
margin:0px;
}

.styleleft ul{
border: 0px solid #BBB;
width: 500px;
height:20px;
margin:0px 0 0 0;
padding: 0px 0 0px 0px;
color:#004b8d;
text-align: left;
}

.styleleft li{
display: inline;
margin:0;
padding:0;
}

.styleleft a{
color: #494949;
padding: 5px 8px 7px 8px;
margin:0;
line-height:12px;
text-decoration: none;
color:#000;
border: 0px solid #DADADA;
}

.styleleft a:hover, .styleleft a.selected{ 
color:#fff;
margin:0;
padding: 5px 8px 7px 8px;
}

a.aktiv{color:#fff;}

.dropmenudiv{
position:absolute;
top: 0px;
border:0px solid #BBB; 
line-height:20px;
z-index:100;
font-size:100%;
width: 160px;
padding: 0px 0 5px 0;
margin:0;
visibility: hidden;
}

.dropmenudiv a{
width: auto;
display: block;
text-indent: 0px;
border-bottom: 0px solid #BBB;
background-color:#ffffff;
white-space:nowrap;
margin:0px;
font-weight:bold;
text-decoration:none;
padding: 0px 0px 5px 8px;
color:#000;

}

* html .dropmenudiv a{ 
width: 100%;
}

.dropmenudiv a:hover{ 
background-color:#ffffff;
text-decoration: underline;
font-weight:bold;
padding: 0px 0px 5px 8px;
}
#flash{margin:28px 0px 0px 110px;}
#accordion {
	width: 350px;
	margin:110px 0px 0px 50px;
}

/* accordion header */
#accordion h2 {
	margin:0;
	padding:1px 0 1px 15px;
	font-size:12px;
	font-weight:bold;
	color:#000;
	cursor:pointer;	
	background-image:url(images/expand.gif);
	background-repeat:no-repeat;
	background-position: left;
}

/* currently active header */
#accordion h2.current {
	cursor:default;
	color: #666666;
	font-weight:bold;
	background-image:url(images/ns-expand.gif);
	background-repeat:no-repeat;
	background-position: left;	
	}

/* accordion pane */
#accordion div.pane {
	display:none;
	height:400px;
	padding:10px;
	color:#000;
	font-size:12px;
}

/* a title inside pane */
#accordion div.pane h3 {
	margin:0 0 0px 0;
	font-size:14px;
	color:#000;
	font-weight:bold;
}