html, body { 
	height:100%;
}

body{
	width:100%;	
	font: 1em  Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#525252;
	line-height: 1.2em;
}

a{
	color:#7ea527;
}

#wrap {min-height: 100%;}


div#main-container{
	background:url(../images/test-bg.png) 0px 0px repeat-x;
	height:100%;
	width:100%;
	min-width:1024px;
	overflow:auto;
	padding-bottom: 80px;
}


#logo{
	width:450px;
	height:100px;
	float:left;
	padding:7px 0px;
}

#logo-inner{
	padding-left:10px;
	background:url("../images/logo.png") no-repeat scroll 10px 0 transparent;
	display:block;
	height:100px;
	text-indent:-2000px;
	width:460px;
}

#logo-inner:hover{
	background-image:url("../images/logo2.png");
}


#text-controls{
	width:350px;
	height:100px;
	float:right;
	text-align:right;
	padding:7px 0px;
}

#text-controls-inner{
	float:right;
	padding: 3px 10px;
}



span.print a:hover{
	color:#7ea527;
}

span.print a{
	color:#525252;
	font-size:0.8em;
	font-weight:bold;
	text-decoration:none;
}

#menu{
	width:100%;
	height:24px;
	clear:both;
	padding:10px 0px;
	line-height:24px;
}


#navigation{
	height:24px;
	float:right;
}

#menu a{
	color:#fff;
	text-decoration:none;
	font-size:1.4em;
	text-indent:-9999px;
	display:block;
	background-position: 0px -25px;
	margin-top:2px;
}

#menu a.welcome-page{
	background-image:url(../images/menu-welcome-page.png);
	width:88px;
}

#menu a.person{
	background-image:url(../images/menu-person.png);
	width:65px;
}

#menu a.projekte{
	background-image:url(../images/menu-projekte.png);
	width:76px;
}

#menu a.kompetenzen{
	background-image:url(../images/menu-kompetenzen.png);
	width:130px;
}

#menu a.kontakt{
	background-image:url(../images/menu-kontakt.png);
	width:71px;
}

#menu a.impressum{
	background-image:url(../images/menu-impressum.png);
	width:103px;
}

#navigation-level-1 li{
	padding-right:20px;
	height:25px;
	line-height:25px;
	float:left;
}

#navigation-level-1 li.active a{
	background-position: 0px -50px;
}


#navigation-level-1 li a:hover{
	background-position: 0px 0px;
}

#navigation-level-1 li.active a:hover{
	background-position: 0px -50px;
	cursor:default;
}


div#content{
	width:80%;
	float:left;
	padding:20px 0px;
}

div#right-c{
	width:19%;
	float:right;
}

div#right-c-inner{
	margin-top:10px;
	padding:10px;
	text-align:justify;
	overflow:hidden;
}

div#right-c-inner span{
	margin-right:10px;
	margin-bottom:10px;
	line-height:1.5em;
}


span.g1{
	font-weight:bold;
	font-size:1.4em;
	color:#000;
}

span.g2{
	font-size:1.1em;
}

span.g3{
	font-size:1em;
	color:#7ea527;
}


div.header h2{
	color:#7ea527;
	font-size:160%;
	padding-left:20px;
	margin-bottom:3px;
}

div.content{
	padding:0px 10px 0px 20px;
	text-align:justify;
	color:#4c4c4c;
}

div.content p{
	margin:10px 0px;
}

div.content ul{
	list-style-type: circle;
	list-style-position: inside;
	margin-top:-10px;
}

div.content h2{
	color:#4c4c4c;
	font-size:120%;
	font-weight:bold;
	margin:10px 0px 5px 0px;
}

div.content h3{
	color:#7ea527;
	font-size:115%;
	margin:10px 0px 5px 0px;
}

div.content h4{
	color:#7ea527;
	font-size:105%;
	font-weight:bold;
	margin:15px 0px 5px 0px;
}

div.content table{
	border-collapse:collapse;
	border-color:#c0c0c0;
	border-left: 5px solid #7ea527;
	margin: 20px 0px;
}

div.content td{
	padding:7px 15px 7px 10px;
}

div.content td.leftc{
	width:160px;
}


div.content table.project{
	border-color:#c0c0c0;
	border-left: 5px solid #7ea527;
	margin: 20px 0px;
}

div.content table.project td{
	padding:7px 15px 7px 10px;
	color:#000;
}

div.content table.project td.leftc{
	color:#606060;
}

div.content table.project td.project_name{
	color: #7ea527;
	font-style:italic;
	font-weight:bold;
}

div.content table.project td.project_date{
	background-color: #7ea527;
	color: #fff;
	font-weight:bold;
}

#footer{
	position: relative;
	margin-top: -80px; /* negative value of footer height */
	height: 80px;
	clear:both;
	background:url(../images/footer-bg.png) 0px 0px repeat-x;
}

#footer-inner{
	height:60px;
	color:#fff;
	padding:15px 0px 5px 15px;
	font-size:1em;
	line-height:20px;
}

strong{
	font-weight:bold;
}