@charset "utf-8";
/* CSS Document */

* {
	margin:0; padding: 0;	border: 0; text-align:left;
}

html{
	background:  #1b5132 url(../images/bg_html.jpg) center 0 repeat-y;
}

body{
 font: 62.5%/1.8em verdana, arial, sans-serif;
 color: 000;
 background: url(../images/bg_body.jpg) 0 0 repeat-x;
}



a{color: #D5B258; font-size: 1.1em; text-decoration: none;}

a:hover{color: red;}

p, dl {
	margin: 0 0 1.2em 0;
	font-size: 1.3em;
	font-family: "Trebuchet MS";
	
}

p.highlight{
	font-weight: bold;
	font-size: 1.3em;
	

	
}
h1 a{
	width:864px;
	height:241px;
	position: absolute;
	top: 64px;
	left:70px;
}

h2 {
	width: 250px;
	height: 28px;	
}
h3{
	font-size: 1.1em;
	text-transform: uppercase;
	font-weight: normal;
	border-bottom: 1px solid #d5b258;
	color: #d5b258;
	margin: 0 0 10px 0;
	padding: 0 0 3px 0;
	
}	

h3.sitemap{
	width: 55px;
}
.noBorder{
	border:0!important;
}
.noMargin{
	margin: 0!important;
}
.noText{
	text-indent: -9999px;
	font-size:1px;
	overflow: hidden;
	color:#003300;

}
.clear {
	float: none;
	clear: both;
}

/*-------------------------------------------------------*/



div#headerContainer {
width: 100%;
background:url(../images/bg_header.jpg) center 0  no-repeat;
margin: 0 auto;
font-size:1.3em;

}

div#headerContainer div#header {
	width: 960px;
	height: 604px;
	position: relative;
	margin: 0 auto;

}

div#headerContainer div#header ul#navi-top{
	position: absolute;
	list-style-type:none;
	top: 10px;
	right:25px;
	font-size: 0.9em;

}

div#headerContainer div#header ul#navi-top li{
	float: left;
	padding: 0 15px;
	border-right: 1px solid #FEF6D2;
	line-height: 12px;
	text-transform: uppercase;
	
}

div#headerContainer div#header ul#navi-top li a{
	color:#FEF6D2;
	text-decoration: none;
	
}

div#headerContainer div#header ul#navi-top li a:hover,
div#headerContainer div#header ul#navi-top li.active a {
	text-decoration:none;
	color:red;

}

div#headerContainer div#header ul#navi{
	position: absolute;
	top: 325px;
	left:37px;
	list-style:none;
}

div#headerContainer div#header ul#navi li{
	padding: 0 55px 0 0;
	float: left;
	text-transform: uppercase;	
}

div#headerContainer div#header ul#navi li a{
	color:#2d8352;
	text-decoration: none;
	font-size:1.2em;
	font-weight: bold;
}
div#headerContainer div#header ul#navi li a:hover,
div#headerContainer div#header ul#navi li.active a{
	text-decoration:none;
	color:red;	
}

div#headerContainer div#header ul#teaser{
	position: absolute;
	top: 405px;
	left: 37px;
	list-style-type: none;
}

div#headerContainer div#header ul#teaser li{
	float: left;
	margin: 0 70px 0 0px;
	width: 250px;
	font-size: 1em;	
	color: #D5B258;
}

div#headerContainer div#header ul#teaser li#mitte{
	width: 240px;

}

div#headerContainer div#header a#ueber-mich,
div#headerContainer div#header a#portfolio,
div#headerContainer div#header a#referenzen,
div#headerContainer div#header a#neugierg{
	width: 118px;
	height: 28px;
	display: block;
	background: url(../images/bg_navi_zusatz.jpg) no-repeat;
	position: absolute;
	top:496px;

}

div#headerContainer div#header a#ueber-mich {
	background-position: 0 0;
	left:34px;	
}
div#headerContainer div#header a#portfolio {
	background-position: 0 -28px;
	left:355px;	
}

div#headerContainer div#header a#referenzen {
	background-position: 0 -56px;
	left:671px;	
}
div#headerContainer div#header a#neugierig {
	width: 150px;
	height: 35px;
	display: block;
	background: url(../images/bg_navi_zusatz.jpg) 0 -84px no-repeat;
	position: absolute;
	top:570px;	
	left: 677px;
}

div#headerContainer div#header a#ueber-mich:hover,
div#headerContainer div#header a#portfolio:hover,
div#headerContainer div#header a#referenzen:hover,
div#headerContainer div#header a#neugierig:hover{
	background: none;

}





/*-------------------------------------------------------*/


div#content {

	width: 1000px;
	padding-left: 110px;
	margin: 0 auto;
	background: url(../images/bg_content.jpg) center 0 repeat-y;
	
}

div.column{	
	width: 250px;
	float: left;
	margin: 0 73px 0 0px;
}

div.columnBreit{
	width: 600px;
	float:left;
	margin: 0 40px 0 0;	
}

div#content .img {
	border-left: 2px solid #1B4D30;
	border-top: 2px solid #1B4D30;
	border-right: 2px solid #4FC883;
	border-bottom: 2px solid #4FC883;
	padding: 3px;

}


div#contentfooter {
	width: 1000px;
	height: 81px;
	margin: 0 auto;
	background: url(../images/bg_contentfooter.jpg) center 0 no-repeat;
	

}
div#contentfooter p {
	
	
	text-align: right;
	padding: 40px 100px 0px 0;
	font-size:1.1em;

}


/*-----------------Footer--------------------------------------*/

div#footerContainer {
	width: 100%;
	height: 206px;
	background: url(../images/bg_footer_container.jpg) 0 0 repeat-x;
	color: #D5B258;
	
	
}

div#footerContainer div#footer {
	
	height: 175px;
	width: 1060px;
	background: url(../images/bg_footer.jpg) center 0 no-repeat;
	margin: 0 auto;	
	padding: 25px 0 0 170px;
}



div#footerContainer div#footer ul li.active a {
	text-decoration:none;
	color:red;
}
div.column{	
	width: 250px;
	float: left;
	margin: 0 73px 0 0px;
}

div#footerContainer div#footer p{
	color: #d5b258;
}

div#footer ul{
	list-style: inside;
}

div#footer a{
	color: #D5B258;
	font-size: 1.1em;
}

div#footer a:hover{
	color: red;
}
div#footer dl dt{
	width: 50px;
	float: left;
	
}

div#footer dl dd{
	width: 200px;
	float:left;
}
/*-----------------Referenzen Scrollband-----------------------------*/

#navigation{

width:590px; 
height:60px;
margin: 25px 0 0px 0;


}
#thumbs{
width:480px; 
float: left;
white-space:nowrap; 
overflow:hidden;
background-color:#000000;
border-left: 4px solid #1B4D30;
border-top: 4px solid #1B4D30;
border-right: 4px solid #4FC883;
border-bottom: 4px solid #4FC883;
padding: 5px 10px;
}
#thumbs img, #content table img{

opacity:0.8;
filter:alpha(opacity=60);
}

/*-----------------Kontaktformular----------------------------*/

table td, table th { /* Tabelle Hintergrundfarbe */
   font-size:1.1em;
   color: #d5b258;
   
  }

  input, textarea, caption { /* Eingabe */
   color: #000;
   background-color:#EFD99F;
   height: 20px;
   margin: 3px 0;
   border-left: 2px solid #1B4D30;
	border-top: 2px solid #1B4D30;
	border-right: 2px solid #4FC883;
	border-bottom: 2px solid #4FC883;
   
  }
  textarea{
  	height:60px;
}


  label { /* Checkbox */
   cursor: pointer;
  }
  
  input#submit {

	width: 90px;
	height: 22px;
	background-color:#123521;
	background-image: url(img/b_submit.gif);
	background-repeat: no-repeat;
	cursor: pointer;
	color:#d5b258;
	text-align: center;
	border: none;
	margin-left: 265px;  
}

	input#submit:hover{
	color: red;
	}