* { padding: 0px; margin: 0px; }
img, img a { border: 0px; }

body {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;
	background-color: #f0edea;
	/* behavior:url(/fileadmin/holzbau_watz/csshover3.htc); */
}

#top
{
	width: 100%;
	float: left;
	background-color: #fafafa;
}

#wrapper_top
{
	width: 880px;
	margin: 0 auto;
}

#fast_nav
{
	background-image: url(images/to.gif);
	background-repeat: no-repeat;
	background-position: right top;	
	width: 93px;
	height: 35px;
	float: right;
}

#fast_nav li
{
	list-style-type: none;
	display: block;
	float: left;	
	position: relative;
	top: -3px;
}

#fast_nav li a
{
	display: block;
	float: left;
	font-size: 1px;
	color: #000;
	text-decoration: none;
	padding-bottom: 30px;
	width: 29px;

}

#adresse
{
	width: 880px;
	float: left;
	text-align: right;
	position: relative;
	color: #999080;
	padding-top: 10px;
	padding-bottom: 10px;
}

#adresse a
{
	color: #999080;
	text-decoration: underline;
}

#adresse p
{
	text-align: right;	
}

#adresse img
{
	position: absolute;
	left: -137px;
	top: -32px;
	/* behavior: url(/fileadmin/holzbau_watz/iepngfix.htc); */
}


#mainnav 
{
	width: 880px;
	float: left;
	border-top: 5px solid #cec8bf;
	border-bottom: 5px solid #bfb9b1;
	background-image: url(images/bg_mainnav.gif);
	background-repeat: repeat-x;	
	background-color: #c3bcb1;
}

#mainnav li
{
	list-style-type: none;
	float: left;
	position: relative;
	z-index: 99999;
}

#mainnav li a
{
	display: block;
	color: #6c6760;
	float: left;
	padding: 7px;
	text-decoration: none;
	font-weight: bold;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 13px;
	border-right: 2px solid #cec8bf;
}

#mainnav li.curr a, #mainnav li a:hover
{
	background-image: url(images/mainnav_ro.gif);
	background-repeat: repeat-x;		
}

#mainnav ul
{
	padding-left: 110px;
}

#mainnav li a:hover ul, #mainnav li:hover ul
{
	display: block;
}

#headnav2
{
	width: 880px;
	float: left;
	background-color: #f0edea;
}

#headnav2 li
{
	list-style-type: none;
	float: left;
	position: relative;
	z-index: 99999;
}

#headnav2 li a
{
	display: block;
	color: #6c6760;
	float: left;
	text-decoration: none;
	/*font-weight: bold;*/
	padding-left: 6px;
	padding-right: 6px;
    padding-top: 2px;
    padding-bottom: 2px;
	font-size: 12px;
	border-right: 2px solid #cec8bf;
}

#headnav2 li.curr a, #mainnav li a:hover
{
	background-image: url(images/mainnav_ro.gif);
	background-repeat: repeat-x;		
}

#headnav2 ul
{
	padding-left: 20px;
}

#headnav2 li a:hover ul, #mainnav li:hover ul
{
	display: block;
}


#teaser
{
	width: 	860px;
	float: left;
	background-color: #fff;
	padding: 10px;
	position: relative;
	z-index: 1;
}

#flash
{
	width: 860px;
	float: left;
	height: 277px;
	overflow: hidden;
	background-image: url(images/headerfoto.png);
	background-repeat: no-repeat;	
	z-index: 2;
}


#wrapper_bottom
{
	width: 880px;
	margin: 0 auto;
}

#maincontent
{
	width: 878px;
	float: left;
	background-image: url(images/bg_maincont.png);
	background-repeat: repeat-y;	
	background-color: #e8e3dc;
	border: 1px solid #fff;
	border-top: none;
}

#left
{
	float: left;
	width: 380px;
	padding: 10px;
}

#right 
{
	float: right;
	width: 458px;
	display: inline;
	padding: 10px;
	padding-left: 5px;
	position: relative;
}

#footer
{
	width: 880px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: right;
	color: #41362c;
	float: left;
}

#footer a
{
	color: #41362c;
	text-decoration: none;
}

/* für den Content */
#maincontent { line-height: 1.5em; }

#maincontent li { list-style-position: inside; }
#maincontent li li { padding-left: 20px; }
#maincontent ul { padding-bottom: 10px; }

#left a { color: #fff; text-decoration: underline; }

p { padding-bottom: 10px; padding-top: 5px; }
#left hr { height: 9px; border: none; border-top: 1px solid #000; margin-top: 10px; margin-bottom: 10px; color: #c4bdb2;}

#left h1 { color: #fff; text-transform: uppercase; font-size: 1.3em; padding-bottom: 7px; } 
#left h2 { color: #fff; font-size: 1.1em; padding-bottom: 5px; }
#left h3 { color: #fff; font-size: 1em; padding-bottom: 3px; }

h1 { color: #6c6760; font-size: 1.3em; padding-bottom: 7px; text-transform: none;} 
h2 { color: #6c6760; font-size: 1.1em; padding-bottom: 5px; }
h3 { color: #6c6760; font-size: 1em; padding-bottom: 3px; }
hr { color: #e8e3dc; }
a { color: #6c6760; }
#right { color: #6c6760; }

.csc-mailform {
	width: 500px;
	border: 0px none;
	font-size: 11px;
}

.csc-mailform-field {
	margin-bottom: 6px;
	line-height: 18px;
}


.csc-mailform {
border: none; /* Rand ausschalten */
}

.csc-mailform-field label {
float:left;
clear:both;
display:block;
width:130px;
padding-left:5px;
margin-bottom:10px;

}

.csc-mailform-field input,
.csc-mailform-field textarea,
.csc-mailform-field select {
float:left;
display:block;
width:200px;
border: 1px solid #333;
background:#FFF;
padding:1px;
margin-bottom:10px;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
}

input, textarea, select
{
float:left;
display:block;
width:200px;
border: 1px solid #333;
background:#FFF;
padding:1px;
margin-bottom:10px;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
}

textarea
{
	height: 200px;	
}

fieldset
{
	border: none;	
}

.csc-mailform-submit {
/* Absende Button nach rechts verschieben. Der Wert ergibt sich aus der Summe width + padding-left aus dem label Abschnitt -> oben */
margin-left: 135px;
/* Float wieder abschalten */
clear: both;
}

.csc-frame-frame1
{
	background-image: url(images/back_rahmen.gif);
	background-repeat: repeat-y;
	background-color: #a39989;
	color: #fff;
	position: relative;
	left: -10px;
	top: -10px;
	padding: 10px;
	width: 458px;
}

.csc-frame-frame1 h1, .csc-frame-frame1 h2, .csc-frame-frame1 h2, .csc-frame-frame1 a
{
	color: #fff;	
}

#left .csc-textpic-border img
{
	border: 5px solid #9e9588;
}

#right .csc-textpic-border img
{
	border: 5px solid #fff;
}