@charset "UTF-8";

/* CSS Document */

html {
	height: 100%;
}

body {
	background-color: #eaeaea;
	margin: 0;
	padding: 0;
	text-align: center;
	height: 100%;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.5em;
	background-image: url(xxxback3.jpg);
}

input, textarea, select {
	font-size: 0.8em;
	line-height: 1.3em;
	vertical-align: top;
}

#wrapper {
	background-color: #FFFFFF;
	width: 950px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-bottom: 50px;
	text-align: left;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	overflow: auto;
}

#header {
	background-image: url(header.gif);
	height: 110px;
	width: 950px;
}

#contentwrapper {
	width: 750px;
	margin-top: 20px;
	float: left;
}

#content {
	width: 600px;
	xxbackground: url(haus_back.gif) no-repeat;
	xxheight: 100%;
}

h1 {
	font-size: 1.6em;
	font-weight: bold;
	color: black;
}

h2, h3, h4, h5, h6 {
	font-size: 1em;
	font-weight: bold;
}

h2.imageheader {
   /* grafische Überschriften */
   overflow: hidden;
   height: 30px;
   text-indent: -999em;
   white-space: nowrap;
   background-repeat: no-repeat;
}

#content .smalltext {
	font-size: 0.75em;
	line-height: 1.2em;
}

#content .mwst {
	font-size: 0.75em;
	line-height: 1.2em;
	color: #CCCCCC;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

#content .mwst a {
	text-decoration: none;
	color: #CCCCCC;
}

#content .mwst a:hover {
	text-decoration: none;
	color: #999999;
}

#content a {
	text-decoration: none;
	color: #96511a;
}

#content a:Hover {
	text-decoration: none;
	color: #ca6d26;
}

#content img {
	text-decoration: none;
	border-style: none;
}

:focus {
	outline: solid 0;
}

#wobinich {
	font-size: 0.8em;
}

#wobinich a {
	text-decoration: none;
	color: #96511a;
}

#wobinich a:Hover {
	text-decoration: none;
	color: #ca6d26;
}



/* SHOP Styles */

#mini_basket {
	margin-right: 100px;
	text-align: right;
	font-size: 0.8em;
	text-decoration: none;
	color: #000000;
	float: right;
}

#mini_basket div {
	float: left;
}

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

#listitem {
	padding: 0px 10px 20px 0px;
	float:left;
	font-size: 0.6em;
	line-height: 1.2em;
	width: inherit !important;
	xxwidth: 140px;
}

#listitem img {
	float: left;
}

#listitem p {
	padding: 0px;
	margin: 0px;
	clear: both;
}

div.product_image_single {
	float: left;
	margin-right: 15px;
}


#product_note ul {
	margin-left: 280px;
}

#product_note ul li {
	list-style-image: url(bulletpoint.gif);
	list-style-position: outside;
	margin-left: 15px;
}

#content ul li {
	list-style-image: url(bulletpoint.gif);
	list-style-position: outside;
	margin-left: 15px;
}


table.basket_items {
	font-size: 0.75em;
	line-height: 1.1em;
}

#bertxx {
	background-image: url(bert1.gif);
	width: 139px;
	height: 356px;
	float: right;
}





/* Navigation und DIV main_nav */

#main_nav {
	/* IE will margin hier nicht ??? darum padding */
	padding-left: 200px;
	width: 750px !important;
	width: 950px;
	float: left;
}

#main_nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}

#main_nav ul li {
	list-style: none;
	text-align: center;
	padding-right: 0px;
	float: left;
}

#main_nav ul li a {
	float: left;
	height: 100px;
	display: block;
	text-decoration: none;
	border-bottom: 0;
	white-space: nowrap;
	width: 120px;
	xxtext-indent: -999em;
	text-align: center;
	xxpadding-top: 85px;
	xxvertical-align: bottom;
	font-size: 0.85em;
	color: #787878;
}

#main_nav ul li.unternehmen a {
	background-image: url(unternehmen.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#main_nav ul li.unternehmen a.current {
	background-image: url(unternehmen.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	color: #000;
	font-weight: bold;
}


#main_nav ul li.innenausbau a {
	background-image: url(innenausbau.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#main_nav ul li.innenausbau a.current {
	background-image: url(innenausbau.jpg);
	background-repeat: no-repeat;
	background-position: right top;
		color: #000;
	font-weight: bold;
}


#main_nav ul li.fenster_tueren a {
	background-image: url(fenster_tueren.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#main_nav ul li.fenster_tueren a.current {
	background-image: url(fenster_tueren.jpg);
	background-repeat: no-repeat;
	background-position: right top;
		color: #000;
	font-weight: bold;
}


#main_nav ul li.baeder a {
	background-image: url(baeder.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#main_nav ul li.baeder a.current {
	background-image: url(baeder.jpg);
	background-repeat: no-repeat;
	background-position: right top;
		color: #000;
	font-weight: bold;
}

#main_nav ul li.projekte a {
	background-image: url(projekte.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#main_nav ul li.projekte a.current {
	background-image: url(projekte.jpg);
	background-repeat: no-repeat;
	background-position: right top;
		color: #000;
	font-weight: bold;
}

#main_nav ul li.besonderheiten a {
	background-image: url(besonderheiten.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#main_nav ul li.besonderheiten a.current {
	background-image: url(besonderheiten.jpg);
	background-repeat: no-repeat;
	background-position: right top;
		color: #000;
	font-weight: bold;
}

#main_nav ul li a:hover {
	background-position: right top;
	color: #000;
}



/* Navigation und DIV sub_nav */

#sub_nav {
	float: left;
	margin-top: 80px;
	/* IE will margin nicht??? */
	padding-left: 30px;
	width: 170px !important;
	width: 170px;
}

#sub_nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sub_nav ul li {
	list-style: none;
	xxtext-align: center;
}


#sub_nav ul li a {
	xxheight: 40px;
	margin-bottom: 10px;
	display: block;
	text-decoration: none;
	border-bottom: 0;
	xxwhite-space: nowrap;
	width: 140px;
	xxtext-indent: -999em;
	color: gray;
	font-size: 0.9em;
	line-height: 1.2em;
}

#sub_nav ul li a:Hover {
	xxheight: 40px;
	margin-bottom: 10px;
	display: block;
	text-decoration: none;
	border-bottom: 0;
	xxwhite-space: nowrap;
	width: 140px;
	xxtext-indent: -999em;
	color: black;
}

#sub_nav ul li a.current {
	xxheight: 40px;
	margin-bottom: 10px;
	display: block;
	text-decoration: none;
	border-bottom: 0;
	xxwhite-space: nowrap;
	width: 140px;
	xxtext-indent: -999em;
	color: black;
	font-weight: bold;
}


/* META Navigation */

#meta {
	xxclear: both;
	padding-top: 15px;
	margin-right: 60px;

}


#meta ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
	font-size: 0.8em;

}

#meta ul li {
	list-style: none;
	float: left;
	text-align: center;
	padding-left: 4px;
}

#meta ul li a {
	float: left;
	display: block;
	text-decoration: none;
	white-space: nowrap;
	color: #787878;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 3px;
}

#meta ul li a:hover {
	text-decoration: none;
	color: #000;
}

#meta ul li a.current {
	float: left;
	display: block;
	white-space: nowrap;
	color: #000;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 3px;
}





/* default styles for extension "tx_felogin_pi1" */
	.tx-felogin-pi1 label {
		display: block;
	}





/*
  Licensed under the GPL, see http://www.gnu.org/copyleft/gpl.html
  (c) the TYPO3 content rendering group
  (c) Ernesto Baschny (ernst@cron-it.de)
*/
 
/* Captions */
P.csc-caption { margin: 0; }
P.csc-caption {
  font-size: 80%; /* Customize me */
}
DIV.csi-caption-c .csi-caption { text-align: center; }
DIV.csi-caption-r .csi-caption { text-align: right; }
DIV.csi-caption-l .csi-caption { text-align: left; }
 
/* Needed for noRows setting */
DIV.csi-textpic DIV.csi-imagecolumn { float: left; display: inline; }
 
/* Border just around the image */
DIV.csi-border DIV.csi-imagewrap .csi-image IMG {
  border: 2px solid black;
  padding: 0px 0px;
}
 
DIV.csi-imagewrap { padding: 0; }
 
DIV.csi-textpic IMG { border: none; }
 
/* DIV: This will place the images side by side */
DIV.csi-textpic DIV.csi-imagewrap DIV.csi-image { float: left; }
 
/* UL: This will place the images side by side */
DIV.csi-textpic DIV.csi-imagewrap UL { list-style: none; margin: 0; padding: 0; }
DIV.csi-textpic DIV.csi-imagewrap UL LI { float: left; margin: 0; padding: 0; }
 
/* DL: This will place the images side by side */
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image { float: left; }
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image DT { float: none; }
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image DD { float: none; }
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image DD IMG { border: none; } /* FE-Editing Icons */
DL.csi-image { margin: 0; }
DL.csi-image DT { margin: 0; display: inline; }
DL.csi-image DD { margin: 0; }
 
/* Clearer */
DIV.csi-clear { clear: both; }
 
/* Margins around images: */
 
/* Pictures on left, add padding on right */
DIV.csi-left DIV.csi-imagewrap .csi-image,
DIV.csi-intext-left-nowrap DIV.csi-imagewrap .csi-image,
DIV.csi-intext-left DIV.csi-imagewrap .csi-image {
  display: inline; /* IE fix for double-margin bug */
  margin-right: 10px;
}
 
/* Pictures on right, add padding on left */
DIV.csi-right DIV.csi-imagewrap .csi-image,
DIV.csi-intext-right-nowrap DIV.csi-imagewrap .csi-image,
DIV.csi-intext-right DIV.csi-imagewrap .csi-image {
  display: inline; /* IE fix for double-margin bug */
  margin-left: 10px;
}
 
/* Pictures centered, add padding left and right */
DIV.csi-center DIV.csi-imagewrap .csi-image {
  display: inline; /* IE fix for double-margin bug */
  margin-left: 5px;
  margin-right: 5px;
}
DIV.csi-textpic DIV.csi-imagewrap .csi-image .csi-caption { margin: 0; }
DIV.csi-textpic DIV.csi-imagewrap .csi-image IMG { margin: 0; }
 
/* Space below each image (also in-between rows) */
DIV.csi-textpic DIV.csi-imagewrap .csi-image { margin-bottom: 5px; }
DIV.csi-equalheight DIV.csi-imagerow { margin-bottom: 5px; display: block; }
 
/* Positioning of images: */
 
/* Above */
DIV.csi-above DIV.csi-text { clear: both; }
 
/* Center (above or below) */
DIV.csi-center { text-align: center; /* IE-hack */ }
DIV.csi-center DIV.csi-imagewrap { margin: 0 auto; }
DIV.csi-center DIV.csi-imagewrap .csi-image { text-align: left; /* Remove IE-hack */ }
DIV.csi-center DIV.csi-text { text-align: left; /* Remove IE-hack */ }
 
/* Right (above or below) */
DIV.csi-right DIV.csi-imagewrap { float: right; }
DIV.csi-right DIV.csi-text { clear: right; }
 
/* Left (above or below) */
DIV.csi-left DIV.csi-imagewrap { float: left; }
DIV.csi-left DIV.csi-text { clear: left; }
 
/* Left (in text) */
DIV.csi-intext-left DIV.csi-imagewrap { float: left; }
 
/* Right (in text) */
DIV.csi-intext-right DIV.csi-imagewrap { float: right; }
 
/* Right (in text, no wrap around) */
DIV.csi-intext-right-nowrap DIV.csi-imagewrap { float: right; clear: both; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csi-intext-right-nowrap .csi-text { height: 1%; }
/* End hide from IE5/mac */ 
 
/* Left (in text, no wrap around) */
DIV.csi-intext-left-nowrap DIV.csi-imagewrap { float: left; clear: both; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csi-intext-left-nowrap .csi-text { height: 1%; }
/* End hide from IE5/mac */




/* Frontend User Registration */

.tx-srfeuserregister-pi1 p { }
.tx-srfeuserregister-pi1 h4 { }
.tx-srfeuserregister-pi1 legend { }
.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-notice { }
.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-trash {  }
.tx-srfeuserregister-pi1 a:link { }
.tx-srfeuserregister-pi1 label { }
.tx-srfeuserregister-pi1 label span {
	color: #d40000;
	}
.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-error {
	font-size: 0.8em;
	color: #d40000;
}
.tx-srfeuserregister-pi1 input { }
.tx-srfeuserregister-pi1 input[type=password] { }
* html .tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-password { }
.tx-srfeuserregister-pi1 input[type=radio], .tx-srfeuserregister-pi1 input[type=checkbox] { }
* html .tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-radio, * html .tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-checkbox { }
.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-delete-icon { }
.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-delete-icon:hover { }
.tx-srfeuserregister-pi1 a.tx-srfeuserregister-pi1-file-view { }
.tx-srfeuserregister-pi1 ul { }
.tx-srfeuserregister-pi1 ul.tx-srfeuserregister-multiple-checkboxes { }
.tx-srfeuserregister-pi1 ul.tx-srfeuserregister-multiple-checkboxes li { }
.tx-srfeuserregister-pi1 ul.tx-srfeuserregister-multiple-checkboxes li label { }
.tx-srfeuserregister-pi1 ul.tx-srfeuserregister-multiple-checked-values { }
.tx-srfeuserregister-pi1 ul.tx-srfeuserregister-multiple-checked-values li { }
.tx-srfeuserregister-pi1 dl { }
.tx-srfeuserregister-pi1 dt, .tx-srfeuserregister-pi1 dd { }
.tx-srfeuserregister-pi1 dt {
	float: left;
	width: 140px;
}
.tx-srfeuserregister-pi1 dd {
	margin-left: 150px;
	margin-bottom: 15px;
}
* html .tx-srfeuserregister-pi1 dd { }
.tx-srfeuserregister-pi1 dd p { }
.tx-srfeuserregister-pi1 dd label { }


/* Formularlisten dt/dd */

dt {
	float: left;
	width: 140px;
}

dd {
	margin-left: 150px;
	margin-bottom: 15px;
}

/* Fieldset und Legend hidden */

fieldset {
	border-style: none;
	margin: 0;
	padding: 0;
}


legend {
	color: #ffffff;
}

dt span {
	color: #d40000;
	}
dd span.error {
	font-size: 0.8em;
	color: #d40000;
}