/* ++++++++++++++++++++++++++++++++++++++++
++ Optional Code
++++++++++++++++++++++++++++++++++++++++ */
/** +++++ eigener Code ++++++ **/
html {font-family: Verdana, Arial, Helvetica, sans-serif; 
                font-size: 100.01%; color: #000;}

body {margin:0; padding: 0; background-color: #fff;
                font-family: Verdana, Arial, Helvetica, sans-serif; 
                font-size: 0.7em; color: #000;}
				
				
 
 /*styles allgemein*/
a {color:rgb(156,156,156); text-decoration:underline; font-weight:bold;}
a:link {color:rgb(156,156,156); text-decoration:underline; font-weight:bold;}
a:hover {color: rgb(156,156,156); text-decoration:underline;    font-weight: bold;}
a:visited {color:rgb(156,156,156); text-decoration:underline; font-weight:bold;}

a.oben {color:#fff; text-decoration: none;}
a.oben:hover{color:rgb(156,156,156);text-decoration: none;}
a.oben:visited{color:#fff; ;text-decoration: none;}

p.white {background:#ffffff; line-height:0.1%; margin: 0px;}

           
h1 {font-size:1.2em; color: rgb(156,156,156); font-weight: bold; margin-bottom: 5px;  padding-top:0.2%; line-height:1.2em;}
h2 {font-size: 1.1em; color: rgb(000,070,143);   margin: 0px 0px 5px 0px; display:block;}
h3 {font-size: 1.0em; margin: 0px 0px 0px 5px; font-weight: bold; padding:0px; display:block;}
 
.fett {font-weight: bold;}

.title {color:rgb(236,209,2); font-weight: bold; }


td.programmvorschau_3 {border-bottom: 1px solid rgb(156,156,156); padding:0px; margin:0px;}

li {list-style-type: none;}

.content ul {list-style-position: outside; display:block;}
.content li {padding: 0px 0px 0px 0px;  text-align:justify; margin-left: 15px; list-style-type:square; }

 /*auesserer Rahmen*/
#frame     
{width:100%;
background-color: #ffffff;
padding: 0;
margin: 0;
}
/*Kopfzeile */
#header         
{margin: 0 0% 0% 2px;
    padding: 0;
    width: 99%;
  background: url(images/leiste_hg.gif);
    background-repeat: repeat-x;
	height: 138px;
	z-index:2;}

	.leiste {
 background: url(images/leiste_logo.jpg);
    height:  138px;
	width: 317px;
    background-repeat: no-repeat;
	float: left;
	margin-left: 50px;
z-index:2;}


.headtext
{position: absolute;
margin-top: 30px;
right: 100px;
width: 50%;
color:rgb(156,156,156);
font-weight: bold;
font-size: 1.2em;
overflow:hidden;
z-index:1;}



.navioben {position: absolute;
margin-top: 105px;
right: 90px;
width: 40%;
color:#fff;
font-weight: bold;
font-size: 1.2em;
}



.navileiste1a {margin:0px 0px 0px 0px;
background-color: #fff;
line-height: 1px;
height: 1px;
}
#suche         
{margin: 0 0% 0% 2px;
padding-top:5px;
    padding-bottom: 0px;
    width: 99.5%;
    background-color:#fff;
	height:auto;
	border-bottom: 1px solid rgb(156,156,156);
	z-index:1;}
	
.suche {padding-left:8%;
padding-top:5px; width: 30%; z-index:2; }	


h1.suche {color: rgb(156,156,156); font-size:1em; padding:0px;   padding-left:-5px;}

.suche2 { float:right; margin-right: 100px;     margin-top:0; padding-top:5px;   z-index:2; width: 30%;}

#navigation
{float:left; 
width: 10%;
background-color: transparent;
}


/*Content Mitte */
#content
{float:left;    
background-color: #ffffff;
    width: 79%;
    margin-top:0%;
    color: #000000;
   border-left: 1px solid rgb(156,156,156); 
   border-right: 1px solid rgb(156,156,156);
min-height:200px;
}
 

.content
{color: #000000;
padding:10px;}    
    
/*zweispaltiger content */
.content_links
{float:left;
    width: 45%;
    margin-top: 1%;
    padding: 1%;
	border: 0px solid #000;}

.content_rechts
{float:right;
width: 49%;
border: 0px solid #000;
margin-top: 1%;
padding: 1%;
border: 0px solid #000;}

/*content visitenkarte  */

.content_visikarte
{background-color: #ffffff;
margin-top:5px;
padding: 10px 10px 10px 0px;
min-height:150px;
height: auto;}

.content_img_visikarte
{float:left;
padding:0px 5px 5px 5px;
font-size:0.9em;
width:auto;
height: auto;}


.content_visikarte_border
{border-bottom: 2px solid rgb(245,178,120);
width:100%;
margin: 5px 0px 5px 0px;
padding:0px 0px 0px 0px;
line-height:1px;}


.content_visikarte_border_unten
{border-bottom: 2px solid rgb(245,178,120);
width:100%;
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
line-height:1px;
clear:both;}



.dreier {width: 100%; font-size:0.85em; margin: 10px 0px 0px 2px;} 
.anfang {float: left;}
.print {text-align: center; margin-bottom: 5px; } 
.zurueck {float: right; text-align:right;}


/*Liste Unterseite */
ul.weiter {
    padding: 0px 0px 0px 0px;
    list-style-position: outside;
    margin: 5px 0px 0px 0px;
    }
li.weiter {
    list-style-type: none;
    margin-left: 0px;
    padding: 0px 0px 5px 0px;
}
    
/**Leerzeile für Vierspalter**/        
.mitte_content_leer
{width: 400px;
visibility: hidden;
}
/**rechter Infoblock mit infobox**/
#rechts
{float:right;
width:9%;
background:#ffffff;
margin-top:0%;
padding:0;
}







/**Fusszeile optional**/
#footer {position:relative;
background: #ffffff;
    clear: both;
    margin-bottom:0px;
    margin-top:30px;
    margin-left:12%;
    margin-right:20%;
    padding-top:0px;
    padding-bottom:0px;
    width:60%;
    text-align:left;}
	
.footer_txt {font-size:1.1em; position: relative; float: left; padding-top: 0px;}
.footer_img {width:auto; padding-top: 1px;}

.pubdate {text-align:center;
font-size:0.8em;
margin-top: 1em;
margin-bottom: 1em;}

.clear {
    clear: both; display: none;}

label.blind {display:none;}
 
 /** +++++ Ende eigener Code ++++++ **/
 
p { 
 padding: 5px; 
 margin: 0; 
  }

.input {border: 1px solid rgb(176,38,38);}