/*----------------------------------------------------------------*/
/* CSS by K4SYSTEMS */
/*----------------------------------------------------------------*/


/*----------------------------------------------------------------*/
/* Allgemeines */
/*----------------------------------------------------------------*/

*{
  padding: 0;
  margin: 0;
}

html {
  height: 100%;
}

body {
  font-size: 82.5%;
  background: #fff;
}

body, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, p, input, textarea, select {
  font-family: verdana;
  color: #fff;
  text-align: left;
}

input, textarea, select {
  color: #000;
}


ul, li {
  padding: 0;
  margin: 0;
  list-style-type: none;
}


img, a img {
  border: 0;
}

form {
  display: inline;
}

acronym {
  cursor: help;
  border-bottom: 1px dotted;
}


/*----------------------------------------------------------------*/
/* h1 und co */
/*----------------------------------------------------------------*/
p {
  line-height: 1.4em;
  margin: 0 0 0.5em 0;
  font-size:0.9em;
}

a { color:#CC9900;}
a:hover { color: #FF9900;}

h1,h2 { color:#CC9900; font-size:1.2em; font-weight:bold; border-bottom:#6E808A 1px solid; margin:0 0 10px 0; padding: 0 0 6px 0;}
h2, h3 { border:none; font-size:1.0em; color:#FFFFFF; margin: 0 5px 0 0;}

/*----------------------------------------------------------------*/
/* pseudoklassen */
/*----------------------------------------------------------------*/
.clear {
  clear: both;
}

.versteckt, .no_screen {
  display: none;
}

/*----------------------------------------------------------------*/
/* die Seite */
/*----------------------------------------------------------------*/

#wrap { background:#fff; height:500px;}

#pos_header { width:760px; margin:auto; padding-top:30px;}
#header { background:url(../bilder/back_header.gif) top center no-repeat; height:66px;}
#pos_subnavi {background:#3B5361; width:760px; margin:auto;}
#subnavi { height:30px; margin:0 0 0 126px; border-bottom: #6E808A 1px solid;}

#pos_site { width:760px; margin:auto;}
#site { background:#3B5361; min-height:450px;}
#inhalt_links { float:left;width:130px;}
#mitte { float:left; width:164px; text-align:center; padding: 6px 0;  padding-left: 130px;}
#inhalt { float:right;width:464px; padding-left: 124px;background: transparent url(../bilder/annettkuhr.gif) left top no-repeat; min-height:393px; }

/*----------------------------------------------------------------*/
/* startseite inhalt */
/*----------------------------------------------------------------*/
#startseite #inhalt {
  padding: 0;
  width: 630px;
  background: none;
}

#startseite #player3 {
  position: relative;
}

#startseite #player3_schleier {
  width: 444px;
  background: #3B5361;
  position: relative;
  top: -36px;
  height: 40px;
}


#pos_footer { width:760px; margin:auto;}
#footer { background:url(../bilder/back_footer.gif) top center no-repeat; height:40px;}
#iconnavi { float:right; margin: 1px 48px 0 0; width:180px; text-align:right;}

/*----------------------------------------------------------------*/
/* haupnavi (vertikal links) */
/*----------------------------------------------------------------*/
#inhalt_links ul { margin:0 10px 0 0;}
#inhalt_links li {display:block; text-align:right;}
#inhalt_links li a { 
	display:block;
	width:115px;
	padding: 12px 15px 12px 0;
	font-size:0.73em;
	text-transform:uppercase;
	text-decoration:none; 
	color:#6E808A; 
	font-weight:bold; 
	background:url(../bilder/linksnavi_line.gif) top right repeat;
}
#inhalt_links li a:hover { background: url(../bilder/linksnavi_dot.gif) top right no-repeat; color:#FFFFFF;}
#inhalt_links li.selected a {background: url(../bilder/linksnavi_dot.gif) top right no-repeat; color:#FFFFFF;}


/*----------------------------------------------------------------*/
/* subnavi (horizontal oben) */
/*----------------------------------------------------------------*/

#subnavi ul { margin: 0 0 0 20px;}
#subnavi li { float:left; display: inline;}
#subnavi li a { display:block;	text-transform:uppercase;font-size:0.71em; padding: 8px 10px 0 10px; font-weight:bold; text-decoration:none; color:#6E808A;}
#subnavi li a:hover { color:#FFFFFF;}
#subnavi li.selected a { color:#FFFFFF;}

/*----------------------------------------------------------------*/
/* 2.hauptnavi (horizontal unten) */
/*----------------------------------------------------------------*/
#iconnavi ul { background:#00FF66;}
#iconnavi li { float:left; display: inline-block;}
#iconnavi li a { 
	display:block;
	text-transform:uppercase;
	font-size:0.7em;
	padding: 8px 0 0 9px;
	font-weight:bold;
	text-decoration:none;
	color:#6E808A;
}
#iconnavi li a:hover { color:#3B5361; 	background:url(../bilder/iconnavi_dot.gif) top center no-repeat;}
#iconnavi li.selected a {	background:url(../bilder/iconnavi_dot.gif) top center no-repeat;}

/*----------------------------------------------------------------*/
/* kontakformular */ 
/*----------------------------------------------------------------*/
table.kontaktformular { margin-top: 1.0em;}
table.kontaktformular td { vertical-align: top;}
table.kontaktformular td table td { padding-right: 5px; padding-bottom: 5px;}
table.kontaktformular td table td.preis { text-align: right; white-space: nowrap;}

/*Die Feldlabel*/
.spalte-1 { width: 100px; height: 30px;}

.spalte-2 select.default { width: 300px; border:#990000 1px solid; height:20px; }
.spalte-2 select.default:hover {border: #FF6600 1px solid; background: #FFFEF0;}

/*die inputfelder*/
.spalte-2 .default { width: 300px; border:#990000 1px solid; height:20px; }
.spalte-2 .default:hover {border: #FF6600 1px solid; background: #FFFEF0;}

/*das Textareafeld für die Nachricht*/
.spalte-2 textarea.default { width: 300px; border:#990000 1px solid; height:70px; margin-top:4px;}
.spalte-2 textarea.default:hover {border: #FF6600 1px solid; background: #FFFEF0;}

.cx_pflicht { color:#CC0000;}

/*die Buttons*/
td.buttons {}
input.submit_send { float:left;  text-align: center; margin: 20px 0 10px 100px; background: url(../bilder/back_button_frm_kontakt.jpg) left repeat-x; border:#666 1px solid; padding: 2px 5px; color:#000;}
input.submit_send:hover {background: url(../bilder/back_button_frm_kontakt_on.jpg) left repeat-x;}
input.submit_clear { float:right; text-align: center; margin: 20px 0 10px 0; background: url(../bilder/back_button_frm_kontakt.jpg) left repeat-x; border:#666 1px solid; padding: 2px 5px; color:#000;} 
input.submit_clear:hover {background: url(../bilder/back_button_frm_kontakt_on.jpg) left repeat-x;}

/* audio */
h2.audio {
  margin-top: 2.0em;
}

div.audio {
  margin-bottom: 1.0em;
}


/*thumb Ausgabe*/
.bildergalerie dt { padding:0;}
.bildergalerie a { display:block; background:url(../bilder/back_galerie_thumb.png) right bottom no-repeat;}
.bildergalerie img { border:#fff 2px solid; margin:7px; margin-left: 0; margin-bottom: 3px; }


/*----------------------------------------------------------------*/
/* ticker */
/*----------------------------------------------------------------*/
#ticker {
  position: absolute;
  top: 524px;
  z-Index: 900;
  left: 50%;
  padding-left: 120px;
  width: 610px;
  margin-left: -365px;
  font-size: 0.9em;
}

#ticker p {
  color: #000;
}