/*lebensgut*/
*{
margin: 0;
padding: 0;}

/*Allgemeines*/

body { font-family: verdana;
background-color: #aaa;
text-align: center;
font-size: 12px;
line-height: 20px;
scrollbar-3dlight-color: #777; 
scrollbar-arrow-color: #777; 
scrollbar-base-color: #777; 
scrollbar-darkshadow-color: #777; 
scrollbar-face-color: #fff; 
scrollbar-highlight-color: #fff; 
scrollbar-shadow-color: #fff;
}


p{text-align: left;}

ul{list-style: none;}
li{margin: 0 10;}

/*externe Links*/
.ex a  { color: #444; background: url(../../standardelemente/nav/extern_a.gif) no-repeat right 2px; padding-right: 14px }

.ex a:hover  { color: #444; background: url(../../standardelemente/nav/extern_b.gif) no-repeat right 2px; padding-right: 14px }

/*typografie*/


.fliess    { color: #000; font-size: 10pt; font-family: Arial; line-height: 18px }
.fliess b  { color: #fff; font-weight: 500; line-height: 22px; background-color: #f00 ; }





/*RahmenContainer*/

#wrap{

position: relative;
height:580px;
max-height:100%;
width: 950px;
background-color: #eee;
text-align: center;
margin: 0 auto;
border: 0px solid #000000;
overflow: visible ;

}

/*verweis zum Rgut*/

#back{top:0px; left: 0;background-color: #f30; position: absolute; width:100px;
 height:30px }
 
#back p a{ padding: 5; font-size:13px; font-weight: bold;font-family: "Trebuchet MS";color: #fff}
#back p a:hover{ padding: 5;text-decoration: underline; font-size:13px;font-family: "Trebuchet MS"}

/*mainCon*/
* html #mainCon{left: 0px;}

#mainCon { 
margin-left:100px;top: 0;
width:450px; height: 100%;
max-height: auto;
background-color: #fff;
border-left: 0px solid #ddd; 
z-index: 10; position: absolute;  }

#mainCon img {margin:20 20 0 20;border: 0 #fff solid}
#mainCon p{text-align: left;margin-left:20px;margin-bottom:15;}
a{text-decoration: none;color: inherit; cursor: pointer}

/*Tooltip: Stationen Namen*/
#st-name{
background-color: #fff;
width:auto;
height: 20;
right:25;
color: #666;
font-weight: 600;
top:300;
position: absolute;
z-index: 50;}

#st-name ul{
list-style: none;
margin-left:10;
margin-right:10;
}
/*link_div*/
#trans  {
width:140px; height: 25; 
margin: 0;
left:25; top: 20;
position: absolute;

background-color: #666;
font-size: 12px; color: #fff; z-index: 20;  }
#trans ul {list-style: none;margin-top:2; text-align: left}
#trans li{list-style: none;margin:0 0 0 5; text-align: left; font-weight: bold}



#link{z-index: 30;left:5;top:30; width: 135px;position: absolute; background-color: #666;padding-bottom: 5px}
#link a { font-weight: 600; }
#link a:hover   { color: #f30;background-color: #fff;padding-right:10; }


#info{
left: 550;top: 0;
height: 100%; color: #666;
position: absolute;
width:370px;
z-index: 40;
margin:20;
text-align: left;
visibility: visible;

}

#info img{margin-bottom: 10; border: 0 solid #000000;width: inherit;}
#st2,#st3,#st4,#st5,#uk{visibility: hidden;top:0;height:95%;position: absolute;
;text-align: left;}
#st1{z-index: 50; }
#st2{z-index: 60;}
#st3{z-index: 70;}
#st4{z-index: 80;}
#st5{z-index: 90;}
#uk{z-index: 100}
#uk img{border: 1px solid #ccc}
em{ text-align: left;font-weight: 600;font-size: 12px; color: #f30;font-style: normal; }

#uk-name{margin-top: 10; height: auto; width:350;display: block; list-style: none;visibility: hidden}
#uk-name img{height: 100px; width: 120; position: absolute;left:0;top:345}
#uk-name a{color: #666;font-weight: 600}
#uk-name a:hover{color: #000000}
#uk-name li{margin-left:10;}
#uk-name ul{margin-left: 120; list-style: none;}

/*Tooltip: Unterkunft Namen*/
#uk-bez {
background-color: #666;color: #fff;
width:auto;
height: 20;
right:0;top:281;
display: block;
font-weight: 600;
position: absolute;
z-index: 200;
text-align: right;}


h1 {color: #000; margin: 18 0 18 0;font-size: 22px; font-weight: 500; text-transform: none; font-family: georgia }
 h4 {color: #444; font-size: 12px; font-style: normal; text-align: left; margin-top: 5;margin-bottom: 10 }