body {
    	font: 100% Verdana, Arial, Helvetica, sans-serif;
    	background: #ffffff;
    	margin: 0; 
    	padding: 0;
    	text-align: center; 
     	color: #000000;
    }
    
    #stats {
        width:1px;
        height:1px;
        overflow:hidden;
    }

       
	#verlauf {
		background: #ffffff url(../images/bg.gif) repeat-y top center;
		width:1054px;
		margin: 0 auto;
		}
		
	#end {
		background: #ffffff url(../images/bg-end.gif) no-repeat top center;
		width:1054px;
		height:100px;
		margin: 0 auto;
		}
	
	#container {
    	width: 810px;
    	background: #ffffff;
    	margin: 0 auto;
		padding: 6px;
    	border-left: 1px solid #9fa29b;
		border-right: 1px solid #9fa29b;
    	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
		font:12px  Helvetica, Verdana, Arial, sans-serif;
    }
	
    #header { 
    	background: #42442e url(../images/kopf.jpg) no-repeat top left;
		height:96px; 
    	padding: 0px;
		margin:0; 
    } 
	
	#navicontainer {
		background: #000000 url(../images/navi-bg.gif) no-repeat top right;
		height:23px;
		margin: 1px 0;
		padding:0;
		
		}
		
	#navi1 {
	   /* position: absolute;  */
		float:left;
		color:#CCCCCC;
		width:550px;
		height:23px;
		margin: 0;
		padding:0;
		}
		
    #login {
        
		float:left;
		color:#CCCCCC;
		width:19px;
		
		margin-left: 5px;
		padding:0;
		}
    
    #login  img {
        border:none;
        width:19px;
		height:21px;
        margin: 0;
		padding:0;
        }
        
    #login a {
        background: transparent url(../images/login.gif) no-repeat 0 -2px ;
        margin: 0;
		padding:8px 0 4px 0;
        }
        
    #login a:hover {
        background: transparent url(../images/login.gif) no-repeat 0 -41px;
        }
		
	#suche {		
		float:right;
		height:15px;
		width:100px;
		overflow:hidden;
		margin:5px 10px 0 0;
		padding:0;
		color:#000;
		}
		
	#headerimage {
		background: transparent;
		height:185px;
		margin: 5px 0;
		padding:0;
		overflow:hidden;
		}
		
    #headerimage-bau {
		background: transparent url(../images/header2.jpg) no-repeat top left;
		height:185px;
		margin: 5px 0;
		padding:0;
		overflow:hidden;
		}
	
	#ticker {
		background: #d6d652 url(../images/ticker.gif) no-repeat top left;
		color:#000;	
		text-transform: uppercase;
		height:22px;
		margin: 1px 0 4px 0;
		padding:3px 0 0 55px;
		}
		
    #header h1 {
    	margin: 0; 
    	padding: 0; 
        }
	
    #maincontent {
		background: #cdd2ce url(../images/content-bg.gif) no-repeat top left;
		margin-bottom: 1px;
    	padding:20px 100px 20px 20px; 
        }
        
     #zweispaltig {
        background: #CDD2CE url(../images/bg-2spalten.gif) repeat scroll 0 0;
        float:left;
        width:810px;
        margin-bottom: 1px;
		padding:0;
        }
        
    #contentleft {
		background: transparent url(../images/content-bg.gif) no-repeat top left;
		width:450px;
		float:left;
		margin-bottom: 1px;
    	padding:20px 0px 10px 20px; 
        }


        
    #content-spaltig #contentleft {
        background: #CDD2CE url(../images/content-bg.gif) no-repeat top left;
        width:530px;
        }
    
      #contentright {
		background: transparent url(../images/content-bg.gif) no-repeat top left;
		width:235px;
		Float:right;
		margin-bottom: 1px;
    	padding:20px 0px 20px 20px; 
        }
      #contentrightstart {
		background: #fff url(../images/content-bg-start.gif) no-repeat top left;
		width:255px;
		Float:right;
		margin-bottom: 1px;
    	padding:20px 0px 0px 0px; 
        }
    #footer { 
		background: #42442e  url(../images/footer-bg.gif) no-repeat top left;
		height:25px;
		 clear:both;
		margin:0;
    	padding: 10px 20px 0 20px;
    	font-size:10px;
    	color:#fff;
    	text-transform: none;
        } 
    #copyright{
        float:right;
        } 
     #navi2{
        float:left;
        } 
    .clearfloat  {
    display:none;
    padding:0;
    margin:0;
   
    }   
    #footer p {
    	margin: 1px 0 0 0; /* Wenn Sie die Ränder des ersten Elements in der Fußzeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */
    	padding: 0; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
    }
   
    
     #navi2 ul{
    width:100px;
    }

        #navi2 li, #navi2 li a  {
        list-style:none;
        display:inline;
        border-right: 0px solid #FFF; 
        color:#fff;
        text-decoration:none;
        }
        
      #navi2 li a:hover  {
        color:#c2c2c2;
        }
        
      ul {
        height:23px;
    }  
    
    ul, li, dl, dt, div.csc-textpic-imagewrap {
        margin: 0; 
    	padding: 0; 
    }
	
	h1 {
	    background:transparent;
		color:#5f645e;
		font: 22px Helvetica, Verdana, Arial, sans-serif;
		line-height:25px;
		text-transform:uppercase;
		margin:0 0 20px 0;
		padding:0;
	}
	
	h2, h3 {
		font-size:16px;
		line-height:20px;
		font-weight:bold;
		color:#8a9154;
		padding:0 0 15px 0;
		margin:0;
	}
	
	h3 {
        font-weight:bold;
	}
	
	p {
		color:#545a50;
		font-size:12px;
		line-height:18px;
		margin:0;
		padding:0;
	}
	
     li a {
        margin: 0; 
    	padding: 0; 
    }
    
    .important {
        color:#b3a505;
        }
    .detail {   
        font-size:10px;
        }
        
    a {
        text-decoration:underline;
        color:#5a5f34;
        }
    a:hover {
        color:#333333;
        text-decoration:none;
        }
    

    
   /*  rechte spalte start */
    
    #contentright .csc-frame-frame1, #contentrightstart .csc-frame-frame1 {
        background:#ebedeb;
        padding: 5px 10px;
        border-left:2px solid #cdd2ce;
        border-right:2px solid #cdd2ce;
        border-top:2px solid #cdd2ce;
        width:231px;
    }
    
    #contentleft .csc-textpic-border {
        padding:15px 0;
        border-bottom:1px solid #fff;
        width:450px;
    }
    
     #contentleft .csc-frame-rulerBefore {
        padding:5px 0;
        border-top:1px solid #fff;
        width:450px;
    }

    
    #contentrightstart h1  {
        background: #cdd2ce;    
        color:#5f645e;
        font: 15px Helvetica, Verdana, Arial, sans-serif;
        line-height:20px;
        text-transform:uppercase;
        margin:0;
        padding:0 0 0 12px;
	}
    
     #contentrightstart h3  {
        background: transparent;    
        color:#5f645e;
        font: 15px Helvetica, Verdana, Arial, sans-serif;
        line-height:20px;
        text-transform:uppercase;
        margin:0;
        padding:0 0 0 12px;
	}
    
    
     /* Produkte */
    
   #maincontent .csc-frame-rulerAfter {
    margin:5px 0 25px 0;
    border-bottom:1px solid #fff;
    width:650px;
    }
    
    #maincontent .csc-frame-rulerBefore {
    padding:5px 0;
    border-top:1px solid #fff;
    width:650px;
    }

    
    /* Bilder */
    
    
    
    div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img {
        border:5px solid #fff;
        margin:0 0 10px 20px;
        padding:0;
        }
        
        
/* Navi */

#nav, #nav ul {
	float: left;
	list-style: none;
	background: transparent;
    font: normal 11px  Arial, Helvetica, Verdana, sans-serif;
    color:#ffffff;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    height:23px;

}

 
#nav a {
	display: block;
	color: #fff;
    font: normal 11px  Arial, Helvetica, Verdana, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
    padding: 5px 13px 0 13px;
}
 
#nav a.menuparent  {
	background: url(arrow.gif) no-repeat 90% 40%;
}
 
#nav li {
	float: left;
    padding: 0;
	white-space: nowrap;
	height: 23px;
    border-right: 1px solid #fff;

}
 
#nav li ul {
    position: absolute;
	left: -999em;
	width: 9.5em;
	font-weight: normal;
	border-width: 0.25em;
	margin: 4px 0px 0 0;
		
}
 
#nav li li {
    background:#000;
    opacity: .7;
	width: 9.5em;

}
 
#nav li ul a {
	font: normal 11px   Arial, Helvetica, sans-serif;
	width: 9.5em;
	padding-left: 1em;
	height: 21px;
}

 
#nav li ul ul {
	margin: 0;
}
 
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
 
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}
 
#nav li:hover, #nav li.sfhover{
	background: transparent url(../images/navi-links.gif) no-repeat top left;
}

#nav a:hover, #nav li:hover, #nav li.sfhover {
color:#fff;

}

#nav li ul li {
    
border: 1px solid #fff;
}

 
#nav .navact, #nav  li.navact:hover{
         background: transparent url(../images/navi-links.gif) no-repeat bottom left;
         color:#000;
    }
#nav .navact a{
         color:#000;
    }

/* Suche */

    #searchform input{
    background:#fff url(../images/lupe.gif) no-repeat center left;
    width:100px;
    height:16px;
    font-size: 10px;
    line-height:10px;
    padding:0 0 0 13px;
    margin:0;
    }

  

    #searchform input.submit{
    padding-left:20px;
    visibility:hidden;
    } 
        
    .tx-indexedsearch-res {
    color:#545a50;
    }
    
    .tx-indexedsearch .tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-sword  {
    background: #a5aaa6;
    margin:5px 5px 10px 5px;
    }
    .tx-indexedsearch h2 {
    margin:15px 0 5px 0;
    }    
    
    .tx-indexedsearch p {
    font-size:10px;
    line-height:13px;
    } 
    
    .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info {
    display:none;
    }
    
    
/* Formulare */

    #kontakt input, #kontakt textarea, #maincontent input {
    background: #a5aaa6;
    padding:2px;
    }
    
    #kontakt input:hover, #kontakt input:active, #kontakt input:focus, #kontakt textarea:hover, #kontakt textarea:active, #kontakt textarea:focus, #maincontent input:hover, #maincontent input:active, #maincontent input:focus {
    background: #d0d2d0;
    }
    
    fieldset.tx-powermail-pi1_fieldset {
    background-color:transparent;
    border:0px solid #AAAAAA;
    padding:0px;
    }
    
    fieldset.tx-powermail-pi1_fieldset label {
    clear:both;
    display:block;
    float:none;
    font-weight:normal;
    font-size:9px;
    text-transform:uppercase;
    width:150px;
    padding:3px 0;
    }
    
    span.powermail_mandatory {
    color:#000;
    }
    
    textarea#uid12 {
    overflow:hidden;
    height:117px;
    }
    
    fieldset.tx-powermail-pi1_fieldset input.powermail_submit {
    font-weight:bold;
    font-size:9px;
    margin:15px 0 10px 0px;
    padding:0 10px;
}
    fieldset.tx-powermail-pi1_fieldset input.powermail_text, fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea, fieldset.tx-powermail-pi1_fieldset select.powermail_select {
    width:190px;
    }
    
    #kontakt fieldset.tx-powermail-pi1_fieldset_11 {
    float:left;
    margin-right:20px;
    }

    #kontakt fieldset.tx-powermail-pi1_fieldset_120 {
    float:right;
    }

    #kontakt fieldset.tx-powermail-pi1_fieldset_8 legend, #kontakt fieldset.tx-powermail-pi1_fieldset_9 legend, #kontakt fieldset.tx-powermail-pi1_fieldset_11 legend, #kontakt fieldset.tx-powermail-pi1_fieldset_12 legend {
    display: none; 
     }
     
    div.powermail_mandatory_js {
    color:red;
    margin:5px 0 10px 0px;
    width:150px;
}
    input#uid8, input#uid9, input#uid10 {
    margin-bottom:12px;
    }