/*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:1em;
        font-weight:normal;
        line-height:1.5em;
        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, #element_team, #element_impressum {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;}
#element_team   {height:41px;}
#element_impressum   {height:21px;}
#navi {
}
#top {display:block;
}
#hauptnavi   {margin:0; padding:0; position:absolute; top:0px; z-index:4; text-align:center;border:0px solid #e00; display:block;font-weight:normal;}
#hauptnavi li {float:left; width:133px; text-align: center; padding: 5.5px 0 0 0; list-style: none;list-style-image:none!important; height:1.4em;display:block;}
.subnavi {padding:0 0 0 32px; margin:0;position:absolute; top:20px; z-index:4; text-align:left;display:none;background:transparent url(subnavi.png);font-weight:normal;border-bottom:1px solid #999; width:800px!important;voice-family:"\"}\"";voice-family:inherit;width:768px!important; }
* html .subnavi {background:#00152b;filter: alpha(opacity=40); }
.subnavi li {width:auto!important;display:block; text-align: center;margin:0; padding: 0 0 0 0; list-style: none;list-style-image:none!important;float:left;}
#hauptnavi li a{display:block;height:auto; width:auto;font-size:.95em; line-height:1em; text-decoration:none; white-space:nowrap;}
.subnavi li a{display:block;text-align: left;  font-size:0.95em; line-height:1em; text-decoration:none; white-space:nowrap;}
#hauptnavi li a.reihe, #hauptnavi li a.reihe:visited, #hauptnavi li a.letzter, #hauptnavi li a.letzter:visited, .subnavi li a, .subnavi li a:visited {color: #a1b6bf; }
.subnavi li a, .subnavi li a:visited {margin:0 0 3px 0;padding: 0 15px 0 15px;float:left;display:block;text-align:center;}
#hauptnavi li a.reihe:hover, #hauptnavi li a.reihe:active,
#hauptnavi li a.letzter:hover, #hauptnavi li a.letzter:active, .subnavi li a:hover, .subnavi li a:active{color: #c6e70e;}
#hauptnavi li a.reihe, #hauptnavi li a.reihe_aktiv{border-right:1px solid #a1b6bf;}
#hauptnavi li a.reihe_aktiv, .subnavi li a.reihe_aktiv{color: #c6e70e;}
#hauptnavi li a.letzter_aktiv, .subnavi li a.letzter_aktiv{color: #c6e70e;}
.subnavi ul a.reihe, .subnavi ul a.reihe_aktiv{border-right:1px solid #a1b6bf;}
#hauptnavi li:hover ul, #hauptnavi li.over ul {
        display: block;visibility:visible;
}
#hauptnavi ul li a:hover ul {visibility:visible;}
li li {
        display:block;
}
li>ul {
        top: auto;
        left: auto;
}
#symbolbild {z-index:1; position:relative; top:0px;left:0px; background-color: #7d919f; height:214px;}
#symbolbild_team {z-index:1; position:relative; top:0px;left:0px; background-color: #7d919f; height:41px;}
#symbolbild_impressum {z-index:1; position:relative; top:0px;left:0px; background-color: #7d919f; height:21px;}
#hauptnavi table {margin:-3px 0 0 0; padding:0;border-collapse:collapse; font-size:0.95em;width:130px;height:1.6em;border:0px solid #e00;text-align:center;}

/* 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:30px 0 0 0;}
#inhalt_team {float:left;padding-left:0px; border:0px solid #fc3;text-align:left;margin:30px 0 0 0;}
#inhalt a:link, #inhalt a:visited, #inhalt_team a:link, #inhalt_team a:visited{color: #a1b6bf; font-size:1em; line-height:1.75em;text-decoration:underline;}
#inhalt a:hover, #inhalt a:active, #inhalt_team a:hover, #inhalt_team a:active{color: #c6e70e;text-decoration:none;}
#text {float:left; width:532px; margin:0 40px 0 0;border:0px solid #fc3;}
#text_team {float:left; margin:0 0px 0 0;padding:0 0 0 0;border:0px solid #fc3;width:720px;}
#text h2, #text_team h2{font-size:1em; margin:0 0 0 0;}
#text_team h2{margin:0 0 1.5em 0;}
#text h2.rubrik{margin:0 0 2em 0; line-height:1.5em;}
#text p.rechts {float:right; width:230px;text-align:left;margin: 3.5em 0 0 0;}
#text p.referenzen {margin: 1.75em 0 0.7em 0;padding:0 0 0 0; border-top: 0px solid #a1b6bf;}
#text p.understatement {float:left; margin: 0.2em 0 0 10em;}
#text p.awards { margin: 0 0 2em 0;}
#text p.links {float:left;}
#text_team p {padding: 0 0 2em 25px;}
#text img.mini {padding:0 0 0 0; margin:0;}
#text_team img.thomas {float:left; margin:0 25px 12em 0;border:0px solid #e00;}
#text_team img.christina {float:left; margin:0 25px 2em 0;border:0px solid #e00;}
#text_team img.roland {float:left; margin:0 25px 2em 0;border:0px solid #e00;}
#text_team img.jan {float:left; margin:0 25px 12em 0;border:0px solid #e00;}
#text_team img.marco {float:left; margin:0 25px 2em 0;border:0px solid #e00;}
#text_team img.birgit {float:left; margin:0 25px 2em 0;border:0px solid #e00;}
#text_team img.jan {float:left; margin:0 25px 2em 0;border:0px solid #e00;}
#text ul, #text ul.referenzen {margin: 1.2em 0 2em 0;padding:0 0 0 3em;}
#text ul.referenzen {margin: 0 0 2em 0;padding:0 0 0 3em; }
#text ul.awards {margin: 0 0 0 0;padding:0 0 0 3em; }
ul.referenzen li {margin: 0 0 0.5em 0;}
#text_team ul {margin: 0 0 1.5em 231px;padding:0 0 0 23px; border:0px solid #e00;}
#text li {margin: 0 0 1em 0;}
#text_team li {margin: 0 0 1em 2em;}
#text .referenzen li{margin: 0 0 0.5em 0;}

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

.kursiv {font-style:italic;}

.break {clear:both;}

.news{line-height:2.5em; }

/* 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;}