@media all
{
html,body,div,span,p,h1,h2,h3,a {margin:0; padding:0; border:0; }

body {
	font: 76% Arial, Helvetica, Verdana, sans-serif;
	height: 101%;
}
#container {
	position: relative;
	margin: 0 2em;
	padding: 0;
	width: 96%;
	min-width: 70em;
	background: #fff url(/wysthe/internet.nsf/files/grey.gif/$FILE/grey.gif) repeat-y center;
}
#head {
	position: relative;
	margin: 0 2em;
	padding: 0;
	width: 96%;
	min-width: 70em;
	background: #fff;
}
/*Standort Navigator bei 4spalten mit background*/
#bread {
	clear: both;
	margin: 0;
	padding:0;
	color: #666;
	width: 100%;
	background: #fff url(/wysthe/internet.nsf/files/bg_brdcrmb.jpg/$FILE/bg_brdcrmb.jpg) repeat-y right top;
	height: 2em;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #fff;
	line-height: 2em;
}

/* für alle browsers die min-width verstehen */
.holder {display:block; color:#444;}
.pageholder {display:block; color:#444;}

/* IE browsers IE5.01, IE5.5 und IE6 */
* html .pageminwidth {padding-left:70em;}
* html .minwidth {padding-left:34em;}
* html .pageholder {
	position: relative;
	margin-left:-70em;
	}
* html .holder {
	position: relative;
	margin-left:-34em;
	}
/*\*/
* html .minwidth, * html .holder, * html .pageminwidth, * html .pageholder, * html .layout {
	height: 1px;
}
/**/

#main1 {
	width: 48%;
	min-width: 34em;
	float: left;
	}
#bildmensch {
	width: 32%;
	float: left;
	overflow: hidden;
	}
#mensch {
	width: 67.5%;
	float: right;
	overflow: hidden;
	}
#main1sp1 {
	width: 48%;
	float: left;
}
#main1sp2 {
	width: 48%;
	float: right;
}
#main2 {
	width: 48%;
	min-width: 34em;
	float: right;

}
#main2sp1 {
	width: 48%;
	float: left;
}
#main2sp2 {
	width: 48%;
	float: right;
}

/* Clearen der Inhaltsspalten mittels dieses speziellen hr-Tags */
.clear_columns{	
	content: "."; 
	display: block; 
	height: 0; 
	font-size: 0; 
	clear: both; 
	float: left; 
	visibility: hidden; 
	border: 0; 
	margin-top: -2em; /* erforderlich damit kein Leerraum zwischen Spalten und Footer entsteht */
}
}