/* Copyright Scientec Internet Applications + Media GmbH - www.scientec.de */


@media screen {
/***********begin template***********/
#HTTP_USER_AGENT {text-align:center; margin:20px 0 0 0; color:#999; font-size:11px}
body {margin:12px 0; padding:0; font-family:Arial,Helvetica,sans-serif; color:#333; background-color:#fff; font-size:1em}
form {margin:0; padding:0}
input.text{border:1px solid #9a9a9a; color:#666;background-image:url(../images/input-text-bg.png); background-repeat:no-repeat;}
iframe.map{border:1px solid #ccc; margin-bottom:20px; width: 100%; height:300px}
hr.sep{border:1px solid #c2c2c2; border-width:1px 0 0 0; height:1px}

img {border:0}
a{color:#002e60; text-decoration:none}
a.extern{background-image:url(../images/extern.png); background-repeat:no-repeat;background-position:right center; padding-right:11px}
 

a:hover{ text-decoration:underline}
form{margin:0; padding:0;}
em.em{font-style:normal}
#seite {width:940px; margin:auto; background-color:#fff}
div.clear{clear:both; height:1px; overflow:hidden}

#oben {position:relative; height:100px; border-bottom:1px solid #c2c2c2}
#oben .nav {position:absolute;top:17px; left:0; width:460px;color:#005BA1; font-size:0.65em}
#oben .nav a{position:relative; top:1px; color:#666; text-transform:uppercase; text-decoration:none}
#oben .nav a:hover{ color:#FFCC07}
#oben #suchediv{position:absolute;top:16px; right:227px; text-align:right; width:250px; color:#666; font-size:0.65em; text-transform:uppercase}
#oben #suchediv form{display:inline}
#oben #suchediv input{font-size:0.85em}
#oben #suchediv input.text{margin-left:6px; width:14em;  }
#oben #suchediv input.submit{margin-left:3px;background-color:#002e60; color:#FEC900; width:2.3em; text-align:center; border:1px solid #005AA1; padding:0}
 
 
#oben #logo {position:absolute;top:52px; left:0; width:55px; height:41px}
#oben #rheingold {position:absolute;top:0; right:0; width:200px; height:85px}

#mitte {border-bottom:1px solid #c2c2c2; margin-bottom:12px; padding-bottom:32px; overflow:auto; width:100%}

#links {float:left; width: 241px}
#links .nav{ background-image:url(../images/nav-bg.png); background-repeat:repeat-y; width:241px; margin-bottom:15px}
#links .l11{background-position:0px 0}
#links .l10{background-position:-6px 0}
#links .l9{background-position:-12px 0}
#links .nav ul{padding:52px 0 0 0; margin:0; list-style-type:none}
#links .nav li{position:relative}
#links .nav div{ margin-left:1px;background-color: #fff;border-bottom:1px solid #c2c2c2}
#links .nav div span{ position:relative;top:1px;display:block;background-color: #fff;margin-left:6px}
#links .nav a{position:relative;padding-left:3px;top:1px;font-size:0.70em;text-transform:uppercase;color:#333;text-decoration:none;; line-height:1.25em} 
 
#links .nav a:hover{color:#FEC900}
#links .nav .n1{ margin-left:0px}
#links .nav .n2 {margin-left:6px}
#links .nav .n3 {margin-left:12px}
#links .nav .n4{margin-left:18px}
#links .nav .n5{margin-left:24px}
#links .nav .n6{margin-left:30px}
#links .nav .n7{margin-left:36px}
#links .nav .n8{margin-left:42px}
#links .nav .n9{margin-left:48px}
#links .nav .n10{margin-left:54px}
#links .nav .n11{margin-left:60px}
#links .nav .n1 div{padding-left:60px; padding-top:0.75em}
#links .nav .n2 div{padding-left:54px;}
#links .nav .n3 div{padding-left:48px} 
#links .nav .n4 div{padding-left:42px} 
#links .nav .n5 div{padding-left:36px}
#links .nav .n6 div{padding-left:30px}
#links .nav .n7 div{padding-left:24px}
#links .nav .n8 div{padding-left:18px}
#links .nav .n9 div{padding-left:12px}
#links .nav .n10 div{padding-left:6px}
#links .nav .n11 div{padding-left:0px}
#links .nav div div{padding:0px; margin:0}

#links .box {background-image:url(../images/box-bg-links.png); background-repeat:no-repeat; margin-bottom:30px; padding:1px; min-height:165px}
#links .titel {background:#dadada url(../images/box-titel.png); background-repeat: repeat-x}
#links .titel h3{ padding: 3px 10px;margin:0;font-size:0.7em;text-transform:uppercase;color:#333; font-weight:bold}
#links .inhalt {padding: 10px;font-size:0.70em;color:#444}
#links .inhalt p{margin:0}

.mehr {float:right;  margin-top:0px; text-align:right; border:1px solid #c2c2c2;background-image:url(../images/mehr-0.png); background-repeat:no-repeat; background-position:right center}
#links .mehr { margin-top:1px;}
.mehr:hover {background-image:url(../images/mehr-1.png)}
.mehr a{font-weight:normal;color:#002e60;text-decoration:none; padding-right:17px; padding-left:7px}
.mehr a:hover{color:#333}

.tools{color:#444;font-size:0.65em;  margin-bottom:20px;text-transform:uppercase;}
.tools div{margin-bottom:2px; } 
.tools a{color:#444;text-decoration:none;  }
 
.tools .rss a{background-image:url(../images/rss.png); background-repeat:no-repeat;background-position: 0 0; padding-left: 17px}
.tools .rss a:hover{color:#FFCC07}
.tools .sitemap a{background-image:url(../images/sitemap.png); background-repeat:no-repeat;background-position: 0 0; padding-left: 17px}
.tools .sitemap a:hover{color:#FFCC07}
.tools .schrift {height: 20px;background-image:url(../images/schrift.png); background-repeat:no-repeat;background-position: 0 0; padding-left: 17px}
.tools .schrift span{float:left;margin-top:1px; margin-right: 2px}
.tools .schrift a{float:left; width:16px; height:13px; font-size:11px; margin-left:4px; text-align:center; overflow:hidden}
.tools .schrift b{visibility:hidden}
.tools .schrift a.minus{display:none;background-image:url(../images/minus.png); background-repeat:no-repeat;}
.tools .schrift a.plus{background-image:url(../images/plus.png); background-repeat:no-repeat;}
#content .tools{position:absolute; left:500px; bottom:0px; width:150px;  margin-bottom:0px}
#content .tools div{margin-bottom:3px}
.tools .drucken a{background-image:url(../images/drucken.png); background-repeat:no-repeat;background-position: 0 0; padding-left: 17px}
.tools .drucken a:hover{color:#FFCC07}

.tools .bookmark a{display:none}
 


#rechts {float:right; width: 680px; margin-top:13px;} 
#home {float:right;text-align:right; width: 38px;min-height:10px;margin-top:4px;background-image:url(../images/home.png);background-repeat: no-repeat; background-position:0 0; overflow:hidden; font-size:0.7em} 
#home a{padding-left:100px} 
#content {float:left; width: 641px; overflow:hidden;} 
#onTEAMcontent {position:relative; width: 641px; margin:auto;font-size:0.70em} 
.topnews{border:1px solid #c2c2c2; height:138px; margin-bottom:7px} 
.subnav{margin-bottom:21px; overflow:auto; width:100%; font-size:0.7em;} 
.subnav div{float:left; padding-right:20px; max-width:25%} 
.subnav ul{margin:0; padding:6px 8px; list-style-type:none} 
.subnav li{margin:0;}
.subnav li a{text-transform:uppercase; color:#666;text-decoration:none}
.subnav li a:hover{color:#FFCC07}
.box.einspaltig {position:relative;background-image:url(../images/box-bg-rechts-einspaltig.png); background-repeat:no-repeat; margin-bottom:7px; padding:1px; min-height:333px}
.box.zweispaltig {background-image:url(../images/box-bg-rechts-zweispaltig.png); background-repeat:repeat-x; margin-bottom:7px; padding:1px; min-height:216px; }
.box.zweispaltig .links{float:left; width:314px;background-color:#fff }
.box.zweispaltig .rechts{float:right; width:314px;background-color:#fff}

.Foto{clear:left;}
.Foto.artikel{background-image:url(../images/artikel-bg.png); background-repeat:no-repeat;}
.Foto.artikel img{max-height:138px; max-width:641px}
#Autor{position:absolute; top:0; left:-10000px; width:641px;height:auto; background-color:#c5c5c5; padding-bottom:20px;font-size:0.7em; color:#333}
#Autor a{color:#333; text-decoration:underline}
#Autor a:hover{text-decoration:none}
#Autor div.col{float:left; margin-top:20px; margin-left:15px;}
#Autor .foto{width:89px; clear:left}
#Autor .kontakt{width:185px;overflow:hidden} 
#Autor .kontakt .name{font-weight:bold}
#Autor .kontakt .position{}
#Autor .kontakt .tel{margin-top:10px}
#Autor .kontakt .fax{}
#Autor .kontakt .email{}
#Autor .kontakt .profil{font-weight:bold;margin-top:10px}
#Autor .artikel{background-image:none;width:300px; max-height:294px; overflow:auto}

#Autor .artikel strong{}
#Autor .artikel ul{margin:5px 0; padding:0; list-style-type:none}
#Autor .artikel li{padding:2px 0;}
.zweispaltig .Foto{height:111px}
.Titel {background:#dadada url(../images/box-titel.png); background-repeat: repeat-x; padding: 3px 10px;margin:0;font-size:0.7em;text-transform:uppercase;color:#444; font-weight:bold}
.Titel a{color:#666;  text-decoration:none}
.Titel a:hover{color:#FFCC07} 
.Inhalt {padding: 14px 10px;font-size:0.70em;color:#333;}
h1.home{ margin:7px 0; color:#444; font-weight:normal;font-size:2em}
h1{text-transform:none; margin:8px 0; color:#444; font-weight:bold;font-size:1.3em}
h2{text-transform:none; margin:7px 0; color:#555; font-weight:bold;font-size:1.1em}
.Inhalt ul,#onTEAMcontent ul{margin-left:20px;padding:0}
.Inhalt p,#onTEAMcontent p{margin-top:0; margin-bottom:0.5em}
.block{overflow:auto;width:100%;  padding:0 0 15px 0 }
.trenner{background-image:url(../images/trenner.png); background-repeat:no-repeat; background-position:center top ; padding:15px 0}
.newsletter .foto{float:left; width:122px;height:auto} 
.newsletter .foto .img{ width:120px; height:auto; min-height:50px; border:1px solid #c5c5c5; overflow:hidden}
.newsletter .foto .img img{ width:120px;}
.newsletter .foto .caption{ margin-top:3px}
.newsletter .text{margin-left:135px} 
.newsletter .text h2{font-size:1em; margin:0 0 10px 0}
.newsletter .text p{margin:0}
.veroeffentlichung .foto{float:left; width:91px;height:auto} 
.veroeffentlichung .foto .img{ width:89px; height:auto; min-height:50px; border:1px solid #c5c5c5; overflow:hidden}
.veroeffentlichung .foto .img img{ width:89px;}
.veroeffentlichung .foto .caption{ margin-top:3px}
.veroeffentlichung .text{margin-left:100px; margin-bottom:10px} 
.veroeffentlichung .text h2{font-size:1em; margin:0 0 10px 0}
.veroeffentlichung .text p{margin:0 }
ul.veroeffentlichungen{margin:-10px 0; padding:0; list-style-type:none} 
ul.veroeffentlichungen li{margin:20px 0; clear:right; padding-right:240px}
ul.veroeffentlichungen li > a{font-weight:bold;text-transform:uppercase; color:#666;text-decoration:none;  }
ul.veroeffentlichungen li > a:hover{color:#FFCC07}
ul.veroeffentlichungen .mehr {margin:-3px 0 0 0}
.tabs {width:100%; position:relative} 
.tabs div.t{height: 1.5em; width: 318px;border:1px solid #c5c5c5; border-width:1px 0 0 1px; background:#dadada url(../images/box-titel.png); background-repeat: repeat-x; margin:0;font-size:0.7em;text-transform:uppercase;color:#666; font-weight:bold} 
.tabs div.t a{float:left; width: 138px;color:#666;text-decoration:none; border-right:1px solid #c5c5c5;padding:2px 10px} 
.tabs div.t a:hover{color:#FFCC07} 
.tabs div.t a.aktiv{background-image:url(../images/titel-bg-aktiv.png); background-repeat:repeat-x; background-position:center} 
.tabs div.t a.aktiv:hover{color:#666} 

.mitarbeiter .col{float:left}
.mitarbeiter .foto{width:101px; margin-left:0px;}
.mitarbeiter .foto .img{border:1px solid #c5c5c5; width:91px; min-height:50px; overflow:hidden}
.mitarbeiter .foto .img img{width:91px}
.mitarbeiter .kontakt{width:215px; margin-left:5px;}
.mitarbeiter .kontakt .name{font-weight:bold}
.mitarbeiter .kontakt .position{}
.mitarbeiter .kontakt .tel{margin-top:10px}
.mitarbeiter .kontakt .fax{}
.mitarbeiter .kontakt .email{}
.mitarbeiter .person{width:250px; margin-left:15px}
.mitarbeiter .person .spruch{}
.mitarbeiter .person .startseite{margin-top:10px}

form.trenner{padding-top:15px}
form dl.auswahl{}
form dl.auswahl dt{font-weight:bold; margin:15px 0 0 28px ;color:#444}
form dl.auswahl dd{margin:0; padding:0}
form dl.auswahl dd input{position:relative;top:2px; margin-right:10px}

form .kommunikationsdaten{position:relative;background-color:#c2c2c2; width:100%;padding:13px; left:-13px; overflow:auto; color:#333}
form .daten{float:left; width:340px}
form .daten .trenner{background-image:none; margin-bottom:10px}
form .daten strong{ }
form .daten div{clear:left;margin:1px 0}
form .daten .textinput label{float:left;width:110px;margin-top:2px}
form .daten .textinput  input{width: 220px;font-size:0.85em}
form .agb{float:right; width:270px; margin:0}
form .agb .checkbox{float:left; width:25px}
form .agb .text{float:right; width:245px}
form .agb input.submit{font-size:1em;padding-right:15px;color:#0061AA;border:1px solid #999;background-image:url(../images/mehr-0.png); background-repeat:no-repeat; background-position:right center}
form .agb input.submit:hover{background-image:url(../images/mehr-1.png)}
form .agb div.submit{text-align:right; margin-top:15px}

.weltkarte{position:relative; top:-14px; text-align:center}
.col50{float:left; width:50%}


#unten {clear:both; position:relative;background-color:#ccc;  font-size:0.55em; color:#444}
#unten .nav{ width:760px; margin:0 0 0 11px; padding:11px 0; text-transform:uppercase}
#unten .nav a{color:#444; text-decoration:none}
#unten .nav a:hover{}
#unten .copy {position:absolute;top:11px; right:12px;width:140px; text-align:right}

#links a.diese,#rechts li.diese a,#oben a.diese,#unten a.diese,a.aktiv{ color:#002e60}
a.aktiv{font-weight:bold}
a.aktiv:hover{cursor:text; text-decoration:none;color:#002e60}
a.genaudiese,#links .nav a.genaudiese,#oben a.genaudiese,#unten a.genaudiese{font-weight:bold; text-decoration:none}
a.genaudiese:hover,#links .nav a.genaudiese:hover,#oben a.genaudiese:hover,#unten a.genaudiese:hover{cursor:text; text-decoration:none;color:#002e60}



/***********end template***********/


/***********begin content***********/

/***********end content***********/

}

@media print {
img{border:0}
#oben #rheingold{padding-bottom:10px; border-bottom:1px solid #999; text-align:right; margin-bottom:10px}
.Titel{font-weight:bold}
#oben .nav,#oben #suche,#oben #logo,#links,.subnav,.tabs,.Foto,#Autor,#home,#unten,.mehr {display:none} 
.veroeffentlichung {clear:left;margin:10px 0} 
.veroeffentlichung .foto{float:left; width:91px;height:auto; margin-right:15px}  


}