/**
* 
* Gally Websolutions, www.websolutions.gally.ch
**/

html, body {
	margin:0px;
	padding:0px;
	height:100%;
	}
body {
	background-color:#fff;
	background-image:url(../img/bg.jpg);
	background-repeat:repeat-y;
}
		

#contenter {
	margin:0px 0 0px 0;
	padding:0px;
	width:1000px;
	min-height:100%; 
	height:auto;
}

/* for Internet Explorer */
/*\*/
* html #contenter {
	height:100%;
}
/**/
	
#header {
	position:fixed;
	height:186px;
	width:1000px;
	}
#portrait {
	position:relative;
	float:left;
	height:169px;
	width:170px;
	background-image:url(../img/portraits/harder-farbig.jpg);
	background-repeat:no-repeat;
	}
#bild {
	position:relative;
	float:left;
	height:169px;
	width:677px;
	background-image:url(../img/nav-img/biene.jpg);
	background-repeat:no-repeat;
	}
#abschluss {
	position:relative;
	float:left;
	height:169px;
	width:75px;
	background-image:url(../img/abschluss.jpg);
	background-repeat:no-repeat;
	}
#schatten {
	position:relative;
	clear:both;
	height:17px;
	width:944px;
	background-image:url(../img/schatten.jpg);
	background-repeat:no-repeat;
}


#navi {
	position:fixed;
	top:184px;
	width:200px;
	margin:0px;
	padding:0px;
	text-align:left;
	z-index:100; /* for menu.css */
}

#menu {
		margin:39px 0 60px 0;
	}
	

#content {
	clear:both;
	padding:220px 0px 40px 240px;
	text-align:left;
	margin:0 80px 0 0;
	min-height:290px;
	line-height:1.5;
	}
	
	
#footer {
	background-color:#000;
	color:#fff;
	font-family:myriad web;
	font-weight:normal;
	font-size:0.8125em;
	text-align:left;
	padding:10px 15px 10px 15px;
	margin:0 0 0 0;
	clear:both;
	}
#footer a {
	color:#fff;
}
	
@media only screen and (max-width: 1000px)  {

#navi {
	position:absolute;
}
	
#header {
	position:absolute;
}

}