/* ==============================================================================================================

	Stylesheet: Vorlage
	
	Stand: 12.08.2008
	Datei: style.css
	
	Aufbau:
	1. Kalibrierung
	2. Allgemeine Styles
	3. Styles für Layoutbereiche
	4. Sonstige Styles

================================================================================================================= */

/* ==============================================================================================================
	1. Kalibrierung
================================================================================================================= */

* {margin: 0; padding: 0;}

html { margin: 0 auto; height: 100%; min-height: 101%;}



/*===============================================================================================================
	2. Allgemeine Styles (z.B body, h1, h2, p, links, welche nicht in Klassen oder IDs sind)
=================================================================================================================*/

body 
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background: url(../images/verlauf_repeater.jpg) repeat-x;
	color: #666666;
}

.admin
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background: #ffffff;
	color: #666666;
}

h1
{
	color: #ff6600;
	font-size: 18px;
}

h2
{
	font-size: 12px;
}

p
{
	margin-bottom:  10px;
}


/*===============================================================================================================
	3. Styles für Layoutbereiche (Wrapper, Header, Footer, Spalten, Navigation, Bilder, ect...)
=================================================================================================================*/

#wrapper
{
	margin: 0 auto;
	width: 956px;
	background: url(../images/repeater.jpg) repeat-y;
}

#header
{
	background: url(../images/header_3) no-repeat;
	width: 956px;
	min-height: 322px;
	height: auto !important;  /* für moderne Browser */
	height: 322px;  /*für den IE */
}

#header_admin
{
	background: url(../images/header_klein) no-repeat;
	width: 956px;
	min-height: 45px;
	height: auto !important;  /* für moderne Browser */
	height: 45px;  /*für den IE */
	
}

#navigation
{
	font-size: 14px;
	font-weight: bold;
	padding: 270px 0 0 56px;
}

#navigation ul
{
}

#navigation ul li
{
	display: inline;
	list-style-type: none;
	padding-right: 15px; 
}

#navigation ul li a
{
	text-decoration: none;
	color: #555555;
}

#navigation ul li a:hover
{
	color: #ff6600;
}

#navigation_admin
{
	font-size: 14px;
	font-weight: bold;
	padding: 34px 0 0 56px;
}

#navigation_admin ul
{
}

#navigation_admin ul li
{
	display: inline;
	list-style-type: none;
	padding-right: 15px; 
}

#navigation_admin ul li a
{
	text-decoration: none;
	color: #555555;
}

#navigation_admin ul li a:hover
{
	color: #ff6600;
}

#navigation_sub
{

}

#navigation_sub ul
{
	font-size: 12px;
}

#navigation_sub ul li
{
	display: inline;
	list-style-type: none;
	padding-right: 15px; 
}

#navigation_sub ul li a
{
	text-decoration: none;
	color: #ff6600;
}

#navigation_sub ul li a:hover
{
	color: #555555;
}

#navigation_ueber_dieter
{
	padding: 2px 0 0 56px;
}

#navigation_ohrensache
{
	padding: 2px 0 0 153px;
}

#navigation_augensache
{
	padding: 2px 0 0 252px;
}

#content
{
	background: url(../images/content_repeater.jpg) repeat-y;
	width: 896px;
	margin: 0 auto;
}

#content_header
{
	background: url(../images/content_header.jpg) no-repeat;
	width: 896px;
	min-height: 27px;
	height: auto !important;  /* für moderne Browser */
	height: 27px;  /*für den IE */
}

#content_innen
{
	font-size: 12px;
	width: 835px;
	min-height: 400px;
	height: auto !important;  /* für moderne Browser */
	height: 400px;  /*für den IE */
	padding: 0 20px 0 30px;
}

#content_innen p
{
	padding-bottom: 0px;
}

#content_innen a
{
	color: #ff6600;
	text-decoration: none;
}

#content_innen a:hover
{
	color: #555555;
}

.content_innen_sprachrohr
{
	width: 835px;
}

.content_innen_programme
{
	width: 500px;
}

.content_innen_diverses
{
	width: 500px;
}

.content_innen_strich
{
	width: 575px;
	border-top: 1px solid #555555;
	margin: 15px 0 0 0;
}

.content_innen_strich_termine_tv
{
	width: 575px;
	border-top: 1px solid #555555;
	margin: 15px 0 20px 0;
}

.content_innen_strich_sprachrohr
{
	width: 600px;
	border-top: 1px solid #555555;
	margin-top: 15px;
}

.content_innen_strich_sonstiges
{
	width: 600px;
	border-top: 1px solid #555555;
	margin: 30px auto;
	padding: 0;
}

.content_innen_strich_programme
{
	width: 529px;
	border-top: 1px solid #555555;
	margin-top: 26px;
}

.content_innen_strich_diverses
{
	width: 529px;
	border-top: 1px solid #555555;
	margin: 30px 0 15px 0;
}

#content_admin_innen
{
	font-size: 12px;
	width: 950px;
	min-height: 400px;
	height: auto !important;  /* für moderne Browser */
	height: 400px;  /*für den IE */
	padding: 0 20px 0 0px;
}

.ueberschrift_strich
{
	width: 837px;
	border-bottom: 1px dotted #555555;
	margin: 3px 0 3px 0;
}

.ueberschrift_strich_tv_termine
{
	width: 837px;
	border-bottom: 1px dotted #555555;
	margin: 0 0 10px 0;
}

#content_footer
{
	background: url(../images/content_footer.jpg) no-repeat;
	width: 896px;
	min-height: 31px;
	height: auto !important;  /* für moderne Browser */
	height: 31px;  /*für den IE */
}

.box
{
	width: 950px;
	padding: 0 0 30px 0;
	min-height: 150px;
	height: auto !important;  /* für moderne Browser */
	height: 150px;  /*für den IE */	
}

.box_border
{
	width: 950px;
	padding: 0 0 30px 0;
	background:  url('../images/1px.gif') repeat-y;
	background-position: 160px;
	min-height: 300px;
	height: auto !important;  /* für moderne Browser */
	height: 300px;  /*für den IE */	
}

.box_neues
{
	width: 950px;
	padding: 0 0 30px 0;
	min-height: 150px;
	height: auto !important;  /* für moderne Browser */
	height: 150px;  /*für den IE */	
}

.box_links
{
	width: 150px;
	float: left;
	text-align: right;
	margin-right: 10px;
	
}

.box_rechts
{
	width: 575px;
	float: left;
	padding: 0 0 10px 10px;
}

.box_rechts_border
{
	width: 575px;
	float: left;
	padding: 0 0 10px 10px;
	border-left: 1px solid #555555;
}

.box_rechts_tv
{
	width: 575px;
	float: left;
	padding: 0 0 10px 10px;
	border-left: 1px solid #555555;
	min-height: 300px;
	height: auto !important;  /* für moderne Browser */
	height: 300px;  /*für den IE */	
}

.box_programme_links
{
	width: 196px;
	height: 196px;
	float: left;
	margin: 0 0 0 100px;
}

.box_programme_rechts
{
	width: 528px;
	min-height: 165px;
	height: auto !important;  /* für moderne Browser */
	height: 165px;  /*für den IE */
	float: left;
	padding: 0 0 0 10px;
	border-left: 1px solid #555555;
}

.box_programme_rechts_innen
{
	width: 528px;
	min-height: 196px;
	height: auto !important;  /* für moderne Browser */
	height: 196px;  /*für den IE */
}

.box_dvd
{
	padding: 0 0 1px 0;
	background:  url('../images/1px.gif') repeat-y;
	background-position: 296px;
}

.box_dvd_links
{
	width: 280px;
	min-height: 340px;
	height: auto !important;  /* für moderne Browser */
	height: 340px;  /*für den IE */
	float: left;
	margin: 0 0 0 0px;
}

.box_dvd_links img
{
	padding: 0 0 0 100px;
}

.box_dvd_links a
{
	padding: 0 0 0 240px;
	margin: 100px 0 0 0;
}

.box_dvd_rechts
{
	width: 512px;
	min-height: 384px;
	height: auto !important;  /* für moderne Browser */
	height: 384px;  /*für den IE */
	float: left;
	margin: 0 0 0 20px;
	padding: 0 0 0 20px;;
}

.box_sprachrohr
{
	padding: 0 0 25px 0;
	background:  url('../images/1px.gif') repeat-y;
	background-position: 296px;
}

.box_sprachrohr_links
{
	width: 280px;
	float: left;
	margin: 0 10px 0 0;
	text-align: right;
}

.box_sprachrohr_rechts
{
	width: 528px;
	float: right;
	padding: 0 0 0 10px;
}

.box_ueber_mich
{
	width: 700px;
	padding: 0 0 10px 0;
	background:  url('../images/1px.gif') repeat-y;
	background-position: 190px;
}

.box_ueber_mich_links
{
	width: 180px;
	float: left;
	margin: 0 10px 0 0;
	text-align: right;
	
}

.box_ueber_mich_rechts
{
	width: 500px;
	float: right;
	padding: 0 0 0 10px;
}

.box_kontakt_links
{
	width: 296px;
	height: 196px;
	float: left;
	margin: 0 0 0 0;
}

.box_kontakt_rechts
{
	width: 528px;
	min-height: 365px;
	height: auto !important;  /* für moderne Browser */
	height: 165px;  /*für den IE */
	float: left;
	padding: 0 0 0 6px;
	border-left: 1px solid #555555;
}

.box_diverses
{
	padding: 0 0 30px 0;
	background:  url('../images/1px.gif') repeat-y;
	background-position: 296px;
	min-height: 250px;
	height: auto !important;  /* für moderne Browser */
	height: 250px;  /*für den IE */
}

.box_diverses_links
{
	width: 196px;
	float: left;
	margin: 0 10px 0 90px;
	text-align: right;
}

.box_diverses_rechts
{
	width: 500px;
	float: left;
	padding: 0 0 0 10px;
}

.box_admin
{
	width: 950px;
	padding: 0 0 30px 0;
	background:  url('../images/1px.gif') repeat-y;
	background-position: 200px;
	min-height: 400px;
	height: auto !important;  /* für moderne Browser */
	height: 400px;  /*für den IE */	
}

.box_admin_links
{
	width: 205px;
	float: left;
	margin: 0 10px 0 0;
	text-align: right;
}

.box_admin_links h1
{
	width: 100px;
	margin: 0 0 0 86px;
	background: #f2f2f2;
	color: #ff6600;
}

.box_admin_rechts
{
	width: 660px;
	float: left;
	padding: 0 0 0 0px;
}

.box_admin_rechts_loeschen
{
	width: 690px;
	float: left;
	padding: 0 0 0 10px;
}

.box_admin a
{
	text-decoration: none;
	color: #ff6600;
}

.box_admin a:hover
{
	color: #555555;
}

.box_admin ul
{
	font-size: 12px;
}

.box_admin ul li
{
	list-style-type: none;
	padding-right: 15px; 
}

.box_admin ul li a
{
	text-decoration: none;
	color: #ff6600;
}

.box_admin ul li a:hover
{
	color: #555555;
}

#footer
{
	background: url(../images/footer_2.jpg) no-repeat;
	width: 956px;
	min-height: 282px;
	height: auto !important;  /* für moderne Browser */
	height: 345px;  /*für den IE */
	font-size:  12px;;	
}

#footer_klein
{
	background: url(../images/footer_klein.jpg) no-repeat;
	width: 956px;
	min-height: 26px;
	height: auto !important;  /* für moderne Browser */
	height: 26px;  /*für den IE */	
}

#footer_box_links
{
	width: 250px;
	min-height: 200px;
	height: auto !important;  /* für moderne Browser */
	height: 200px;  /*für den IE */
	padding: 30px 0 0 50px;
	float: left;
}

#footer_box_mitte
{
	width: 250px;
	min-height: 200px;
	height: auto !important;  /* für moderne Browser */
	height: 200px;  /*für den IE */
	padding: 30px 0 0 50px;
	float: left;
}

#footer_box_rechts
{
	width: 250px;
	min-height: 200px;
	height: auto !important;  /* für moderne Browser */
	height: 200px;  /*für den IE */
	padding: 30px 0 0 50px;
	float: left;
}

h2.content_header_schrift
{
	padding: 0 0 2px 0;
}

h2.box_header_schrift
{
	padding: 0 0 10px 0;
}

h2.dvd_play
{
	color: #ff6600;
	font-size: 14px;	
}

.link_news
{
	margin-top: 5px;
}

#bild_zur_person
{

	float: left;
	border: 1px solid #999999;
	padding: 5px;
	margin: 0 5px 5px 0;
	background-color: #ffffff;
}

.zur_person p
{
	margin-bottom:  9px;
}

.text_programme h3
{
	color: #ff6600;
}

#swf1
{
	width: 600px;
	min-height: 400px;
	height: auto !important;  /* für moderne Browser */
	height: 400px;  /*für den IE */
	border: #555555 1px solid;
	margin: 0 0 0 115px;
}

.slideshow
{
	width: 700px;
}

form 
{
	overflow: hidden;
}

fieldset
{
	border: none;
}

input[type=text]:focus, textarea:focus 
{
	background: #f0f0f0;
	color: #000000;
	border-color: #666;
	font-size: 12px;
}

input
{
	height: 16px;
	width: 421px;
	border: 1px solid #b8b8b8;
	background-color: #ffffff;
	color: #333333;
	margin-top: 3px;
	padding: 3px 0 0 5px;
	font-size: 12px;
}

input.tt
{
	font-size: 12px;
	width: 15px;
	background-color: #ffffff;
	color: #5a5a5a;
	padding: 2px;
}

input.jjjj
{
	font-size: 12px;
	width: 30px;
	background-color: #ffffff;
	color: #5a5a5a;
	padding: 2px;
}

input.upload
{
	height: 25px;
	border: 1px solid #cccccc;
	background-color: #ffffff;
	color: #000000;
	margin: 3px 0 5px 0;
	padding: 1px 0 0 5px;
	font-size: 12px;
}

textarea.kontakt
{
	display: block;
	width: 422px;
	height: 250px;
	float: left;
	border: 1px solid #999999;
	background-color:#ffffff;
	margin-top: 3px;
	padding: 0 2px 2px 2px;
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

input.admin
{
	height: 16px;
	width: 500px;
	border: 1px solid #b8b8b8;
	background-color: #ffffff;
	color: #5a5a5a;
	margin-top: 3px;
	padding: 3px 0 3px 5px;
	font-size: 12px;
}

input.admin_kurz
{
	height: 16px;
	width: 100px;
	border: 1px solid #b8b8b8;
	background-color: #ffffff;
	color: #5a5a5a;
	margin-top: 3px;
	padding: 3px 0 3px 5px;
	font-size: 12px;
}

input.admin_audio
{
	height: 16px;
	width: 250px;
	border: 1px solid #b8b8b8;
	background-color: #ffffff;
	color: #5a5a5a;
	margin: 3px 0 0 10px;
	padding: 3px 0 3px 5px;
	font-size: 12px;
}

input.admin_audio_aendern
{
	height: 16px;
	width: 300px;
	border: 1px solid #b8b8b8;
	background-color: #ffffff;
	color: #5a5a5a;
	margin: 3px 0 0 0;
	padding: 3px 0 3px 5px;
	font-size: 12px;
}

input.admin_loggedin
{
	height: 16px;
	width: 200px;
	border: 1px solid #b8b8b8;
	background-color: #ffffff;
	color: #5a5a5a;
	margin: 3px 0 0 0;
	padding: 2px 0 2px 5px;
	font-size: 12px;
}

input.datei_upload
{
	height: 20px;
	width: 300px;
}

textarea.admin
{
	display: block;
	width: 500px;
	height: 400px;
	float: left;
	color: #5a5a5a;
	border: 1px solid #b8b8b8;
	background-color:#ffffff;
	font-size: 12px;
	margin-top: 5px;
	padding: 2px;
}

textarea.teaser
{
	display: block;
	width: 500px;
	height: 100px;
	float: left;
	border: 1px solid #999999;
	background-color:#f4f4f4;
	margin-top: 5px;
	padding: 2px;
}

label
{
	width: 120px;
	margin: 5px;
	padding: 5px;
	text-align: right;
}
	
input.senden_kontakt
{
    width: 70px;
	height: 20px;
    margin: -21px 0 0 100px;
	padding: 0 0 5px 0;
	font-weight: bold;
    background: #ffffff;
}

input.senden_admin
{
    width: 80px;
	height: 20px;
    margin: 3px 0 3px 0px;
	padding: 0 0 3px 0;
	font-weight: bold;
	background-color: #ffffff;
}

input.reset_admin
{
    width: 100px;
	height: 20px;
    margin: 5px 0 0 0;
	padding: 0 0 3px 0;
	font-weight: bold;
	background-color: #ffffff;
}

input.senden_loggin
{
    width: 60px;
	height: 20px;
    margin: 5px 0 0 313px;
	padding: 0 0 3px 0;
    background: #ffffff;
    font-weight: bold;
}

select
{
	width: 50px;
}

.box_admin_rechts_select
{
	width: 250px;
}

.box_admin_rechts_select_gross
{
	width: 450px;
}

.checked
{
	width: 20px;
	margin-right: 500px;
	padding-left: 10px;
}

.checked_links
{
	width: 20px;
	padding-left: 0;
}

table.admin
{
	margin: 120px auto 0 auto;
	background: #f2f2f2;
}

.ihre_nachricht
{
	padding: 2px 0 0 0;	
}

.orange
{
	color: #ff6600;	
}

.col3_content_innen_linie_admin
{
	border-bottom:  1px dotted #666666;
	margin: 3px 0 3px 0;
	width: 646px;
}

.admin_galerie
{
	width: 230px;
	padding: 5px 0 0 0;
	float: left;
}

.admin_galerie_bild
{
	width: 150px;
	height: 100px;
	float: left;
}

.admin_galerie_bild_innen
{
	width: 150px;
	height: 100px;
	border: 1px solid #999999;
	padding: 5px;
	margin: 0 5px 5px 0;
	background-color: #ffffff;
}

.admin_galerie_checkbox
{
	width: 10px;
	float: left;
	padding: 0 0 100px 0;
	margin: 0 0 0 20px;
}


.admin_galerie_loeschen
{
	width: 165px;
	padding: 5px 0 0 0;
	float: left;
}

.admin_galerie_loeschen_kurz
{
	width: 150px;
	padding: 5px 0 0 0;
	float: left;
}

.admin_galerie_bild_loeschen
{
	width: 150px;
	height: 100px;
	float: left;
	padding: 0 15px 15px 0;
}

.admin_galerie_bild_innen_loeschen
{
	width: 150px;
	height: 100px;
	border: 1px solid #999999;
	padding: 5px;
	margin: 0 5px 5px 0;
	background-color: #ffffff;
}

.admin_galerie_bild_status
{
	width: 60px;
	height: 40px;
	border: 1px solid #999999;
	padding: 5px;
	margin: 0 5px 5px 0;
	background-color: #ffffff;
}

.admin_galerie_box
{
	float: left;
}
.checked
{
	width: 15px;
	margin: 0 0 0 0;
}

#player
{
	margin: 0 auto;
	border: 2px solid #000000;
}


/*===============================================================================================================
	4. Sonstige Styles
=================================================================================================================*/

.clear
{
	clear: both;
}