/*
*	Standard CSS for "Holzwerk Borchart"
*	Created: 2009-07-09
*	Created by: Tridem GmbH, Leer
*
*/



/* 
	b o x e s 
*/

#outer_container {
	width:100%;
	height:auto;
	float:left;
	clear:both;
	margin:0px;
	background:url(../images/design/bg_body.jpg) top left repeat-x;
}

#container {
	margin-left:auto;
	margin-right:auto;
	width:995px;
	height:auto;
}

#header {
	width:100%;
	height:270px;
	float:left;
	margin:0px;
}


/*#menu { ***(mit SERVICE)***
	width:100%;
	height:30px;
	float:left;
	background:url(../images/design/bg_menu.jpg) top left repeat-x;
}*/
#menu {
	width:90%;
	height:30px;
	float:left;
	margin-left:8%;
	background:url(../images/design/bg_menu.jpg) top left repeat-x;
	display: inline;
}


#inner_container {
	width:100%;
	height:auto;
	float:left;
	text-align:left;
}

#content {
	float:left;
	width:100%;
	margin:16px 0px 16px 23px;
}
#content a:link,
#content a:active,
#content a:visited{
color:#008855;
}
#content a:hover{
color:#602e09;
}
#content li{
list-style-image:url(../images/li.gif);
}

#submenu {
	float:right;
	width:263px;
	height:auto;
	margin-top:80px;
	margin-left:50px;
}
#submenu li{
list-style-image:none;
}

#footer {
	width:100%;
	height:400px;
	float:left;
	clear:both;
	margin-top:30px;
	background:url(../images/design/bg_footer.jpg) top left repeat-x;
	border-top:2px #008854 solid;
}


#inner_footer {
	margin-left:auto;
	margin-right:auto;
	width:995px;
	height:120px;
}


#references_box {
	float:right;
	width:265px;
	/*height:290px;*/
	margin:16px 0px 0px 0px;
	padding:0px;
	background:url(../images/design/bg_references_box.jpg) top left repeat-x;
	border:#612e0b 1px solid;
}



/*
	c o m m o n
*/

html {
	width:100%;
}


body {
	margin:0px;
	padding:0px;
	text-align:center;
	width:100%;
	float:left;
	background:#ffffff;
}

body * {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}

h1, h2, h3 {
	color:#008854;
	margin:6px 0px 12px 0px;
	padding:0px;
}

h2 {
	font-size:20px;
}

h3 {
	font-size:13px;
	font-weight:bold;
}

h4 {
	color:#612e0b;
	font-size:12px;
	font-weight:bold;
}

p {
	font-size:12px;
	padding:0px;
	margin:0px 0px 6px 0px;
}


/*
	b o x   r e l a t e d
*/

#menu ul {
	float:left;
	list-style:none;
	margin:0px;
	padding:0px;
	display: inline;
}

#menu ul li {
	float:left;
	text-align:center;
	display: inline;
	margin:0px;
	padding:0px;
}

#menu ul li a,
#menu ul li a:link,
#menu ul li a:hover,
#menu ul li a:visited,
#menu ul li a:active {
	margin:0;
	padding:0;
	width:123px;
	height:30px;
	float:left;
	line-height:29px;
	text-decoration:none;
	font-style:normal;
	color:#ffffff;
	font-size:14px;
}

#menu ul li a.active_button {
	font-weight:bold;
	background:url(../images/design/button.jpg) top left no-repeat;
}

#submenu ul {
	float:left;
	height:auto;
	margin:0px;
	padding:0px;
	list-style:none;
	background:#2B8562 url(../images/design/bg_submenu.jpg) top left no-repeat;
}

#submenu ul li {
	padding:0px;
	margin:0px;
	border-bottom:#008854 1px solid;
	float:left;
	height:44px;
	line-height:46px;
	vertical-align:middle;
	background:url(../images/design/black_arrow.gif) center left no-repeat;
	width:263px;
}

#submenu ul li a,
#submenu ul li a:link,
#submenu ul li a:active,
#submenu ul li a:visited,
#submenu ul li a:hover {
	padding-left:30px;
	font-size:14px;
	color:#FFFFFF;
	text-decoration:none;
}

#content address {
	font-style:normal;
	display:block;
	padding-top:16px;
	padding-bottom:24px;
}

#footer address,
#footer span {
	font-size:11px;
	line-height:13px;
	color:#008854;
	font-style:normal;
}



/*
	c l a s s e s
*/

.bold {
	font-weight:bold;
}


.contactperson {
	background:url(../images/design/bg_ansprechpartner.gif) top left no-repeat;
	width:216px;
	height:71px;
	float:right;
	padding-left:55px;
	padding-top:21px;
	margin:0px;
	color:#612e0b;
	font-weight:bold;
}
.direktmail {
	background:url(../images/design/bg_direktmail.gif) top left no-repeat;
	width:216px;
	height:71px;
	float:right;
	padding-left:55px;
	padding-top:21px;
	margin:0px;
	color:#612e0b;
	font-weight:bold;
}
.direktnobg {
	background:url(../images/design/bg_nobg.gif) top left no-repeat;
	width:216px;
	height:71px;
	float:right;
	padding-left:55px;
	padding-top:21px;
	margin:0px;
	color:#612e0b;
	font-weight:bold;
}

.contactperson a:link,
.contactperson a:active,
.contactperson a:visited,
.contactperson a:hover,
.direktmail a:link,
.direktmail a:active,
.direktmail a:visited,
.direktmail a:hover,
.direktnobg a:link,
.direktnobg a:active,
.direktnobg a:visited,
.direktnobg a:hover{
text-decoration:none;
}

.contactperson span,
.direktmail span,
.direktnobg span {
	line-height:16px;
	font-size:13px;
}

.contactperson span span,
.direktmail span span,
.direktnobg span span {
	color:#008854;
}

.contact_list {
	width:100%;
	float:left;
	padding-bottom:16px;
}

.contactlist_name {
	width:300px; 
	float:left;
	padding-right:10px;
}
.contactlist_phone {
	width:150px; 
	float:left;
	padding-right:10px;
}
.contact_list_dep {
	width:200px; 
	float:left;
}

.index_line {
	margin-top:16px;
	margin-left:-5px;
	margin-bottom:13px;
	width:710px;
	height:77px;
	float:left;
}

.index_column {
	float:left;
	width:315px;
	height:65px;
	margin:0px 25px 0px 0px;
	padding:0px;
}


.index_column_img {
	float:left;
	width:150px;
	height:77px;
	margin-right:10px;
	background:url(../images/design/bg_index_col_img.gif) top left no-repeat;
}

.index_column_img img {
	float:left;
	margin:6px 0px 0px 11px;
}

.index_column_txt,
.index_column_txt_2 {
	float:left;
	width:145px;
	height:auto;
	margin-top:1px;
	padding-top:3px;
	margin-right:25px;
	margin-left:10px;
	padding-bottom:3px;
	border-top:#d1d1d1 1px solid;
	border-bottom:#d1d1d1 1px solid;
}

.index_column_txt_2 {
	margin-right:0px;
}

.img_border {
	width:200px;
	height:104px;
	padding:8px 0px 0px 8px;
	background:url(../images/design/bg_index_col_img.gif) top left no-repeat;
}

.footer_contact {
	float:left;
	width:205px;
	height:98px;
	margin:10px 10px 10px 0px;
	padding:0px 0px 0px 10px;
	border-left:2px #008854 solid;
	text-align:left;
}

.reference_box_header {
	background:url(../images/design/arrow_reference_box.jpg) top left no-repeat;
	padding-left:48px;
	padding-top:4px;	
	float:left;
	width:217px;
}

.reference_box_header h3 {
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
}

.box_content {
	text-align:center;
	float:left;
	padding-top:24px;
	width:265px;
}

.box_content img {
	border:3px #FFFFFF solid;
	margin:auto;
}

.box_footer {
	float:left;
	width:219px;
	padding:20px 23px 0px 23px;
	text-align:right;
}

.footer_rightside {
	float:right;
	text-align:left;
}

.footer_rightside ul {
	margin:12px 0px 0px 0px;
	padding:0px;
	list-style:none;
}

.footer_rightside ul li {
	float:left;
	width:70px;
	background:url(../images/design/green_arrow.gif) center left no-repeat;
	line-height:14px;
	vertical-align:middle;
	padding-left:15px;
	margin-left:20px;
}

.footer_rightside ul li a:link,
.footer_rightside ul li a:active,
.footer_rightside ul li a:hover,
.footer_rightside ul li a:visited {
	color:#008854;
	text-decoration:none;
	font-weight:bold;
}

.box_footer a:link,
.box_footer a:active,
.box_footer a:visited{
color:#FFFFFF;
text-decoration:none;
}
.box_footer a:hover{
color:#FFFFFF;
text-decoration:underline;
}

.netzprospekt th {
color:#008854;
font-size:14px;
padding-bottom:10px;
padding-top:15px;
}

#header img {
margin-bottom: -2px;
}

#inner_container a img{
margin-bottom:12px;
}