/********************************************************************************************************/ 
/*** stylesheet für den Internet-Explorer. Einziger Unterschied: div class content: Die Breite ist mit 95%
angegeben. Änderungen in den Fonts, etc. müssen in beiden Stylesheets geändert werden. ***/
/********************************************************************************************************/ 

/* Styles fuer 2-Spalter Klassik */

* {/* set all to 0 */
margin: 0;
padding: 0;
}

html, body {
margin:  0px 0px 0px 0px; 
padding: 0px 0px 0px 0px; 
border:  0px 0px 0px 0px;
font-family: arial, verdana,helvetica,sans-serif; 
font-size: 100%;
color: #000000;
scrollbar-base-color:#E4DCDA;
scrollbar-face-color:#E4DCDA;
background-color: #fff;
}

body {
text-align:left;	
margin-top: 0px;	
margin-left: 0px; 	
margin-right: auto;	
margin-bottom: 0px;	
font-size: 85%;
background-color: #fff;

}


p {margin: 10px 0px 5px 0px;}
/********************************************************************************************************/ 
/*** Textformate ***/
/********************************************************************************************************/ 

a {color:#2E62AC; font-weight: normal; text-decoration:underline;}
a:link {color:#2E62AC; font-weight: normal; text-decoration: underline;}
a:visited {color:#2E62AC; font-weight: normal; text-decoration: underline;}
a:hover {color:#FF6600; font-weight: normal;  text-decoration:underline;}

a.white {color:#fff;}
a.white:link {color:#fff;}
a.white:hover {color:#FF6600; font-weight: normal;  text-decoration:underline;}
a.white:visited {color:#FF6600; font-weight: normal;  text-decoration:underline;}


h1 {font-size: 100%; color: #000000; text-decoration: none; font-weight: bold;}
h2 {font-size: 1.1em; color: #000000; font-weight: bold; text-decoration: none;}
h3 {font-size: 90%; color: #000000; text-decoration: none; font-weight: bold;}

ul {
list-style-type: square;
margin:  0px 0px 10px 15px;
padding: 0px 0px 5px 5px;
color: #000000;
line-height: 23px;
}

hr.weiss {color:#ffffff;}


td {font-size: 90%; color:#000;
}
td.klein {font-size: 75%; 
align:left;
}

ul.liste {
list-style-image: url(images/pfeil_blau.jpg);
padding-top: 2px;
margin-top: 2px;
line-height: 23px;
}

li.liste {
}
 
ul.liste2 {list-style-image: none;
	list-style-type: none;}
 
/* Container mit ihren Inhalten */
#wrapper {/* umschliesst alles */
text-align: left;
margin: 0 auto;
background-color: #FFFFFF; 
}

/* Header */
#header {
width: 100%;	
position:absolute;
left:0px;
top: 0px;
bottom: 0px;
right: 0px;
height:120px; 
background-color:#FF6600;
overflow:hidden;

}

.suche 
{position:absolute; 
left:5px; 
top:110px;
background-color: #FF6600;
line-height: 20px;
width: 100%;}


.link {
z-index:2;
position:absolute; 
left:20px; 
top:40px; 
}

.leiste_bild1 {
position:absolute;
left:150px;
top: 0px;
padding-bottom: 10px;
padding-left:0px;
padding-top: 0px;
z-index:2;
}
.monitor{border: 5px solid #FF6600; width: 521px; text-align:center;}

.leiste_bild2 {
position:absolute;
left:263px;
top: 0px;
padding-bottom: 10px;
padding-left:0px;
padding-top: 0px;
z-index:2;
}

.leiste_bild3 {
position:absolute;
left:433px;
top: 0px;
padding-bottom: 10px;
padding-left:0px;
padding-top: 0px;
z-index:2;
}
.leiste_bild4 {
position:absolute;
left:603px;
top: 0px;
padding-bottom: 10px;
padding-left:0px;
padding-top: 0px;
z-index:2;
}
.leiste_bild5 {
position:absolute;
left:736px;
top: 0px;
padding-bottom: 10px;
padding-left:0px;
padding-top: 0px;
z-index:2;
}
.leiste_bild6 {
position:absolute;
left:860px;
top: 0px;
padding-bottom: 10px;
padding-left:0px;
padding-top: 0px;
z-index:2;
overflow:hidden;
}
/* Navigation */


.naviliste a:link {color:#000000; font-weight: bold; text-decoration: none; width:150px; layer-background-color:#ffffff;}
.naviliste a:visited {color:#FFFFFF; font-weight: bold; text-decoration: none; }
.naviliste a:hover {color:#FFF8D8; font-weight: bold;  text-decoration:underline;}

.naviliste {
list-style-type: none;
margin:  0px 0px 0px 0px;
padding: 0px 0px 0px 5px;
line-height:27px;
font-size: 0.85em;
height: 100%;
}
.linie {background:#FFF8D8; width: 164px; height:1px; margin-top: 35px; margin-bottom: 30px;}
.navi_unten  {background:#7f7f7f; width: 150px; margin-bottom:0px; padding-top:10px;}

.li_1{
height: 23px;
padding: 0px 0px 0px 0px;
}
/* Content */
#content {position: relative; background-color: #fff; color: #000; width:98%; text-align:left; padding:5px 0px 0px 10px; margin-top: 125px;
}

.content_linie {background:transparent; width:500px; height:1px; margin-left:10px; margin-top: 5px; margin-bottom: 5px;}




h1.content {
border-bottom: 2px dotted #FF6600;
background:transparent;
color:#000;
text-align:left; padding: 0px 0px 0px 5px;
font-size: 100%;
font-weight: bold;
line-height:20px;
margin-bottom:10px;
}

h2.content {font-size: 90%; color: #ff6600; text-decoration: none; font-weight: bold;}
h3.content {font-size: 90%; color: #000000; text-decoration: none; font-weight: bold;}


#right{position: absolute;top: 160px;float:right;width: 160px;right: 0px;}
a.ueberschrift {color:#FFFFFF; font-weight: bold; text-decoration: none;}
a.ueberschrift:link {color:#FFFFFF; font-weight: bold; text-decoration: none;}
a.ueberschrift:hover {color:#CB0000; font-weight: bold; text-decoration: none;}
a.ueberschrift:visited {color:#FFFFFF; font-weight: bold; text-decoration: none;}


.header_programmvorschau {color: #FF6600;}
.header_suche {color: #FF6600; font-weight: bold; font-size: 90%;}

a.programmvorschau {color:#2E62AC; font-weight: bold; text-decoration:none;}
a.programmvorschau:link {color:#2E62AC; font-weight: bold; text-decoration: none;}
a.programmvorschau:visited {color:#2E62AC; font-weight: bold; text-decoration:none;}
a.programmvorschau:hover {color:#FF6600; font-weight: bold;  text-decoration:none;}

a.programmvorschau_kl {color:#2E62AC; font-weight: bold; font-size:85%; text-decoration:underline;}
a.programmvorschau_kl:link {color:#2E62AC; font-weight: bold; font-size: 85%; text-decoration: underline;}
a.programmvorschau_kl:visited {color:#2E62AC; font-weight: bold; font-size: 85%; text-decoration:underline;}
a.programmvorschau_kl:hover {color:#FF6600; font-weight: bold; font-size: 85%;  text-decoration:underline;}

table.programmvorschau_1{border: 0px; cellpadding: 0px; cellspacing: 0px; width:95%;}

table.programmvorschau_2 {cellspacing: 1px; cellpadding: 10px; width: 250px; align: center; background-color: #ffffff;}
td.programmvorschau_2 {border: solid 1px #ff6600; font-size: 75%;}

table.programmvorschau_3 {background-color: #ffffff; width: 95%;}
td.programmvorschau_3 {border-top: none; border-left: none; border-right: none; border-bottom: dotted 2px #ff6600; background-color: #ffffff; width: 95%;}

table.suche2 {background-color: #CFD0D5; width: 95%; margin:10px;}
td.suche2 {padding:5px;}

.input_begriff {
width: 300px;
border: 1px solid #FFFFFF;
background-color: #CFD0D5;
color: #000;
margin: 0px 0px 0px 10px;
}
.input_datum {
width: 120px;
border: 1px solid #FFFFFF;
background-color: #CFD0D5;
color: #000;
margin: 0px 0px 0px 10px;
}
.senden2 {
width: 120px;
background-color: #CFD0D5;
color:#FF6600;
border: 1px solid #FFFFFF;
font-weight:bold;
font-size: 85%;
font-family: arial;
}




/* Content für die Unterseite */

.content_unterseite { 
position: relative;
float:left;
width:80%;
text-align:left; 
padding:10px 0px 0px 20px;
}


.content_unterseite_bild {
position: relative;
float:left;
margin: 3px 3px 3px 3px;
font-size:75%;
line-height: auto;
}
.content_unterseite_bild_rechts {
position: relative;
float:right;
margin: 3px 3px 3px 3px;
font-size:75%;
line-height: 1em;}

.content_unterseite_geschenk {
background:#E4E7EA;
padding: 2px;
}



.content_linie_unterseite {background: #D57B31; width: 100%; height:1px; margin-top: 15px; margin-bottom: 10px;}
.content_linie2 {border-bottom: 2px dotted #FF6600; width: 100%; margin: 0px 10px 10px 0px;}

/* Footer (ist unbedingt notwendig, damit der Rahmen links automatisch verlängert wird */
#footer {
clear: both;
height: 50px;
background-color: transparent; 
padding: 8px 15px 0px 10px;
font-size: 0.8em;
}

#footer p {
position: absolute; 
left: 7%;
padding: 8px 15px 0px 10px;

}
#footer a {
text-decoration: none;
background-color: transparent;
color: #fff;
border: 0 none;
}
#footer a:hover {
background-color: transparent;
color: #f00;
}


#bannerwerbung  {
background-color: #7F7F7F;
color: #FFFFFF;
font-size: 85%
}

/* Ausgeblendetes */
.invis, hr {
display: none;
}




/* Styles für Formulare*/

#formular {
padding: 10px 0px;
text-align: left;
font-size: 90%;

}
#formular p {
margin: 0px 0px 10px 0px;
background-color: transparent;
color: #000000;
}

fieldset {
margin: 20px 0px 10px 0px;
padding: 5px 10px;
border: 2px dotted #D57B31;
}
legend {
background-color: #205080;
color: #fff;
padding: 2px 10px;
border: 1px solid #D57B31;
margin: 0px 0px 10px 0px;
font-weight: bold;
}

form {
line-height: 150%;
}
input, textarea {
font-size: 90%;
}
.inpt {
width: 250px;
border: 1px solid #D57B31;
background-color: #FFFFFF;
color: #000;
margin: 0px 0px 0px 10px;
}
.inpt_plz{
width: 50px;
border: 1px solid #D57B31;
background-color: #FFFFFF;
color: #000;
margin: 0px 0px 0px 10px;
}
.inpt_geb{
width: 80px;
border: 1px solid #D57B31;
background-color: #FFFFFF;
color: #000;
margin: 0px 0px 0px 10px;
}


.txt {
width: 395px;
border: 1px solid #D57B31;
background-color: #fff;
color: #000;
}
input.inpt:focus, textarea.txt:focus {
background-color: #fff;
color: #000;
}
select {
margin: 0px 0px 0px 0px;
background-color:#CFD0D5;
color: #000000;
border: 1px solid #000000;
}
.senden {
width: 395px;
font-size: 100%;
font-weight: bold;
margin: 10px 0px 0px 0px;
padding: 2px 0px 2px 0px;
background-color: #E4DCDA;
color: #000000;
border-top: 1px solid #D57B31;
border-right: 1px solid #D57B31;
border-bottom: 1px solid #D57B31;
border-left: 1px solid #D57B31;
cursor: hand;
voice-family: "\"}\"";
voice-family:inherit;
cursor: pointer;
}
.klick {
cursor: hand;
voice-family: "\"}\"";
voice-family:inherit;
cursor: pointer;
}




#jobcount {position:absolute;
left:0px;
top: 400px;
color:#FFFFFF;
width:150px;
padding:10px 10px 10px 10px;
font-size: 12px;
background-color: #7f7f7f;
z-index:2;}

a.jobcount:link {color:#D57B31;  text-decoration: underline; font-weight:bold;}
a.jobcount:hover {color:#D57B31; text-decoration: underline; font-weight:bold;}
a.jobcount:visited {color:#D57B31;  text-decoration: underline; font-weight:bold;}

.fullscreen {background-color: #FF6600; width: 55px; font-size: 12px; height: 20px; margin-bottom:  5px; font-weight:normal; letter-spacing:0.1em; padding: 0px;}