@charset "utf-8";
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;}
	
/* ~~ 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;
}
.container {
	width: 960px;
	padding-top: 24px;
	background-color: #FFFFFF;
	margin: 0 auto; 
}
header {
	background-color: #ADB96E;
	width: 742px;
	float: left;}

#headliner {
	text-align:left;
	padding-left: 25px;
	font-size: 0.8em;
	color: #c5b59f;
	margin-left: 222px;
	height: 16px;
	}
#heading {
	background-color: #fff;
	width: 742px;
	height: 196px;
}

.sidebar1 {
	float: left;
	width: 220px;
	padding-bottom: 10px;
}
.content {
	padding: 10px 0;
	width: 520px;
	float: left;
	color: #a09381;
}
#aaaside {
	float: right;
	width: 218px;
	margin-top: -100px;
}
#aside {
	background-color: #EADCAE;
	color: #7f6139;
	padding: 10px;}

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

#bside {
	background-color: #EADCAE;
	padding: 10px;
	margin-top: 60px;
	color: #7f6139;}
	
#cside {
	padding: 10px;
	margin-top: 20px;
}
	
	
#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.nav {
	list-style: none;
	border-top: 1px solid #f2e3c8; 
	margin-bottom: 15px;
}
ul.nav li {
	border-bottom: 1px solid #fff;
}
ul.nav a, ul.nav a:visited { 
	padding: 5px 5px 5px 15px;
	display: block; 
	width: 200px;  
	text-decoration: none;
	background-color: #dacbaf;
}
ul.nav a:hover, ul.nav 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.nav 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.nav .order{
	color:#00F;
}

 /* 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 4px; padding-left:}
.eingerueckt{
	margin-left: 15px;}

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



/* ~~ Fußzeile ~~ */
footer {
	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.9em;
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;}





/* VERDECKT MOBILE MENUE */
.close-btn {display: none;}
#nav-open-btn {display: none;}