/*Allgemein*/
body {	
		background: url("../images/spiegelwald-apotheke-hg.jpg") no-repeat center center fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		min-height:100%;
		font-size:100%;
		margin:0;
		padding:0;
		font-family:Helvetica, sans-serif;
		height:100%;
		text-align:center;
		color:#000000;
	 }

a {text-decoration:none;
border:0px solid white;}

b{font-weight:bold;}
/*On Top Bar*/

#menubar {	
	background: #000000;
	background: -moz-linear-gradient(top,  #676767 0%, #000000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#676767), color-stop(100%,#000000));
	background: -webkit-linear-gradient(top,  #676767 0%,#000000 100%);
	background: -o-linear-gradient(top,  #676767 0%,#000000 100%);
	background: -ms-linear-gradient(top,  #676767 0%,#000000 100%);
	background: linear-gradient(top,  #676767 0%,#000000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#676767', endColorstr='#000000',GradientType=0 );
	box-shadow: 0px 2px 5px black;
	height:40px;
	z-index:100;
	border:0px solid black;
	margin-top:0px;
	width:100%;
	text-align:right;
	padding:auto;
	position:absolute;
		}


#kopfleiste {	
		margin:auto;
		width:90%;
		border:0px solid black;
		}

#logo {	float:left;
		text-align:left;
		border:0px solid white;
		font-family:Helvetica;
		font-weight:bold;
		padding-top:0.8em;
		width:60%;
		}

.logo:link {color:white;
			font-weight:bold;
			
		margin-right:2%;}
.logo:hover {color:white;}
.logo:visited {color:white;}
.logo:active {color:white;}
.logo:focused {color:white;}

.kopf:link {color:white;
			font-weight:normal;
			
		margin-right:2%;}
.kopf:hover {color:white;}
.kopf:visited {color:white;}
.kopf:active {color:white;}
.kopf:focused {color:white;}
		
#kopf{box-shadow: 0px 2px 5px black;
z-index:90;}
		
#infoline {float:right;
		border:0px solid white;
		font-family:Helvetica;
		font-weight:bold;
		font-size:1em;
		padding-top:0.8em;
		color:white;
		width:40%;
		}


/*Navigation*/

#menuenav {display:block;
	width:100%;
	text-align:right;
	padding:auto;
	position:relative;
	z-index:2;
}

#menu{margin:auto;
	width:90%;
	border:0px solid black;
	}


#menu ul{ 
	list-style-type:none;
	padding:0;
	margin:0;
	}

#menu > ul > li{
	font-weight:bold;
	font-size:1.2em;
	padding-right:2%;
	padding-left:2%;
	padding-top:1%;
	padding-bottom:1%;
	float:right; 
	text-align:center;
	margin-left:2%;
	box-shadow: 0px 2px 5px black;
	background: #6f0000;
	background: -moz-linear-gradient(top,  #6f0000 0%, #ee0000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6f0000), color-stop(100%,#ee0000));
	background: -webkit-linear-gradient(top,  #6f0000 0%,#ee0000 100%);
	background: -o-linear-gradient(top,  #6f0000 0%,#ee0000 100%);
	background: -ms-linear-gradient(top,  #6f0000 0%,#ee0000 100%);
	background: linear-gradient(top,  #6f0000 0%,#ee0000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f0000', endColorstr='#ee0000',GradientType=0 );
	
	}


	
#menu > ul > li > a{
	color:white;
	}

	
#menu > ul > li  > a:visited{
	color:white;
	}


#menu > ul > li  > a:hover{
	color:black;
	}




#mobil {display:none;
	width:100%;
	position:relative;
	z-index:2;
}

#smartmenu{
	width:100%;
	border:0px solid black;
	}


#smartmenu ul{ 
	list-style-type:none;
	padding:0;
	margin:0;
	}

#smartmenu > ul > li{
	font-weight:bold;
	font-size:100%;
	padding-right:2%;
	padding-left:2%;
	padding-top:2%;
	padding-bottom:2%;
	text-align:center;
	box-shadow: 0px 2px 5px black;
	background: #6f0000;
	background: -moz-linear-gradient(top,  #6f0000 0%, #ee0000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6f0000), color-stop(100%,#ee0000));
	background: -webkit-linear-gradient(top,  #6f0000 0%,#ee0000 100%);
	background: -o-linear-gradient(top,  #6f0000 0%,#ee0000 100%);
	background: -ms-linear-gradient(top,  #6f0000 0%,#ee0000 100%);
	background: linear-gradient(top,  #6f0000 0%,#ee0000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f0000', endColorstr='#ee0000',GradientType=0 );	
	}

#smartmenu > ul > li > a{
	color:white;
}





/*Content Area*/
#main-underground {
	width:100%;
	padding:0em;
	border:0px solid black;
	z-index:1;
	height:auto;
	min-height:800px;
	}
	
#kopf {
	position:relative;
	padding-top:40px;
	width:100%;
	border:0px solid black;
	z-index:20;
	
	}
#kopf img{
	width:100%;
	height:auto;
	border:0px solid black;
	
	}

	
#inhalt {
	border:0px solid blue;
	width:90%;
	height:auto;
	margin:auto;
	margin-top:5%;
	text-align:left;
	line-height:1.5em;
	font-size:1em;
	}

.logo {width:35%;
margin-bottom:3%;}

.bild {width:50%;
float:right;
margin-left:3%;
margin-bottom:2%;
box-shadow: 0px 2px 5px black;
}




.monatsprodukt {
	width:100%;
	
box-shadow: 0px 2px 5px black;
	}


.klein {width:10%;
float:left;
margin-right:3%;
margin-bottom:2%;
margin-top:5px;
}


table{margin-top:0px;
text-align:left;
width:45%;}

h2 {font-size:1.2em;
font-weight:bold;
line-height:0em;}
	
a.red:link {color:#6f0000;
font-weight:bold;}

a.red:visited {color:#6f0000;
font-weight:bold;}

a.red:hover {color:#ee0000;
font-weight:bold;}
	
#footer-sign{
	position:relative;
	float:left;
	color:white;
	border:0px solid white;
	text-align:left; 
	margin-right:5%;
	z-index:120;
	line-height:1.5em;
	padding-top:1%;
	}
	
#footer-bild{
	position:relative;

	height:auto;
	float:left;
	border:0px solid white;
	z-index:200;
	padding-top:1%;
	margin-right:3%;}

#footer-bild img{
	width:100%;
	}
.widmer{
	width:7%;}	
.linda{
	width:4%;
	}	

.payback{
	width:10%;
	margin-right:5%;
	}	
	
#footer-linie{
	position:absolute;
	background: #000000;
	background: -moz-linear-gradient(top,  #676767 0%, #000000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#676767), color-stop(100%,#000000));
	background: -webkit-linear-gradient(top,  #676767 0%,#000000 100%);
	background: -o-linear-gradient(top,  #676767 0%,#000000 100%);
	background: -ms-linear-gradient(top,  #676767 0%,#000000 100%);
	background: linear-gradient(top,  #676767 0%,#000000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#676767', endColorstr='#000000',GradientType=0 );
	width:100%;
	min-height:11%;
	margin-bottom:0px;
	z-index:100;
	}
	

.cc_container .cc_btn {
background-color: #e60100 !important; /* Farbe des Buttons */
color: white !important; /* Textfarbe des Buttons */
}
 
.cc_container {
background: #191919 !important; /* Hintergrundfarbe des gesamten Bereichs */
color: #ffffff !important; /* Schriftfarbe des gesamten Bereichs */
}
 
.cc_container a {
color: #e60100 !important; /* Textlink-Farbe "Mehr Infos" */
}





/*Mobile Style*/

@media screen and (max-width:1340px) {
	#logo {	
		width:70%;
		}
	
	#infoline {
		width:30%;
		}
	
	.logo{width:50%;}

}

@media screen and (max-width:1085px) {
	
	#inhalt{margin-top:10%;}
	
	#logo {	
		font-size:0.8em;
		}
	
	#infoline {
		font-size:0.8em;
		}
		
	#footer-sign{
		margin-right:5%;
		font-size:0.8em;
	}
	
	table{width:50%;}
	
}
	




@media screen and (max-width:895px) {
	
	#infoline {	
		width:100%;
		}
	
	#logo {
		display:none;
		}
	
	.logo{width:80%;
		margin-bottom:20px;}
	
	.bild{width:100%;
		clear:right;
		margin-left:0%;
		margin-bottom:5%;
		box-shadow: 0px 2px 5px black;
		}
	
	#footer-sign{
		display:none;
	}
	
	#footer-bild{
		display:none;
		}
	#footer-linie{
		min-height:20px;
		}
	#menu > ul > li{
	
	padding-right:3%;
	padding-left:3%;
	padding-top:2%;
	padding-bottom:2%;
	font-size:0.9em;}
	
	table{width:90%;}
	
	h2{line-height:1.5em;}

	.klein{width:20%;
	margin-top:20px;}



@media screen and (max-width:567px) {
	
	.logo{width:100%;
			margin-bottom:20px;}
			
	.bild{margin-bottom:50px;}
		
#kopf {
	padding-top:20px;
	}

#mobil{display:block;}

#menuenav{display:none;}
	#menubar{height:20px;
	}
	
	#logo {	
		display:none;
		}
	
	#infoline {
		display:none;
		}
table{width:100%;}



}