body { background-color: #000; font-family:verdana; font-size:12px; }

header, nav, footer, article, div {display:block;}
a {color:#b5b5b5;}
div#background
{
position:relative;
margin: 50px auto;
width:1009px;
height:727px;
background-image:url(images/bg_start.jpg);
background-repeat: no-repeat;
-webkit-box-shadow: 0px 0px 15px rgba(255,255,255,0.9);
-moz-box-shadow: 0px 0px 15px rgba(255,255,255,0.9);
box-shadow: 0px 0px 15px rgba(255,255,255,0.9);
}


div#left
{
float:left;
margin-top:12px;
}

header
{
margin-left:12px;
width:185px;
height:100px;
background: #5f6060;
opacity: .95;
filter: alpha(opacity=95); /* f�r IE6/7 */
-ms-filter: progid:DXImageTransform.Microsoft.Alpha (opacity=95); /* f�r IE8 */
}

img#logo
{
width:159px;
height:59px;
margin:12px;
  border:0;
}

nav.main
{
margin-left:12px;
margin-top:0px;
width: 185px;
}

nav.main ul
{
padding:0;
margin:0;
}

nav.main ul li
{
list-style: none; 
padding-top:4px;
height:24px;
margin-left:0px;
margin-top:1px;
width: 185px;
background: #5f6060;
opacity: .95;
filter: alpha(opacity=95); /* f�r IE6/7 */
-ms-filter: progid:DXImageTransform.Microsoft.Alpha (opacity=95); /* f�r IE8 */
}

nav.main ul li a
{
font-family:Times New Roman;
margin-left:12px;
font-size:16px;
color:#fff;
font-weight:bold;
text-decoration:none;
}
nav.main ul li a:hover
{
color:#000;
}

div#partner
{
margin-top:1px;
margin-left:12px;
width:185px;
height:60px;
background: #5f6060;
opacity: .95;
filter: alpha(opacity=95); /* f�r IE6/7 */
-ms-filter: progid:DXImageTransform.Microsoft.Alpha (opacity=95); /* f�r IE8 */
}

img.logos
{
border: 1px solid #000;
margin-left:8px;
margin-top:9px;
}

article
{
float:left;
margin-top:12px;
color:#b5b5b5;
margin-left:12px;
width:590px;
padding:10px;
background-image:url(images/bg.png);
}
h1 { 
  font-size:16px;
  font-weight:bold;
}

nav.sub
{
float:right;
width:162px;
margin-right:12px;
margin-top:12px;
}

nav.sub ul
{
padding:0;
margin:0;
vertical-align: bottom;
}

nav.sub ul li
{
position:relative;
list-style: none; 
height:80px;
margin:0;
width: 163px;
bottom:0;
border-bottom:1px solid #fff;
}

nav.sub ul li.alu { background-image:url(images/bild_alu.png); }
nav.sub ul li.holz { background-image:url(images/bild_holz.png); }
nav.sub ul li.holzalu { background-image:url(images/bild_holzalu.png); }
nav.sub ul li.s7000 { background-image:url(images/bild_s7000.png); }
nav.sub ul li.s7000iq { background-image:url(images/bild_s7000iq.png); }
nav.sub ul li.s8000 { background-image:url(images/bild_s8000.png); }
nav.sub ul li.markise { background-image:url(images/bild_markise.png); }
nav.sub ul li.roll { background-image:url(images/bild_roll.png); }
nav.sub ul li.zip { background-image:url(images/bild_zip.png); }
nav.sub ul li.unternehmen { background-image:url(images/bild_unternehmen.png); }
nav.sub ul li.aussentuer{ background-image:url(images/bild_aussentuer.png); }
nav.sub ul li.innentuer{ background-image:url(images/bild_innentuer.png); }
nav.sub ul li a
{
  position: absolute;
    bottom:2px;
display:block;
margin-left:12px;
font-size:12px;
color:#fff;
text-decoration:none;
}
nav.sub ul li a:hover
{
color:#ccc;
}

footer 
{
font-family:Times New Roman;
position:absolute;
width: 972px;
height: 100px;
background-image:url(images/bg.png);
color:#fff;
bottom:18px;
margin: auto 18px;
font-size:16px;
font-weight:bold;
text-align:center;
}

footer a
{
font-size:12px;
color:#ccc;
font-weight:bold;
text-decoration:none;
}
footer a.mail
{
font-family:Times New Roman;
color:#fff;
font-size:16px;
font-weight:bold;
text-decoration:none;
}
nav.footer
{
float:right;
margin-right:12px;
}
#sbCaption
{
  width: 80% !important;
  font-weight: normal !important;
  margin-bottom: 0.1em;
}

/* default styles for extension "tx_felogin_pi1" */
	.tx-felogin-pi1 label {
		display: block;
	}
/* default styles for extension "tx_cssstyledcontent" */
	/* Captions */
	DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
	DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
	DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }

	/* Needed for noRows setting */
	DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }

	/* Border just around the image */
	DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG, DIV.csc-textpic-border DIV.csc-textpic-single-image IMG {
		border: 2px solid black;
		padding: 0px 0px;
	}

	DIV.csc-textpic-imagewrap { padding: 0; }

	DIV.csc-textpic IMG { border: none; }

	/* DIV: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; }

	/* UL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; }

	/* DL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */
	DL.csc-textpic-image { margin: 0; }
	DL.csc-textpic-image DT { margin: 0; display: inline; }
	DL.csc-textpic-image DD { margin: 0; }

	/* Clearer */
	DIV.csc-textpic-clear { clear: both; }

	/* Margins around images: */

	/* Pictures on left, add margin on right */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-right: 10px;
	}

	/* Pictures on right, add margin on left */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 10px;
	}

	/* Pictures centered, add margin on left */
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 10px;
	}
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; vertical-align:bottom; }

	/* Space below each image (also in-between rows) */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 10px; }
	DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 10px; display: block; }
	DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }
	DIV.csc-textpic DIV.csc-textpic-single-image IMG { margin-bottom: 10px; }

	/* IE7 hack for margin between image rows */
	*+html DIV.csc-textpic DIV.csc-textpic-imagerow .csc-textpic-image { margin-bottom: 0; }
	*+html DIV.csc-textpic DIV.csc-textpic-imagerow { margin-bottom: 10px; }

	/* No margins around the whole image-block */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; }

	/* Add margin from image-block to text (in case of "Text w/ images") */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
		margin-right: 10px !important;
	}
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
		margin-left: 10px !important;
	}

	/* Positioning of images: */

	/* Above */
	DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }

	/* Center (above or below) */
	DIV.csc-textpic-center { text-align: center; /* IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }

	/* Right (above or below) */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
	DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }

	/* Left (above or below) */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }
	DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }

	/* Left (in text) */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }

	/* Right (in text) */
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }

	/* Right (in text, no wrap around) */
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */

	/* Left (in text, no wrap around) */
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text,
	* html .csc-textpic-intext-left ol,
	* html .csc-textpic-intext-left ul { height: 1%; }
	/* End hide from IE5/mac */

	DIV.csc-textpic DIV.csc-textpic-imagerow-last { margin-bottom: 0; }

	/* Browser fixes: */

	/* Fix for unordered and ordered list with image "In text, left" */
	.csc-textpic-intext-left ol, .csc-textpic-intext-left ul {padding-left: 40px; overflow: auto; }