html, body {
	background: #fff url(img/body_bg.gif) left top repeat-x ;
	margin: 0; padding: 0;
	height:101%;
}

/**** Layout Blocks ****/
#main { /* gesamte Seite */
	width: 980px;
	margin: 0px auto 0 auto;
	padding: 0px 0 0 0;
}

#firstdiv { /* container */
        width:100%;
        height:25px;
	margin:0;
        float:left;   
}

#maincontent { /* gesamter Mittelteil */
	clear:both;
        width:980px;
	margin: 0 auto 0 auto;
	padding: 0;
        background:url(img/leftbox.gif) left top repeat-y;
}

#header {
	height:260px;
        width: 980px;   
        float:left;
	background: white;
	margin: 0 auto 0 auto;
}
#headerleft {
	width:210px; 
        float:left;
        height:100%;
        background: rgb(196,210,201) url(header/left_logo.gif) center top no-repeat;
}

/***************** wechselnde Headerbilder*****************/
.headerright {
         float:left;
         width: 770px;
         height:100%; 
         background:rgb(196,210,201) url(header/img_basis.jpg) left top no-repeat;}     /*Basisbild*/

#headerbild2  {background: rgb(196,210,201) url(header/pic_insekten.jpg) left top no-repeat;}  /*Insekten*/
#h aderbild0  {background: rgb(196,210,201) url(header/pic_garagen.jpg) left top no-repeat;}    /*Suchseite*/
#headerbild3 {background: rgb(196,210,201) url(header/pic_keller.jpg) left top no-repeat;} /*Kellerschacht*/
#headerbild4 {background: rgb(196,210,201) url(header/pic_markisen.jpg) left top no-repeat;} /*Markisen*/
#headerbild5 {background: rgb(196,210,201) url(header/pic_sonnenschutz.jpg) left top no-repeat;} /*Sonnenschutz*/
#headerbild6 {background: rgb(196,210,201) url(header/pic_terrassendach.jpg) left top no-repeat;} /*Terrassendach*/
#headerbild7 {background: rgb(196,210,201) url(header/pic_multiraum.jpg) left top no-repeat;} /*Multiraum*/
#headerbild8 {background: rgb(196,210,201) url(header/pic_rollladen.jpg) left top no-repeat;} /*Rollläden*/
#headerbild9 {background: rgb(196,210,201) url(header/pic_garagen.jpg) left top no-repeat;} /*Garagentore*/
#headerbild10 {background: rgb(196,210,201) url(header/pic_vordach.jpg) left top no-repeat;} /*Vordächer*/
#headerbild13 {background: rgb(196,210,201) url(header/pic_service.jpg) left top no-repeat;} /*Über uns*/
#headerbild14 {background: rgb(196,210,201) url(header/pic_planung.jpg) left top no-repeat;} /*Beratung*/
#headerbild15 {background: rgb(196,210,201) url(header/pic_produktion.jpg) left top no-repeat;} /*Produktion*/
#headerbild16 {background: rgb(196,210,201) url(header/pic_montage.jpg) left top no-repeat;} /*Montage*/
#headerbild18 {background: rgb(196,210,201) url(header/pic_glaswand.jpg) left top no-repeat;} /*Glas-Schiebewand*/


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#pageheader{
        margin:0;
        font-size: 14px;
        font-weight:bold;
	color:#000;
}
#pageheader strong {
	font-size: 14px;
	letter-spacing: 0.15em;
	color:#fff;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#breadcrumbs {      
        float:left;
        padding: 8px 0 8px 30px;  
}
#breadcrumbs span {
	background: transparent url(img/link.gif) no-repeat; 
	padding: 6px 2px 0px 12px;
        font-size: 11px; 
}
#breadcrumbs a {
	text-decoration: none;
	color: #999;
	font-weight: normal;
}
#breadcrumbs a:hover {
        border-bottom: 1px solid rgb(140,157,174);
        color: rgb(204,181,150);
}
	
#breadcrumbs .menu-current a{
	color:rgb(26,46,151);
	font-weight: bold;
	border-bottom: 1px dotted rgb(140,157,174);
}
#breadcrumbs .menu-current a:hover{
	color: rgb(140,157,174);
	border-bottom: 1px solid rgb(140,157,174);
}

/****Linke Seite****/

#sideColumn {}

#infobox { /* login box */
	float: left;
	display:inline;
	width: 210px;
	padding:0;
}
#innerinfo {
         width: 170px;     
         padding:3px 10px 8px 10px;
         border: 1px dotted rgb(0,146,63);
         margin-bottom:10px; 
         margin-left:10px;
         color:#000;
}
/****Mittelteil****/
#content { /* f�r den WYSIWYG-Editor  */
	width: 520px;
	float: left;
	display:inline;
	margin-left: 30px;
        padding-bottom:10px;
        border-top:1px dotted grey;
}

#contentinfo { /* f�r den WYSIWYG-Editor  */
	width: 500px;
	float: left;
	display:inline;
	margin-top:10px;
        background:rgb(239,243,240);
	padding: 5px 10px 10px 10px;
}

#contbreit { /* ganze Breite  */
	width: 720px;
	float: left;
	display:inline;
        margin: 2px 0px 10px 30px;
        background:rgb(239,243,240);
	padding: 3px 10px 3px 10px;
}

/****Rechte Seite****/

#rightbox {
        width: 190px;
	float:right;    
	display:inline;
        text-align:left;
}

.clearcontent {
         height:27px;
         clear:both;
         background:url(img/vig_mass190.gif) right center no-repeat;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footerbox {
           margin-left: 0;
           height:45px;
           background: #fff url(img/footer.gif) right bottom no-repeat;
           border-top:1px solid rgb(118,190,123);
}
#footer {	
	color: #000;
	letter-spacing:0.05em;  font-size:0.9em;
	padding: 10px 0 0 0px;
	text-align: left;
	float:left;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/**** Search Box ****/
#search_box {
	color: #000;
	text-align: left; 
        float:left; 
	width:210px;
	background:rgb(196,210,201) url(img/bg_search.gif) left center no-repeat;
}
#search_box {
	height:40px;
}
#search_box .searchstring {
        width:60%;
        float: left;
        display:inline;
	border: none;
	background:none;
	color:#000;
	font-size: 12px;    
        padding-left:15px;
        margin-top:10px;
}
#search_box .search_submit {
        width:28%; 
        height:30px;
        float: right;
	border: none;
	background:url(img/lupe.gif) center center no-repeat;  
        cursor: pointer;
	color:#000;
        margin-top:5px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#prevnext {
	float:right;
	margin-top:0px;
	margin-right:10px;
	color: #fff;
	font-weight: bold;
}
#prevnext a {
        color: #fff;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        #### Horizontal Drop-Down Menue #####
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */

#navContainer {
        height:25px;
        width:980px;
        display:block;
        float:left;
        background: url(img/nav_1_bg.gif) left repeat-x;
}

/*** Remove List Formattings ***/
 ul.menu, li.menu {
	list-style-type: none;
	margin: 0px;
	padding: 0px;    
}

/*** Header menu ***/
#header_menu {position: absolute; margin-left: 20px;}
#header_menu li {line-height: normal;}
ul#header_menu  {z-i dex: 10000; clear: both;}

#nav {
	float:left;  
        height:25px;
	margin-left:210px;  /* 210 */
        w dth:770px;
	background: url(img/nav_1_bg.gif) left repeat-x;
}
#nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: auto;
	position: relative;
	list-style-image: none;
}

/* Root Level Link Formatierung */
#nav ul li {
     float: left;
     color: red;
     text-align: left;
     font-weight: normal;
     list-style-type: none;
     list-style-image: none;
}

#n v a{  border-left:2px solid red; }

#nav ul li a {   /***Basiseinstellng****/
     display: block;      
     width: 97px;
     background: url(img/navi_1_bg.gif) right no-repeat;
     padding: 4px 12px 5px 12px;
     color: #fff;
     text-decoration: none;
     font-weight: normal;
}


/* Root Level link hover  #nav li a:focus,  */
#nav ul li a:hover, #nav li a:active, #nav ul li a.active, #nav a.menu-current {
     background: rgb(0,92,161) url(img/navi_1_current.gif) no-repeat right 0px;
     color: #fff;   
}
#nav a.menu-parent {
     color: #fff;
}
/*eigener Hintergrund bei hoover*/
#nav ul li a:focus {
     background: none;
     color: #f1f1f1;   
}

/*Current page, linke Seite der gesamten Navi wichtig */
#nav a.menu-current{
     font-weight: bold;  
     background: rgb(0,92,161) url(img/navi_1_current.gif) no-repeat right 0px;
     }

#nav .menu .home a {
     display: block;
     width:0px;
     height:24px;
     margin:0;
     padding:0;
}
/* 2nd Child menu Klappmenue*/
#nav .menu li ul {
     position: absolute;
     width: 11.0em;
     margin:0;  /* 0px 0 0 -1px;*/
     display: none;
     text-transform: none;
     padding-top: 1px;
     font-size: 100%;
     background: rgb(239,243,240);    /*hellgr�n  218,233,233 */
   /*  filter:alpha(opacity=84); -moz-opacity: 0.84;  */
}
#nav .menu li ul li {width: 11.0em; text-align: left; font-weight: normal; margin: 0; padding: 0; line-height: 1.2em; border-bottom: 1px solid #fff;}
#nav .menu li ul li a {width: 10.4em; padding: .3em .1em .3em .4em; color: rgb(0,51,102); font-weight: normal;  background: none; border: 1px solid rgb(0,102,102);}

/* 2nd Child link hover */
#nav .menu li ul a:hover,  #nav .menu li ul a.menu-current { 
     background: rgb(118,190,123);
     color:#fff;
     font-weight: normal;
}
#nav .menu li ul a.menu-parent {
     background: rgb(0,102,102);
     color:#fff;
}


/* Show and hide */                     /*focus*/
#nav .menu li:hover ul, #nav .menu li a:focus ul, #nav .menu li.subMenu ul {display: block;}
#nav .menu li ul ul { display: none;}
#nav .menu li:hover ul ul, #nav .menu li.subMenu ul ul {display: none;}
#nav .menu li:hover>ul, #nav .menu li li:hover>ul, #nav .menu li.subMenu>ul, #nav .menu li li.subMenu>ul {display: block;  z-index: 1000;}


/* 3rd Child Menu Appreances ????????*/
 #nav .menu li ul li ul	{
     margin: 5px 0 0 -5%;   /*10px 0 0 -40%;  */
     z-index: 10000;
     display:block;
     width:11.2em;
     background: rgb(218,233,233);  /*hellgr�n */
     color:#000;
}
#nav .menu li ul li ul li	{width: 11em; background: rgb(218,233,233);}
#nav .menu li ul li ul li a 	{ width: 10.4em; border: 1px solid rgb(0,102,102);}

/* 4rd Child Menu Appreances */
#nav .menu li ul li ul li ul	{  width: 9em; background: #808080;}
#nav .menu li ul li ul li ul li	{  width: 9em; }
#nav .menu li ul li ul li ul li a 	{ width: 8.5em;}

/* Positioning the Pop-out Drops */
#nav li {position: relative;}

#nav ul ul ul {
	position: absolute;
	top: 1px;
	left: 100%;
}

/* IE6 only
*html #nav .menu li ul li ul {margin-left:0 ! important;}*/

/* IE7 only 
*+html #nav .menu li ul li ul {margin-left:0 ! important;}*/

/* ul class="ullev1" , sorry doesnt work
#nav .ullev1  {z-index: 1000 ! important; background: #4b4c4d;}
#nav .ullev2  {z-index: 2000 ! important; background: #4b4c4d;}
#nav .ullev3  {z-index: 3000 ! important; background: #4b4c4d;}
*/

/* Better: */
#nav li:hover {
	z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */
	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}

/* ~~~~~~~ Ende Horizontal Drop-Down Menue ~~~~~~~ */


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        #### Menue links #####
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */

/* Header menuright */
  #header_menuright {position: absolute; margin-left: 0; }
  #header_menuright li {line-height: normal; b rder-top: 1px solid #ccc;}
  ul#header_menuright  {z-index: 10; clear: both;}

ul.menuright, li.menuright {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#menuright {
	letter-spacing:0.05em;
	width: 100%;  
        margin-bottom: 5px;
        margin-left: 0px;
        font-size: 12px;
        padding-bottom:5px;
        z-index: 10;
}
#menuright ul {
	list-style-type: none;
	margin: 0;
	padding:0;
	position: relative; /* der IE6 Bug */
}
#menuright ul li {
           color: #fff; 
           text-align: left; 
           font-weight: normal; 
           list-style-type: none;
}
#menuright li ul a{
}

/***erste Ebene alle seiten****/
#menuright a {    /*nicht aktive seite*/
           height: 20px;
           text-align: left;
           font-weight: normal
           line-height: 150%;
           margin:0;
           padding:0;     
}
#menuright ul a:hover {
	color: rgb(239,243,240);
	text-decoration:none;  
        background: rgb(239,243,240) url(img/nav_hoover.gif) right center no-repeat;
}
/**** alle sichtbaren unterseiten****/
#menuright ul li a {
          display: block;
          padding: 3px 8px;
          margin-bottom:2px;
          margin-top:2px;
          color: rgb(76,96,127);
          text-decoration: none;
          border-top: 1px solid rgb(140,157,174);
}
/* Root Level Link Formatting */
#menuright ul li a:hover, #nav li a:focus {
          color: rgb(140,157,174);
          border-top: 1px solid rgb(140,157,174);
}
#menuright li a:active, #nav ul li a.active {color: #4b4c4d;}

/* Current page /aktive Seite und Unterseite*/

#menuright li.menu-current a {
          border-top: 1px solid rgb(26,46,151);
          background-color: rgb(118,190,123);
          font-weight: bold;
          color:#fff;
}

#menuright .menu-current  a{
           background: url(img/nav_current.gif) right center no-repeat;
}

/***Untermenue 1. Unterseite***/
#menuright .menu-current ul a {
          font-weight: normal;
          padding-left:22px;
          background:rgb(239,243,240);
}
#menuright .menu-current a:hover {
          font-weight: bold;
          background: rgb(239,243,240) url(img/nav_hoover.gif) right center no-repeat;
}

#menuright .menu-top a{
          color:rgb(247,237,213);
          background: rgb(153,107,45);

}
#menuright .menu-parent a{
          color:rgb(26,46,151);
          font-weight: bold;   
}

/* 2nd Child menu */
#menuright .menu li ul {
          position: absolute;
          width: 12em;
          margin: 0;
          display: none;
}
#menuright .menu-expand ul {
           margin:0;
           padding:0;
           font-weight:normal;
}
#menuright .menu-expand li {
           margin:0px;
}
#menuright .menu-expand a {
           margin:0px;
}

#menuright .menu-expand li a {
           margin:0px;
           color:rgb(76,96,127);
           list-style:none;
           letter-spacing:0.05em;
           padding-left:22px;
}
#menuright .menu-expand li a:hover {
           margin:0px;
           font-weight:bold;
           color:rgb(140,157,174);
}
#menuright .menu-expand ul li a {
           margin:0px;
           color: #fff, /*rgb(76,96,127); */
}
#menuright .menu-expand li ul li a {    /*dritte Ebene*/
            padding-left:32px;
}

#menuright .menu li ul li {width: 12em; text-align: left; font-weight: normal; margin: 0; padding: 0; line-height: 1.2em; }
#menuright .menu li ul a { width: 11.5em; padding: .6em .1em .6em .4em; background: #4b4c4d; color: #fff; border: 0px solid #880022;}

/* 2nd Child link hover */
#menuright .menu li ul a:hover {
     border: 0;
     color:red;
     }

/* Show and hide */
#menuright .menu li:hover ul, #nav .menu li a:focus ul, #nav .menu li.subMenu ul {display: block;}
#menuright .menu li ul ul { display: none;}
#menuright .menu li:hover ul ul, #nav .menu li.subMenu ul ul {display: none;}
#menuright .menu li:hover ul, #nav .menu li li:hover ul, #nav .menu li.subMenu ul, #nav .menu li li.subMenu ul {display: block;}


/* 3rd Child Menu Appreances */
#menuright .menu li ul li ul li a  {width: 11.5em; padding: .6em .1em .6em .4em; background: #c6c6c6; color: #fff; }

/* Positioning the Pop-out Drops */
#menuright li {position: relative;}

#menuright ul ul ul a{
	position: relative;
	padding-left:12px;
}
/* ~~~~~~~ Ende menu ~~~~~~~ */

/******** kopfmenue *********/
#navtop {
	font-size: 0.8em;  
        text-transform:uppercase;
	letter-spacing: 0.03em;
	color: rgb(0,92,161);
        text-align: left;
        padding: 5px 0 0 0;
	float:left; 
}
#navtop a{
	color: #000;
	text-decoration: none;
}
#navtop a:hover{
	color: #fff;
	text-decoration: none;
}
#navtop .menu-current a{
	color: rgb(0,92,161);
	text-decoration: none;
}
#navtop .menu-current a:hover{
	color: #fff;
}

/********* ende footermenue **********/

/****Login Box*****/

#login-box { padding-top:5px; padding-left:5px; padding-bottom:10px; border: 0px solid #ccbfd0;}
#login-box fieldset {border:0; text-align:left;}
#login-box legend		{
	font-size: 90%;	
	color: #333;
}
.username {color: #009;} /* Color of name when logged in*/
.topboxbody {font-size:0.8em;padding:2px;}


#login-box label {clear:left; width: 100px; display:block;
	float:left; }
#login-box input {
	display:block;
	float:left;	
	font-size: 10px;
	margin: 2px auto 1px auto;
	width: 100px;
}
#login-box div {clear:left; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
	Custom Classes (Re-useables)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
/*  Float containers fix: */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/*  \*/
* html #clearfix {
	height: 1%;
}
/*  */

.stealth {visibility:hidden; display:none;} /* hides from normal css enabled browsers */

.copy{
      font-weight:normal;
      text-align:center;
      color: #999;
      padding: 5px 0 0 0px;    margin:0 0 0 0;
      font-size: 0.8em; 
      letter-spacing: 0.03em;   
      background: rgb(252,214,0);
      height: 18%;                   /* 45px */
}

#hotline{
        font-size: 1.6em;
	letter-spacing:0.04em;
	font-weight: normal;
        line-height:120%;
	color:rgb(76,96,127);
	padding-left:10px;
{