/* top elements */

/* open-sans-regular - latin */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

* { padding: 0; margin: 0; }
html {      
 background-color: ;
}
body {    
	color: #fff;
    font-family: Open Sans, arial, verdana;
}
#socialAndCopyright {
   margin: 0 auto;
   text-align: center;
   position: relative;
   top: -1.8em;
   font-size: 0.7em;
}
#header {
   margin: 0 0 0 0;
   background-color:transparent;
   padding: 0;
   width: 100%;
   height: 12.5em;
   clear: both;
   position: relative;
   left: 0;
    }
#c20 a {padding: 0 0 0 5px;}          
#kopfcontainer h3, #kopfcontainer p {
   color: #000;
   text-align: center;
   position: relative;
   top: 5px;
}
#kopfcontainer h3 {
   padding: 0;
   margin : 0;
}
#kopfcontainer p {
   text-align: center;
   position: relative;
   top: -5px;
}
#headerWrapper {  
   background-color: ; 
   margin: 0 auto;  
   width:100%; 
}
#content {
   position: relative;
   top: -5em !important;
   background-color: transparent;
}

#content p { 
   padding: 0 0.4em 1em 0.5em;
   font-size: 0.95em;
  }
  

h1, h2 {  
   padding: 0 0 0 0.25em; 
}


p {
   color: #fff;
   font-size: 1.05em; 
   line-height: 1.3em;
   margin: 0.6em 0px 0px 0px;
   text-align: left;
   padding: 0px 0.85em 0px 0em;
}

#content a {
   color: #FECA66;
   text-decoration: none;
}
 
#content a:hover {
   color: #FECA66;
   text-decoration: underline;
}

h2 a, a:link, a:visited, a:focus {
   color: #FECA66;
   text-decoration: none;
}  
h2 a:hover {
   color: #FECA66;
   text-decoration: underline;
}



img {
   max-width: 100%;
   height: auto;
    } 

h1 {  
   color: #FECA66;
   font-weight: 100;
   font-family: Open Sans;
   font-size: 1.75em;
   line-height: 1.2em;
   margin: 0.5em 0 0.5em 0em;
   padding: 2px 0px 0px 0em;
}	
h2 {	
   color: #FECA66;
   font-weight: 100;
   font-family: Open Sans;
   font-size: 1.35em;
   line-height: 1.2em;
   margin: 0.5em 0 0.5em 0em;
   padding: 2px 0px 0px 0em;
}	
h3 {
   color: #005A87;
   font-weight: 100;
   font-family: Open Sans;
   font-size: 0em;
   line-height: 1.2em;
   margin: 0.5em 0 0.5em 0em;
   padding: 2px 0px 0px 0em;
}
h4 {  
   font-weight: 200;
   font-size: 1.1em;
   color: #FFFFFF  ;
   margin: 0.5em 0 0 0.5em;
   padding: 2px 0px 0px 0px; 
} 
h5 {  
   font-weight: 100;
   font-size: 1.38em;
   color: #fff ;
   margin: 1em 0 0 2.5em;
   padding: 2px 0px 0px 0px; 
} 
nav {        
   overflow: hidden;
   font-size: 1.2em; 
    }
nav ul {
    margin: 0 20px;
    }

nav ul li {
    float: left;
    border: none;
    width: auto;
    }
nav ul > li > a {
    padding: 0.7em 10px 0.7em 10px;
    display: inline-block;
    } 
/* --------------- Header --------------- */

#header p {
  font-size: 1.05em;    
  line-height: 1.3em; 
  font-family: Open Sans;
  font-weight: 100; 
  color: #6C6C6C; 
  padding: 0em 0.5em 1em 0.6em;  
  clear: left;
  } 
#header a, a:link, a:visited, a:focus {
   color: #FFFFFF;
   text-decoration: none;
}  
#header a:hover {
   color: #FFFFFF;
   text-decoration: underline;
}  
/* --------------- FOOTER --------------- */
 
#footer {
  margin: 0 auto -1.5em auto;
  clear: left;
  height: 18em;
  position:relative;
  border-top: 4px solid #5CA0D7;
  background: #E8F1F9;
    }
.footer-inner {  }
#footer h3 {
   font-weight: 100;
   font-family: Open Sans;
   font-size: 1.3em;
   color: #303030;
   float: left;
   margin: 0em 0 12px 0px;
   padding: 1em 0px 0px 0.5em;
  } 
#footer p {
  font-size: 0.95em;    
  line-height: 1.3em; 
  font-family: Open Sans;
  font-weight: 100; 
  color: #6C6C6C; 
  padding: 0em 0.5em 1em 0.6em;  
  clear: left;
  }  

#footer a, a:link, a:visited, a:focus {
   color: #6c6c6c;
   text-decoration: none;
}  
#footer a:hover {
   color: #6c6c6c;
   text-decoration: underline;
}  

#footer_left {  
  float: left;
  width: 32%;    
  display: inline;      
    }
#footer_middle {  
  float: left;
  width: 32%;    
  } 
#footer_right { 
  float: left;
  width: 32%;  
    }      
/*Gridelements*/
.element3cols30 { overflow:hidden;}
.col150, .col160, .col170{ width:31%; float:left; }
.col150 { margin-right:0.5%; margin-left: 0.8%;}
.col160{ margin-right: 0.3%; }
.col170 { margin-right: 1%; }

.element2cols { overflow:hidden; margin-top:0em; }
.col100, .col200{ width:48%; float:left; }
.col100 { margin-right:1%; }
.col200 { margin-left: 1%; }



.element3cols {
        overflow: hidden;
}
.element2col70-30head { overflow:hidden; margin-top:0em; }
.col800 { width:65%; float:left; padding: 0 0 0 0em }
.col810{ width:28%; float:left;margin: 0 0.5em 0 1.5em }

.element2cols_70_30 { overflow:hidden; margin-top:0em; }
.col120 { width:65%; float:left; padding: 0 0 0 0em }
.col130{ width:28%; float:left;margin: 0 0.5em 0 1.5em }
/* --------------- SPECIAL UMRANDUNGEN --------------- */

#c119, #c123, #c130, #c31, #c135, #c139, #c462, #c469, #c476, #c482, #c486, #c487 {
  margin: 0.2em 0 0 0;
  background-color: #333;
  text-align: center;
  color: #FECA66;
  padding: 0.5em 0.5em 0.5em 0.5em;
  border: #989898 0.17em solid;
  border-radius: 3px;
  width: 95%;
  height: auto;
  }
  
#c119, #c123, #c130, #131,#c135, #c139 #c462, #c469, #c476, #c482, #c486, #c487 p {
  color: #FECA66;
  }
/* --------------- SPECIAL AUFZÄHLUNGEN --------------- */
#c192,#c190,#c82,#c84,#c86,#c197,#c203 ul li,
#c38,#c27#c29#c31 ol li {
    list-style: disc;
    display: list-item;
    padding: 0.5em 0 0px 0px;
    margin: 0 0 0 30px;
    text-align: left;
    font-size: 0.95em;
    color: #FFF;
    } 

 /* --------------- TABLES --------------- */
.ce-table { width: 98%; max-width: 98%; font-size: 0.95em; color: #FFF; border: #f4f4f4 0.08em solid; margin-left: 0.5em; /*padding: 0em 0em 0em 1.5em;*/ }
.ce-table th, .ce-table td { padding: 0.5em 0.75em; vertical-align: top; }
.ce-table thead th { border-bottom: 2px solid #dadada; }
.ce-table th, .ce-table td { border-top: 0px solid #dadada; }
.ce-table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.05); }
.ce-table-bordered th, .ce-table-bordered td { border: 1px solid #dadada; }
	
@media only screen and (max-width: 19.999em) {
body {
  display: none;
     }
}

        
/* ----------------------------------------------------------------------------- *
 *                           Styles der Handyversion  (bis):                          *
 *                          600px / 16px/em = 37.5em                           *
 * ----------------------------------------------------------------------------- */
@media only screen and (max-width: 37.5em) {   
body {
background: #989898 url(schnitzwerk_bg_2.gif) repeat-x 0 0;
color: #475156;
  }
html {      
 background-color:transparent;
}
#wrapper {
     margin: 0 auto;
     max-width: 100%;  
  }    
#header {
   margin: 0 auto;
   background-color:transparent;
   padding: 0.5em 0 0 0;
   max-width: 100%;
   height: 9em;
   clear: both;
   position: relative;
   left: 0;
    }
#header h3 {
   color: #383838;
   font-size: 1em;
   line-height: 1.20em;
   font-weight: 100;
   margin: 0 0 0 0.87em;
   padding: 0 0 0 0;
}
#header p {
   color: #FFF; 
   font-size: 0.8em;
   line-height: 1.2em;
   font-weight: 200; 
   margin: 0 0 0 -0.2em;
   padding: 0.2em 0 0 -0.3em; 
}
#header img {
   position: relative;
   left: 0.5em;
}
 /*Special*/
 /*
#c10 .col100, #c10 .col200 { width:96%; float:none; }
#c10 .col100 { 
  margin-right:1%;
   }
#c10 .col200 {
 margin-left: 1%;
 position: relative;
 top: -6em;
  }  
#c12 {
position: relative;
top: 1.3em;
left: -3.0em;
}  
#c12 h3 {}
#c20 {
position: relative;
top: 1.0em;
left: -3.0em;
} 

#c12 .col100, #c12 .col200, #c20 .col100, #c20 .col200 {
 width:48%; float:left;
  }
#c12.csc-frame-frame1, #c20.csc-frame-frame2 {
 width:55%; 
  }  
  */
DIV.csc-frame-frame1 {
  width:50%; 
  background-color: transparent;
  margin: 0 0 0 10em ; 
  padding: 9px 0px 0px 3px; 
  border-radius: 5px;        
 }
DIV.csc-frame-frame2 {
  width: 55% ;
  background-color: #DFF2FD;
  margin: 0 0 0 10em ;
  padding: 4px 3px 4px 0px;    
  border-radius: 5px;
} 
#c280 {
  display: none;
}
#content { 
float: left;
color: #333;
margin: 4em 0 0 0em;
padding: 1.5em 0.4em 1em 0.5em;
width: 100%;
height:auto;
background-color: #666;
position: relative;
left: -0.5em;
/*background-color: transparent;*/
  }

#footer {
  margin: 0 auto 0em auto;
  max-width: 100%;
  clear: left;
  height: 45em;
  position:relative;
  border-top: 4px solid #383838;
  background: #F4F4F4;
    }      
.footer-inner {
  position: relative;
  left: 0em;  
  margin: 0 auto;
  padding: 0 0 0 0em;
} 
#footer img {
  padding-left: 0.5em
  }  
#footer_left {  
  float: left;
  width: 100%;    
  display: inline; 
   
    }
#footer_middle {  
  float: left;
  width: 100%; 
  border-top: 2px solid #5CA0D7;
  
  } 
#footer_right { 
  float: left;
  width: 100%;  
  border-top: 2px solid #5CA0D7;
    }  


#logo {}   
/* Navigation */
#navcontainer {
   display: none;
}
h1 {  
  
   
   padding: 2px 0px 0px 0.25em;
}	
h2 {	
   
   
   padding: 2px 0px 0px 0.25em;
}
h4 {  
  font-weight: 100;
  font-size: 1em;
  color: #FFFFFF;
  margin: 0em 0 0 0em;
  padding: 2px 0px 0px 0px; 
} 
h5 {  
  font-weight: 120;
  font-size: 1.20em;
  color: #C30000  ;
  margin: 1em 0 0 2.5em;
  padding: 2px 0px 0px 0px; 
}
  
/*Gridelements*/
.element3cols30 { overflow:hidden;}
.col150, .col160, .col170{ width:100%; float:left; }
.col150 { margin-right:0.5%; margin-left: 0.8%;}
.col160{ margin-right: 0.3%; }
.col170 { margin-right: 1%; }

.element3cols30empfehlung { overflow:hidden;}
.col250, .col260, .col270{ width:100%; float:left; height: 12em}
.col250 { margin:2em 0 0 6.5em;padding: 0 0 0 0 }
.col260{ margin: 0 0 0 4.5em;padding: 0 0 0 0 }
.col270 { margin: 0 0 0 3.5em; padding: 0em 0 0 0}

.element2cols { overflow:hidden; margin-top:0em; }
.col100, .col200{ width:95%; float:left; }
.col100 { padding:0em 0em 0 0.35em;}
.col200 { padding:0em 0em 0 0.35em;}

.element3cols {
        overflow: hidden;
}
.col300,
.col310,
.col320 {
        width: 98%;
        float: left;
}
.col300 {
        margin: 0% 1.5% 0.5% 0.5%;
		padding: 0% 1.5% 0.5% 0.5%;
           }
.col310 {
        padding: 0% 1.5% 0.5% 0.5%;
            }
.col320 {
        padding: 0% 1.5% 0.5% 0.5%;
        text-align: left;
} 

.element2cols_70_30 { overflow:hidden; margin-top:0em; }
.col120 { width:95%; float:left; padding:1% 1% 1% 1%; }
.col130{ width:95%; float:left;margin: 0 0.5em 0 0.22em }

.element2col70-30head { overflow:hidden; margin-top:0em; }
.col800 { width:100%; float:left; padding: 0 0 0 0em }
.col810{ width:100%; float:left;margin: 0 0.5em 0 1.5em }

/*.col120 img {width:98%; max-width:120%}

.ce-gallery img {vertical-align: middle; padding: 0.5em 0em 0em 0em}*/

.ce-gallery img {

    display: block;
	margin-top:0.35em;

}
} 


/* ----------------------------------------------------------------------------- *
 *                           Styles der Tabletversion                            *
 *                         ab 600px / 16px/em = 37.5em                           *
 * ----------------------------------------------------------------------------- */
@media only screen and (min-width: 37.5em) {
body {
background: #989898 url(schnitzwerk_bg_3.gif) repeat-x 0 0;
color: #475156;
  }
html {      
 background-color:transparent;
}
#wrapper {
     margin: 0 auto;
     max-width: 100%;	 
  }
#header {
   margin: 0 auto;
   background-color:transparent;
   padding: 0.5em 0 0 0 ;
   max-width: 100%;
   height: 9em;
   clear: both;
   position: relative;
   left: 0;
    }
#header h3 {
   color: #383838;
   font-size: 1.05em;
   line-height: 1.35em;
   font-weight: 100;
   margin: 0 0 0 0.4em;
   padding: 0 0 0 0;
}
#header p {
  color: #FFF;
  font-family: open sans;
  font-weight: 600;  
  font-size: 0.9em;
  line-height: 1.2em;
  font-weight: 100; 
  margin: 0 0 0 0.4em;
  padding: 0 0 0 -2em !important;
}
#header img {
  position: relative;
   left: 0.5em;
   top: 0.5em;
   width: 100%;
   height: auto;
    }    

 /*Special*/
 /*
#c10 .col100, #c10 .col200 { width:96%; float:none; }
#c10 .col100 { 
  margin-right:1%;
   }
#c10 .col200 {
 margin-left: 1%;
 position: relative;
 top: -6em;
  }  
#c12, #c20 {
position: relative;
top: -6.2em;
left: 14.35em;
}  
#c12 .col100, #c12 .col200, #c20 .col100, #c20 .col200 {
 width:48%; float:left;
  }
#c12.csc-frame-frame1, #c20.csc-frame-frame2 {
 width:28%; 
  }   
*/  
DIV.csc-frame-frame1 {
  width:50%; 
  background-color: #fff;
  margin: 0 0 0 10em ; 
  padding: 9px 0px 0px 3px; 
  border-radius: 5px;        
 }
DIV.csc-frame-frame2 {
  width: 50%;
  background-color: #DFF2FD;
  margin: 0 0 0 10em ;
  padding: 4px 3px 4px 0px;    
  border-radius: 5px;
}  
#content { 
float: left;
color: #333;
margin: 3em 0 0 1.5em;
padding: 1.5em 0.4em 1em 0.5em;
width: 100%;
background-color: #666;
position: relative;
left: -2em;
/*background-color: transparent;*/
  }
 
#content p { 
   padding: 0 0.4em 1em 0.5em;
   font-size: 0.95em;
  }
  
h1, h2 {  
  padding: 0 0 0 0.25em; 
}

#footer {
  margin: 0 auto 0em auto;
  max-width: 100%;
  clear: left;
  height: 45em;
  position:relative;
  border-top: 4px solid #383838;
  background: #F4F4F4;
    }      
.footer-inner {
  position: relative;
  left: 0em;  
  margin: 0 auto;
  padding: 0 0 0 0em;
} 
#footer img {
  padding-left: 0.5em
  }  
#footer_left {  
  float: left;
  width: 100%;    
  display: inline; 
   
    }
#footer_middle {  
  float: left;
  width: 100%; 
  border-top: 2px solid #5CA0D7;
  
  } 
#footer_right { 
  float: left;
  width: 100%;  
  border-top: 2px solid #5CA0D7;
    }  

#logo {}   
/* Navigation */
#navcontainer {
   display: none;
}

/*Gridelements*/
.element3cols30 { overflow:hidden;}
.col150, .col160, .col170{ width:31%; float:left; }
.col150 { margin-right:0.5%; margin-left: 0.8%;}
.col160{ margin-right: 0.3%; }
.col170 { margin-right: 1%; }

.element3cols30empfehlung { overflow:hidden;}
.col250, .col260, .col270{ width:29%; float:left; height: 12em}
.col250 { margin:1em 0 0 -1.5em;padding: 0 0 0 0 }
.col260{ margin: 1em 0 0 0;padding: 0.9em 0 0 0 }
.col270 { margin: 1em 0 0 0; padding: 1em 0 0 0}

.element2cols { overflow:hidden; margin-top:0em; }
.col100, .col200{ width:48%; float:left; }
.col100 { margin:1% 1% 1% 1%; }
.col200 { margin: 1% 1% 1% 1%; }

 .ce-gallery img {

    display: block;
	margin-top:0.35em;

}
.element2cols_70_30 { overflow:hidden; margin-top:0em; }
.col120 { width:95%; float:left; padding:1% 1% 1% 2%; }
.col130{ width:95%; float:left;margin: 0 0.5em 0 0.22em }

.element2col70-30head { overflow:hidden; margin-top:0em; }
.col800 { width:70%; float:left; padding: 0 0 0 0em }
.col810{ width:25%; float:left;margin: 0 0.5em 0 0em; padding-left:-2em; }
}
/* ----------------------------------------------------------------------------- *
 *                           Styles der Tabletversion                            *
 *                          ab 750px / 16px/em = 46.88em                         *
 * ----------------------------------------------------------------------------- */
@media only screen and (min-width: 46.88em) {
body {
background: #989898 url(schnitzwerk_bg_3.gif) repeat-x 0 0;
color: #475156;
  }
html {      
   background-color:#F3FAFE;
}
#header {
   margin: 0 auto;
   background-color:transparent;
   padding: -1em 0 0 0;
   max-width: 100%;
   height: 9em;
   clear: both;
   position: relative;
   left: 0;
    }
#header h3 {
   color: #383838;  
   font-size: 1.25em;
   line-height: 1.35em;
   font-weight: 100; 
   margin: 0 0 0 0.5em;
   padding: 0 0 0 0; 
}
#header p {
   color: #FFF; 
   font-size: 1em;
   line-height: 1.2em;
   font-weight: 100; 
   margin: 0 0 0 0.4em;
   padding: 1em 0 0 5px; 
}
#header img {
   position: relative;
   left: 0.5em;
}
 /*Special*/
 /*
#c10 .col100, #c10 .col200 { width:96%; float:none; }
#c10 .col100 { 
  margin-right:1%;
   }
#c10 .col200 {
 margin-left: 1%;
 position: relative;
 top: -6em;
  }  
#c12, #c20 {
position: relative;
top: -6.2em;
left: 20.8em;
}  
#c12 .col100, #c12 .col200, #c20 .col100, #c20 .col200 {
 width:48%; float:left;
  }
#c12.csc-frame-frame1, #c20.csc-frame-frame2 {
 width:25%; 
  }    
  */
DIV.csc-frame-frame1 {
   width:50%; 
   background-color: #fff;
   margin: 0 0 0 10em ; 
   padding: 9px 0px 0px 3px; 
   border-radius: 5px;        
 }
DIV.csc-frame-frame2 {
   width: 50%;
   background-color: #DFF2FD;
   margin: 0 0 0 10em ;
   padding: 4px 3px 4px 0px;    
   border-radius: 5px;
}  
#wrapper {
   margin: 0 auto;
   max-width: 100%;	 
  }  
#content { 
   float: left;
   color: #333;
   margin: 4em 0 0 1.5em;
   padding: 1.5em 0.4em 1em 0.5em;
   width: 100%;
   background-color: #666;	
   position: relative;
   left: -2em;
/*background-color: transparent;*/
  }
#content p { 

   padding: 0 0.4em 1em 0.5em;

  }
  
#footer {
   margin: 0 auto 0em auto;
   max-width: 100%;
   clear: left;
   height: 45em;
   position:relative;
   border-top: 4px solid #383838;
   background: #F4F4F4;
    }  
#footer img {
   padding-left: 0.5em
  }    
.footer-inner {
   position: relative;
   left: 0em;  
   margin: 0 auto;
   padding: 0 0 0 0em;
}  
#footer_left {  
   float: left;
   width: 100%;    
   display: inline; 
   
    }
#footer_middle {  
   float: left;
   width: 100%; 
   border-top: 2px solid #5CA0D7;
  
  } 
#footer_right { 
   float: left;
   width: 100%;  
   border-top: 2px solid #5CA0D7;
    }  

#logo {}   
/* Navigation */
#navcontainer {
   display: none;
}


/*Gridelements*/
.element3cols30 { overflow:hidden;}
.col150, .col160, .col170{ width:31%; float:left; }
.col150 { margin-right:0.5%; margin-left: 0.8%;}
.col160{ margin-right: 0.3%; }
.col170 { margin-right: 1%; }

.element3cols30empfehlung { overflow:hidden;}
.col250, .col260, .col270{ width:29%; float:left; height: 12em;}
.col250 { margin:0.5% 0 0 -0.5em;padding: 0 0 0 0 }
.col260{ margin: 0 0 0 0;padding: 0.9em 0 0 0 }
.col270 { margin: 1% 0 0 0.3em; padding: 1em 0 0 0}

.element2cols { overflow:hidden; margin-top:0em; }
.col100, .col200{ width:48%; float:left; }
.col100 { margin-right:1%; }
.col200 { margin-left: 1%; }

.ce-gallery figure {

   display: table;
   margin: 0;
   width:95%;

}
.element2col70-30head { overflow:hidden; margin-top:0em; }
.col800 { width:68%; float:left; padding: 0 0 0 0em }
.col810{ width:28%; float:left;margin: 0 0.5em 0 0em}
}
/* ----------------------------------------------------------------------------- *
 *                           Styles der Tabletversion                            *
 *                          ab 980px / 16px/em = 61.25em                           *
 * ----------------------------------------------------------------------------- */
@media only screen and (min-width: 61.25em) {
body {
   background: #FFF url(schnitzwerk_bg_2.gif) repeat-x 0 0;
   color: #475156;
  }
html {      
   background-color:#F3FAFE;
}  
#wrapper {
     margin: 0 auto;
     max-width: 100%;	 
  }  
#header {
   margin: 0 auto;
   background-color:transparent;
   padding: 1.2em 0 0 0;
   max-width: 61.25em;
   height: 9em;
   clear: both;
   position: relative;
   left: 0;
    }
#header h3 {
   color: #383838;  
   font-size: 1.25em;
   line-height: 1.35em;
   font-weight: 100; 
   margin: 0 0 0 0;
   padding: 0 0 0 0; 
}
#header p {
   color: #FFF; 
   font-size: 1em;
   line-height: 1.2em;
   font-weight: 100; 
   margin: 0 0 0 0;
   padding: 0 0 0 0px; 
}
#header img {
   position: relative;
   left: 0.0em;
}
 /*Special*/

DIV.csc-frame-frame1 {
   width:50%; 
   background-color: #fff;
   margin: 0 0 0 10em ; 
   padding: 9px 0px 0px 3px; 
   border-radius: 5px;        
 }
DIV.csc-frame-frame2 {
   width: 50%;
   background-color: #DFF2FD;
   margin: 0 0 0 10em ;
   padding: 4px 3px 4px 0px;    
   border-radius: 5px;
}
#kopfcontainer {
   position: relative;
   left: 0px;      
   top: -240px;
   width: 100%;
   margin: 0 auto -9em auto;
   text-align: center;
}
#navBackground {
   background-color:transparent;
   height: 2.7em;
   position: relative;
   margin: 0em 0 0 0em;
   left: 0em;
   width: 100%;
}
#content { 
   float: left;
   color: #333;
   margin: -0.3em 0 0 0em;
   padding: 0.5em 0 1em 1em;
   width: 100%;
   background-color: #666;	 
   position: relative;
   left: 0em;
/*background-color: transparent;*/
  } 
 
#content p { 
   padding: 0 0.4em 1em 0.5em;
   font-size: 0.95em;
}
  

h1, h2 {  
   padding: 0 0 0 0.25em; 
}
#footer {
   margin: 0 auto 0em auto;
   max-width: 100%;
   clear: left;
   height: 18em;
   position:relative;
   border-top: 4px solid #383838;
   background: #F4F4F4;
    }   
.footer-inner {
   max-width: 100%;
   position: relative;
   left: 0em;
   margin: 0 auto;
}    
#footer_left {  
   float: left;
   width: 32%;    
   display: inline;      
    }
#footer_middle {  
   float: left;
   width: 32%;  
   border-top: 2px solid transparent;  
  } 
#footer_right { 
   float: left;
   width: 32%;  
   border-top: 2px solid transparent; 
    }
  
.flexslider .slides img {
   display: block;
   margin: 0 0em 0 0;
   padding: 0 0em 0 0;
   max-width: 100%;
} 
/* Navigation */
#navcontainer {
   margin: -1.35em auto 3em auto !important;
   padding: -1.5em 0 0 0;
   float: left;
   height: 3em;
   display: block;
   list-style-type: none;
   width: 95%;
   position: relative;
   top: -3.13em;
   left: 1em;
   font-size: 0.90em;
}
#navcontainer ul {
   border: 0;
   margin: 0;
   padding: 0;
   list-style-type: none;
   text-align: left;  
   display: inline;     
}
#navcontainer ul li {
   margin: 0 0.0em;
   padding: 0.5em 0 0.4em 0.0em !important;
   float: left;
   height: auto;
   display: block;
   list-style-type: none;
   position: relative;
   top: 0.5em;
   left: 0.3em;
}
#navcontainer ul li a {
   background: transparent;
   height: 2.5em;
   padding: 6px 6px 6px 6px;
   margin: 0px 0 0px 0;
   color: #444;
   font-size: 1.1em; 
   line-height: 1.05em;
   text-transform: uppercase;
   text-decoration: none;
}
#navcontainer ul li a:hover {
   color: #4C4C4C;
   background: transparent;
   text-decoration:underline;  
}
#navcontainer ul li a.navi-active {
   color: #4C4C4C;  
   background: transparent; 
}
#navcontainer ul li ul {
   background: #FFF4DF;
   border: 1px solid #333;
}
#navcontainer ul li ul li {
   padding: 0.3em 0.4em 0.3em 0.3em !important;
   margin: 0 0 0 0;
   float: none;
}
#navcontainer ul li ul li a {
   padding: 0 0 0 0;
   margin: 0 0 0 0;
   font-size: 0.9em;  
}
.nav, .nav ul {list-style: none;margin: 0;padding: 0;}
.nav {z-index: 100;position: relative;}
.nav li {float: left;margin: 0;padding: 0;position: relative;}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited  {
   color: #383838;
   font-weight: 100;
   text-decoration: none;
   padding: 6px 20px;
   font-size: 1.1em;
   text-decoration: none;
      }
.nav li a:hover {
   background: transparent;
   color: #000;  
   text-decoration: underline;
}
.nav li.last a {
   border: none!important;
}
#nav-one li:hover a, 
#nav-one li.sfHover a {
  background: transparent;
  text-decoration: none;  
}

#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {
  font-size: 0.9em;
  text-decoration: none;
  padding:0;  
  position: relative;
  top: -0.3em;
}
#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {
  font-size: 0.9em;
  text-decoration: underline;
  padding:0;
}
.nav ul {
  list-style: none;
  margin: 0 0 0 0.8em !important;
  padding: 0 0 0.6em 0 !important;
  position: absolute;
  top: -999em;
  left: 0; 
  width: 100%;
  border-radius: 5px; 
}
.nav li:hover ul,
.nav li.sfHover ul {
  top: 32px;
  width: 14em; 
  white-space: pre;
}
.nav ul li {
  border: 0;
  float: none;
}
.nav ul a  { white-space: normal; padding-right: 20px ;}
.nav ul a:hover {
  background: transparent;
  color: #000;
    }
	/*Gridelements*/
.element3cols30 { overflow:hidden;}
.col150, .col160, .col170{ width:31%; float:left; }
.col150 { margin-right:0.5%; margin-left: 0.8%;}
.col160{ margin-right: 0.3%; }
.col170 { margin-right: 1%; }

.element3cols30empfehlung { overflow:hidden;}
.col250, .col260, .col270{ width:29%; float:left; height: 12em}
.col250 { margin:0.5% 0 0 2em;padding: 0 0 0 0 }
.col260{ margin: 0.3% 0 0 0;padding: 0.9em 0 0 0 }
.col270 { margin: 1% 0 0 1em; padding: 1em 0 0 0}

.element2cols { overflow:hidden; margin-top:0em; }
.col100, .col200{ width:48%; float:left; }
.col100 { margin-right:1%; }
.col200 { margin-left: 1%; }

.element2cols_70_30 { overflow:hidden; margin-top:0em; }
.col120 { width:65%; float:left; padding: 0 0 0 0em }
.col130{ width:28%; float:left;margin: 0 0.5em 0 1.5em }

.element2col70-30head { overflow:hidden; margin-top:0em; }
.col800 { width:68%; float:left; padding: 0 0 0 0em }
.col810{ width:28%; float:left;margin: 0 0.5em 0 1.5em }
}
/* ----------------------------------------------------------------------------- *
 *                          Styles für Desktops ab:                              *
 *                           1180px / 16px/em = 73.75em                          *
 * ----------------------------------------------------------------------------- */
@media only screen and (min-width: 73.75em) {  
body {
background: #989898 url(schnitzwerk_bg_2.gif) repeat-x 0 0;
color: #475156;
  }
html {      
 background-color:#F3FAFE;
}
#wrapper {
     margin: 0 auto;
     max-width: 73.75em;   
  } 
#header {
   margin: 0 auto ;
   background-color:transparent;
   padding: 0.35em 0 0 0;
   max-width: 73.75em;
   height: 9em;
   clear: both;
   position: relative;
   left: 0;
   bottom:0em;
   z-index:200;
    }
.tipp {
  color: #383838;  
  font-size: 1.25em;
  line-height: 1.35em;
  font-weight: 100; 
  margin: 0 0 0 0;
  padding: 0 0 0 0; 
}
 article {
  color: #383838;  
  font-size: 1.20em;
  line-height: 1.35em;
  font-weight: 100; 
  /*border: 1px solid #5BA0D7;*/
  margin: 0 0 0 0;
  padding: 0 0 0 0; 
}
#header h3 {
  color: #383838;  
  font-size: 1.25em;
  line-height: 1.35em;
  font-weight: 100; 
  margin: 0 0 0 0;
  padding: 0 0 0 0; 
}
#header p {
  color: #FFF; 
  font-size: 0.9em;
  line-height: 1.2em;
  font-weight: 100; 
  margin: 0 0 0 0;
  padding: 1em 0 0 0px; 
}
#header img {
  position: relative;
  left: 0.0em;
}

DIV.csc-frame-frame1 {
  width:50%; 
  background-color: #fff;
  margin: 0 0 0 14em ; 
  padding: 9px 0px 0px 3px; 
  border-radius: 5px;        
 }
DIV.csc-frame-frame2 {
   width: 50%;
   background-color: #DFF2FD;
   margin: 0 0 0 14em ;
   padding: 4px 3px 4px 0px;    
   border-radius: 5px;
}
#kopfcontainer {
    position: relative;
    left: 0px;      
    top: -240px;
    width: 1180px;
    margin: 0 auto -9em auto;
    text-align: center;
}
#navBackground {
   background-color:transparent;
   height: 2.7em;
   position: relative;
   margin: 0.0em 0 0 0em;
   left: 9.1em;
   width: 70%;
}
#content { 
   float: left;
   color: #FFF;
   margin: 0em 0 -4.9em 0em;
   padding: 0.3em 2em 1em 1em;
   width: 100%;
   background-color: #666;	
   position: relative;
   left: 0em;
   z-index:10;
  } 

#content p { 
  padding: 0 0.4em 1em 0.5em;
  font-size: 0.95em;
}
  

h1, h2 {  
  padding: 0 0 0 0.25em; 
}
#footer {
   margin: 0 auto 0em auto;
   max-width: 100%;
   clear: left;
   height: 18em;
   position:relative;
   border-top: 4px solid #383838;
   background: #F4F4F4;
    } 
.footer-inner {
   max-width: 73.75em;
   position: relative;
   left: 0em;
   margin: 0 auto;
}   
#footer img {
   padding-left: 0.5em
  }
#footer_left {  
   float: left;
   width: 32%;    
   display: inline;      
    }
#footer_middle {  
   float: left;
   width: 32%;  
   border-top: 2px solid transparent;  
  } 
#footer_right { 
   float: left;
   width: 32%;  
   border-top: 2px solid transparent; 
    }    



/* Navigation */
#navcontainer {
   margin: 0em auto 2.5em auto !important;
   padding: -0.5em 0 0.8em 0.4em;
   float: left;
   height: 3em;
   display: block;
   list-style-type: none;
   width: 100%;
   position: relative;
   top: -3.35em; 
   left: -0.3em;   
   font-size: 1em;
   z-index:200;
  
}
#navcontainer ul {
  border: 0;
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: left;  
  display: inline;     
}
#navcontainer ul li {
  margin: 0 0.4em;
  padding: 0.5em 0 0.4em 0.5em !important;
  float: left;
  height: auto;
  display: block;
  list-style-type: none;  
  position: relative;
  top: 0.5em;
  left: 0.3em;
}
#navcontainer ul li a {
  background: transparent;
  height: 2.5em;
  padding: 6px 6px 6px 6px;
  margin: 0px 0 0px 0;
  color: #444444;
  font-size: 1.15em;
  font-family: Open Sans; 
  font-weight: 100;  
  line-height: 1.05em;
  text-transform: uppercase;
  text-decoration: none;
}
#navcontainer ul li a:hover {
  color: #4C4C4C;
  background: transparent;
  text-decoration:underline;  
}
#navcontainer ul li a.navi-active {
  color: #4C4C4C;  
  background: transparent; 
}
#navcontainer ul li ul {
background: #FFF4DF;
border: 1px solid #333;
}
#navcontainer ul li ul li {
  padding: 0.3em 0.4em 0.3em 0.3em !important;
  margin: 0 0 0 0;
  float: none;
}
#navcontainer ul li ul li a {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  font-size: 0.9em;  
}
.nav, .nav ul {list-style: none;margin: 0;padding: 0;}
.nav {z-index: 1000;position: relative;}
.nav li {float: left;margin: 0;padding: 0;position: relative;}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited  {
 color: #383838;
 font-weight: bold;
 text-decoration: none;
 padding: 6px 20px;
 font-size: 1.1em;
 text-decoration: none;
      }
.nav li a:hover {
  background: transparent;
  color: #000;  
  text-decoration: underline;
}
.nav li.last a {
  border: none!important;
}
#nav-one li:hover a, 
#nav-one li.sfHover a {
  background: transparent;
  text-decoration: none;  
}

#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {
  font-size: 0.9em;
  text-decoration: none;
  padding:0;  
  position: relative;
  top: -0.3em;
}
#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {
  font-size: 0.9em;
  text-decoration: underline;
  padding:0;
}
.nav ul {
  list-style: none;
  margin: 0 0 0 0.8em !important;
  padding: 0 0 0.6em 0 !important;
  position: absolute;
  top: -999em;
  left: 0; 
  width: 100%;
  border-radius: 3px; 
}
.nav li:hover ul,
.nav li.sfHover ul {
  top: 32px;
  width: 14.5em; 
  white-space: pre;
}
.nav ul li {
  border: 0;
  float: none;
}
.nav ul a  { white-space: normal; padding-right: 20px ;}
.nav ul a:hover {
  background: transparent;
  color: #000;
    } 

/*Gridelements*/
.element3cols30 { overflow:hidden;}
.col150, .col160, .col170{ width:31%; float:left; height: 18em}
.col150 { margin-right:0.5%; margin-left: 0.8%;}
.col160{ margin-right: 0.3%; }
.col170 { margin-right: 1%; }

.element3cols30empfehlung { overflow:hidden;}
.col250, .col260, .col270{ width:29%; float:left; height: 12em; margin:0 0 0 0em;}
.col250 { margin:2.5em 0 0 2.5em;padding: 0 0 0 0 }
.col260{ margin: 2.05em 0 0 0em;padding: 0.9em 0 0 0 }
.col270 { margin: 2.5em 0 0 1em; padding: 1em 0 0 0}

.element2cols { overflow:hidden; margin-top:0em; }
.col100, .col200{ width:48%; float:left; }
.col100 { margin-right:1%; }
.col200 { margin-left: 1%; }

.col300,
.col310,
.col320 {
        width: 30%;
        float: left;
}
.col300 {
        margin-left: 0.5%;
           }
.col310 {
        margin-left: 3%;
            }
.col320 {
        margin-left: 3.5%;
        text-align: left;
} 
.element2cols_70_30 { overflow:hidden; margin-top:0em; }
.col120 { width:65%; float:left; padding: 0 0 0 0em }
.col130{ width:28%; float:left;margin: 0 0.5em 0 1.5em }

.element2col70-30head { overflow:hidden; margin-top:0em; }
.col800 { width:65%; float:left; padding: 0 0 0 0em }
.col810{ width:28%; float:left;margin: 0 0.5em 0 1.5em }
}