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

body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #2f2f2f;
	color: #FFFFFF;
}

#wrap{
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 4px;
	height: 420px;
	margin-top: -210px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #eeeeee;
}
#wrap p{
	line-height: 16px;
}

#wrap a{
	color: #eeeeee;
}
#wrap a:hover{
	color: #FFFFFF;
}
#wrap h2{
	font-family: 'Century Gothic', Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #d5d5d5;
	margin: 0px 0px 14px 0px;
	padding: 0px;
	line-height: 20px;
}

h1#logo{
	width: 164px;
	height: 62px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
h1#logo img{
	width: 164px;
	height: 62px;
	border: none;
	display: block;
}

/*-----------------------   CONTENT   -----------------------*/
#content{
	position: absolute;
	left: 0px;
	top: 78px;
	width: 206px;
	background-color: #464646;
	z-index: 2;
}

#mediacontent{
	position: absolute;
	left: 206px;
	top: 78px;
	background-color: #464646;
	z-index: 2;
}

#introcontent{
	position: absolute;
	left: 0px;
	top: 78px;
	background-color: #464646;
	z-index: 2;
}

#infobox{
	position: absolute;
	left: 7px;
	bottom: 7px;
	width: 194px;
}

#textcontent{
	position: absolute;
	left: 0px;
	top: 78px;
	background-color: #464646;
	z-index: 2;
}

#textcontent .big{
	font-size: 16px;
}

#textcontent.kontakt .block1{
	float: left;
	width: 45%;
	padding: 20px;
}
#textcontent.kontakt .kontakt1{
	float: left;
	width: 350px;
	padding: 20px;
}
.adresse{
	height: 138px;
	margin-top:12px;
}
.adresse p{
	margin-top: 0px;
	padding-top: 0px;
}

#textcontent.kontakt .kontakt2{
	float: left;
	width: 149px;
	padding: 23px 6px 0px 2px;
}
#textcontent.kontakt .kontakt2 p{
	margin: 0px 0px 22px 0px;
	padding: 0px;
}
#textcontent.kontakt .kontakt3{
	float: left;
	padding: 20px;
}

/* Philosphie */
#textcontent.phil{
	left: 206px;
	top: 78px;
}



/* Projekte */
#ulProj{
	margin: 20px 0px 20px 20px;
	padding: 0;
	list-style-type: none;
}
#ulProj li{
	display: inline;
}
#ulProj li a, #ulProj li.none{
	display: block;
	float: left;
	margin: 0px 0px 6px 0px;
	padding: 4px 1px 4px 5px;
	width: 46%;
	height: 40px;
	border-left: 6px solid #373737;
	color: #eeeeee;
	text-decoration: none;
}
#ulProj.niedrig li a, #ulProj.niedrig li.none{
	height: 22px;

}
#ulProj li a strong{
	display: block;
	font-family: 'Century Gothic', Arial, Helvetica, sans-serif;
	font-size: 14px;
}
#ulProj li a:hover, #ulProj li a:focus{
	background-color: #373737;
	color: #FFFFFF;
}
.divSchwarz{
	background: #000000;
	padding: 8px 14px 28px 14px;
	display: table;
}
.pImgRight{
	float: right;
}

/*-----------------------   SUBNAV   -----------------------*/
#subnav{
	margin: 4px 0px 0px 0px;
	padding: 0;
	list-style-type: none;
	font-family: 'Century Gothic', Arial, Helvetica, sans-serif;
	font-size: 14px;
}
#subnav li{
	display: inline;
}
#subnav li a{
	display: block;
	margin: 0px 7px;
	padding: 5px 2px;
	border-bottom: 1px solid #3a3a3a;
	color: #8b8b8b;
	text-decoration: none;
}
#subnav li a:hover, #subnav li a:focus, #subnav li.active a{
	color: #ffffff;
}

/*-----------------------   NAVIGATION   -----------------------*/
#nav{
	position: absolute;
	right: 0px;
	top: 20px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-family: 'Century Gothic', Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-variant: normal;
	text-transform: uppercase;
}
#nav li{
	display: inline;
}
#nav li a{
	display: block;
	float: left;
	color: #979797;
	text-decoration: none;
	padding: 2px;
	margin: 0px 12px;
}
#nav li a:hover, #nav li a:focus, #nav li.active a{
	color: #e3e3e3;
}

/*-----------------------   LANG   -----------------------*/
#lang{
	position: absolute;
	top: 0px;
	height: 6px;
	width: 100%;
	z-index: 99;
	background-color:#131313;
}

#lang ul{
	position: absolute;
	right: 24px;
	top: 0px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 70px;
	background-color:#131313;
}
#lang li.off{
	display: none;
}
#lang a{
	color: #5c5c5c;
	text-decoration: none;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	height: 15px;
	padding: 3px 0px 0px 24px;
	background-repeat: no-repeat;
	background-position: 4px center;	
}
#lang a:hover{
	color: #FFFFFF;
}

#lang a.de{
	background-image: url(../images/de.gif);
}
#lang a.en{
	background-image: url(../images/en.gif);
}