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

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

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

.site_pad2 {
	padding:  2% 2% 1% 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.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:180%;
list-style-type: none;
}	

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'); 
}
}
#anstrich_weiss{
	list-style-image:url('../images/design/punkt_transparentpng'); 
}

li.anstrich_weiss{
	list-style-image:url('../images/design/punkt_transparent.png'); 
}
li.anstrich_rot{
	background-image: url('../images/design/rot-punkt_kl.png'); 
	background-repeat: no-repeat;
	background-position: 0 0.2em;
	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_666{background-color: #666;}
.bgr_7a7a7a{background-color: #7a7a7a;}
.bgr_eaebed { background-color:#eaebed;}
.blau { color:#0000ff; font-weight:bold;}
.hellblau { background-color:#d9ffff;}
.bgr_beige { background-color:#faf3e6;}
.bgr_fbf9d2 { background-color:#fbf9d2;}
.schrift_orange { color:#ffcb97; font-weight:bold;}

.bgr_sellyApps {
background-image: url('../images/funktionsicons/sellyApps_200x200_30.png');
background-repeat: no-repeat;
background-attachment:scroll;
background-position: center center;
}	


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