@charset "utf-8";
/* CSS Document */

/* ##### Generell ##### */



html, body {
	width:100%;
	height:100%;
    font-family: 'Questrial' , sans serif;
	padding:0;
	margin:0;
	background:#EDEBF2;
}

a { 
	text-decoration:none;
	color:#403B38;
	padding:5px;
	border:none;
}

img {
	border:none;
}



h1 {
    font-family: 'Questrial' , sans serif;
	font-size:1em;
	font-weight:400;
}

/* ##### Wrapper und Zentrierung #####*/

div#abstand {
		  
	height: 50%;
    margin-bottom: -400px;          
	float: left;
	z-index:-4;
		  }

div#wrap {
		width:800px;
		height:800px; 
		margin:auto auto;
		clear: left;
		z-index:-2;
		top:0;
		left:0;
		text-align:center;
}

/* ####### header und  navigation ##### */

div#head {
	padding:10px 0 0 0;
	margin:0;
	width:500px;
	height:20px;
	position:absolute;
	text-align:left;
}


div#rehead {
	position:relative;
	padding:0 0 0 315px;
	z-index:100;
}

div#rehead h1 {
	font-family: 'Questrial' , sans serif;
	font-size:1em;
	text-transform:uppercase;
	color:#403B38;
}

div#lihead {
	position:absolute;
	padding:0 0 0 133px;
	z-index:100;
	text-align:left
}

div#lihead h1 {
	font-family: 'Questrial' , sans serif;
	font-size:1em;
	text-transform:uppercase;
	color:#403B38;
}

div#navigation {
	position:relative;
	padding:60px 0 0 270px;
	background:#EDEBF2;
	width:700px;
	text-align:left;
	z-index: 2;

}

ul#nav {
    font-family: 'Questrial' , sans serif;
	text-transform:uppercase;
	height:25px;
	color:#3b393e;

}

ul#nav li {
	list-style:none !important; 
	font-size:0.9em;
	display:block;
	margin:0;
	padding:10px 0 0 0;


}

ul#nav li > a:hover {
	padding:5px;
	background:#403B38;
	color:#FFF;
}



.standby {
font-weight:bold;
}


/* ###### Content ##### */

.main {
	margin:0;
	padding:0;
	width:850px;
	height:825px;
	position:relative;
	text-align:left;

}

.mainspace {
	margin:0;
	width:850px;
	height:150px;
	position:relative;
	text-align:center;

}

.mainpro {
	margin:0;
	padding:0;
	width:850px;
	height:620px;
	position:relative;
	text-align:left;

}

.propics {
	margin:0;
	padding:0;
}

div#content1 {
	position:absolute;
	float:left;
	width:300px;
	height:619px;
	margin:0;
	padding:10px;
	background:url(../bilder/motiv_1.jpg);
	background-repeat:no-repeat;
	z-index:99;
}

div#content2 {
	position:relative;
	padding:150px 0 0 316px;
	width:500px;
	z-index:1;
	color:#403B38;
	font-size:0.9em;
	text-align: left;

}

div#content2 h1 {
	font-family: 'Questrial' , sans serif;
	font-size:1em;
	color:#3b393e;
	font-weight:bold;

}

.prolink {

}

.procontain {
	margin:0;
	padding:0 0 0 316px;
	z-index:3;
	width:500px;
	position:relative;
	color:#403B38;
	font-size:0.9em;
	
}

.procontain img {
	padding:10px;
}

.procontain a {
	padding:0 !important;
	margin:0 !important;
}



.procontain h1 {
	font-family: 'Questrial' , sans serif;
	font-size:1em;
	color:#3b393e;
	font-weight:bold;

}

.spacer {
	padding:25px;
	width:300px;

}

/* ####### Projektbilder - Thema ###### */

.projektBild {
padding:0 10px 20px 0;
float:left;
width:300px;
height:619px;
position:absolute;

}