/* SPECIAL RESPONSIVE */
body {
	font: 0.8em/1.4 Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #000;
	background-image: url(../images/sonnenschutz-hintergrund02.jpg);
	background-attachment: fixed; background-size: contain;}
/* SPECIAL RESPONSIVE END */
	
	
/* 
body {
	font: 0.8em/1.4 Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #000;
	background-image: url(../images/sonnenschutz-hintergrund02.jpg);
	background-attachment: fixed;
}
*/


/* ~~ Element-/Tag-Selektoren ~~ */
ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 15px; 
}
hr {
	padding-right: 15px;
	padding-left: 15px; color:#CCC}

/* Typography. */
h1{ color: #f49500;}
h2{ color: #a39271;}
h4{ color: #ccbba1;}

.firstletter{ color: #f49500;}


a img {border: none;}
a:link {
	color: #42413C; text-decoration: underline; }
a:visited {
	color: #6E6C64;
	text-decoration: underline;}
a:hover, a:active, a:focus { 
	text-decoration: none;}
	
/* SPECIAL RESPONSIVE */	
.container {
	width: 98%;
	padding-top: 24px;
	background-color: #FFFFFF;
	margin: 0 auto; 
}
header {
	background-color: #ADB96E;
	width: 98%;
	float: left;
	overflow: hidden;}

/* SPECIAL RESPONSIVE */	
#headliner {
	text-align:left;
	padding-left: 25px;
	font-size: 0.55em;
	color: #c5b59f;
	margin-left: 8px;
	height: 16px;
	padding-bottom: 10px;}
/* SPECIAL RESPONSIVE END */	
	
#heading {
	background-color: #fff;} 
	
#heading img {max-width: 100%;height:auto;width: auto; /* ie 8 */}
	
/* SPECIAL RESPONSIVE END */

/* SPECIAL RESPONSIVE */	
/* 	float: left; */
.sidebar1 {
	width: 98%;
	padding-bottom: 10px;
	
	z-index: 100;
	top: 0px;
	position: absolute;
	} /**/
/* SPECIAL RESPONSIVE END */	
	
/* SPECIAL RESPONSIVE */
/* 	float: right; */
.content {
	padding: 10px 0;
	width: 100%; /**/
	color: #a09381;
	font-size:0.9em;}
/* SPECIAL RESPONSIVE END */	

/* SPECIAL RESPONSIVE RIGHT COLUM */
#aaaside {
/* 	float: left; */
	margin-top: 0px;
	font-size: 0.8em;
	clear: both;}

#aside {
	background-color: #EADCAE;
	color: #7f6139;
	padding: 10px;
	margin-top: 10px;}
	
/* SPECIAL RESPONSIVE END */

#aside-furter{
	background-color: #c6a54d;
	text-decoration: none;
	font-weight:bold;
	width: 130px;
	padding: 4px;
	margin-left: 65px;
	margin-top: -10px;}
#aside-furter a:{
	text-decoration: none;
	padding-left: 4px;}
	
/* SPECIAL RESPONSIVE */
#bside {
	background-color: #EADCAE;
	padding: 10px;
	margin-top: 30px;
	color: #7f6139;
	float: right;
	z-index: 3;}
/* SPECIAL RESPONSIVE END */
	
#cside {
	padding: 10px;
	margin-top: 20px;
	float: left;}
	
#cside img {max-width: 100%;height:auto;width: 100px; /* ie 8 */}
	
	
#bside li{background: url(../images/white-squarelonger.gif) no-repeat 4px; padding-left: 24px;
list-style:none;}

.content ul, .content ol {
	padding: 0 15px 15px 40px;}

ul.navi {
	list-style: none;
	border-top: 1px solid #f2e3c8; 
	margin-bottom: 15px;
	font-size: 0.8em;}
ul.navi li {
	border-bottom: 1px solid #fff;}

/* SPECIAL RESPONSIVE */
ul.navi a, ul.navi a:visited { 
	padding: 5px 5px 5px 15px;
	display: block; 
	width: 180px;  
	text-decoration: none;
	background-color: #dacbaf;}
/* SPECIAL RESPONSIVE END */

ul.navi a:hover, ul.navi a:focus { 
	color: #FFF;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
ul.navi a:active, 
{	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');}

/* ~~ Eigene Liste fuer List-Style Color ~~ */
ul.navi .order{
	color:#00F;
}

 /* Untermenue. */
ul.navi2 {background-color: #e2d2b5;}
ul.navi2 li {
	border-bottom: 0px;
	color: fff;
	line-height:1em;
	list-style:none;}
ul.navi2 li a{background: url(../images/white-squarelonger.gif) no-repeat 4px; padding-left:}
.eingerueckt{
	margin-left: 15px;}

/* Trennung. */
ul.navi2 li.last {
	border-bottom: 1px solid #fff;
}



/* ~~ Fußzeile ~~ */
footer {
	text-align: center;
	padding: 4px 0;
	font-style:normal;
	background-color: #CCC49F;
	position: relative;
	clear: both; /* Diese "clear"-Eigenschaft ermöglicht es dem .container-Block, das Ende der Spalten zu erkennen und sie korrekt zu umschließen. */
}


.fltrt {  
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

header, section, footer, aside, article, figure {
	display: block;
}

/* Footer Daten*/
footer{ font-size: 0.8em;
font-family:Arial, Helvetica, sans-serif; color:#777;
background-color: #fff;
padding-left: 20px;}
footer a:{ text-decoration: none;}
footer span{ text-decoration: none;}
footer span a:{ text-decoration: none;}
	
adress{
	float:left;
}
/* Spalten Links und Rechts */
#spalte_links{
	float:left;
	width: 230px;
	padding-left: 16px;
}
#spalte_rechts{
	float:right;
	width: 230px;
	padding-left: 16px;
}

smlpc {
	float: right;
	padding: 20px;
	border: #0F0;
	}

/* Jquery Einklappen */
.clickable{cursor:pointer;font-weight:bold;color:#f88e11;}
.box {display: none}
.clickable2{cursor:pointer;font-weight:bold;color:#f88e11;}
.box2 {display: none}
.clickable3{cursor:pointer;font-weight:bold;color:#f88e11;}
.box3 {display: none}
.clickable4{cursor:pointer;font-weight:bold;color:#f88e11;}
.box4 {display: none}
.clickable5{cursor:pointer;font-weight:bold;color:#f88e11;}
.box5 {display: none}
.clickable6{cursor:pointer;font-weight:bold;color:#f88e11;}
.box6 {display: none}
.clickable7{cursor:pointer;font-weight:bold;color:#f88e11;}
.box7 {display: none}
.clickable8{cursor:pointer;font-weight:bold;color:#f88e11;}
.box8 {display: none}
.clickable9{cursor:pointer;font-weight:bold;color:#f88e11;}
.box9 {display: none}

/* Mini */
#minimenue{ display: inline;}

#minimenue ul li{ display: inline;
list-style:none; list-style-image:none;}

/* SPECIAL RESPONSIVE */
/* BILDER */
img {max-width: 100%;height:auto;width: auto; /* ie 8 */}

body {background-color: #0FF;}

/* SPECIAL RESPONSIVE TABLE */	
table {margin-left: -10px; font-size: 0.6em; width: 100%;}
/* SPECIAL RESPONSIVE TABLE END */

/* SPECIAL RESPONSIVE ICONS */	
#produkte td{
	background-image:url(../images/bendesign-verlauf2.jpg); background-size:contain;
	line-height: 0.7em;
	width: 56px;
	height: 36px;
	max-width: 56px;
	text-align:center;
	color: #000;
	padding-bottom: 10px;}
.icon01      {width:56px; height:36px; background-size: 100%;}
.icon02      {width:56px; height:36px; background-size: 100%;}
.icon03      {width:56px; height:36px; background-size: 100%;}
.icon04      {width:56px; height:36px; background-size: 100%;}
.icon05      {width:56px; height:36px; background-size: 100%;}
.icon06      {width:56px; height:36px; background-size: 100%;}
.icon07      {width:56px; height:36px; background-size: 100%;}
.icon08      {width:56px; height:36px; background-size: 100%;}
.icon09      {width:56px; height:36px; background-size: 100%;}

/* SPECIAL RESPONSIVE ICONS END */































.nav { display: none;}




/* TEST MOBILE MENUE*/
.block {
position: relative;
margin: 0 auto;
padding: 1.5em;}
.close-btn {
display: block;
width: 2.625em;
height: 2.25em;
padding: 0;
border: 0;
outline: none;
background: #dacbaf url("../images/bendesign-navi-mini-icon-close.gif") left center no-repeat;
background-size: 1.875em 1.875em;
overflow: hidden;
white-space: nowrap;
text-indent: 100%;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.no-svg .close-btn {background-image: url("../images/bendesign-navi-mini-icon-close.gif");}
.close-btn:focus, .close-btn:hover {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity: 1;}
.nav-btn {
  display: block;
  height: 2.25em;
  padding: 0;
  border: 0;
  outline: none;
  background: #dacbaf url("../images/bendesign-navi-mini-icon.gif") left center no-repeat;
  background-size: 1.875em 1.5em;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.no-svg .nav-btn {background-image: url("../images/bendesign-navi-mini-icon.gif");}
.nav-btn:hover, .nav-btn:focus {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;}
#naveraz {z-index: 200;
position: relative;
overflow: hidden;
width: 98%;
color: #fff;}
#naveraz .close-btn {display: none;}
#naveraz .block {
z-index: 2;
position: relative;
padding: 0.75em 1.25em;
background: #dacbaf;}
#naveraz ul {*zoom: 1; display: block;}
#naveraz ul:before, #nav ul:after {content: ""; display: table;}
#naveraz ul:after {clear: both;}
#naveraz li {display: block; }
#naveraz li a {
display: block;
color: #fff;
font-size: 0.875em;
line-height: 1.28571em;
font-weight: bold;
outline: none;}
#naveraz li a:focus, #naveraz li a:hover {color: #fff; background-color: #F90;}
#naveraz li.is-active a {color: #F90; background-color: #FFF;}

#top {z-index: 100; position: relative; 
color: #fff; background: #dacbaf; margin-top: -0.5em; width: 100%;}
#top .block-title {margin: 0; font-size: 1.875em; line-height: 1.2em;
text-align: center; white-space: nowrap;}
#top .nav-btn {position: absolute; top: 0.5em; left: 1.875em;}



/* @media screen and (max-width: 45em) */
@media screen and (max-width: 480px) {
#naveraz {position: absolute; top: 0; padding-top: 2em;}
#naveraz:not(:target) {z-index: 1; height: 0;}
#naveraz:target .close-btn {display: block;}
#naveraz .close-btn {position: absolute; top: -27px; left: 1.875em;}
#naveraz .block {position: relative; padding: 0; }
	
#naveraz li {position: relative;border-top: 1px solid rgba(255, 255, 255, 0.3); }
#naveraz li:last-child {border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
#naveraz li.is-active:after {z-index: 50;
display: block;
content: "";
position: absolute;
top: 50%;
right: -0.03125em;
margin-top: -0.625em;
border-top: 0.625em transparent solid;
border-bottom: 0.625em transparent solid;
border-right: 0.625em white solid;}
#naveraz li a {padding: 0.85714em 2.14286em; text-decoration:none;}

ul, ol {padding: 0; list-style: none; list-style-type: none;}
}


 /* Untermenue. */
ul.nav2 {background-color: #e2d2b5;}
ul.nav2 li {
	border-bottom: 0px;
	color: fff;
	line-height:1em;
	list-style:none;}
ul.nav2 li a{background: url(../images/white-squarelonger.gif) no-repeat 12px; padding-left:}
.eingerueckt{
	margin-left: 17px;}