/* CSS Document */

body{
	background-image: url(../images/bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background-attachment: scroll;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
html{ 
	overflow-y:scroll;
}
#wrapper{
	width:820px;
	margin-left:auto;
	margin-right:auto;
}

.clr{
	clear:both;
}

a{
	color:#007b8e;
	text-decoration:none;
}

img{
	border:none;
}



#logo{
	float:left;
	width:188px;
}

#logoShaddowL,
#headerImgShaddowL,
#logoShaddowR,
#headerImgShaddowR{
	width:6px;
	float:left;
	background-image: url(../images/logo_shaddow_left.png);
	background-repeat: no-repeat;
	background-position: left top;
	height:110px;
}

#logoShaddowR{
	width:4px;
	background-image: url(../images/logo_shaddow_right.png);
	opacity: 0.8;
	filter: alpha(opacity=80);	
	background-position: left -15px;	
}
#headerImgShaddowL{
	background-image: url(../images/header_shaddow_left.png);
		background-repeat: no-repeat;
	background-position: left top;
}
#headerImgShaddowR{
	width:4px;
	background-image: url(../images/header_shaddow_right.png);	
	margin-left:-1px;	
}

#contPaper{
	float:left;
	margin-left:22px;
	width:590px;
}

#header{
	height:110px;
	width:590px;
	clear:both;
}
#headerImg{
	float:left;
	background-color:#fff;
	padding:5px 5px 0 5px;
}

#contentArea{
	float:left;
	background-image: url(../images/bg_content.jpg);
	background-repeat: repeat-y;
	background-position: 1px 200px;
	padding-bottom:10px;
}

.cont{
	padding:45px 25px 20px 25px;
	line-height:20px;

}
.contPad{
	padding-left:15px;
}

.cont ul{
	list-style-type: none;
	padding:0 0 0 0;
	margin:0 0 0 0;
}
.cont ul li{
	background-image: url(../images/listenpunkt.gif);
	background-repeat: no-repeat;
	background-position: left 7px;
	padding-left:20px;
}
.cont .rowProject ul li{
	background-image: url(../images/listenpunkt_projekte.gif) !important;
}
.cont .rowProject ul{
	padding-top:5px !important;
}
dd{
	padding-left:0;
	margin-left:0;
}

h1{
	margin:0 0 0 0;
	background-image: url(../images/line.gif);
	background-repeat: no-repeat;
	background-position: left bottom;	
	height:48px;
	width:540px;
}
.h1_lostline{
	margin:0 0 0 0;
	background-image: none;
	height:28px;
}

h2{
	margin:0 0 0 0;
	padding:0 0 10px 0;
	color:#5f462e;
	font-size:14px;
	font-weight:600;
}
h2 a{
	color:#007b8e;
}
h3{
	margin:0 0 0 0;
	padding:15px 0 15px 0;
	color:#5f462e;
}

h3.toggler{
	margin:0 0 0 0;
	padding:25px 0 15px 0;
	font-size:22px;
	color:#5f462e;
}

.padRight{
	padding-right:10px;

}
a.toggler{
	color:#5f462e;
}	
#contFooter{
	width:590px;
	height:20px;
	background-image: url(../images/cont_footer_shaddow.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#contFooter p{
	padding:8px 0 20px 10px;
	margin:0 20px 0 0;
	font-size:10px;
	text-align:right;
	font-variant: normal;
}

#contFooter span{
	color:#818975;
	padding:0 5px 0 5px;
}
#contFooter a{
	color:#818975;
}
#contFooter a:hover{
	color:#5f462e;
}




/*********** projekte ***********/
.contPad{
	line-height:18px;
}

.rowCategoryxxx{
	background-image: url(../images/line.gif);
	background-repeat: no-repeat;
	background-position: left bottom;	
	float:left;
	clear:both;
	text-align:right;
	width:520px;
	padding:25px 40px 15px 0;

}
.rowCategoryxxx{
	background-image: url(../images/line.gif);
	background-repeat: no-repeat;
	background-position: left bottom;	
	clear:both;
	width:520px;
	padding:25px 40px 15px 0;
	text-align:right;
	cursor:pointer;
}

.rowCategory{
	background-image: url(../images/line_projects.gif);
	background-repeat: no-repeat;
	background-position: center bottom;	
	clear:both;
	width:540px;
	padding:25px 0 15px 0;
	text-align:right;
	cursor:pointer;
}
h3.firstCategory{
	padding:0 0 15px 0;
	cursor:pointer;
}

.rowLine{
	background-image: url(../images/line.gif);
	background-repeat: no-repeat;
	background-position: left bottom;	
	padding:0 0 25px 0;
	clear:both;
	width:540px;
	line-height:16px;
}

.rowProject{
	background-image: url(../images/line_projects.gif);
	background-repeat: no-repeat;
	background-position: center bottom;	
	padding:20px 0 25px 0;
	float:left;
	clear:both;
	width:540px;
	font-size:11px;
	line-height:16px;

}

.lastProject{
	background-image:none;

}

.leftCol{
	float:left;
	width:164px;
	width:149px;
	width:138px;
	padding-left:15px;
}
.rightCol{
	float:left;
	width:320px;
}
.middleCol{
	float:left;
	width:484px;
	width:459px;
	font-size:12px;
}
.arrowCol{
	float:left;
	width:36px;
	padding-left:20px;
}

ul.contList{
	margin-top:20px;
}

/*      formelements */
fieldset{
	border:none;
	margin:0 0 0 0;
	padding:20px 0 0 0;
}
legend{
	display:none;
}
input,select,textarea{
	font-size:11px;
	margin-bottom:3px;
	border:1px solid #cac8c5;
	padding:2px 0 2px 2px;
	font-family: Arial, Helvetica, sans-serif;	
}
.xingAb{
	margin:0 0 0 0;
	color:#007b8e;
	font-size:14px;
	background-image: url(../images/xing3.gif);
	background-repeat: no-repeat;
	background-position: right 0;
	font-weight:bold;
	margin:5px 0 0 0;
	padding:10px 65px 0 0;
	border:none;
}
.buttonAb,
input.buttonAb{
	margin:0 0 0 0;
	color:#007b8e;
	font-size:14px;
	background-image: url(../images/bg_button.gif);
	background-repeat: no-repeat;
	background-position: right 0;
	font-weight:bold;
	margin:5px 0 0 15px;
	padding:0 15px 0 0;
	border:none;
	width:125px;
}

input.buttonBack{
	margin:0 0 0 0;
	color:#007b8e;
	font-size:14px;
	background-image: url(../images/bg_button_back.gif);
	background-repeat: no-repeat;
	background-position: left 0;
	font-weight:bold;
	margin:5px 0 0 15px;
	padding:0 0 0 15px;
	border:none;
	width:100px;
}
.buttonDiv{
	width:200px;
	margin-top:5px;
	float:left;
}

select.formlinks{
	float:left;
}

input.formlinks{
	width:500px;
}

input.kontaktform{
	width:400px;
	font-size:12px;
}
textarea.kontaktform{
	width:400px;
	font-size:12px;
	height:150px;
}

.sendDiv{
	width:400px;
	text-align:right;
}


.error{
	color:#ee363e;
}

.formFields{
	background-color:#cfd7c1;
	background-image: url(../images/bg_formfields.gif);
	border:1px solid #dedede;
	padding:0 5px;
	width:404px;
}