* {
	margin-top:0;
	padding:0;
}

html, body {margin:0; padding:0; width:100%; height:100%; overflow:hidden;}

body {
	width: 100%;
	height: 100%; /* wichtig */
	padding: 0;
	margin: 0;
	color: #000;
	font-size: 14px;
	background-color: #422916;
	/* background: url(../img/background.jpg) repeat-x  #FFF;*/
}


.clear-float {
	clear: both;
}

#background { 
  z-index: 1;
  min-height: 100%;
  min-width: 1024px;
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0; 
}

/* main */ 
#main {
	position: relative;
    text-align: left;
    width: 990px;
    height: 640px;
    padding: 40px;
	
	z-index: 10;
	padding: 0;
	margin: 50px auto; /* Der mit der Breite gekoppelte automatische Wert an den Seiten zentriert das Layout. */
	
	background-color: #FFF;
}


/* header */
#header {
	position: relative;
	top: 40px;
    margin: 40px;
}
#header-nav {
	position: absolute;
	right: 0px;
	bottom: 0px;
}
#header-nav a {
	padding: 0px;
	margin: 0 0 0 45px;
	color: #422916;
	text-decoration: none;
}
#header-nav a:hover, #header-nav a.active {
	color: #b17f4a;
}

/* Content */
#content {
	position: relative;
	float: left;
	margin: 38px 40px 0px 40px;
}
#content #home {
	/*width: 800px;*/
}
#content #home img {
	float: left;
	margin: 0 23px 0 0;
}
/* alt */
#content .verwaltungsrat .box1 {
	margin: 40px 220px 60px 0;
	float: left;
}
#content .verwaltungsrat .box2 {
	margin: 40px 190px 60px 0;
	float: left;
}
#content .verwaltungsrat .box3 {
	margin: 40px 0px 60px 0;
	float: left;
}

/* neu */
#content .verwaltungsrat .box-1 {
	margin: 40px 75px 60px 220px;
	float: left;
}
#content .verwaltungsrat .box-2 {
	margin: 40px 75px 60px 0;
	float: left;
}
#content .verwaltungsrat .box-3 {
	margin: 40px 0px 60px 0;
	float: left;
}


#footer {
	height: 34px;
	width: 950px;
	background-color: #422916;
	position: absolute;
	left: 0px;
	bottom: 0px;
	padding: 5px 0 0 40px;
}

#footer a {
	font-size: 10px;
	color: #FFF;
	text-decoration: none;
	margin: 0 10px 0 0;
}




#layer-privat {
	position: relative;
    text-align: left;
    width: 420px;
    height: 490px;
    padding: 20px;
	
	z-index: 10;
	padding: 0;
	margin: 140px auto; /* Der mit der Breite gekoppelte automatische Wert an den Seiten zentriert das Layout. */
	
	background-color: #422816;
	color: #FFF;
	
	display: none;
	filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

#layer-privat .logo-privat {
	position: relative;
	top: 20px;
	left: 20px;
}
#layer-privat .privat {
	margin: 50px 20px 0 20px;
}
#layer-privat input {
	border: 0px none;
	width: 355px;
	height: 28px;
	margin: 8px 0;
	padding: 10px;
}
#layer-privat a {
	color: #FFF;
	font-size: 10px;
}

/*
@media (max-width: 699px) and (min-width: 520px) {
  @-viewport {
    width: 640px;
  }
} 

@media screen and (max-width: 1279px) {	
	#main { width: 100%; margin: 0px;} 
}
@media screen and (min-width: 1279px) {	
	#main { width: 1279px; margin: 0px auto; } 
}
*/