/**************************************************
/** Design by c-works-design edv & internet gmbh */
/*************************************************/


body { 
	font:8pt verdana; 
	background:#312824; 
	margin:0;
	padding:0;
	}

a:link, a:visited, a:active {

color:#CDCCCC;
font:bold 8pt verdana, arial, sans-serif;

}

a:hover {

	color:#EFD9BE;
	font:bold 8pt verdana, arial, sans-serif;
}

h1 {

	font:14pt verdana, arial, sans-serif;
	color:#EFD9BE;
	margin:0;
	padding:20px;
}

h2 {

	font:11pt verdana, arial, sans-serif;
	color:#EFD9BE;
	padding:10px;
	margin:0;

}

p { 
	font: 8pt verdana; 
	margin: 0px; 
	text-align: left;
	color: #EFD9BE;
	}
	
/* site body */
	
#contain {

	width:850px;
	background-color: #443934;
	margin-left:auto;
	margin-right:auto;

}

/* header */
	
#header1 {

	width:850px;
	height: 212px;
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-color: #312824;
}

#header2 {

	width:850px;
	height: 212px;
	background-image: url(../images/header2.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-color: #312824;
}

#header3 {

	width:850px;
	height: 212px;
	background-image: url(../images/header3.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-color: #312824;
}



/* left column */

* {
	margin: 0px;
	padding: 0px;
}

#navigation {
	
	width: 200px;
	margin-left: 8px;
	height: auto;
	padding: 0px;
	background-color: #CDCCCC;
}

ul { 
		margin-left: 5px;
		padding: 0;
		width : 195px;
		color: #312824;
		line-height : 25px;
	}
	
li { 	
		position : relative;
		float : left;
		margin-bottom : 0px;
		width: 195px;
		color: #312824;
		padding-left: 10px;
		background-image: url(../images/list_img.jpg);
		background-repeat: no-repeat;
		background-position: left;
		background-color: #CDCCCC;	
		list-style-type: none;
		line-height : 25px;
		
}
	
li ul { 
		display: block;
		position : absolute;
		left: -999em;		
		margin-left :195px;
		margin-top : -26px;
		color: #312824;
		
}
	
li a {
		display : block;
		width: 195px;
		w\idth : 195px;
		color : #312824;
		line-height : 25px;
		text-decoration : none;
		border-bottom: 1px dotted #faeedc;
		
	
}

li a#active {
		display : block;
		width: 190px;
		w\idth : 190px;
		background-color : #CDCCCC;
		color : #312824;
		padding-left: 5px;
		line-height : 25px;
		text-decoration : none;
	
}

li a:link, li a:visited {
		display : block;
		width: 195px;
		w\idth : 195px;
		color : #312824;
		line-height : 25px;
		text-decoration : none;
	
}
	
li a:hover {
		background-color : #CDCCCC;
		color:#312824;
		width: 190px;
		line-height : 25px;
		margin-left: 0px;

	}
	
li:hover ul, li.sfhover ul { 
		left: auto;
		line-height : 25px;
		color: #312824;
		
		}
		
#leftcol {

	width:215px;
	float:left;
	padding:5px 0 5px 0;

}

#leftcol p {

	padding:3px 18px 3px 18px;
	margin:0;

}


/* content */

#content {

	margin-left:215px;
	width:630px;
	min-height: 300px;

}

#content p {

	padding:3px 18px 3px 18px;
	margin:0;

}

/* images and clearer */

#clear {
	
	clear: both;
	width: auto;
}

img.floatleft { 

    float: left; 
    margin: 18px; 
}

img.floatright { 

    float: right; 
    margin: 10px; 
}

img.rightclear { 
    float: right; 
    clear: right; 
    margin: 10px; 
}

#content img {
	
	border: 1px solid #EFD9BE;
}

#content img a {
	
	border: 1px solid #EFD9BE;
}

#content a:hover img {
	
	border: 1px solid #CDCCCC;
}

.imagebox {
	
	width: auto;
	margin-left:18px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.box1 {
	
	float: left;
	width: 45%;
	margin-left: 15px;
	margin-bottom: 15px;
	 
}

.box1 p {

	padding:3px 18px 8px 18px;
	margin:0;
	font-size: 9pt;
}

.box2 {
	
	width: 45%;
	float: right;
	margin-right: 15px;
	margin-bottom: 15px;
	 
}

.box2 p {

	padding:3px 18px 8px 18px;
	margin:0;
	font-size: 9pt;
}

/* footer */

#footer {

	width:850px;
	height: 45px;
	clear:left;
	background:#5A4A43;
	padding:4px 0 4px 0;

}

#footer p {
	text-align:right;
	padding-right:4px;
	font:8pt verdana, arial, sans-serif;

}

/* forms & scripts */
	
 form {
    width: 500px;
    margin: 5px 20px;
    }

  form p {
    float: left;
    margin: 10px 15px;
    }
	 
  form label {
    	float: left;
    	width: 150px;
    	margin-right: 10px;
    	}
		
  #person label {
    	font-weight: bold;
    	}
		
  #antwort label, #absenden label {
		width: auto;
		}
		
  fieldset {
    	border: 1px solid #6D523C;

    	}
		
  legend {
    	font-weight: bold;
    	font-size: 10pt;
    	color: #EFD9BE;
    	}
		
  textarea {
    	margin: 5px 20px;
    	width: 310px;
    	height: 125px;
		border: 1px solid #6D523C;
    	}
		
  label {
	cursor: pointer;
	}
	
	.form-button {
		
	border: 1px solid #EFD9BE;
	background-color: #6D523C;
	color: #fff;
	font-weight: bold;
	}
	
  input:focus, textarea:focus {
	border: 2px solid #000;
	background: #eee;
	}
	
	#name {
		border: 1px solid #6D523C;
		width: auto;
	}
	
	#fax {
		
		border: 1px solid #6D523C;
		width: auto;
	}
	
	#tel {
		
		border: 1px solid #6D523C;
		width: auto;
	}
	
	#mail {
		
		border: 1px solid #6D523C;
		width: auto;
	}
	
	#absenden {
		
	width: auto;
	
	}
	
	#zoom {
	
	margin-left: auto;
	margin-right: auto;
	width: 325px;
	}