body {
	margin: 0;
	padding: 0;
	text-shadow: unset;
	

}


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



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


.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%;
}

#navi li {
	display: inline; 
	float:none;
	margin: 0 10px 0 0;
	}
	
#linkeListe, #rechteListe, #mitteListe  {
		background-image: url("../../images/design/rot-punkt_kl.png");
		background-repeat: no-repeat;
		background-position: 0 0.4em;
		list-style-type: none;
		width: auto;
		margin-left:15px;  
		padding-left:8px;  
		float:left;  
	}  
#linkeListe2, #rechteListe2, #mitteListe2  {
		background-repeat: no-repeat;
		list-style-type: none;
		width: auto;
		padding-top: 2px;
		padding-bottom: 2px;
		margin-left: 35px;  
		padding-left:8px;  
		float:left;  
	}  
	
li.gruen_ok {
background-image: url("../../images/design/punkt_gruen_ok.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;
}

li.gruen_ok18 {
background-image: url("../../images/design/punkt_gruen_ok18.png");
background-repeat: no-repeat;
background-position: 0 0.4em;
list-style-position:outside;
text-decoration: none;
padding-left: 25px;
margin-left:0px;
line-height:240%;

list-style-type: none;
}

li.gruen_ok18_1 {
background-image: url("../../images/design/punkt_gruen_ok18.png");
background-repeat: no-repeat;
background-position: 0 0.4em;
list-style-position:inside;
text-decoration: none;
padding-left: 25px;
margin-left:110px;
line-height:220%;
list-style-type: none;
}

#gruen_ok{
	list-style-image:url('../../images/design/Punkt_gruen_ok.png'); list-style-position:outside; 
}
#anstrich_rot{
	list-style-image:url('../../images/design/rot-punkt_kl.png'); 
}

li.anstrich_rot{
	background-image: url('../../images/design/rot-punkt_kl.png'); 
background-repeat: no-repeat;
background-position: 0 0.4em;
list-style-position:inside;
text-decoration: none;
padding-left: 15px;
margin-left:10px;
line-height:160%;
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_orange{background-color: #eb7511;}
.bgr_orangelight{background-color: #ffe2c5;}
.bgr_orangedark{background-color: #683300;}
.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%;
}

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%; 
}



 @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');
}
 

		
		
@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;
	}
		
    .border_on_small_orange {
	 	border-bottom-style: solid; border-bottom-width: 4px; border-color:#dcdcdc;
	}
}

@media screen and ( max-width: 760px )  {
	.hide_on_small {
	  	display:none !important;
	}


  .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;
   }

.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;
	}
	
}