/* CSS audreysmiles.de copyright: iStation GbR 2007 www.iStation.de */
/* Farben: rot: #d61012; blaugruen: #002f4d;*/
/* Testborder    border:1px solid #000;      */



/* ################################## */
/* ########### Allgemeines ########## */
/* ################################## */

* { 
	font-size:100%;/*so wird die Schrift fuer alle Elemente erst einmal auf 100% gesetzt*/
	padding:0px; /* wichtig, schaltet alle Browsergenerierten Abstände aus*/
	margin:0px;
} 

body {
	font-size:85%;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	width:100%;/* Trick (?) damit Zentrierung auch bei IE funktioniert*/ 
	text-align:center; /* Trick (?) damit Zentrierung auch bei IE funktioniert*/
	color:#666;
	background-color:#fff;
	margin:0;
	padding:0;
}

.antifloat {
	/* wichtiger Trick damit umschlissende Boxen sich an gefloateten Inhalten anpassen ...einfach am Ende in die zu kleine Box mit div einbauen und gut*/
	clear: both;
	visibility: hidden;
}

.unsichtbar {
	position: absolute;
  	top: -7000px;
	left: -7000px;
	height: 1px;
	width: 1px;
}

img  {
	border: none;
}


/* ######################################### */
/* #### allgemeine Textauszeichnungen  ##### */
/* ######################################### */

h1 { 
	font-size:140% ;
	color: #d61012;
	background-color:transparent ;
}

h2 {
	font-size:120%;
	font-weight: normal;
	line-height: 180%;
	color: #d61012;
	background-color:transparent ;
}

h3 {
	font-size:110%;
	font-weight: normal;
	color: #002f4d;
	margin-left: 10px;
	margin-bottom: 0px;
	margin-top: 5px;
	background-color:transparent ;
}

h4 {
	font-size:100%;
	color: #d61012;
	background-color:transparent ;
}

h5 {
	font-size:90%;
	color: #d61012;
	background-color:transparent ;
}

p	{
	margin-left: 20px;
	margin-top: 5px;
}

p.textblock	 {
	text-align: justify;
}

.textklein {
	font-size:85%;
}

.zitat {
	font-style: italic;
	color:#333;
}

img.contentimgleft {
	float: left;
	margin: 0 10px 5px 0;
}

img.contentimgleft2 {
	float: left;
	margin: -10px 0 0 0 ;
}

img.contentimgright {
	float: right;
	margin: 0 0 5px 10px;
}

a {
	color: #666;
	text-decoration: underline;
	background-color: transparent ;
}
a:link {
	color: #666;
	text-decoration: underline;
	background-color: transparent ;
}
a:active {
	color: #d61012;
	text-decoration: underline;
	background-color: transparent ;
}
a:visited {
	color: #666;
	text-decoration: underline;
	background-color: transparent ;
}
a:hover {
	color: #d61012;
	text-decoration: underline;
	background-color: transparent ;
}



/* ######################################### */
/* ### Positionierung und Seitenelemente ### */
/* ######################################### */

	
#container {
	/* ------ definiert den umfassenden zentrierten Container ---------*/
	width: 950px;
	height: 568px;
	margin: -284px 0 0 -475px;
	top: 50%;
	left: 50%;
	text-align: left; /*damit text-align: center von body wieder aufgehoben wird (?)*/
	position: absolute; /*wichtig fuer absolute Positionierung der Spalten*/
}

#logo {
	position: relative;
	width: 475px;
	height: 105px;
	margin-left: 160px;
	margin-bottom: -110px;
	z-index: 100;
}
	
#menu {
	float: left;
	margin-top: 64px;
	width: 156px;
	height: 400px;
	background:url(images/audrey_smiles_bg_verlauf.gif) top left repeat-x;
}


#content {
	float: left;
	margin-top: 64px;
	background:url(images/audrey_smiles_bg_verlauf.gif) top left repeat-x;
	width: 754px;
	height: 500px;
}

#portrait {
	float: left;
	width: 327px;
	height: 500px;
}
	
#contentright {
	float: left;
	width: 421px;
	height: 500px;
}


/* ######################################### */
/* ########## Menue mit Mouseover ########## */
/* ######################################### */


#menu {             
	padding-right: 40px; /*Abstaende des gesamten Menues*/
	padding-top: 100px;
}	

#menu a {
	text-decoration: none; /*Alle Menuelinks ohne alles*/
}

#menu ul{
	list-style-type: none; /*Alle Listen ohne Kram und rechts orientiert*/
	margin: 0;
	padding: 0;
	text-align: right;
}

#menu ul a {
	line-height: 180%; /*Erste Ebene*/
	font-size:110%;
}

#menu ul ul a {
	line-height: 120%; /*Zweite Ebene*/
	font-size:80%;
}

#menu ul ul{ 
	margin-right: 10px; /*Einrueckung zweite Ebene*/
	padding: 0;
}

a.fix {
	color: #d61012; /*Feststehende Menues*/
}
	
.submenu {
	display: none;
}
		
.submenuon {
	display: block;
}


/* ######################################### */	
/* ####### spezielle Formatierungen ######## */
/* ######################################### */

#inhalt {
	margin: 100px 40px 20px 40px;
}

.hoerprobe_div {
	margin:10px 0 10px 40px;
	
}

div.hoerprobe_div object {
	float: left;
	margin-right: 10px;
}

.hoerprobe_text {
}

h3 a {
	font-size: 85%;
	font-weight: normal;
	color: #002f4d;
	background-color:transparent ;
}

p.referenzen {
	margin-left: 30px;
}

form {
	margin-left: 30px;
	margin-top: 30px;
	
}

label{
	float: left;
	display: block;
	width: 5em;
	clear: left; /* Umbruch */
}

p.meldung {
	color:#d61012;
	font-weight: bold;
}

/*
input{
	position: relative;
	width: 10em;
	top: -1.4em;
	left: 6em;
	display: block;
	border: 1px solid #666;
	padding: 2px;
	background: #fff;
	
	font-size:100%;
}

textarea {
	position: relative;
	top: -1.4em;
	left: 6em;
	display: block;
	border:1px solid #666;
	padding: 2px;
	height: 6em;
	width: 14em;
	font-size:125%
}

input.abschicken {
	top: -1em;
	left: 6em;
	clear: left;
	width: 8em;
	background-color: #efefef;
	color: #002f4d;
}


input.abschicken:hover {
	color: #d61012;
}
*/

/* ######################################### */	
/* ####### spezielle Formatierungen ######## */
/* ######################################### */
/* Farben: orange: #e67910; dunkelblau: #112a59; */

form {
	width:19em;
}

p.meldung {
	color: #d61012;
	font-weight: bold;
}

fieldset {
	padding: 0;
	margin: 0;
	border: 0;
}

label {
	display: block;
	float: left;
	text-align: left;
	width: 8em;
	padding: 0;
	margin: 0 0 10px 0;
}

label.area {
	float: left;
	display: block;
	width: 8em;
	padding: 0;
	margin: 0 0 10px 0;
}

input{
	float: left;
	display: block;
	padding: 0;
	margin: 0 0 5px 0;
	width: 10em;
	
	border: 1px solid #ccc;
	background: #fff;
	
	padding: 2px;
	font-size: 100.01%;
	font-family:Verdana, Helvetica, Arial, sans-serif;
}


textarea {
	float: left;
	display: block;
	height: 6em;
	width: 18em;
	
	padding: 0;
	margin: 0 0 10px 0;
	
	border: 1px solid #ccc;
	background: #fff;
	padding: 2px;
	font-size: 100.01%;
	font-family:Verdana, Helvetica, Arial, sans-serif;
}

input.abschicken {
	float: left;
	display: block;
	padding: 0;
	margin: 0;
	
	width: 8em;
	border: 1px solid #d61012;
	background-color: #fff;
	color: #d61012;
}

input.abschicken:hover {
	color: #fff;
	background-color: #d61012;
}

.teaser {
	margin: 1em 0;
}