@charset "utf-8";
html { 
height : 100%; 
width : 100%; 
} 
body { 
top : 0; 
left : 0; 
width : 100%; 
height : 100%; 
background-color : #ffffff; 
margin : 0; 
padding : 0; 
} 
hr { 
height : 1px; 
border : 1px; 
width : 98%; 
color : #dddddd; 
background-color : #dddddd; 
margin-left : 0; 
} 
img { 
border : 0;
width:auto;
height:auto;
} 

a { 
font-family : Arial, sans-serif; 
font-size : 12px; 
font-weight : bold; 
line-height : 15px; 
color : #535353; 
text-decoration : none; 
} 
#copyright { 
margin : 0; 
padding : 0; 
position : absolute; 
top : 718px; 
left : 50%; 
width : 200px; 
height : 25px; 
text-align : right; 
margin-left : 285px; 
font-family : Arial, sans-serif; 
font-size : 12px; 
font-weight : bold; 
line-height : 26px; 
color : #535353; 
z-index : 2; 
} 

#flashContent{ 
margin : 0; 
padding : 0; 
position : absolute; 
top : 148px; 
left : 50%; 
width : 970px; 
height : 533px; 
text-align : right; 
margin-left : -485px; 
font-family : Arial, sans-serif; 
font-size : 12px; 
font-weight : bold; 
line-height : 26px; 
color : #535353; 
z-index : 1; 
} 
.black { 
font-family : Arial, sans-serif; 
font-size : 12px; 
font-weight : bold; 
line-height : 22px; 
color : #535353; 
} 
.blacksmall { 
font-family : Arial, sans-serif; 
font-size : 12px; 
font-weight : normal; 
line-height : 18px; 
color : #535353; 
} 
.liste { 
font-family : Arial, sans-serif; 
font-size : 11px; 
font-weight : normal; 
line-height : 11px; 
color : #535353; 
} 
#logo { 
margin : 0; 
padding : 0; 
position : absolute; 
top : 20px; 
left : 50%; 
width : 388px; 
height : 59px; 
text-align : left; 
margin-left : -485px; 
z-index : 1; 
} 
#favoriten { 
margin : 0; 
padding : 0; 
position : absolute; 
top : 0; 
left : 50%; 
width : 124px; 
height : 51px; 
text-align : left; 
background-image : url('../berg-img/oben-rechts.png'); 
margin-left : 361px; 
z-index : 2; 
} 
#tuev { 
margin : 0; 
padding : 0; 
position : absolute; 
top : 55px; 
left : 50%; 
width : 97px; 
height : 43px; 
text-align : left; 
background-image : url('../berg-img/tuev.png'); 
margin-left : 374px; 
z-index : 2; 
} 
#logobg { 
position : absolute; 
margin : 0; 
padding : 0; 
top : 394px; 
left : 50%; 
margin-left : -485px; 
width : 394px; 
height : 289px; 
text-align : left; 
font-family : Arial, sans-serif; 
color : #004370; 
text-decoration : none; 
font-size : 13px; 
font-weight : normal; 
line-height : 20px; 
background-image : url('../berg-img/haupt-text-hg-home.png'); 
z-index : 1; 
} 
#blau { 
margin : 0; 
padding : 0; 
position : absolute; 
top : 132px; 
left : 50%; 
width : 970px; 
height : 244px; 
text-align : left; 
background-color : #00a0e4; 
margin-left : -485px; 
z-index : 1; 
} 
#blau_haupt { 
margin : 0; 
padding : 0; 
position : absolute; 
top : 132px; 
left : 50%; 
width : 970px; 
height : 569px; 
text-align : left; 
background-color : #00a0e4; 
margin-left : -485px; 
z-index : 1; 
} 
#weiss { 
margin : 0; 
padding : 0; 
position : absolute; 
top : 147px; 
left : 50%; 
width : 969px; 
height : 536px; 
text-align : left; 
background-color : #ffffff; 
margin-left : -484px; 
z-index : 1; 
} 
#blau-hg { 
margin : 0; 
padding : 0; 
position : absolute; 
top : 147px; 
left : 50%; 
width : 970px; 
height : 211px; 
text-align : left; 
background-image : url('../berg-img/hg-blue.png'); 
background-repeat : repeat-x; 
margin-left : -485px; 
z-index : 2; 
} 
#auge { 
margin : 0; 
padding : 0; 
position : absolute; 
top : 147px; 
left : 50%; 
width : 208px; 
height : 211px; 
text-align : left; 
background-image : url('../berg-img/auge.png'); 
margin-left : -485px; 
z-index : 2; 
} 
#kontakt { 
margin : 0; 
padding : 0; 
position : absolute; 
top : 2px; 
left : 50%; 
width : 250px; 
height : 20px; 
text-align : right; 
margin-left : 104px; 
text-align : right; 
font-family : Arial, Helvetica, sans-serif; 
color : #004370; 
text-decoration : none; 
font-size : 11px; 
font-weight : normal; 
line-height : 18px; 
z-index : 2; 
} 
#kontakt a { 
font-family : Arial, sans-serif; 
font-size : 11px; 
font-weight : normal; 
line-height : 18px; 
color : #004370; 
text-decoration : none; 
} 
#dblau { 
margin : 0; 
padding : 0; 
position : absolute; 
top : 377px; 
left : 50%; 
width : 970px; 
height : 18px; 
text-align : left; 
background-color : #3b5c85; 
margin-left : -485px; 
z-index : 2; 
} 
#dblau_haupt { 
margin : 0; 
padding : 0; 
position : absolute; 
top : 702px; 
left : 50%; 
width : 970px; 
height : 18px; 
text-align : left; 
background-color : #3b5c85; 
margin-left : -485px; 
z-index : 2; 
} 
#header { 
margin : 0; 
padding : 0; 
position : absolute; 
top : 147px; 
left : 50%; 
width : 689px; 
height : 211px; 
text-align : left; 
background-image : url('../berg-img/header.png'); 
margin-left : -485px; 
text-align : left; 
font-family : Arial, Helvetica, sans-serif; 
color : #ffffff; 
text-decoration : none; 
font-size : 14px; 
font-weight : normal; 
line-height : 18px; 
z-index : 2; 
} 
#box1-header { 
margin : 0; 
padding : 0; 
position : absolute; 
top : 401px; 
left : 50%; 
width : 280px; 
height : 18px; 
text-align : left; 
background-color : #00a0e4; 
margin-left : 205px; 
text-align : left; 
font-family : Arial, Helvetica, sans-serif; 
color : #ffffff; 
text-decoration : none; 
font-size : 12px; 
font-weight : normal; 
line-height : 18px; 
z-index : 2; 
} 
#box1 { 
margin : 0; 
padding : 0; 
position : absolute; 
top : 420px; 
left : 50%; 
width : 280px; 
height : 118px; 
text-align : left; 
background-color : #c9eaf8; 
margin-left : 205px; 
z-index : 2; 
} 
#box2-header { 
margin : 0; 
padding : 0; 
position : absolute; 
top : 546px; 
left : 50%; 
width : 280px; 
height : 18px; 
text-align : left; 
background-color : #00a0e4; 
margin-left : 205px; 
text-align : left; 
font-family : Arial, Helvetica, sans-serif; 
color : #ffffff; 
text-decoration : none; 
font-size : 12px; 
font-weight : normal; 
line-height : 18px; 
z-index : 2; 
} 
#box2 { 
margin : 0; 
padding : 0; 
position : absolute; 
top : 565px; 
left : 50%; 
width : 280px; 
height : 118px; 
text-align : left; 
background-color : #c9eaf8; 
margin-left : 205px; 
z-index : 2; 
} 
#text { 
position : absolute; 
margin : 0; 
padding : 0; 
top : 401px; 
left : 50%; 
margin-left : -480px; 
width : 685px; 
text-align : left; 
font-family : Arial, sans-serif; 
color : #004370; 
text-decoration : none; 
font-size : 13px; 
font-weight : normal; 
line-height : 20px; 
z-index : 3; 
} 
#logobg-text { 
position : absolute; 
margin : 0; 
padding : 0; 
top : 181px; 
left : 50%; 
margin-left : -478px; 
width : 675px; 
height : 495px; 
text-align : left; 
font-family : Arial, sans-serif; 
color : #004370; 
text-decoration : none; 
font-size : 13px; 
font-weight : normal; 
line-height : 20px; 
z-index : 2; 
background-image : url('../berg-img/haupt-text-hg.png'); 
} 
#text_haupt { 
position : absolute; 
margin : 0; 
padding : 0; 
top : 181px; 
left : 50%; 
margin-left : -478px; 
width : 675px; 
height : 495px; 
text-align : left; 
font-family : Arial, sans-serif; 
color : #004370; 
text-decoration : none; 
font-size : 13px; 
font-weight : normal; 
line-height : 20px; 
overflow-x: auto;
z-index : 2; 
} 
#ueberschrift { 
position : absolute; 
margin : 0; 
padding : 0; 
top : 148px; 
left : 50%; 
margin-left : -480px; 
width : 684px; 
height : 27px; 
text-align : left; 
font-family : Arial, sans-serif; 
color : #004370; 
text-decoration : none; 
font-size : 13px; 
font-weight : normal; 
line-height : 20px; 
background-image : url('../berg-img/ueberschrift_bg.png'); 
z-index : 2; 
} 
#ueberschrift_titel { 
position : absolute; 
margin : 0; 
padding : 0; 
top : 152px; 
left : 50%; 
margin-left : -478px; 
width : 180px; 
height : 11px; 
text-align : left; 
font-family : Arial, sans-serif; 
color : #004370; 
text-decoration : none; 
font-size : 13px; 
font-weight : normal; 
line-height : 20px; 
z-index : 2; 
} 
#kategoriebild { 
position : absolute; 
margin : 0; 
padding : 0; 
top : 148px; 
left : 50%; 
margin-left : 205px; 
width : 280px; 
height : 534px; 
text-align : left; 
font-family : Arial, sans-serif; 
color : #004370; 
text-decoration : none; 
font-size : 13px; 
font-weight : normal; 
line-height : 20px; 
z-index : 2; 
} 
#menue-rechts { 
position : absolute; 
margin : 0; 
padding : 0; 
top : 147px; 
left : 50%; 
margin-left : 205px; 
width : 280px; 
height : 211px; 
text-align : left; 
font-family : Arial Narrow, sans-serif; 
color : #ffffff; 
text-decoration : none; 
font-size : 16px; 
font-weight : normal; 
line-height : 34px; 
z-index : 3; 

} 

#linie { 
margin : 0; 
padding : 0; 
position : absolute; 
top : 689px; 
left : 50%; 
width : 970px; 
height : 1px; 
text-align : left; 
background-color : #3b5c85; 
margin-left : -485px; 
z-index : 2; 
} 
#obenrechts { 
margin : 0; 
padding : 0; 
position : absolute; 
top : 107px; 
left : 50%; 
width : 124px; 
height : 25px; 
text-align : left; 
background-image : url('../berg-img/menue-oben-letzte.png'); 
margin-left : 361px; 
z-index : 2; 
} 
#menue { 
margin : 0; 
padding : 0; 
position : absolute; 
top : 105px; 
left : 50%; 
width : 695px; 
height : 27px; 
text-align : left; 
margin-left : -485px; 
z-index : 4; 
} 
#menue-rechts ul { 
margin : 0; 
padding : 0; 
overflow : hidden; 
list-style-type : none; 
} 
#menue-rechts ul a { 
font-family : AvantGarde, Arial Narrow, Helvetica, sans-serif; 
font-weight : normal; 
font-size : 15px; 
text-decoration : none; 
display : block; 
} 
#menue-rechts ul li { 
display : block; 
padding : 0; 
margin : 0; 
background : none; 
} 

#menue-rechts li a:hover { 
text-decoration : none; 
display : block; 
line-height : 34px; 
padding-left : 40px; 
background-image : url('../berg-img/bg-menue-rechts-d.png'); 
height : 34px; 
color : #f8f8f8; 
border-top-width : 1px; 
border-bottom-width : 0; 
border-top-style : solid; 
border-top-color : #ffffff; 
} 
#menue-rechts li a { 
text-decoration : none; 
display : block; 
line-height : 34px; 
padding-left : 40px; 
background-image : url('../berg-img/bg-menue-rechts.png'); 
height : 34px; 
color : #ffffff; 
border-top-width : 1px; 
border-bottom-width : 0; 
border-top-style : solid; 
border-top-color : #ffffff; 
vertical-align : middle; 
} 

.link { 
font-family : Arial, sans-serif; 
color : #ffffff; 
text-decoration : none; 
font-size : 10px; 
font-weight : normal; 
line-height : 19px; 
} 
.link:hover { 
font-family : Arial, sans-serif; 
color : #cccccc; 
text-decoration : none; 
font-size : 10px; 
font-weight : normal; 
line-height : 19px; 
} 
.einrueck { 
padding : 7px; 
} 
#herdeckebild { 
position : absolute; 
margin : 0; 
padding : 0; 
top : 148px; 
left : 50%; 
margin-left : -485px; 
width : 323px; 
height : 176px; 
z-index : 2; 
} 
#herdecke { 
position : absolute; 
margin : 0; 
padding : 0; 
top : 325px; 
left : 50%; 
margin-left : -485px; 
width : 323px; 
height : 300px; 
text-align : left; 
font-family : Arial, sans-serif; 
color : #004370; 
text-decoration : none; 
font-size : 13px; 
font-weight : normal; 
line-height : 20px; 
background-color : #eaf7fc; 
z-index : 2; 
} 
#wetterbild { 
position : absolute; 
margin : 0; 
padding : 0; 
top : 148px; 
left : 50%; 
margin-left : -161px; 
width : 322px; 
height : 176px; 
z-index : 2; 
} 
#wetter { 
position : absolute; 
margin : 0; 
padding : 0; 
top : 325px; 
left : 50%; 
margin-left : -161px; 
width : 322px; 
height : 300px; 
text-align : left; 
font-family : Arial, sans-serif; 
color : #004370; 
text-decoration : none; 
font-size : 13px; 
font-weight : normal; 
line-height : 20px; 
background-color : #eaf7fc; 
z-index : 2; 
} 
#wittenbild { 
position : absolute; 
margin : 0; 
padding : 0; 
top : 148px; 
left : 50%; 
margin-left : 162px; 
width : 323px; 
height : 176px; 
text-align : left; 
z-index : 2; 
} 
#witten { 
position : absolute; 
margin : 0; 
padding : 0; 
top : 325px; 
left : 50%; 
margin-left : 162px; 
width : 323px; 
height : 300px; 
text-align : left; 
font-family : Arial, sans-serif; 
color : #004370; 
text-decoration : none; 
font-size : 13px; 
font-weight : normal; 
line-height : 20px; 
background-color : #eaf7fc; 
z-index : 2; 
} 

#bochum { 
position : absolute; 
margin : 0; 
padding : 0; 
top : 626px; 
left : 50%; 
margin-left : -485px; 
width : 970px; 
height : 56px; 
text-align : left; 
font-family : Arial, sans-serif; 
color : #004370; 
text-decoration : none; 
font-size : 13px; 
font-weight : normal; 
line-height : 20px; 
background-color : #eaf7fc; 
z-index : 2; 
} 

#bochumbalken { 
position : absolute; 
margin : 0; 
padding : 0; 
top : 626px; 
left : 50%; 
margin-left : -485px; 
width : 970px; 
height : 1px; 
text-align : left; 
font-family : Arial, sans-serif; 
color : #004370; 
text-decoration : none; 
font-size : 13px; 
font-weight : normal; 
line-height : 20px; 
background-color : #3B5C85; 
z-index : 2; 
} 
ul.dropdown, ul.dropdown li, ul.dropdown ul { 
list-style : none; 
margin : 0; 
padding : 0; 

} 
ul.dropdown { 
position : relative; 
z-index : 597; 
float : left; 
} 
ul.dropdown li { 
float : left; 
line-height : 1.3em; 
vertical-align : middle; 

} 
ul.dropdown li.hover, ul.dropdown li:hover { 
position : relative; 
z-index : 599; 
cursor : default; 
} 
ul.dropdown ul { 
visibility : hidden; 
position : absolute; 
top : 100%; 
left : 0; 
z-index : 598; 
width : 100%; 
} 
ul.dropdown ul li { 
float : none; 
} 
ul.dropdown ul ul { 
top : 1px; 
left : 99%; 
} 
ul.dropdown li:hover > ul { 
visibility : visible; 
} 
body { 
font : 14px/normal Tahoma, Arial, Helvetica, sans-serif; 
} 
ul.dropdown { 
font-family : AvantGarde, Arial Narrow, Helvetica, sans-serif; 
font-weight : normal; 
font-size : 15px; 
text-decoration : none; 
} 
ul.dropdown li { 
padding : 0 0; 
color : #fff; 
line-height : 27px; 
height : 27px; 
font-family : AvantGarde, Arial Narrow, Helvetica, sans-serif; 
font-weight : normal; 
font-size : 15px; 
text-decoration : none; 
} 
ul.dropdown *.first-home { 
padding : 0 0; 
background-image : url('../../berg-img/menue_out.png'); 
color : #fff; 
line-height : 27px; 
height : 27px; 
font-family : AvantGarde, Arial Narrow, Helvetica, sans-serif; 
font-weight : normal; 
font-size : 15px; 
text-decoration : none; 
width:86px;
} 
ul.dropdown *.first-service { 
padding : 0 0; 
background-image : url('../../berg-img/menue_out.png'); 
color : #fff; 
line-height : 27px; 
height : 27px; 
font-family : AvantGarde, Arial Narrow, Helvetica, sans-serif; 
font-weight : normal; 
font-size : 15px; 
text-decoration : none; 
width:89px;
} 
ul.dropdown *.first-partner { 
padding : 0 0; 
background-image : url('../../berg-img/menue_out.png'); 
color : #fff; 
line-height : 27px; 
height : 27px; 
font-family : AvantGarde, Arial Narrow, Helvetica, sans-serif; 
font-weight : normal; 
font-size : 15px; 
text-decoration : none; 
width:90px;
} 
ul.dropdown *.first-neuigkeiten { 
padding : 0 0; 
background-image : url('../../berg-img/menue_out.png'); 
color : #fff; 
line-height : 27px; 
height : 27px; 
font-family : AvantGarde, Arial Narrow, Helvetica, sans-serif; 
font-weight : normal; 
font-size : 15px; 
text-decoration : none; 
width:134px;
} 
ul.dropdown *.first-zentrum { 
padding : 0 0; 
background-image : url('../../berg-img/menue_out.png'); 
color : #fff; 
line-height : 27px; 
height : 27px; 
font-family : AvantGarde, Arial Narrow, Helvetica, sans-serif; 
font-weight : normal; 
font-size : 15px; 
text-decoration : none; 
width:164px;
} 
ul.dropdown *.first-spektrum { 
padding : 0 0; 
background-image : url('../../berg-img/menue_out.png'); 
color : #fff; 
line-height : 27px; 
height : 27px; 
font-family : AvantGarde, Arial Narrow, Helvetica, sans-serif; 
font-weight : normal; 
font-size : 15px; 
text-decoration : none; 
width:127px;
} 
ul.dropdown li.hover, ul.dropdown li:hover { 
color : #ffffff; 
text-decoration : none; 
background-image : url('../../berg-img/menue_in.png'); 
} 
ul.dropdown a:link, ul.dropdown a:visited { 
color : #fff; 
text-decoration : none; 
} 
ul.dropdown a:hover { 
color : #ffffff; 
text-decoration : none; 
background-image : url('../../berg-img/menue_in.png'); 
} 
ul.dropdown a:active { 
color : #fff; 
} 
ul.dropdown ul { 
width : 170px; 
background-color : #3b5c85; 
color : #fff; 
font-size : 11px; 
text-transform : none; 
} 
ul.dropdown ul li { 
background-color : transparent; 
color : #000; 
border-top : 1px solid #ffffff; 
border-right : 0; 
padding-left : 10px; 
} 
ul.dropdown ul li.hover, ul.dropdown ul li:hover { 
background-color : transparent; 
} 
ul.dropdown ul a:link, ul.dropdown ul a:visited { 
color : #fff; 
} 
ul.dropdown ul a:hover { 
color : #fff; 
text-decoration : none; 
} 
ul.dropdown ul a:active { 
color : #fff; 
} 
ul.dropdown *.dir { 
padding : 7px 22px; 
background-image : url('../../berg-img/menue_out.png'); 
height : 27px; 
line-height : 27px; 
} 
ul.dropdown *.dir a:hover { 
color : #c4e9ec; 
text-decoration : none; 
background-image : url('../../berg-img/menue_in.png'); 
} 
ul.dropdown li a { 
display : block; 
padding : 0 0; 
font-family : AvantGarde, Arial Narrow, Helvetica, sans-serif; 
font-weight : normal; 
font-size : 15px; 
text-decoration : none; 
line-height : 27px; 
height : 27px; 
} 
ul.dropdown li { 
padding : 0; 
line-height : 27px; 
height : 27px; 
} 
ul.dropdown li.dir { 
padding : 0 0; 
line-height : 27px; 
height : 27px; 
} 
ul.dropdown ul li.dir { 
padding : 0 0; 
line-height : 27px; 
height : 27px; 
} 
ul.dropdown li { 
line-height : 27px; 
height : 27px; 
} 
ul.dropdown ul a { 
padding : 0 5px 0 14px; 
width : 141px; 
font-family : AvantGarde, Arial Narrow, Helvetica, sans-serif; 
font-weight : normal; 
font-size : 15px; 
text-decoration : none; 
} 
ul.dropdown ul a:hover { 
background-color : #00a0e4; 
line-height : 27px; 
height : 27px; 
font-family : AvantGarde, Arial Narrow, Helvetica, sans-serif; 
font-weight : normal; 
font-size : 15px; 
text-decoration : none; 
} 
ul.dropdown a.open { 
background-color : #2e2e2e; 
color : #76b900; 
font-family : AvantGarde, Arial Narrow, Helvetica, sans-serif; 
font-weight : normal; 
font-size : 15px; 
text-decoration : none; 
} 
ul.dropdown ul a.open { 
background-color : #76b900; 
color : #fff; 
font-family : AvantGarde, Arial Narrow, Helvetica, sans-serif; 
font-weight : normal; 
font-size : 15px; 
text-decoration : none; 
} 
ul.dropdown li:hover > a.dir { 
color : #76b900; 
} 
ul.dropdown ul li:hover > a.dir { 
color : #fff; 
}