@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{display:block}

#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}
#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 url(../images/go.gif) 0 43px repeat-x;}
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;}

p:first-letter { font-size:250%;}

table{
line-height:1.3em;
width:350px;
font-size: 11px;
color:#77675B;
margin:0px 0 10px 0;

}

.box{position:absolute;top:235px;left:25%;width:456px; height:618px; background-image:url(../images/karte-hoch.png); border: 0px solid #BBB;}
.box div{line-height:1.5em;padding:0px; }
.box div a{text-decoration:underline}

.white{color:#fff}
.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; 
visibility: hidden;
margin:0px;
}

.styleleft ul{
border: 0px solid #BBB;

width: 400px;
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 span{
color: #494949;
padding: 5px 8px 7px 8px;
margin:0;
line-height:12px;
text-decoration: none;
color:#000;
border: 0px solid #DADADA;
}

a.aktiv{color:#fff;}


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

}

.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;

}
.dropmenudiv a.aktivdrop{text-decoration:underline;}

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

.dropmenudiv a:hover{ 
background-color:#ffffff;
text-decoration: underline;
font-weight:bold;
padding: 0px 0px 5px 8px;


}

/* @group Accordion */


#accordion {
	margin:0px 0px;
	width: 355px;
	height:200px;
	position:absolute;
	top: 110px;
	left:50px;
	z-index:100000;
}

h4.toggler {
	cursor: pointer;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	background-color:#FFFFFF;
	color:#77675B;
	margin:  0px 0 4px 0px;
	padding:1px 0 1px 15px;
	background-image:url(../images/expand.gif);
	background-repeat:no-repeat;
	background-position: left;
	
}
h4.toggler.open {
	cursor: pointer;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	background-color:#FFFFFF;
	color:#77675B;
	margin:  0px 0 4px 0;
	padding:1px 0 1px 15px;
	background-image:url(../images/ns-expand.gif);
	background-repeat:no-repeat;
	background-position: left;	
}

.element table tr {
height:20px;
}
td{
 line-height:12px
}
.element table{
padding:0px 3px 5px 1px;
}
div.element p, div.element h4 {
	margin:0px;
	padding:100px;
	
}