/*
 mackel stylesheet
*/


/* overall */

body { 
	margin:0px;
	padding:0px;
	background:#ffffff;
	font-family:Verdana, Arial;
	font-size:11px;
	font-weight:normal;
	line-height:15px;
	color:#000000;
	height:100%;
	text-align:left;
}
	
	
/* html elements */

h1 { 
	font-family:Verdana, Arial;
	font-size:22px;
	line-height:22px;
	margin:0 0 15px 0;
	padding:0;
	font-weight:bold;
	color:#000000;
}
h2 { 
	font-family:Verdana, Arial;
	font-size:16px;
	line-height:16px;
	margin:0 0 5px 0;
	padding:0;
	font-weight:normal;
	color:#000000;
}
h3 { 
	font-family:Verdana, Arial;
	font-size:11px;
	line-height:15px;
	margin:0 0 5px 0;
	padding:0;
	font-weight:bold;
}
	
img { 
	border:0px;
}

hr {
	border:0;
	height:0;
  	border-bottom:1px dashed #cccccc;
	width:100%;
	margin:0 0 5px 0;
	padding:0;
}
	
a {
	color:#000000;
	text-decoration:none;
}
a:hover, a.active {
	color:#555555;
	text-decoration:none;
}


/* text */

.textnavi {
	font-family: Arial, Helvetica;
	font-size: 14px;
	font-style: normal;
	line-height: 17px;
	color: #2a4550;
}
	
	

/* content */

#main {
	position:absolute;
	z-index:2;
	width:975px;
	left:50%;
	margin: 0 0 50px -487px;
	background:#ffffff;
}
#head {
	position:relative;
	float:left;
	width:975px;
	height:120px;
	margin: 20px 0 20px 0;
	text-align:right;	
}

#menu {
	position:relative;
	float:left;
	width:975px;
	height:50px;
}

#content {
	position:relative;
	float:left;
	width:970px;
	margin: 10px 0 0 0;
}

#footer {
	position:relative;
	float:left;
	width:970px;
	height:20px;
	margin: 40px 0 20px 0;
	text-align:right;
	color: #cccccc;
}

#sidemenu {
	position:absolute;
	z-index:1;
	width:32px;
	height:140px;
	right:0;
	top:160px;
}



/* menu */

#menu .box {
	float:left;
	margin: 0 5px 0 0;
}



/* content */
#content img {
	background:url(../img/site/loader.gif) no-repeat center center #000000;
}

#content #homebox img {
	float: left;
	margin: 0 5px 0 0;
}

#content #leistungenbox {
	float:left;
	width:200px;
}

#content #refernzenbox {
	float:left;
	width:240px;
}

#content #kontaktbox {
	float:left;
	width:200px;
}

#content #arbeitsprobenbox {
	float:left;
	margin: 0 0 15px 0;
}

#content #arbeitsprobenbox img {
	float:left;
}

#content #arbeitsprobenbox div {
	float:left;
	width:380px;
	margin: 0 0 0 15px;
}

#content #arbeitsprobendetailbox img {
	float:left;
	margin: 0 0 15px 0;
}

#content #arbeitsprobenbackbox {
	clear:both;
}