/* IE5 aplha fix*/
img, li, ul { behavior: url(../images/iepngfix.htc) }

* {
	margin:0;
	padding:0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 0px;
	margin-left: 0px;	
	width:100%;
	text-align:left;
	background-repeat:repeat-x;
	color:#000000;
	padding-top:30px;
	background-image:url(../images/background/background.png);
	background-repeat:repeat-x;
	background-color:#7c930d; /* in case of a large page */
}

html, #blackout {
	width: 100%;
	padding: 0;
	margin: 0;
}

* a {
	text-decoration:none;
	color:#000000;
}

* a:hover {
	text-decoration:underline;
}

* a:visited {
	color:#000000;
}

* h1 {
	font-size:22px;
}

* h2 {
	font-size:16px;
}

* img {
	border:0;
}

.clear {
	clear:both;
}
/*
.link_arrow {
	background-image:url(../images/icons/arrow_right.jpg);
	background-position:left center;
	background-repeat:no-repeat;
}

.link_arrow a {
	padding-left:20px;
}
*/

.link_zertifikate {
	background-image:url(../images/icons/arrow_right.jpg);
	background-position:left center;
	background-repeat:no-repeat;
	float:left;
	margin:10px 10px 0;
}

.link_zertifikate a {
	padding-left:20px;
}

.error {
	color:#ff0000;
	font-size:16px;
}

/* Widget CSS */
#blackout {
	background-color:#000000;
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
	width:100%;
	height:100%;
	opacity:0.6;
	filter:alpha(opacity=60);
	z-index:25;
	zoom: 1;
}

#widgetContainer {
	width: 400px;
	height: inherit;
	z-index: 50;
	position: absolute;
	background-color:#ffffff;
	overflow: hidden;
}

.widget_header_wrapper {
	background-color:#009039;
	height:25px;
}

.widget_header_left {
	float:left;
	width:90%;
	padding:3px 10px;
	color:#ffffff;
}

.widget_header_right {
	float:right;
	width:3%;
	cursor:pointer;
	padding-right:5px;
	font-size:20px;
	color:#ffffff;
}

.widget_content {
	clear:both;
	padding:5px;
}
/* ########### */

.wrapper {
	width: 980px;
	margin:0 auto;
	background-image:url(../images/borders/border_left_n.png);
	background-position:left center;
	background-repeat:repeat-y;
}

#container {
	margin: 0 auto;
	text-align:left;
	clear:both;
	background-image:url(../images/borders/border_right_n.png);
	background-position:right center;
	background-repeat:repeat-y;
	padding:0 10px;
}

.content {
	background-color:#FDF9E3;
}

.header_logo {
	height:120px;
	width:150px;
	float:left;
	margin:10px 0 0 15px;
}

.menu_container {
	float:right;
/*	width:700px; */
	margin-right:15px;
}

.menu_container h2 {
	color:#779100;
	font-size:12px;
	float:left;
	margin:90px 0 0 15px;
	cursor:pointer;
	height:40px;
}

.menu_container h2:hover {
	background-image:url(../images/icons/pfeil_topmenu.gif);
	background-position:center bottom;
	background-repeat:no-repeat;
}

.menu_container h2 a:hover {
	color:#000000;
}

.menu_buttons_active {
	color:#000000;
	background-image:url(../images/icons/pfeil_topmenu.gif);
	background-position:center bottom;
	background-repeat:no-repeat;
}

.menu_buttons a {
	color:#779100;
}

.menu_buttons_active a {
	color:#000000;
}

.headline {
	border-top:4px solid #009039;
	border-bottom:4px solid #009039;
	margin:10px 0 20px 0;
}

.headline h1 {
	color:#009039;
	padding:5px 0 5px 30px; 
	font-size:21px;
	font-weight:normal;
}

#content {
	padding:15px 20px;
}

.content_left {
	float:left;
	width:48%;
}

.content_right {
	float:right;
	width:48%;
}

.right_content_imagebar {
	text-align:center;
	margin:15px 0;
}



.referenz_text {
	vertical-align:top;
	padding:5px;
}

.referenz_bild {
	text-align:center;
	padding:5px;
}

/* Information */

.information {
	width:100%;
	margin:0 auto;
}

.information h3 {
	font-size:14px;
	font-weight:normal;
}

/* Markenhersteller */

.markenhersteller h2 {
	text-decoration:underline;
	padding:0px 0px 5px 5px;
}

.markenhersteller #center {
	text-align:center;
}

/* Intelligentes Bauen */

.intelligentes_bauen {
	width:100%;
}

.intelligentes_bauen td {
	vertical-align:top;
	padding:5px;
	text-align:center;
}

.intelligentes_bauen .headline_green {
	color:#009038;
	text-align:left;
}

.intelligentes_bauen .headline_red {
	color:#B40000;
	text-align:left;
}

.intelligentes_bauen .headline_general {
	text-align:left;
	margin:5px 0;
}

.intelligentes_bauen p {
	text-align:left;
}


/* Kontakt */

.table_contact {
	margin:0 auto;
	width:90%;
}

.table_contact tr {
	vertical-align:top;
}

.table_contact .input_large {
	width:200px;
	border:1px solid #F2EED6;
}

.table_contact .input_small {
	width:55px;
	border:1px solid #F2EED6;
}

.table_contact textarea {
	width:400px;
	border:1px solid #F2EED6;
}

.mail_response_text {
	border:2px solid #669933;
	width:90%;
	text-align:center;
	margin:0 auto;
	padding:5px;
	color:#336600;
	font-size:16px;
	margin-bottom:310px;
}

.description_input_required {
	float:right;
	font-size:12px;
}

/* Input Error */
.input_small_error {
	border:1px solid #B41C14;
	width:55px;
}

.input_large_error {
	border:1px solid #B41C14;
	width:200px;
}


.error_input {
	border:1px solid #ff0000;
}

.error_message {
	color:#ff0000;
	border:1px solid #ff0000;
	text-align:center;
	padding:1px;
}

/* Zertifikate */
.zertifikate_wrapper_left {
	float:left;
	width:200px;
	text-align:center;
}

.zertifikate_wrapper_right {
	float:right;
	width:550px;
}

.zertifikate_liste {
	margin-left:15px;
	list-style-position:inside;
	list-style-image:url(../images/icons/arrow_right.jpg);
}

.zertifikate_liste li {
	padding:2px 0;
}


/* Haustypen */

.menu_left {
	float:left;
	width:230px;
}

.menu_left ul {
	list-style:none outside;
}

.menu_left ul li {
	border-bottom:1px solid #CCCCCC;
	padding:8px 0;
}

.menu_left ul li a {
	padding:0 0 0 20px;
	font-size:12px;
	color:#B0B0B0;
	cursor:pointer;
}

.menu_left ul li a:hover {
	color:#000000;
	text-decoration:none;
}

.sub_menu_active {
	font-weight:bold;
	font-size:12px; 
	padding-left:20px;
	background-color:#F2EED6;
	cursor:default;
}

.info_right {
	float:right;
	width:240px;
	background-color:#F2EED6;
	color:#779100;
}

.info_content {
	padding:10px;
	text-align:center;
}

.info_content a {
	color:#779100;
	text-align:left;
}

.info_content h2 {
	font-weight:normal;
	text-align:left;	
}

.info_content p {
	font-size:12px;
	line-height:1.5em;
	text-align:left;
}

.info_content img {
/*	margin-bottom:5px; */
}

.info_box_divider {
	height:5px;
	width:100%;
	margin:10px auto;
	background-color:#779100;
	opacity:0.3;
	filter:alpha(opacity=30);
}

.box_divider {
	height:5px;
	width:90%;
	margin:10px auto;
	background-color:#779100;
	opacity:0.3;
	filter:alpha(opacity=30);
}

.haustypen_content {
	margin:0 240px 0 230px; 
}

.middle_content {
	margin:0 240px 0 230px;
	padding:0 10px;
}

.haustypen_submenu_active {
	color:#000000;
}

.house_images {
	min-height:300px;
	width:460px;
	margin:0 auto;
}

/* navigation elements for house-pictures */
#nav {
	border-top:10px solid #7E9702;
}

#nav a {
	text-decoration: none;
	margin: 0 5px;
	padding: 0px 5px;
	color:#B0B0B0;
}

#nav a span {
	position:relative;
	top:5px;
}

#nav a.activeSlide {
	background-image:url(../images/icons/pfeil_contentmenu.gif);
	background-position:top center;
	background-repeat:no-repeat;
	color:#000000;	
}

#nav a:focus {
	outline: none;
}

.house_images_startpage {
	width:460px;
	margin:0 auto;
}

.house_images_startpage_image {
/*	width:100%; */
	border:1px solid #F2EED6;

}

.house_images img {
/*	width:100%; */
}

.house_images_selector {
	background-color:#7E9702;
	height:10px;
	width:100%;
}

.house_images_selector_list ul {
	list-style: none outside;
}

.house_images_selector_list ul li {
	float:left;
	padding: 5px 10px 0 0;
	color:#B0B0B0;
	cursor:pointer;
	font-size:12px;
}

.haustyp_text_content {
	/* clear:left; */
	padding:15px;
	line-height:1.5em;
}

.haustyp_grundriss_text_content {
	padding:15px 10px 0;
	line-height:1.5em;
	text-align:center;
}

.grundriss_pic_wrapper {
	height:300px;
	text-align:left;
}

.grundriss_info_table_wrapper {
	margin:25px 0 0 20px;
}

.grundriss_info_table {
	width:240px;
	text-align:left;
	color:#666666;
}
.grundriss_info_table h3 {
	color:#779100;
}

.grundriss_info_table tr td {
	border-bottom:1px solid #666666;
	padding:2px 5px 0;
}

.close_panel {
	position:absolute;
	background-color:#405524;
	opacity:0.0;
	width:598px;
	display:none;
	z-index:100;
}

.close_button {
	float:right;
	margin-right:10px;
	cursor:pointer;
}

.grundriss_pic {
	border:2px solid #F2EED6;
	cursor:pointer;
}




.haustyp_text_content h1 {
	color:#779100;
	font-size:16px;
	margin-bottom:10px;
}

.haustyp_text_content p {
	margin:10px 0;
}

.impressum {
	padding:10px;
	border-top:10px solid #F2EED6;
	border-left:5px solid #F2EED6;
}

.impressum h1 {
	color:#779100;
	font-size:20px;
}

.sitemap {
	padding:10px;
	border-top:10px solid #F2EED6;
	border-left:5px solid #F2EED6;
}

.grundriss_btn {
	margin:0 0 20px 0;
	text-align:center;
}

.energie_content {
	padding:10px;
}

.energie_content h1 {
	color:#779100;
	font-size:16px;
}

.energie_content h2 {
	font-size:15px;
}

.info_content {
	margin:0 auto;
}

.infoBox {
	display:none;
	width:250px;
	background-color:#F2EED6;
	border:1px solid #779100;
	padding:5px;
	position:absolute;
}

.unternehmen_pics {
	text-align:center;
	margin-top:30px;
}

.unternehmen_pics img {
	margin:10px 0 0 0;
	border:1px solid #F2EED6;
}

.link_cluster_right {
	text-align:left;
}

.link_cluster_right h3 {
	font-size:10px;
	margin-top:4px;
}



.left {
	float:left;
	width:75%;
}

.right {
	float:right;
	width:75%;
}

.left_content {
	padding:10px;
	line-height:1.5em;
	border-left:5px solid #F2EED6;
	border-top:10px solid #F2EED6;
}

.right_content {
	padding:10px;
	line-height:1.5em;
	border-right:5px solid #F2EED6;
	border-top:10px solid #F2EED6;
}

.left_content h1, h2, h3 {
	color:#779100;
}

.middle_content h1, h2, h3 {
	color:#779100;
	margin:3px 0;
}

.right_content h1, h2, h3 {
	color:#779100;
}

.left_content h2 {
	font-size:18px;
}

.middle_content h2 {
	font-size:18px;
}

.right_content h2 {
	font-size:18px;
}

.content_list {
	list-style:none outside;
	list-style-image:url(../images/icons/list_dot.png);
	padding-left:30px;
	margin-bottom:5px;
}

.content_list li {
	line-height:1.5em;
	/* padding:5px 0; */
	margin:5px 0;
}

.link_arrow {
	background-image:url(../images/icons/link_arrow.png);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:20px;
}

.reference_container {
	padding:5px;
	background-color:#F2EED6;
	border:1px solid #cdd89a;
	min-height:95px;
}







#footer {
	color:#779100;
	clear:both;
}

.footer_text_center {
	text-align:center;
	padding-top:8px;
}

.font_small {
	font-size:12px;
}





.border-top {
	background-image:url(../images/borders/border_top_n.png);
	background-position:left top;
	background-repeat:repeat-x;
	font-size:0;
	height:15px;
	overflow:hidden;
	width:auto;
}

.edge-tl {
	background-image:url(../images/borders/corner_tl_n.gif);
	background-position:left top;
	background-repeat:no-repeat;
	float:left;
	font-size:0;
	height:15px;
	width:15px;
}

.edge-tr {
	background-image:url(../images/borders/corner_tr_n.gif);
	background-position:right top;
	float:right;
	font-size:0;
	height:15px;
	position:relative;
	width:15px;
}




.border-bottom {
	background-image:url(../images/borders/border_bottom_n.png);
	background-position:left bottom;
	background-repeat:repeat-x;
	height:15px;
	overflow:hidden;
	width:auto;
}

.edge-bl {
	background-image:url(../images/borders/corner_bl_n.gif);
	background-position:left bottom;
	float:left;
	height:15px;
	width:15px;
}

.edge-br {
	background-image:url(../images/borders/corner_br_n.gif);
	background-position:right bottom;
	float:right;
	height:15px;
	position:relative;
	width:15px;
}

.bottom_line {
	clear:both;
	width:960px;
	margin:10px auto;
}

.ads {
	float:left;
	width:360px;
}

.bottom_linklist {
	float:right;
	width:300px;
	text-align:right;
	padding-right:20px;
}

.bottom_linklist a:hover {
	color:#ffffff;
}

.post {
	padding:10px;
}

.post_text p {
	padding:10px 0;
}

.post_title {
	font-size:20px;
}

.line {
	background-color:#F2EED6;
	height:3px;
	width:100%;
	color:#F2EED6;
}

.post_date {
	color:#666666;
	font-size:10px;
	font-style:italic;
	padding:0;
}

.text_pic {
	float:right;
	margin:10px 5px 5px;
}

.text_pic p {
	padding:0px 3px 0px 0px;
	color:#666666;
	font-size:10px;
	font-style:italic;
	text-align:right;
} 
