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


@media screen {
/***********begin template***********/
body { position:absolute; width:100%; height:100%;width:100%;margin:0; padding:0; font-family:Arial,Helvetica,sans-serif; color:#333; background-color:#fff; font-size:1em}
body.ohne {position:relative; width:641px; margin:15px auto; height:auto}
form {margin:0; padding:0}
input.text,textarea{border:1px solid #9a9a9a; color:#000;background-image:url1(../images/input-text-bg.png); background-repeat:no-repeat;padding-left:4px; margin-top:1px}
input.text:focus{background-image:none;border:1px solid #666;}
input.text:active{background-image:none}

img {border:0}
form{margin:0; padding:0;}
em.em{font-style:normal}
#seite {position: relative; width:940px; margin:12px auto;z-index:1}
div.clear{clear:both; height:1px; overflow:hidden}

#oben {position:relative; height:100px; border-bottom:1px solid #c2c2c2;z-index:1}
#oben .nav {position:absolute;top:17px; left:0; width:660px;color:#005BA1; font-size:0.75em; font-weight:bold}
#oben .nav a{position:relative; top:1px; color:#444; text-transform:uppercase; text-decoration:underline}
#oben .nav a:hover{ color:#FFCC07}
#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 {position:relative;border-bottom:1px solid #c2c2c2; margin-bottom:12px; padding-bottom:32px; overflow:auto; width:100%;z-index:1}

#links {float:left; width: 241px} 

#links .box {background-image:url(../images/box-bg-links.png); background-repeat:no-repeat; margin:13px 0 0 0; padding:1px 0 0 0px;}
#links .titel {position:relative;background:#dadada url(../images/box-titel.png); background-repeat: repeat-x; margin:0px 1px 0 1px}
#links .titel h3{ padding: 3px 10px;margin:0;font-size:0.65em;text-transform:uppercase;color:#444; font-weight:bold}
#links .inhalt { background-image: url(../images/box-bg-links-mitte.png); background-repeat: repeat-y;padding:0} 
#links .inhalt div{ overflow:auto;width:239px;background-image: url(../images/box-bg-links-unten.png); background-repeat: no-repeat;padding:0 1px;background-position:left bottom ; }
  #links .inhalt div div{ overflow:hidden;font-size:0.70em;background-image:none; background-color:transparent; width:auto; padding: 0}
  #links .inhalt div form{ position:relative;margin:0 ; padding:0 10px; background-color:#002f61; color:#fff}
  #links .inhalt div input,#links .inhalt div textarea {font-size:11px}
#links .inhalt p{margin:0;padding: 14px 10px;font-size:0.70em;background-color:#002f61;color:#fff;}

.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);text-decoration:none;}
.mehr a{font-weight:normal;color:#002e60;text-decoration:none; padding-right:17px; padding-left:7px}
.mehr a:hover{color:#333;text-decoration:none}


#rechts {position:relative;float:right; width: 680px; margin-top:13px;} 
#content {float:left; width: 641px; overflow:hidden;} 
#onTEAMcontent {position:relative; width: 641px; margin:auto} 

#rechts .nav{margin-bottom:13px; overflow:auto; width:100%; font-size:0.7em;} 
#rechts .nav ul{margin:0; padding:0; list-style-type:none} 
#rechts .nav li{float:left;margin:0 10px 0 0}
#rechts .nav li a{white-space:nowrap;display:block;text-transform:uppercase;text-align:center; overflow:hidden; color:#333;text-decoration:none; padding:6px 0px;border:1px solid #c2c2c2;font-weight:bold;background:url(../images/nav-bg-0.png); background-repeat: repeat-x;background-position:center;}
#rechts .nav li a:hover{background:url(../images/nav-bg-1.png); background-repeat: repeat-x; color:#333;background-position:center;}
#rechts .nav li a.genaudiese{background:url(../images/nav-bg-1.png);;background-position:center;}
#rechts .nav li a:hover.genaudiese{cursor:text}
#rechts .nav strong{text-transform:none}
#button-home{width:74px}
#button-timetable{width:108px}
#button-moderator{width:155px}
#button-night{width:137px}
#button-registration{width:117px}

.box.einspaltig {position:relative;background-image:url(../images/box-bg-rechts-einspaltig.png); background-repeat:no-repeat; margin-bottom:7px; padding:1px 0 0 0;}
.Foto{clear:left;margin:0 1px}
.Foto.artikel{background-image:url(../images/artikel-bg.png); background-repeat:no-repeat;}
.Foto.artikel img{}
.zweispaltig .Foto{height:111px}
.headline {background-color:#ffcb08;color:#0061aa}
.Titel {background:#dadada url(../images/box-titel.png); background-repeat: repeat-x; padding: 3px 10px;margin:0 1px;font-size:0.7em;text-transform:uppercase;color:#333; font-weight:bold}
.Titel2 {background:#dadada url(../images/box-titel-2.png); background-repeat: repeat-x; padding: 6px 10px;margin:0 1px;font-size:1.2em;color:#333;}
.Titel a{color:#888;  text-decoration:none} 
.Titel a:hover{color:#FFCC07} 
.Inhalt {background-image: url(../images/box-bg-rechts-mitte.png); background-repeat: repeat-y;padding:0} 
.Inhalt div.rand{ background: url(../images/box-bg-rechts-unten.png); background-repeat: no-repeat;background-position:left bottom;padding: 14px 10px;font-size:0.70em;color:#333}
h1.home{text-transform:uppercase; 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}
.block{position:relative;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}

.Inhalt div.together {font-size:1.15em;color:#002661;font-weight:bold} 
.Inhalt span.together {font-size:1.7em;color:#002661; margin-bottom:0px; display:block} 
.Inhalt a{color:#002e60; text-decoration:none}
.Inhalt a.extern{background-image:url(../images/extern.png); background-repeat:no-repeat;background-position:right center; padding-right:11px}
.Inhalt a:hover{ text-decoration:underline}
.Inhalt .mehr a:hover{color:#333;text-decoration:none}

#fotogalerie{width:637px; margin:2px; }
#fotogalerie td{width:25%; text-align:center; padding:1px; background-color:#fff}
#fotogalerie a img{margin:1px}
#fotogalerie a:hover img{	border:1px solid #fff;border-color:#ccc #666 #333 #666; margin:0}

.Titel.timetable {color:#002e60;font-size:12px}
.rand .Titel.timetable {margin-left:-9px; margin-right:-9px; margin-bottom:15px}
.veroeffentlichung .foto{float:left; width:91px;height:auto} 
.veroeffentlichung .foto .img{ width:89px; height:auto; min-height:50px; border:1px solid #c5c5c5;background-color:#c5c5c5; overflow:hidden}
.veroeffentlichung .foto .img img{ width:89px;}
.veroeffentlichung .foto .caption{ margin-top:3px}
.veroeffentlichung .uhrzeit{font-weight:bold;color:#002e60; font-size:1.0em} 
.veroeffentlichung .referent{font-weight:bold; font-size:1.0em} 
.veroeffentlichung .text{margin-left:100px} 
.veroeffentlichung .text h2{font-size:1.25em; margin:0 0 10px 0; color:#333}
.veroeffentlichung .text p{margin:0.5em 0}

form .kommunikationsdaten{position:relative;background-color:#c2c2c2;width:100%; padding:9px;left:-9px;  overflow:auto; color:#333}
form .daten{}
form .daten .trenner{background-image:none; margin-bottom:0px; padding:5px 0}
form .daten strong{ }
form .daten div{clear:left;margin:1px 0}
form .daten .textinput label{float:left;width:90px;margin-top:2px;}
form .daten .textinput  input{width: 190px;font-size:0.85em; } 
form .daten #statusdaten{position:relative}

form #personendaten{float:left; width:48%; margin:10px 0}
form h3{font-size:1em; margin:0; border:1px solid #999;border-width:1px 1px 0 0 ; padding:2px 5px 0 0}
form h3 input{float:left;}
form h3 i{font-weight:normal}
form #rechnungsdaten{clear:right;float:right; width:48%;  margin:10px 0}



form .agb{position:relative;clear:both; text-align:center; border-top:1px solid #999;  padding:5px 0}
form .agb #zustimmung{display:inline;position:relative}
form .agb .checkbox{display:inline}
form .agb .text{display:inline}
form .agb input.submit{margin-left:15px;font-size:1em;padding-right:15px;color:#002e60;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{display:inline;}



#unten {clear:both; position:relative;background-color:#ccc;  font-size:0.55em; color:#444; width:100%; overflow:auto  }
#unten .nav{position:relative;width:760px}
#unten .imprint a{text-transform:uppercase; color:#444; text-decoration:underline}
#unten .nav a:hover{}
#unten .imprint {float:left;margin:22px 0 11px 12px; }
#unten .copy {float:right;margin:22px 12px 11px 0; text-align:right}

#popup{visibility:hidden; z-index:12;position:fixed;top:0;left:0;width:100%;height:100%; }

#popup .abdeckung{ background-color:#ffcb08;position:absolute;top:0;left:0;width:100%;height:100%; -moz-opacity:0.4; opacity:0.4; filter:alpha(opacity=40)}
#ifr1{ position:absolute;top:50%;left:50%;width:680px;height:380px; margin:-190px 0 0 -340px;background-color:#fff; border:3px solid #666; }
#popup .close{ position:absolute;top:5%;left:15%;width:70%;height:25px;margin-top:-12px; margin-left:0px;text-align:right; }
#popup .close button{width:150px; font-weight:bold; margin-right:20px }
#ifr1 iframe{ position:relative;width:100%;height:100% }

div#closewindow{text-align:center} 
 

/***********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,#ifr1 iframe,#popup, #ifr1,#rechts .nav {display:none} 
.veroeffentlichung {clear:left;margin:10px 0; padding:10px 0}
.veroeffentlichung .foto{display:none}  
.veroeffentlichung h2{ margin:0; font-size:1.2em}  
.Titel{ border:1px solid #999; padding:2px; clear:left; margin:10px 0}  
.textinput label{float:left;width:100px}
form #personendaten{float:left; width:48%; margin:10px 0}
form #rechnungsdaten{clear:right;float:right; width:48%;  margin:10px 0}
form .agb{position:relative;clear:both; text-align:center; border-top:1px solid #999;  padding:5px 0}
form .agb div{display:inline}
form .agb div.submit{display:none;}


}