/* CSS Document */
body {
background-image:url(/img/hintergrund.jpg);
background-repeat: no-repeat;
background-color:#b0c0d5;
font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#00234B;
padding:0px;
margin:0px;
}

a:link {color:#FFFFFF;}
a:visited {color:#FFFFFF;}
a:hover {color:#FFFFFF;}
a:active {color:#FFFFFF;}


/*Links zur Projekt�bersicht*/
#links { 
position:absolute;
top:530px;
left:70px;
}

#linksPHZH {
line-height:20px;
position:absolute;
top:565px;
left:360px;
}


/*Hinweis zu redics*/
#redics { 
position:absolute;
top:490px;
left:763px;
}


/*button Panoramabild*/
a.button1 {position:absolute; top:483px; left:63px; width:126px; height:16px; background-image:url(/img/button1.gif);}
a:visited.button1 {position:absolute; top:483px; left:63px; width:126px; height:16px; background-image:url(/img/button1.gif);}
a:hover.button1 {position:absolute; top:483px; left:63px; width:126px; background-image:url(/img/button1r.gif);}
a:active.button1 {position:absolute; top:483px; left:63px; width:126px; background-image:url(/img/button1w.gif);}


/*button Live Cam*/
a.button2 {position:absolute; top:483px; left:188px; width:125px; height:16px; background-image:url(/img/button2.gif);}
a:visited.button2 {position:absolute; top:483px; left:188px; width:125px; height:16px; background-image:url(/img/button2.gif);}
a:hover.button2 {position:absolute; top:483px; left:188px; width:125px; height:16px; background-image:url(/img/button2r.gif);}
a:active.button2 {position:absolute; top:483px; left:188px; width:125px; height:16px; background-image:url(/img/button2w.gif);}


/*button Archiv*/
a.button3 {position:absolute; top:483px; left:312px; width:125px; height:16px; background-image:url(/img/button3.gif);}
a:visited.button3 {position:absolute; top:483px; left:312px; width:125px; height:16px; background-image:url(/img/button3.gif);}
a:hover.button3 {position:absolute; top:483px; left:312px; width:125px; height:16px; background-image:url(/img/button3r.gif);}
a:active.button3 {position:absolute; top:483px; left:312px; width:125px; height:16px; background-image:url(/img/button3w.gif);}


/*button Zeitraffer*/
a.button4 {position:absolute; top:483px; left:436px; width:125px; height:16px; background-image:url(/img/button4.gif);}
a:visited.button4 {position:absolute; top:483px; left:436px; width:125px; height:16px; background-image:url(/img/button4.gif);}
a:hover.button4 {position:absolute; top:483px; left:436px; width:125px; height:16px; background-image:url(/img/button4r.gif);}
a:active.button4 {position:absolute; top:483px; left:436px; width:125px; height:16px; background-image:url(/img/button4w.gif);}



/*Seite Panorama - Links und Schrift unterhalb Webcamebild*/

#panorama2 {
font-size:12px;
position:absolute;
top:453px;
left:68px;
color:#97908a;
width:800px;
height:20px;
}

#weiss {
font-size:14px;
color:#ffffff;
}

/*panorama Bild*/
#panorama {
position:absolute;
overflow:hidden;
top:125px;
left:65px;
width:800px;
height:317px;
}

/*Zeitraffer-Ueberblick*/
#zeitraffer {
font-size:14px;
color:#ffffff;
position:absolute;
overflow:hidden;
top:125px;
left:145px;
width:680px;
height:317px;
}

#zeitraffer2 {
font-size:12px;
position:absolute;
top:453px;
left:145px;
color:#97908a;
width:680px;
height:20px;
}

#zeitraffer1 {
font-size:12px;
color:#97908a;
position:absolute;
top:125px;
left:65px;
width:300px;
height:317px;
}

a.panoramalinks {color:#97908a; font-size:14px; text-decoration:none;}
a:visited.panoramalinks {color:#97908a; font-size:14px; text-decoration:none;}
a:hover.panoramalinks {color:#97908a; font-size:14px; text-decoration:none;}
a:active.panoramalinks {color:#97908a; font-size:14px; text-decoration:none;}

a.zeitrafferlinks {color:#ffffff; font-size:14px; text-decoration:none;}
a:visited.zeitrafferlinks {color:#ffffff; font-size:14px; text-decoration:none;}
a:hover.zeitrafferlinks {color:#ffffff; font-size:14px; text-decoration:none;}
a:active.zeitrafferlinks {color:#ffffff; font-size:14px; text-decoration:none;}

/*Seite Livecame - Bild, Text, Links etc*/

#livecam {
background-color:#FFFFFF;
position:absolute;
top:167px;
left:178px;
width:344px;
height:258px;
border:#FFFFFF solid 1px;
}

/*Zoom*/

#zoom {
background-image:url(/img/livecam/zoom.gif);
position:absolute;
top:145px;
left:80px;
width:40px;
height:20px;
}

#plus {
position:absolute;
top:167px;
left:80px;
width:40px;
height:20px;
}

#sechzehn {
position:absolute;
top:189px;
left:80px;
width:40px;
height:20px;}


#acht {
position:absolute;
top:211px;
left:80px;
width:40px;
height:20px;
}

#vier {
position:absolute;
top:233px;
left:80px;
width:40px;
height:20px;
}

#zwei {
position:absolute;
top:255px;
left:80px;
width:40px;
height:20px;
}

#eins {
position:absolute;
top:277px;
left:80px;
width:40px;
height:20px;
}

#minus {
position:absolute;
top:299px;
left:80px;
width:40px;
height:20px;
}

#kleinesFoto {
position:absolute;
top:343px;
left:80px;
width:62px;
height:38px;
}

#grossesFoto {
position:absolute;
top:386px;
left:80px;
width:62px;
height:38px;
}

#start {
position:absolute;
top:220px;
left:768px;
width:81px;
height:38px;
}

#neustart {
position:absolute;
top:177px;
left:768px;
width:81px;
height:38px;
}

#klPanorama {
position:absolute;
top:340px;
left:574px;
width:275px;
height:87px;
}

#satz{
color:#97908a; 
font-size:12px;
position:absolute;
top:320px;
left:574px;
width:275px;
height:20px;
}

#steuerung {
position:absolute;
top:167px;
left:574px;
width:152px;
height:144px;
}

#pfeil {
position:absolute;
top:146px;
left:311px;
width:81px;
height:14px;
}

#pfeil_down {
position:absolute;
top:434px;
left:311px;
width:81px;
height:14px;
}

#pfeil_re {
position:absolute;
top:246px;
left:531px;
width:14px;
height:81px;
}

#pfeil_li {
position:absolute;
top:246px;
left:157px;
width:14px;
height:81px;
}