/*	
	*****************************************									
	*		  CSS			          *   	
      *    ERSTELLT FÜR MEDIACLOU GmbH 	    *	
		  
		  DATUM:    MAERZ 2007
		  AUFBAU: 	1. Allmgemeine Selektoren
		  		2. Header
				3. Headernavigation
				4. Spalten (2)
				5. Hauptmenü
				6. Untermenü
				7. Sponsorenleiste
				8. Rechte Spalte
				9. Suche
				10. Formulare
	*					          *		
	*****************************************
*/

/*      
	*************************************************									
	*	A L L G E M E I N E  S E L E K T O R E N	*   	 
	*		                                    *		*************************************************
*/

/* <![CDATA[ */ 

a img { border: none; }
	
body{ 
	padding: 0; margin: 10px 0 10px 0; font: 77% Arial, Helvetica, sans-serif; color: #333333; }

* html #pageContainer { /* \*/
	word-wrap: break-word; 
		/* verhindert float-Probleme beim IE/Win siehe Referenz zu float */
}

#rahmen {
	background: url(/fileadmin/pix/rahmen_oben.png) no-repeat;
	padding: 16px 0 0 0;
	margin: 0 0 0 10px;
	width: 1014px;
} 

* html #rahmen {
	padding: 8px 0 0 0;
	}
	
#pageContainer { 
	background: url(/fileadmin/pix/rahmen_mitte.png) repeat-y 0 0; 
	width: 1014px;
	}

h1{
	font-size: 1.6em; color: #7D7D7D; padding: 0.5em 0 0.1em 0; letter-spacing:0.1em; line-height: 120%; }
	
h2{
	font-size: 1em; font-weight: bold; color: #333333; }

h3{
	font-size: 1em; margin-bottom: -0.6em; padding: 0;  font-weight: bold; color: #333333; }	
	
*+ html h3, * html h3 {margin-bottom: -1.2em; }	

h5{
	font-size: 1px; line-height: 1%; }

abbr, acronym {
border-bottom : 1px dashed #FF0000; padding: 1px; cursor: help; }

#contentwrapper{
	margin: 0 4px 0 0; } /* WRAPPER UM DEN INHALT, ABSTAND ZU DEN SEITEN */

/* #contentwrapper ul {
	   padding: 0; margin: 0 0 1em 0; list-style-position: outside; } */

/* #contentwrapper ul li {
	  background: url(pix/gelber_punkt.gif) no-repeat; list-style-type: none; padding: 0 0 0 20px; line-height: 1.5em;  } */

#contentwrapper ol li {
	  margin: 0; line-height: 1.5em;  }

#middle {
	color: #3C3C3C; line-height: 1.5em;}
	
*+ html #middle {font-size: 105%;}

* html table, td  {font-size: 100%; line-height: 14.55pt}

#right {
	color: #333333; }
	
#middle a {
	color: #3C3C3C;  line-height: 1.5em;}

#middle a:hover{
	color: #B30B16;  line-height: 1.5em;}	

#right a {
	color: #3C3C3C; }
	
#right a:hover {
	color: #B30B16; }

#footer{
	background: url(/fileadmin/pix/rahmen_unten.png) no-repeat;
	height: 16px;
	margin: -10px 0 0 0;
	 }

.cleaner{
	clear:both; height:1px; line-height:1px; font-size:1px; border:0px none; margin:0; padding:0; background:transparent; }

.sbac-clearer {
	line-height: 0;
	}
	
/* skipnav für Sreenreader und zum Tabben: Link zum Inhalt bzw. zur Navigation */
.skipnav {
   position:absolute;
	left: -1000px;
	top: -1000px;
	width:0;
	height:0;
	width: 50em; 
	overflow:hidden;
	display:inline;
}
.skipnav a:focus, .skipnav a:active {top: 0px; left: 0px; overflow:visible; background-color: #ff8700; }

/* ************* 
    H E A D E R  
   ************* */


#header {
	  border-left: 1.6em solid #FFD900; margin: 0; padding: 0; min-width: 710px; height: 111px; background-color: #EEF4F2; white-space: nowrap;}

/* #header a { display: block; } 	*/

#kopfleiste { float: left; width: 449px; padding: 0; }	 
#logo { float: right; width: 261px; margin: 0; padding: 0; }	

/* ******************************* 
 H E A D E R N A V I G A T I O N *
**********************************/
		
#headernav { 
	float: left; width: 100%; height: auto; margin: 0; padding: 0; border-left: 1.6em solid #ffD900; color: #333333; }
		
#headernav ul {
	margin: 0.4em 0 0 2.3em; padding: 0; }
	
#headernav li {
 	list-style: none; float: left; margin: 0.5em 0 0 0; padding: 0; white-space: nowrap; }

#headernav a {
	display: block; float: left; margin: 0; padding: 0.1em 1em; letter-spacing:0.1em; text-decoration: none; color: #505050; border-left: 2px solid #ffdb21; }

#headernav a:hover{
	text-decoration: underline; }	

#headernav #aktiv, #headernav #aktiv a {
	text-decoration: underline; }


/* ***********
    2 Spalter
   *********** */

#outerContainer { 
	margin-right: 17em;
	float: left;
	padding: 10px 0 0 0;
	width: auto; /*796px;*/
	}

#innerContainer {
	width: /*773px;*/ 62.7em;
	float: left; 
	padding: 0 15px 0 8px;
	margin: -18px 0 0 0;
	z-index: 1;  /*margin-right: 14px;*/ 
	}
* html #innerContainer {
	width: 64em;
	}
	
/* Opera Hack: Opera interpretiert em anders */ 

@media all and (min-width: 0px){ 

	#innerContainer { width: 773px; } 
	}		

#left, #middle, #right, #SOWrap { 
	overflow: visible; position: relative; }

#SOWrap { 
	float: left; padding: 0; margin: 0 0 1em 19em; z-index: 3; clear: both; }

* html #SOWrap { 
	float: none; margin-left: 19em; width: 100%; }
		
#middle { 
  margin-top: 3.6em;  margin-left: 2em; padding: 0; z-index: 5; }
    	
#left {	
	float: left; width: 19em; margin-left: -19em; padding: 0; overflow: hidden; z-index: 4; }
	
/* Opera Hack: Opera interpretiert em anders */ 

@media all and (min-width: 0px){ 

	#left { width: 250px; } 
	}	

/* ******************* 
    H A U P T M E N U 
   ******************* */
	
#hauptnavigation{
	float: left; margin: 0;  color: #505050; padding-top: 8em; border-left: 1.6em solid #FFD900; clear: both;}

#hauptnavigation ul { 
	list-style-type: none; 
	padding: 0; 
	margin: 0 0 0 1em; 
	font-size: 1.3em; 
	font-weight: bold; 
	}

#hauptnavigation li { 
	padding: 0.35em 0;
	}
	
#hauptnavigation li a {
    display:block; padding: 0 1em; }

* html #hauptnavigation li a {
    height:1.5em; }

#hauptnavigation li a:link, #hauptnavigation li a:visited {
   color: #505050; text-decoration: none; }

#hauptnavigation li a:hover, #hauptnavigation li a:focus {
    text-decoration: underline; }

#hauptnavigation #navi_aktiv a {
	text-decoration: underline; }

/* ************
    Untermenue
   ************ */
	
#hauptnavigation #untermenue {
	margin: 0; }

#hauptnavigation #untermenue li {
	padding: 0.3em 0; }
	
#hauptnavigation #untermenue a, #hauptnavigation #untermenue ul, #hauptnavigation #untermenue a:visited {
	margin: 0; padding: 0 0 0 1em;  font-size: 0.91em; text-decoration: none; }

#hauptnavigation #untermenue a:hover, #hauptnavigation #untermenue a:focus {
	text-decoration: underline; }
	
#hauptnavigation #untermenue #aktiv_untermenue a {
	text-decoration: underline; margin: 0 1px 0 0; padding: 0 0 0 1em; }
	
#hauptnavigation #untermenue #aktiv_untermenue a:hover {
	padding: 0 0 0 1em;}

#untermenue #u_untermenue a, #untermenue #u_untermenue a:visited { margin: 0; padding: 0 ; font-size: 1em;  line-height: 1.5em;  text-decoration: none; font-weight: normal;}
#untermenue #u_untermenue a:hover, #untermenue #u_untermenue #aktiv_u_untermenue a, #untermenue #u_untermenue #aktiv_u_untermenue a:hover  { text-decoration: underline; padding: 0; }

/* ********************************
    S P O N S O R E N L E I S T E *
   ****************************** */	

#fusszeile {margin: 0 0 1em 0; padding: 0 0 1em 0; margin-left: 21em; clear: both; }
* html #fusszeile {width: 101%; }
#fusszeile a { color: #3C3C3C;  line-height: 1.5em; }	
#fusszeile a:hover { color: #FF3230;  line-height: 1.5em; }	
#sponsoren { margin: 2em 0; padding: 0.2em 0.3em; background-color: rgb(179,11,22); color: #FFFFFF; font-weight: bold; clear: both; }
* html #sponsoren { width: 99%; }

#partner { width: 100%; margin: 0; padding: 0; white-space: nowrap; }

#partner ul {
	list-style: none; margin: 0 0 1em 0; padding: 0; }
		
#partner li {
 	float: left; margin: 0; padding: 0; white-space: nowrap; }

#partner li a {
	display: block; margin: 0 1.2em; padding: 0.5em 0 0 0; text-decoration: none; white-space: nowrap; }
*+ html #partner li a {
	margin: 0 0.6em;}

#partner li a:hover {background-color: transparent; }

#footerlinie {border-bottom: 1px solid #333333; margin: 2em 0 0.2em 0; width: 14em; }
*+ html #footerlinie { margin-top: 1em; }

	
/* ***************************** 
    FIX FUER CSS STYLED CONTENT
   *************************** */
 DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: none; }  
   	
/* ************************ 
    R E C H T E  S E I T E
   ************************ */

#right{
	float: right;  
	width: 16.9em; 
	margin: -18px -17em 0 0; 
	z-index: 2; 
	 background-color: #FDF7D8;}

*+ html #right {width: 16.4em;} 
* html #right {
	display: inline; 
	margin: -10px -17em 0 0; 
	width: 17em; 
	}
	
/* Opera Hack: Opera interpretiert em anders */ 

@media all and (min-width: 0px){ 

	#right { width: 210px; } 
	}
		
#right b {
	font-size: 1em; margin-bottom: -0.6em; padding: 0; font-weight: bold; color: #333333; }	

#right img {
	padding: 0.2em 0; }		
	
#headerrechts, #inhaltrechts {
	background-color: #FDF7D8; height: auto; margin: 0; padding: 0 1.3em 1em 1.3em; overflow: hidden; }

#headerrechts{  
	font-weight: bold; font-size: 90%; } 

#inhaltrechts{ 
	height: 100%; margin-top: 2.8em; } 
	
#inhaltrechts img { vertical-align: middle; } 

#abstand{
	height: 60px; width: auto; }

* html #abstand{
	height: 26px; width: auto; }

/* *********** 
    S U C H E 
   *********** */
#suche label {/*margin-left: -500px; */}

#suche input, #suche select {
	margin-left: 0px; width: 10em; border: 2px solid #FFD900; }

#suche input {
	width: 10em;}

#suche select{
	width: 16em;}

#suche .submit{
	width: 5em; margin-top: 5px; margin-left: 114px; margin-bottom: 10px; }
	
* html #suche .submit {margin-left: 115px; } 

hr{  
	border: 2px solid #7D7D7D; background-color: #fff; }
	
.functions{
	margin-top: 20px; }

.functions a{
	color: #3C3C3C; font-size: 90%; }

.hidden{ 
	position:absolute; left:-1000px; top:-1000px; width:0; height:0; overflow:hidden; display:inline; }

/* **************** 
    S I T E M A P 
***************** */

#contentwrapper .sitemap ul {
    font-size:1em;
    font-weight:normal;
    line-height:1.5em;
	text-decoration: none; 
	color: #3C3C3C;
}

#contentwrapper .sitemap li{
list-style-type: none; list-style-position: inside; background: none;}

#contentwrapper .sitemap a:link {
    font-size:1em;
    font-weight:normal;
	text-decoration: underline; 
	background-color: #FFFFFF;
	color: #3C3C3C;
}
	
/* *********** */
/*  Formulare  */
/* *********** */

.form1 { 
	height: auto; width: 40em;  }
	
.patenform {
	width: 40em; }	
	
#label, #labelv, #labelp {
	height: auto; width: 7.8em; text-align: left; float: left; line-height: 180% }
	
* html .anrede {margin-left: 0px}

#labelv{ 


	line-height: 120%; }
 #labelp{
 	width:11em; }
#text, #textv, #textbemerkung {
	height: auto; width: 24.3em; float: left; }
* html #text, * html #text{
	width: 24em; }	
#textv{
	font-weight: normal; }
#textbemerkung{
	width: 17.6em; }	
* html #textbemerkung{
	width: 15.5em; }	

#bemerkung { 
	height: auto; width: 30em; }

.unfloat{
	float: none; }

.pflicht{
	font-size: 90%; padding-left: 100px; }

.daten{
	font-size: 90%; }

.reset, .submit, .submitbest{ 
	 color: #7D7D7D; font-weight: bold; border-left-width:2px; border-top-width: 2px; border-bottom-width: 3px;  border-right-width: 3px; border-color: Gray Black Black Gray; background-color: #FFD900; }
.submit{
	margin-right: 5px; }
.submitbest{
	margin-left: 0px;}

#labelm{float: left; width: 8em}
#textm{float: left}
textarea {border: 1px solid #333333; }
select {border: 1px solid #333333; }
input {border: 1px solid #333333; }
* html .email{margin-left: -3px}

/* Questionaire */

div.tx-pbsurvey-pi1 { width: 41.9em; margin: 0 0 4em 0; }
*+ html div.tx-pbsurvey-pi1 { width: 39.2em;}

div.tx-pbsurvey-pi1 fieldset { padding: 0.6em; position: relative; }

div.tx-pbsurvey-pi1 .survey_item { 
        margin: 0 0 1em 0;
        border: 1px solid #FFD900;
        }      
 
div.tx-pbsurvey-pi1 .survey_item input {
	border: 0;
	vertical-align: top;
	}
div.tx-pbsurvey-pi1 .survey_item label {
        position: relative;
        top:0;
        left: 0.3em;
        /*vertical-align: top;
        margin-left: 0.3em;
        */
        }
/* Hack für Chrome und Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
div.tx-pbsurvey-pi1 .survey_item label { top: 0.1em; }
}
div.tx-pbsurvey-pi1 .question { 
	padding: 0;
	margin: 0.5em 0;
	font-weight: bold; 
	}
div.tx-pbsurvey-pi1 .questionNumber { padding: 0 0.5em 0 0; }


/* Statistik */
div.tx-hisurveystats-pi1 {
	margin: 0 0 4em 0;
	}

/* ]]> */