body  {
	background: #F4F8F8;
	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auff�llung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
	padding: 0;
	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 130%;
	height:100%;
	height: auto !important;
	min-height:100%;
    }
html  {
	height:100%;
	height: auto !important;
	min-height:100%;
    }
    .stabil #container {
	width: 928px;  /* Mit einer Breite, die 20 Pixel unter der vollen Breite von 800 Pixel liegt, k�nnen Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element aufgehoben. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background:#FFFFFF;
    }

    .stabil #container_uebersicht {
	width: 928px;  /* Mit einer Breite, die 20 Pixel unter der vollen Breite von 800 Pixel liegt, k�nnen Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element aufgehoben. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-image: url(/stabil_it/images/uebersichts_hg.jpg);
    }

    .stabil #container_uebersicht_tueren {
	width: 928px;  /* Mit einer Breite, die 20 Pixel unter der vollen Breite von 800 Pixel liegt, k�nnen Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element aufgehoben. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-image: url(/stabil_it/images/uebersichts_hg_tueren.jpg);
    }


    .stabil #container_uebersicht_sonnenschutz {
	width: 928px;  /* Mit einer Breite, die 20 Pixel unter der vollen Breite von 800 Pixel liegt, k�nnen Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element aufgehoben. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-image: url(/stabil_it/images/uebersichts_hg_sonnenschutz.jpg);
    }


    .stabil #header {
	height: 96px;
	background-image: url(/stabil_it/images/innen_logo_oben.jpg);
	background-repeat: no-repeat;
	background-position: right top;
    }
    
     .stabil #header #fotos {
	float: left;
    }
    
    .stabil #navigation {
	height: 80px;
	background-image: url(/stabil_it/images/innen_schatten_unter_nav.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	padding-bottom: 32px;
    } 
    .stabil #header h1 {
    	margin: 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, k�nnen Sie das Auftreten unerwarteter Abst�nde zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unn�tig, weil dieser Rahmen die gleiche Wirkung hat. */
    	padding: 10px 0; /* Durch die Verwendung der Auff�llung anstelle von R�ndern l�sst sich gew�hrleisten, dass das Element die Kanten des div nicht ber�hrt. */
    }
    .stabil #sidebar1 {
	float: left; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
	width: 208px; /* Die Hintergrundfarbe wird nur f�r die L�nge des Spalteninhalts angezeigt. */
	background-image: url(/stabil_it/images/innen_subnav_hg.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	min-height: 448px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 135%;
	font-weight: normal;
	color: #999999;
	margin-top: -16px;
	margin-left: 16px;
    }
    .stabil #sidebar2 {
    	float: right; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
    	width: 160px; /* Die tats�chliche Breite dieses div umfasst in standardgerechten Browsern bzw. im Standardmodus von Internet Explorer au�er der Breite auch die Auff�llung und den Rahmen. */
    	background: #EBEBEB; /* Die Hintergrundfarbe wird nur f�r die L�nge des Spalteninhalts angezeigt. */
    }
    .stabil #mainContent { 
    	margin: 0 224px; /* Der rechte und der linke Rand dieses div-Elements erstellen die beiden �u�eren Spalten an den Seitenr�ndern. Der Spaltenbereich bleibt unabh�ngig von der Inhaltsmenge der Randleisten-divs immer gleich. Sie k�nnen diesen Rand entfernen, falls der Text des #mainContent-div die Randleistenbereiche f�llen soll, wenn der Inhalt in den Randleisten endet. */
    	padding: 0 10px; /* padding (Auff�llung) bezeichnet den Innenabstand und margin (Rand) den Au�enabstand der div -Box. */
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 12px;
    }

    .stabil #mainContent_buttons {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 16px;
	margin-left: 224px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	text-align: right;
    }
	
    .stabil #mainContent_buttons img {
	margin-right: 8px;
    }

    .stabil #mainContent_buttons img:hover {
	filter:alpha(opacity=65);
	-moz-opacity:.65;
	opacity:.65;
    }

    .stabil #footer {
	padding: 0 10px;
	background-color: #F4F8F8;
	background-image: url(/stabil_it/images/footer_schatten.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 50px;
    }
    .stabil #footer p {
	margin: 0; /* Durch die Verwendung der Auff�llung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
	font-size: 10px;
	font-style: normal;
	line-height: 135%;
	font-weight: normal;
	color: #575E69;
	text-decoration: none;
	padding-top: 18px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
    }

    .stabil #footer p a {
	color: #575E69;
	text-decoration: none;
    }

    .stabil #footer p a:hover {
	color: #333333;
	text-decoration: underline;
    }

    .stabil #footer img:hover {
	filter:alpha(opacity=55);
	-moz-opacity:.55;
	opacity:.55;
    }

    .fltrt { /* Mit dieser Klasse k�nnen Sie ein Element auf der Seite nach rechts flie�en lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
    	float: right;
    	margin-left: 8px;
    }
    .fltlft { /* Mit dieser Klasse k�nnen Sie ein Element auf der Seite nach links flie�en lassen. */
    	float: left;
    	margin-right: 8px;
    }
    .clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schlie�en eines Containers sein, der wiederum einen vollst�ndigen Float enthalten sollte. */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }

/* Start der Navigation */

    .stabil #navigation .unternehmen {
	text-decoration: none;
	border:0;
	padding:0;
	display: block;
	text-indent: -9999px;
	letter-spacing: -9999px;
	font-size:0;
	width: 88px;
	height:80px;
	background-image: url(/stabil_it/images/innen_unternehmen.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;
}

    .stabil #navigation .unternehmen:hover { 
  	 background-position: -88px 0;
}

    .stabil #navigation .unternehmen_on {
	text-decoration: none;
	border:0;
	padding:0;
	display: block;
	text-indent: -9999px;
	letter-spacing: -9999px;
	font-size:0;
	width: 88px;
	height:80px;
	background-image: url(/stabil_it/images/innen_unternehmen.jpg);
	background-repeat: no-repeat;
	background-position: -176px 0;
	float: left;
}

    .stabil #navigation .fenster {
	text-decoration: none;
	border:0;
	padding:0;
	display: block;
	text-indent: -9999px;
	letter-spacing: -9999px;
	font-size:0;
	width: 88px;
	height:80px;
	background-image: url(/stabil_it/images/innen_fenster.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;
}

    .stabil #navigation .fenster_on {
	text-decoration: none;
	border:0;
	padding:0;
	display: block;
	text-indent: -9999px;
	letter-spacing: -9999px;
	font-size:0;
	width: 88px;
	height:80px;
	background-image: url(/stabil_it/images/innen_fenster.jpg);
	background-repeat: no-repeat;
	background-position: -176px 0;
	float: left;
}

    .stabil #navigation .fenster:hover { 
  	 background-position: -88px 0;
}

    .stabil #navigation .tueren {
	text-decoration: none;
	border:0;
	padding:0;
	display: block;
	text-indent: -9999px;
	letter-spacing: -9999px;
	font-size:0;
	width: 110px;
	height:80px;
	background-image: url(/stabil_it/images/innen_tueren.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;
}

    .stabil #navigation .tueren:hover { 
  	 background-position: -110px 0;
}

    .stabil #navigation .tueren_on {
	text-decoration: none;
	border:0;
	padding:0;
	display: block;
	text-indent: -9999px;
	letter-spacing: -9999px;
	font-size:0;
	width: 110px;
	height:80px;
	background-image: url(/stabil_it/images/innen_tueren.jpg);
	background-repeat: no-repeat;
	background-position: -220px 0;
	float: left;
}


    .stabil #navigation .sonnenschutz {
	text-decoration: none;
	border:0;
	padding:0;
	display: block;
	text-indent: -9999px;
	letter-spacing: -9999px;
	font-size:0;
	width: 156px;
	height:80px;
	background-image: url(/stabil_it/images/innen_sonnenschutz.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;
}


    .stabil #navigation .sonnenschutz:hover { 
  	 background-position: -156px 0;
}

    .stabil #navigation .sonnenschutz_on {
	text-decoration: none;
	border:0;
	padding:0;
	display: block;
	text-indent: -9999px;
	letter-spacing: -9999px;
	font-size:0;
	width: 156px;
	height:80px;
	background-image: url(/stabil_it/images/innen_sonnenschutz.jpg);
	background-repeat: no-repeat;
	background-position: -312px 0;
	float: left;
}

    .stabil #navigation .infopoint {
	text-decoration: none;
	border:0;
	padding:0;
	display: block;
	text-indent: -9999px;
	letter-spacing: -9999px;
	font-size:0;
	width: 91px;
	height:80px;
	background-image: url(/stabil_it/images/innen_infopoint.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;
}

    .stabil #navigation .infopoint:hover { 
  	 background-position: -91px 0;
}

    .stabil #navigation .infopoint_on {
	text-decoration: none;
	border:0;
	padding:0;
	display: block;
	text-indent: -9999px;
	letter-spacing: -9999px;
	font-size:0;
	width: 91px;
	height:80px;
	background-image: url(/stabil_it/images/innen_infopoint.jpg);
	background-repeat: no-repeat;
	background-position: -182px 0;
	float: left;
}

    .stabil #navigation .fachhaendler {
	text-decoration: none;
	border:0;
	padding:0;
	display: block;
	text-indent: -9999px;
	letter-spacing: -9999px;
	font-size:0;
	width: 93px;
	height:80px;
	background-image: url(/stabil_it/images/innen_fachhaendler.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;
}

    .stabil #navigation .fachhaendler:hover { 
  	 background-position: -93px 0;
}

    .stabil #navigation .fachhaendler_on {
	text-decoration: none;
	border:0;
	padding:0;
	display: block;
	text-indent: -9999px;
	letter-spacing: -9999px;
	font-size:0;
	width: 93px;
	height:80px;
	background-image: url(/stabil_it/images/innen_fachhaendler.jpg);
	background-repeat: no-repeat;
	background-position: -186px 0;
	float: left;
}

    .stabil #navigation .news {
	text-decoration: none;
	border:0;
	padding:0;
	display: block;
	text-indent: -9999px;
	letter-spacing: -9999px;
	font-size:0;
	width: 69px;
	height:80px;
	background-image: url(/stabil_it/images/innen_news.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;
}

    .stabil #navigation .news:hover { 
  	 background-position: -69px 0;
}

    .stabil #navigation .news_on {
	text-decoration: none;
	border:0;
	padding:0;
	display: block;
	text-indent: -9999px;
	letter-spacing: -9999px;
	font-size:0;
	width: 69px;
	height:80px;
	background-image: url(/stabil_it/images/innen_news.jpg);
	background-repeat: no-repeat;
	background-position: -138px 0;
	float: left;
}

    .stabil #navigation .kontakt {
	text-decoration: none;
	border:0;
	padding:0;
	display: block;
	text-indent: -9999px;
	letter-spacing: -9999px;
	font-size:0;
	width: 87px;
	height:80px;
	background-image: url(/stabil_it/images/innen_kontakt.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;
}

    .stabil #navigation .kontakt:hover { 
  	 background-position: -87px 0;
}

    .stabil #navigation .kontakt_on {
	text-decoration: none;
	border:0;
	padding:0;
	display: block;
	text-indent: -9999px;
	letter-spacing: -9999px;
	font-size:0;
	width: 87px;
	height:80px;
	background-image: url(/stabil_it/images/innen_kontakt.jpg);
	background-repeat: no-repeat;
	background-position: -174px 0;
	float: left;
}

    .stabil #navigation .logo {
	text-decoration: none;
	border:0;
	padding:0;
	display: block;
	text-indent: -9999px;
	letter-spacing: -9999px;
	font-size:0;
	width: 146px;
	height:80px;
	background-image: url(/stabil_it/images/innen_logo_unten.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;
}





























.inhaltsboxen {
	width: 640px;
	margin-top: 0px;
	margin-bottom: 16px;
	height:auto;
}
.inhaltsboxen h3 {
	display: block;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 135%;
	font-weight: normal;
	color: #999999;
	background-image: url(/stabil_it/images/klapboxpfeil_zu.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 16px;
	height: 29px;
	padding-top: 5px;
	margin-top: -17px;
}

.inhaltsboxen h4 {
	display: block;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	line-height: 115%;
	font-weight: normal;
	margin-top: -4px;
	margin-bottom: 4px;

}

#klapbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 130%;
	font-weight: normal;
	width: 640px;
	color: #4A515D;
	height: auto;

}

.inhaltsboxen h3:hover {
	background-image: url(/stabil_it/images/klapboxpfeil_zu.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	filter:alpha(opacity=65);
	-moz-opacity:.65;
	opacity:.65;
}

.inhaltsboxen h3.active {
	background-image: url(/stabil_it/images/klapboxpfeil_offen.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.stabil #mainContent #klapbox #foto img { 
	margin-right: 16px;
	height: auto;
}	

.stabil #mainContent #klapbox #text { 
	width: 470px;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 130%;
}

.stabil #mainContent #klapbox #text ul {
	margin: 0px;
	padding-left: 15px;
	padding-top: 0px;
	padding-bottom: 0px;
	list-style-image: url(/stabil_it/images/aufz_pfeil.gif);    	
}

.stabil #mainContent #klapbox #text .abhaken {   	
}

.stabil #mainContent #klapbox #text .abhaken ul {
	margin: 0px;
	padding-left: 15px;
	padding-top: 0px;
	padding-bottom: 0px;
	list-style-image: url(/stabil_it/images/aufz_hacken.gif);    	
}

.stabil #mainContent #klapbox a { 
	color: #999999;	    	
}

.textarea { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 130%;	    	
}

/* Galerie Funktion */

#TBajaxContent{
clear:both;
overflow:auto;
padding:2px 15px 15px 15px;
text-align:left;
}
#TBajaxWindowTitle{
padding:7px 50px 5px 10px;
}
#TBcaption{
background:#FFFFFF;
color:#515151;
float:left;
font:bold 11px Arial,Helvetica,sans-serif;
height:25px;
padding:7px 30px 10px 25px;
}
#TBcloseAjaxWindow{
float:right;
margin-bottom:1px;
padding:5px 10px 7px 0;
text-align:right;
}
#TBcloseWindow{
float:right;
height:25px;
padding:11px 25px 10px 0;
}
#TBcloseWindow a{
background:#FFFFFF;
color:#666666;
font:bold 11px Arial,Helvetica,sans-serif;
}
#TBcloseAjaxWindow a{
background:#FBC900;
color:#666666;
font:bold 11px Arial,Helvetica,sans-serif;
}
#TBhideSelect{
background:#FFFFFF;
border:none;
color:#000000;
filter:alpha(opacity=0);
height:100%;
left:0;
-moz-opacity:0;
opacity:0;
position:absolute;
top:0;
width:100%;
z-index:99;
}
#TBiframeContent{
border:none;
clear:both;
margin-bottom:-5px;
_margin-bottom:0px;
}
#TBload{
background:url(loadingAnimation.gif);
display:none;
height:100px;
position:absolute;
width:100px;
z-index:101;
}
#TBoverlay{
background: #2E313B;
color:#000000;
left:0px;
-moz-opacity:0.8;
opacity:0.8;
filter:alpha(opacity=80);
position:absolute;
top:0px;
width:100%;
z-index:100;
}
* html #TBoverlay{
height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight:document.body.offsetHeight + 'px');
}
#TBsecondLine{
background:#FFFFFF;
color:#D6D6D6;
font:bold 11px Arial,Helvetica,sans-serif;
}
#TBsecondLine span{
padding:0 10px;
}
#TBsecondLine a{
background:#FFFFFF;
color:#515151;
}
#TBtitle{
_height:27px;
background:#FBC900;
color:#000000;
font:bold 12px Arial,Helvetica,sans-serif;
min-height:27px;
}
#TBwindow{
background:#ffffff;
border:0px solid #D6D6D6;
color:#000000;
display:none;
position:absolute;
text-align:left;
z-index:102;
}
#TBwindow img#TBimage{
border-bottom:0px solid #CCCCCC;
border-left:0px solid #666666;
border-right:0px solid #CCCCCC;
border-top:0px solid #666666;
display:block;
margin:15px 0 0 15px;
}

.firma { 
	width: 300px;
	height: 12px;
	float: left;
}
.plz { 
	width: 90px;
	height: 12px;
	float: left;
}


/* Subnavigation */



.stabil #sidebar1 ul#menu a {
  color: #999999;
  text-decoration: none;
}

.stabil #sidebar1 ul#menu li :hover {
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;
}



.stabil #sidebar1 ul#menu {
  margin-top: 4px;
  margin-left: 16px;
  padding: 0;
  list-style-image: url(/stabil_it/images/subnav_pfeil.gif);
}


.stabil #sidebar1 ul#menu a.current {
  text-decoration: none;
  font-weight: bold;
  color: #999999;
  list-style-image: url(/stabil_it/images/subnav_pfeil_current.gif);
}

.stabil .current a {
  list-style-image: url(/stabil_it/images/subnav_pfeil_current.gif);
}


.stabil #sidebar1 ul#menu li {
  margin: 0 0 0 0;
  padding: 0;

}


.stabil #sidebar1 ul#menu li ul {
  margin: 0;
  padding: 0;
}


.stabil #sidebar1 ul#menu li ul li {
  margin: 0 0 0 16px;
  padding: 0 0 0 0;
  font-size: 12px;
}


.stabil #sidebar1 ul#menu li ul li ul {
  margin: 0 0 0 0;
  padding: 0;
}


.stabil #sidebar1 ul#menu li ul li ul li {
  margin: 0 0 0 0;
  padding: 0 0 0 16px;
}







.inhaltsboxen_uebersicht {
	width: 640px;
	margin-top: 0px;
	margin-bottom: 16px;
	height:auto;
}
.inhaltsboxen_uebersicht h3 {
	display: block;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 135%;
	font-weight: normal;
	color: #999999;
	background-image: url(/stabil_it/images/uebersichtspfeil_zu.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 16px;
	height: 29px;
	padding-top: 5px;
	margin-top: 0px;
}


.stabil #mainContent #uebersicht #text { 
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 130%;
	color: #999999;	    	
}

.stabil #mainContent #uebersicht #text ul {
	margin: 0px;
	padding-left: 15px;
	padding-top: 0px;
	padding-bottom: 15px;
	color: #999999;	    	
	list-style-image: url(/stabil_it/images/aufz_pfeil.gif);    	
}

.stabil #uebersicht a { 
	color: #999999;	    	
{

.stabil #uebersicht a:hover { 
	color: #333333;	    	
}

    .stabil #sidebar1 .katalog_bestellung {
	padding-top: 100px;
{