body{
	background:#efefef url(../images/bg-content-area.jpg);
	font-family: Arial, Lucida Grande, Lucida Console;
	/*color:#6c6c6c;*/
	color:#333333;
	margin:0;
	padding:0;
	font-size:12px;
}

/*
 * TYPOGRAPHY 
 * 
 * */
p{ padding: 0 0 15px; }
h1{
	color:#3b3b3b;
	font-size:18px;
	line-height:18px;
	padding:0 0 20px;
}
h3{ font-size:15px; padding:15px 0; text-transform:uppercase; }
em{ font-style:italic; }

/*******  STRUCTURE   *******/

#top-area{
	background:url(../images/bg-top-area.jpg);
	border-bottom:1px solid #cbcbcb;
}

#top-area ul{ height:379px; width:974px; }
#top-area ul li{
	display:none;
	height:379px;
	left:0px;
	position:absolute;
	top:20px;
	z-index:900;
}
#top-area ul first{ display:block; }

#top-logo{
	top:15px;
	left:20px;
	z-index:1000;
}
#top-address{
	bottom:35px;
	right:-5px;
}


.content-area{
	margin:0 auto;
	padding:20px 0;
	width:970px;
}

#main-content{ border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; min-height:350px; }

#content-left-area{ width:682px; }


#story{ width:380px; margin:0 30px 0 0; }
#story ul.reference-liste{ margin:0 0 0 -10px; }
#story ul.li{
	display:inline;
	height:127px;
	overflow:hidden;
	width:339px;
}
#story p.main-text{
	line-height:19px;
	margin:0 60px 0 0;
}

/*******  CAROUSEL  *******/

ul.reference-liste{
	background:url(../images/bg-referencer.png) no-repeat top left;
	height:127px;
	width:339px;
}

ul.reference-liste li{
	background: none !important;
	cursor:pointer;
	display:none;
	padding:10px;
	width:299px;
}
ul.reference-liste li.first{ display:block; background: none !important; }


#reference-gallery{ position:relative; }

#reference-gallery ul#nav{
	bottom:18px;
	right:70px;
	z-index:999;
}

ul#nav a{
	cursor:pointer !important;
	padding:3px 0 2px 8px;
}
ul#nav li{ display:inline; }
/*
*/

#services{ width:250px; }
#services ul{ margin:-8px 0 0; }
#services ul li{
	background:url(../images/bg-bullet.gif) no-repeat 3px 12px;
	border-bottom:1px dotted #9f9c9e;	
	padding:7px 0 7px 18px;
}


#content-right-area .contact-form{
	background:url(../images/bg-right-contact.png) no-repeat top left;
	height:351px;
	padding:30px;
	top:-35px;
	width:238px;
}

#content-right-area .contact-form h1{
	color:#e3104c;
}

#content-right-area label{
	display:block;
	font-size:11px;
	font-weight:bold;
}

#content-right-area input{
	margin:0 0 18px;
}

#content-right-area input.radio{ margin:0; }


#content-right-area input.your-name{
	background:url(../images/bg-input-name.png) no-repeat;
	border:none;
	color:#666666;
	height:18px;
	padding:5px 0 0 5px;
	width:210px;
}
.name-error{ background:url(../images/bg-input-name-error.png) no-repeat !important; }

#content-right-area input.your-phone{
	background:url(../images/bg-input-phone.png) no-repeat;
	border:none;
	color:#666666;
	height:18px;
	padding:5px 0 0 5px;
	width:120px;
}
.phone-error{ background:url(../images/bg-input-phone-error.png) no-repeat !important; }

#content-right-area input.submit-contact{
	background:url(../images/btn-submit.png) no-repeat;
	border:none;
	cursor:pointer;
	height:24px;
	margin:15px 0 0;
	width:65px;
}

#footer-content{
	background:url(../images/bg-footer-repeat.jpg) repeat top left;
	border-top:1px solid #000000;
	color:#ffffff;
}

#footer-content-repeat{
	background:url(../images/bg-footer-area.jpg) repeat-x top left;
	min-height:300px;
}

#footer-content h1{ color:#ffffff; }
#footer-content ul li{
	font-size:11px;
	float:left;
	padding:0 30px 0 0;
}
#footer-content ul li span{ color:#e23737; }

/*******  KONTAKT   *******/


/*
 * 
 * LINKS DEFS
 * 
 * */

a, 
a:active, 
a:focus, 
a:link,
a:visited { color:#78b444; text-decoration:underline; font-weight:normal; }
a:hover { color:#509614; text-decoration:underline; }