body {
	margin: 0;
	padding: 0;
	text-shadow: unset;
	 background-color:white;>	

}


#page {
	max-width: 1000px;
	margin:0 auto;
}



#header {
	padding: 0 3.125%;
/*	background-color: transparent;*/
	background:rgba(255,255,255,0.3);
}

.hcenter { text-align: center;}
.hright { text-align: right;}
.hjustify { text-align:justify; }
.vmiddle{ vertical-align:middle;}
.vtop{ vertical-align:top;}
.vbottom { vertical-align:bottom; }
.underline { text-decoration:underline;}
.lineheight { line-height:180% }
.lineheight215 { line-height:215% }
.top_balken { background-image: url('../images/navigation/top_balken.png'); background-repeat: no-repeat; width: 1200px; height: 100px;	}

	
.quelle {
	font-size: 9pt; 
	font-weight: 400;
	}


.p5t {	padding-top:5px;}
.p5b { padding-bottom:5px;}
.p10l10r { padding-left:10px; padding-right:10px;}
.p10r {	padding-right:10px;}
.p10l {	padding-left:10px;}
.p10t {	padding-top:10px;}
.p10b { padding-bottom:10px;}
.p15l { padding-left:15px;}
.p15r { padding-right:15px;}
.p15b { padding-bottom:15px;}			
.p15t { padding-top:15px;}				
.p15t15b { padding-top:15px; padding-bottom:15px;}	
.p15l15r { padding-left:15px; padding-right:15px;}
.p15b { padding-bottom:15px;}		
.p20l20r { padding-left:20px; padding-right:20px;}
.p20t20b { padding-top:20px; padding-bottom:20px;}
.p20r {	padding-right:20px;}
.p20t {	padding-top:20px;}
.p20b { padding-bottom:20px;}
.p20l {	padding-left:20px;}
.p4l4r { padding-left:4px; padding-right:4px;}	
.p40l40r { padding-left:40px; padding-right:40px;}	
.p30l30r { padding-left:30px; padding-right:30px;}	
.p30l { padding-left:30px; }
.p30r {	padding-right:30px;}
.p30t { padding-top:30px; }
.p30b {	padding-bottom:30px;}
.p40r {	padding-right:40px;}
.p40l {	padding-left:40px;}
.p40b {	padding-bottom:40px;}
.p40t {	padding-top:40px;}	
.p50l50r { padding-left:50px; padding-right:50px;}	
.p50l {	padding-left:50px;}
.p50r {	padding-right:50px;}
.p60l60r { padding-left:60px; padding-right:60px;}	
.p50t {	padding-top:50px;}
.p50b {	padding-bottom:50px;}
.p60r {	padding-right:60px;}
.p60t {	padding-top:60px;}
.p80l {	padding-left:71px;}
.p90l {	padding-left:95px;}

	
.red {color:#dc0000;}


	
.site_pad2 {
	padding:  2%;
}
		
.site_pad1 {
	padding:  1%;
}
.biggest { font-size:180.667%; font-weight:bold; }
.page_header {
				height: 101px; max-height: 101px; overflow: hidden;
			}
.page_head_logo {
				margin: 30px 0 0 30px; float: left;
			}
.page_head_navi {
				text-align:right;
				margin-top: 3em;
				margin-right: 3em;
				max-height : 1em;
			}
.page_head_navi a {
				display:inline-block;
				margin-right: 1em;
			} 

/* Listen*/
.ul_links{
	padding: 2%;
}

li.anstrich_haken_rot {
background-image: url(../images/design/anstrich_haken_rot.png);
background-repeat: no-repeat;
background-position: 0 0.3em;
list-style-position:outside;
text-decoration: none;
padding-left: 45px;
margin-left:0px;
line-height:260%;
list-style-type: none;
}	
	

.smaller {
		font-size:smaller;
		}

.header {font-family: Open Sans Condensed, Verdana; font-size:31px;font-weight: bold; color:white;}
.gruen{ color:#b6db64;}
.white {color: white;
		text-shadow:none;}

.black {color: black;}

.rahmen_rechts{border-right: 0.08em #ccc dotted;}
.rahmen_links{border-left: 0.08em #ccc dotted;}
.bgr_f4f4f4{background-color: #f4f4f4;}
.bgr_teaser { background-color: #f8f9f8;}
.bgr_fad2d4 { background-color: #fad2d4;}
.bgr_white{background-color: #fff;}
.bgr_666{background-color: #666;}
.bgr_7a7a7a{background-color: #7a7a7a;}
.bgr_eaebed { background-color:#eaebed;}

.bgr_fbf9d2 { background-color:#fbf9d2;}



/* Trennung*/
h1,h2,h3,h4,h5,h6,p, ul, li {
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

h1.none,h2.none,h3.none,h4.none,h5.none,h6.none,p.none, ul.none, li.none, ol.none {
	-ms-hyphens:none;
	-moz-hyphens: none;
	-webkit-hyphens: none;
	hyphens: none;
}


.empty {
	height:4px;
	padding:0px;
	clear:both;
}
 

#icon_navi{
	
	padding-left:8%;
	padding-top: 4%;
	padding-bottom:4%;
}


 @font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src:	local('Open Sans Light'), 
  		local('OpenSans-Light');
  src:	url('../scripte/fonts/OpenSans/OpenSans-Light-webfont.eot'); 
  src:	url('../scripte/fonts/OpenSans/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
  		url("../scripte/fonts/OpenSans/OpenSans-Light-webfont.woff") format('woff'),
  		url("../scripte/fonts/OpenSans/OpenSans-Light-webfont.ttf") format('truetype'),
  		url("../scripte/fonts/OpenSans/OpenSans-Light-webfont.svg#OpenSansLight") format('svg');
} 
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src:	local('Open Sans'), 
  		local('OpenSans');
  src:  url("../scripte/fonts/OpenSans/OpenSans-Regular-webfont.eot");
  src:	url("../scripte/fonts/OpenSans/OpenSans-Regular-webfont.eot?#iefix") format('embedded-opentype'),
  		url("../scripte/fonts/OpenSans/OpenSans-Regular-webfont.woff") format('woff'),
  		url("../scripte/fonts/OpenSans/OpenSans-Regular-webfont.ttf") format('truetype'),
  		url("../scripte/fonts/OpenSans/OpenSans-Regular-webfont.svg#OpenSansRegular") format('svg');
  
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src:	local('Open Sans Bold'), 
  		local('OpenSans-Bold');
  src:	url("../scripte/fonts/OpenSans/OpenSans-Bold-webfont.eot");  		
  src:	url("../scripte/fonts/OpenSans/OpenSans-Bold-webfont.eot?#iefix") format('embedded-opentype'),
  		url("../scripte/fonts/OpenSans/OpenSans-Bold-webfont.woff") format('woff'),
  		url("../scripte/fonts/OpenSans/OpenSans-Bold-webfont.ttf") format('ttf'),
  		url("../scripte/fonts/OpenSans/OpenSans-Bold-webfont.svg#OpenSansBold") format('svg');
}
 

img {
	max-width: 100%;
	height: auto;
	width:auto;
}
	.qlt_box {
		  position:relative;
		}
				
	.toollink {
		height: 3em;
		}
	
		
	.qlt_box a#tools {
		position:absolute; 
		 bottom: 1em;
	 	 right: 1em; 
	
		}
		
		.qlt_box a#tools2 {
		position:absolute; 
		 bottom: 1em;
	 	 right: 30%; 
	
		}
		
input {
    overflow: visible;
}
button, input, optgroup, select, textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}
*, ::after, ::before {
    box-sizing: inherit;
}	
		
   @media screen and ( max-width: 980px )  {
    .color_on_small {
		  	background-color:white;
	  } 
	 .border_on_small {
	 	border-bottom-style: solid; border-bottom-width: 4px; border-color:#dcdcdc;
		  	background-color:white;
	  }
	}
   
	    @media screen and ( max-width: 760px )  {
	      .linearize-level-1,
	      .linearize-level-1 > [class*="ym-g"] {
	        display: block;
	        float: none;
	        padding: 0;
	        margin: 0;
	        width: 100% !important;
	      }
	      .linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"] {
	        overflow: hidden; 
	        padding: 0;
	        margin: 0;
	      }
	      
	      .logo_header {
			text-align:center;
		  }
		  
		  .logo_header > img {
			margin: 1em 0;
		   }
		  .hide_on_small {
		  	display:none !important;
		  }
		
		.top_on_small {
		  	 margin-top: 12em;
			text-align:left;
			margin-left:30px;
		  }
						  
		.to_small {
		
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;

		  }
}	
 
	

@media screen and ( max-width: 580px ) {
	
	.page_head_navi {
	margin-top: 5.3em;
	text-align:left;
	margin-left:30px;
	}
	
}
@media screen,projection{
.ym-column{display:table;width:100%}
.ym-col1{float:left;width:20%;}
.ym-col2{float:right;width:20%;}
.ym-col3{width:auto;margin:0 20%;}
.ym-cbox{padding:0 10px}
.ym-cbox-left{padding:0 10px 0 0}
.ym-cbox-right{padding:0 0 0 10px;}
.ym-ie-clearing{display:none}
.ym-grid{display:table;width:100%;table-layout:fixed;list-style-type:none;padding-left:0;padding-right:0;margin-left:0;margin-right:0;}
.ym-gl{float:left;margin:0}
.ym-gr{float:right;margin:0 0 0 -5px}
.ym-g5{width:5%}
.ym-g10{width:10%;}
.ym-g12{width:12%;}
.ym-g13{width:13.5%;}
.ym-g15{width:15%;}
.ym-g16{width:17%;}
.ym-g18{width:18%;}
.ym-g20{width:20%}
.ym-g25{width:25%}
.ym-g28{width:28%}
.ym-g30{width:30%}
.ym-g33{width:33.333%}
.ym-g38{width:38.2%}
.ym-g40{width:40%}
.ym-g45{width:45%}
.ym-g50{width:50%}
.ym-g55{width:55%}
.ym-g60{width:60%}
.ym-g62{width:61.8%}
.ym-g66{width:66.666%}
.ym-g70{width:70%}
.ym-g72{width:72%}
.ym-g75{width:75%}
.ym-g80{width:80%}
.ym-g85{width:85%}
.ym-g90{width:90%}