* { margin:0; padding: 0; } 

	option {padding-left: 0.4em}
	html { height: 100% } 
	body { 
		min-height: 101%;	
		font-size: 100.01%; 
		position: relative;  
		color: #000;        
		background: #fff;
		text-align: left; 
	} 
	#nav { 
	position: relative;
	height: 12em;
	/*width: 75em; */
	width: 66em; 
	}
	#subnavi1, #subnavinews{
	clear:both; 
	display:block;
	height: 1.2em;
		width: 100%;
		margin-top:0;
		margin-right:1em;
		border-top: 11px solid #ffff99;
border-bottom: 2px solid #ffff99;
white-space:nowrap;
	}
	#subnavi1fragen{
display:block;
height: 1.2em;
		width: 100%;
		margin-top:0;
		margin-right:1em;
border-top: 11px solid #99cccc;
border-bottom: 2px solid #99cccc;
white-space:nowrap;
}
#subnavi1tipps{
clear:both; 
display:block;
height: 1.2em;
		width: 100%;
		margin-top:0;
		margin-right:1em;
border-top: 11px solid #339966;
border-bottom: 2px solid #339966;
white-space:nowrap;
} 
#subnavi1.links{
clear:both; 
display:block;
height: 1.2em;
		width: 100%;
		margin-top:0;
		margin-right:1em;
border-top: 11px solid #ff99cc;
border-bottom: 2px solid #ff99cc;
white-space:nowrap;
}
#subnavi1ecards{
clear:both; 
display:block;
height: 1.2em;
		width: 100%;
		margin-top:0;
		margin-right:1em;
border-top: 11px solid #ff9933;
border-bottom: 2px solid #ff9933;
white-space:nowrap;
}
#subnavi1impressum{
clear:both; 
display:block;
height: 1.2em;
		width: 100%;
		margin-top:0;
		margin-right:1em;
border-top: 11px solid #000066;
border-bottom: 2px solid #000066;
white-space:nowrap;
}
	#main { clear:both; width: 90em; margin-top: 0; }
	
	#col1 {
	display:inline;
		width: 22em;
		max-width: 250px;
		float: left;
		background:inherit;
		margin: 0 1em 0 0;
		padding:0;
		
	}
	#col1.vieltextnavi {
  width: 22em;
		max-width: 250px;
		float: left;
		background:inherit;
		margin: 0 1em 0 0;
		padding:0;
}
	
	
	#col3, #inhalt
	{background:inherit;
		width:45em;
		max-width:650px;
		float: right;
		/* margin-left: 25em; Standard-Wert, falls keine anderen Vorgaben gemacht werden 
		margin-left: 25em;*/
		margin-right: 18em; 
		margin-bottom:0.5em;
		padding: 0 3em 0.5em 0.25em;
		
	}
	#inhalt.vielfotos
	{background:inherit;
		width:55em;
		max-width:650px;
		float: right;
		/* margin-left: 25em; Standard-Wert, falls keine anderen Vorgaben gemacht werden 
		margin-left: 25em;*/
		margin-right: 18em; 
		margin-bottom:0.5em;
		padding: 0 3em 0.5em 1em;
		
	}
	
	#footer { clear:both; }	
	
/* ######################################################################################################
** ### Markupfreie CSS-Floatclearing-Loesungen ###########################################################
** ######################################################################################################
*/

	/* Clearfix-Methode zum Clearen der Float-Umgebungen */
	 .clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	
	/* Diese Angabe benoetigt der Safari-Browser zwingend !! */
	.clearfix { display: block; } 
	
	/* Overflow-Methode zum Clearen der Float-Umgebungen */
	.floatbox { overflow:hidden; }
	
	/* IE-Clearing: Bentigt nur der Internet Explorer uber iehacks.css zugeschaltet */
	#ie_clearing { display: none }

/* Formatierung der Seite 
body { background: #ffffff; padding: 2em;	}*/

#page_margins { max-width: 100em; min-width: 756px; margin:20px 40px;}



/* ######################################################################################################
** ### Formatierung der Inhaltsspalten ##################################################################
** ######################################################################################################
*/
#main { background: #fff ; padding: 1em 0; } 

/* linke Spalte 
#col1 {
float: left;
background:inherit; 
width: 20em;
max-width: 270px; 


}	*/



/* Mittlere Spalte 
#col3,#inhalt
{
background-color: inherit;
width: 50em;
max-width: 650px;
margin-left: 25em;
   	margin-right:10em;
	border-left: 0 dotted #ddd;
	border-right: 0 dotted #ddd;
}

#inhalt { margin-left: 1em; margin-right: 15em; padding-left:20px;}*/

 /*Standardrahmen zuruecksetzen */
	fieldset, img { border:0; }

/* Formatierung der Fusszeile */
#footer { 
height:50px;
background: #cc0000 url(http://www.rainbowgirls.ch/bilder/infos/unten.gif) repeat-x;
margin: 0.5em 0 0 0  ; 
padding: 1em 0;
}
#footerlinks
{ clear:both;
height:50px;
background: #ff99cc url(http://www.rainbowgirls.ch/bilder/links/unten.gif) repeat-x;
margin: 0.5em 0 0 0  ; 
padding: 1em 0;}
#footertipps
{ clear:both;
height:50px;
background: #339966 url(http://www.rainbowgirls.ch/bilder/tipps/unten.gif) repeat-x;
margin: 0.5em 0 0 0  ; 
padding: 1em 0;
}
#footerfragen
{ clear:both;
height:50px;
background: #99cccc url(http://www.rainbowgirls.ch/bilder/fragen/unten.gif) repeat-x;
margin: 0.5em 0 0 0  ; 
padding: 1em 0;
}
#footerecards
{ clear:both;
height:50px;
background: #ff9933 url(http://www.rainbowgirls.ch/bilder/fotos/unten.gif) repeat-x;
margin: 0.5em 0 0 0  ; 
padding: 1em 0; 
}
#footerimpressum
{ clear:both;
height:50px;
background: #000066 url(http://www.rainbowgirls.ch/bilder/impressum/unten.gif) repeat-x;
margin: 0.5em 0 0 0  ; 
padding: 1em 0;
}
#footereinstieg
{ clear:both;
height:50px;
background: #ffff99 url(http://www.rainbowgirls.ch/bilder/einstieg/unten.gif) repeat-x;
margin: 0.5em 0 0 0  ; 
padding: 1em 0;
}
#footersitemap
{ clear:both;
height:50px;
background: #ffff99 url(http://www.rainbowgirls.ch/bilder/einstieg/unten.gif) repeat-x;
margin: 0.5em 0 0 0  ; 
padding: 1em 0; border-top: 0px #ddd solid; 
}