@CHARSET "ISO-8859-1";

body {
	
	background-image:url(../img/body-bg.png);
	background-repeat:repeat-x;
	text-align:center;
}


div#wrap-center {
	position:relative;
	top:35px;
	margin:0 auto;
	width:1024px;
	height:756px;
	background-position:0px 10%;

}
/************************* Header ***************************/
div#wrap-center div#header
{
	position:relative;
	top:0;
	width:1028px;
	height:277px;
}

div#wrap-center div#header div.logo 
{
        position: absolute;
        left:0;
	width:642px;
	height:150px;
	
	background-image:url(../img/header-logoarea.png);
	background-repeat:no-repeat;
}

div#wrap-center div#header div.globe
{
	position:absolute;
	top:54px;
        left:0;
	width:1028px;
	height:223px;
	
	background-image:url(../img/globe.png);
	background-repeat:no-repeat;
}

/************************* Content ***************************/

div#wrap-center div#container {
	position:relative;
	
	width:1024px;
	height:350px;
	
	background-image:url(../img/wrap-center-bg.png);
	background-repeat:repeat-y;
        background-color:#fff000;
        z-index:90;
}

div#wrap-center div#container div#content
{
	position:absolute;
	top:-92px;
	left:128px;
        bottom:2px;
	width:769px;
	height:527px;
	background-image:url(../img/content_bg.png);
	background-repeat:repeat-x;
	-moz-box-shadow: 2px 2px 3px #969696;
  	-webkit-box-shadow: 2px 2px 3px #969696;
  	zoom: 1;
  	filter:progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=3);
        
	z-index:90;
	overflow:hidden;
}

div#wrap-center div#container div#content ul.navigation
{
	
}

div#wrap-center div#container div#content ul.navigation li
{
	position:relative;
	float:left;
	list-style:none;
	margin:0 7px 0 0;
	width:19%;
	padding:7px 0 7px 0;
	background-image:url(../img/nav.png);
	border:1px solid #61aedd;
	-moz-box-shadow: 2px 2px 3px #969696;
  	-webkit-box-shadow: 2px 2px 3px #969696;
  	zoom: 1;
  	filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=3);
}

div#wrap-center div#container div#content ul.navigation li.selected
{
	background-image:url(../img/nav_active.png);
	background-position:0 1px;
}

div#wrap-center div#container div#content ul.navigation li.last
{
	margin:0;
}

div#wrap-center div#container div#content ul.navigation li a:link,
div#wrap-center div#container div#content ul.navigation li a:visited
{
	padding:0 50px 0 25px;
        
	color:#ffffff;
}

div#wrap-center div#container div#content ul.navigation li a:hover,
div#wrap-center div#container div#content ul.navigation li a:active,
div#wrap-center div#container div#content ul.navigation li a:focus,
div#wrap-center div#container div#content ul.navigation li.selected a
{
	color: #3e3d40;
	text-decoration:none;
	cursor: pointer;
}

div#wrap-center div#container div#content ul.navigation li span
{
	position:absolute;
	top:9px;
	right:22px;
	padding:0 5px 0 0;
	
	background-repeat:no-repeat;
	background-position:4px 4px;
}

div#wrap-center div#container div#content ul.navigation li.selected span
{
	background-position:0px 6px;
}

div#wrap-center div#container div#content ul.navigation li span.kontakt
{
	background-image:url(../img/kontakt.png);
}

div#wrap-center div#container div#content ul.navigation li.selected span.kontakt
{
	background-image:url(../img/kontakt_aktiv.png);
}

div#wrap-center div#container div#content ul.navigation li span.startseite
{
	background-image:url(../img/startseite.png);
}

div#wrap-center div#container div#content ul.navigation li.selected span.startseite
{
	background-image:url(../img/startseite_aktiv.png);
}

div#wrap-center div#container div#content ul.navigation li span.leistungen
{
	background-image:url(../img/leistungen.png);
}

div#wrap-center div#container div#content ul.navigation li.selected span.leistungen
{
	background-image:url(../img/leistungen_aktiv.png);
}

div#wrap-center div#container div#content ul.navigation li span.produkte
{
	background-image:url(../img/produkte.png);
}

div#wrap-center div#container div#content ul.navigation li.selected span.produkte
{
	background-image:url(../img/produkte_aktiv.png);
}

div#wrap-center div#container div#content ul.navigation li span.referenzen
{
	background-image:url(../img/referenzen.png);
}

div#wrap-center div#container div#content ul.navigation li.selected span.referenzen
{
	background-image:url(../img/referenzen_aktiv.png);
}




div#wrap-center div#container div#content div.textbox
{
	position:relative;
	left:28px;
	margin:27px 0 0 0;
	padding-left:25px;
	padding-right:20px;
	float:left;
	width:440px;
	height:385px;
	background-image:url(../img/textbox_bg.png);
	color: #646567;
	text-align:left;
	
}

div#wrap-center div#container div#content div.imagebox
{
	position:relative;
	margin:27px 0 0 52px;
	float:left;
	width:206px;
	height:408px;
	background-image:url(../img/imagebox-shadow.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	
}

/************************* Footer ***************************/
div#wrap-center div#footer 
{
	position:absolute;
	bottom:0;
	left:0;
	width:1024px;
	height:130px;
	
	background-image:url(../img/footer-bg.png);
	background-repeat:no-repeat;
	z-index:10;
	font-size:12px;
	color:#ffffff;
}

div#wrap-center div#footer div.text
{
	position:relative;
	top:110px;
}

div#wrap-center div#footer div.text a:link,
div#wrap-center div#footer div.text a:visited
{
	color:#61aedc;
}
