/*Theres Teichmann fuer www.blueplanetfilm.de Januar 2007*/

 /* allgemeingueltige Angaben */

html, body {
        background-color:#00152b;
        color: #7d919f;
        font-family:  Verdana, Helvetica, Arial, sans-serif ;
        text-align:center;
        margin:0;
        padding:0;
         font-size:83%;
         width:100%;
        }

img {
        border:0;
        padding:0;
        margin:0;
        text-align:left;
        }

p  {
        font-size:1.1em;
        font-weight:normal;
        line-height:1.6em;
        padding:0;
        margin:0;
        text-align:left;
        }

/* Spezifizierung des Inhalts-Fensters */

#container   {margin-left:auto; margin-right:auto; margin-top:25px; padding:0;width:800px;}
#kopf   {margin:0 0 0 0; width:100%; height:70px; position:relative; left:0px; top:0px; text-align:left; z-index:1;border-top:1px solid #66737c; border-right:1px solid #66737c; border-left:1px solid #66737c;}
.logo {float:left;height:46px;padding:10px 0 0 14px;}
.extralink {float:right; color:#8E8E8C; padding:7px 10px 0 0; margin:0; font-size:1em; line-height:1em;}
.extralink a, .extralink a:visited {color:#8E8E8C; text-decoration:none;}
.extralink a:hover, .extralink a:active {color:#fff;}

/* Spezifizierung des Navigationsbereiches */
#element   {margin:0; padding:0; position:relative; top:0px;text-align:left; border-right:1px solid #66737c; border-left:1px solid #66737c;left:0px;z-index:0;height:214px;width:800px;}
#hauptnavi   {margin:0; padding:0; position:absolute; top:0px; z-index:4; text-align:left;border:0px solid #e00; }
#subnavi   {padding:0; margin:0 0 0 3.2em; position:absolute; top:20px; z-index:4; text-align:left;}
#hauptnavi ul, #subnavi ul {list-style: none;list-style-image:none!important;margin:0 0 0 0;padding:0;font-weight:normal;height:1.6em;width:800px!important;border:none;}
#hauptnavi ul a, #hauptnavi ul a:visited, #subnavi ul a, #subnavi ul a:visited {color: #a1b6bf; font-size:0.95em; line-height:1em; text-decoration:none; white-space:nowrap; display:block;}
#subnavi ul a, #subnavi ul a:visited {padding: 0 15px 0 15px;float:left;}
#hauptnavi ul a:hover, #hauptnavi ul a:active, #subnavi ul a:hover, #subnavi ul a:active{color: #c6e70e;}
#hauptnavi li {float:left; width:133px; text-align: center; padding: 6px 0 0 0;}
#subnavi li {float:left; text-align: center; padding: 6px 0 0 0;}
#symbolbild {z-index:1; position:relative; top:0px;left:0px;}
#hauptnavi ul a.reihe, #hauptnavi ul a.reihe_aktiv{border-right:1px solid #a1b6bf;}
#hauptnavi ul a.reihe_aktiv, #subnavi ul a.reihe_aktiv{color: #c6e70e;}
#subnavi ul a.reihe, #subnavi ul a.reihe_aktiv{border-right:1px solid #a1b6bf;}

/* Spezifizierung des Inhaltsbereiches */
#box, #box_start{margin:0; padding:0;border-bottom:1px solid #66737c;border-right:1px solid #66737c; border-left:1px solid #66737c;float:left;width:100%;}
#box_start {background: url(welle.gif) bottom right no-repeat;}
#inhalt {float:left;padding-left:133px; border:0px solid #fc3;text-align:left;margin:40px 0 0 0;} 
#inhalt a, #inhalt a:visited{color: #a1b6bf; font-size:1em; line-height:1em;  text-decoration:underline;}
#inhalt a:hover, #inhalt a:active{color: #c6e70e;text-decoration:none;}
#text {float:left; width:532px; margin:0 40px 0 0;border:0px solid #fc3;}
#text p.rechts {float:right; width:200px;text-align:left;margin: 1em 0 0 0;}
#text p.links {float:left;}
.spezial {float:left;margin:0; padding:0; border:0px solid #fc3;}
* html .spezial {float:none;}
.spezial img {padding:.5em 0 0 0; }
.bildleiste {float:left;margin:0 0 0 0;padding:0;height:98px;border-top:1px solid #a1b6bf;border-bottom:1px solid #a1b6bf;text-align:left;}
.bildleiste img {padding:0; margin-left:0; float:left;}
* html .bildleiste img{
 margin-left:-10px;
voice-family:"\"}\"";
 voice-family:inherit;
margin-left:0;
 }
html > .bildleiste img {
 padding-left:0px;
 }
.bildleiste img.reihe {border-right:1px solid #a1b6bf;} 
.space {background:#00152b; float:left;padding:0;margin:0px;}
.space_fuss {background:#00152b;clear:both;padding:0;margin-left:0px;height:30px;}

/* Speziallinks unterhalb der Seite */
#fuss   {clear:both;margin-left:auto; margin-right:auto;padding-top:7px;0;width:800px;text-align:left; font-size:1em; line-height:1em; color:#8E8E8C;}
#fuss a, #fuss a:visited {color:#8E8E8C; text-decoration:none; margin: 0 3em 0 0; float:left; padding:0; display:inline;}
#fuss a:hover, #fuss a:active {color: #fff;}
.extralink a.aktiv, #fuss a.aktiv {color:#fff;}

/* Formatierungen fuer popupbereich */

#lightbox{
        background-color:#00152b;
        padding: 0;        
        color: #7d919f;       
        text-align:left;
        height:398px;
        position:absolute;left:50%; top:97px;       
        margin:0 0 0 -400px;
        width:800px;
        border:1px solid #7d919f;      
        
}
         
#lightbox a, #lightbox a:visited{
        color: #8E8E8C;text-decoration:underline;
        }
#lightbox a:hover, #lightbox a:active{
        color: #062337;text-decoration:none;
        }
#lightboxDetails{
        font-size: 1em;
        margin: 10px 0 0 10px;
        float:left; border:0px solid #fc3;
        
        }
#lightboxCaption{ float:left; }
#keyboardMsg{top: 375px; right: 7px;}
#closeButton{ top: 7px; right: 7px; height:16px; width:16px;}

#lightboxImage{ border: none; float:left;margin:0; padding:0;}
#overlay img{ border: none; }

#overlay{ background-image: url(../bilder/overlay.png); }

* html #overlay{
        background-color: #333;
        back\ground-color: transparent;
        background-image: url(..bilder/space.gif);
        filter:alpha(opacity=60);
        voice-family:"\"}\"";
        voice-family:inherit;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../bilder/overlay.png", sizingMethod="scale");
        }