@charset "utf-8";

/*HTML*/
html { 
/*HINTERGRUNDBILD
*/
background: url(img/hg_titel.jpg) no-repeat left top fixed;
background-color: #FFFFDD;
}

/*BODY: SCHRIFTART; OVERFLOW*/
body {
	/*SCHRIFT*/
/*	font-family: Futura, Verdana, Sans-Serif;*/
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	color:#906;
	font-size:15px;	
	/*OVERFLOW*/
	overflow-y: hidden;
	overflow-x: hidden;
}

/*LINKS WENN NICHT SPEZIELL FORMATIERT*/
a:link    { color:#906; text-decoration:underline; }
a:visited { color:#906; text-decoration:underline; }
a:hover   { color:#906; text-decoration:underline; }
a:active  { color:#906; text-decoration:underline; }

/*BILDER RUNDE ECKEN*/
img {
-moz-border-radius:8px; /* Firefox */
-webkit-border-radius:8px; /* Safari, Chrome */
-khtml-border-radius:8px; /* Konqueror */
border-radius:8px; /* CSS3 */
}

/*ÜBERSCHRIFTEN: H1, H2, H3*/
h1 { 
font-size:1.6em;
font-weight:bold;
text-align:center;
}

h2 { 
font-size:1.2em;
font-weight:bold;
text-align:center;
}

h3 { 
font-size:1em;
font-weight:bold;
}

/*AB HIER SPEZIFISCHE ID/CLASS			# = ID = einmalig			. = CLASS = mehrmalig */

/*FENSTER: SICHTBARER BEREICH, UMFASST ALLES*/
#fenster { 
}

/*MENU 1*/
#menu1 {
	position:absolute;
	top:35px; /*vorher 10 */
	left:250px;
	right:0px;
	height: 40px;
	background-color: #FF8;

background: -moz-linear-gradient(left,  rgba(255,255,136,0) 0%, rgba(255,255,136,1) 50%, rgba(255,255,136,1) 80%, rgba(255,255,136,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,136,0)), color-stop(50%,rgba(255,255,136,1)), color-stop(80%,rgba(255,255,136,1)), color-stop(100%,rgba(255,255,136,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(255,255,136,0) 0%,rgba(255,255,136,1) 50%,rgba(255,255,136,1) 80%,rgba(255,255,136,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(255,255,136,0) 0%,rgba(255,255,136,1) 50%,rgba(255,255,136,1) 80%,rgba(255,255,136,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(255,255,136,0) 0%,rgba(255,255,136,1) 50%,rgba(255,255,136,1) 80%,rgba(255,255,136,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(255,255,136,0) 0%,rgba(255,255,136,1) 50%,rgba(255,255,136,1) 80%,rgba(255,255,136,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffff88', endColorstr='#00ffff88',GradientType=1 ); /* IE6-9 */

	opacity:1;
	margin:0px 0px 0px 0px; /*TRBL*/
	padding:15px 5px 0px 5px; /*TRBL*/	
	font-size:20px;
	text-align:center;
	display:inline;
	float:left;
}
		a.button_m1 { 
				display:inline;
				margin:0px 5px 0px 5px; /*TRBL*/
				padding:12px 5px 10px 5px; /*TRBL*/
				text-decoration:none;
				border-radius:3px; /* CSS3 */
				background: url(img/venus10.png) no-repeat center center ;
				background-size: contain; 
	}
		a.button_m1:link    { color:#FFB3E7; background-color:#FFD; } /*FC9 */
		a.button_m1:visited { color:#FFB3E7; background-color:#FFD; }
		a.button_m1:hover   { color:#906; background-color:#FFD; }
		a.button_m1:active  { color:#906; background-color:#FFD; }

		a.button_m1_a { 
				display:inline;
				margin:0px 5px 0px 5px; /*TRBL*/
				padding:12px 5px 15px 5px; /*TRBL*/
				text-decoration:none;
				border-top-left-radius:3px; /* CSS3 */
				border-top-right-radius:3px; /* CSS3 */
				background: url(img/venus25.png) no-repeat center center ;
				background-size: contain; 
		}
		a.button_m1_a:link    { color:#906; background-color:#FFD; }
		a.button_m1_a:visited { color:#906; background-color:#FFD; }
		a.button_m1_a:hover   { color:#906; background-color:#FFD; }
		a.button_m1_a:active  { color:#906; background-color:#FFD; }


/*MENU 2*/
#menu2 {
	width: 100%;
	position:absolute;
	height: 40px;
	background-color: #B26BFF;
	opacity:0.6;
	margin:75px 0px 0px -8px; /*TRBL*/
	padding:15px 5px 0px 5px; /*TRBL*/	
	font-size:20px;
	text-align:center;
	display:inline;
	float:left;
}
		a.button_m2_b { 
				display:inline;
				margin:0px 6px 0px 7px; /*TRBL*/
				padding:0px 5px 0px 5px; /*TRBL*/
				color:#dde8c9;
				opacity:0;
				text-decoration:none;
					-moz-border-radius:8px; /* Firefox */
					-webkit-border-radius:8px; /* Safari, Chrome */
					-khtml-border-radius:8px; /* Konqueror */
					border-radius:8px; /* CSS3 */
		}
		a.button_m2 { 
				display:inline;
				margin:0px 5px 0px 5px; /*TRBL*/
				padding:0px 5px 0px 5px; /*TRBL*/
				text-decoration:none;
					-moz-border-radius:8px; /* Firefox */
					-webkit-border-radius:8px; /* Safari, Chrome */
					-khtml-border-radius:8px; /* Konqueror */
					border-radius:8px; /* CSS3 */
		}
		a.button_m2:link    { color:#555; background-color:#B26BFF; }
		a.button_m2:visited { color:#555; background-color:#B26BFF; }
		a.button_m2:hover   { color:#FFF; background-color:#B26BFF; }
		a.button_m2:active  { color:#FFF; background-color:#B26BFF; }
		
		a.button_m2_a { 
				display:inline;
				margin:0px 5px 0px 5px; /*TRBL*/
				padding:0px 5px 0px 5px; /*TRBL*/
				text-decoration:none;
					-moz-border-radius:8px; /* Firefox */
					-webkit-border-radius:8px; /* Safari, Chrome */
					-khtml-border-radius:8px; /* Konqueror */
					border-radius:8px; /* CSS3 */
		}
		a.button_m2_a:link    { color:#FFF; background-color:#B26BFF; }
		a.button_m2_a:visited { color:#FFF; background-color:#B26BFF; }
		a.button_m2_a:hover   { color:#FFF; background-color:#B26BFF; }
		a.button_m2_a:active  { color:#FFF; background-color:#B26BFF; }

/*Menu 3*/
#menu3 {
	width: 100%;
	position:absolute;
	height: 40px;
	background-color: #B26BFF;
	opacity:0.6;
	margin:75px 0px 0px -8px; /*TRBL*/
	padding:15px 5px 0px 5px; /*TRBL*/	
	font-size:20px;
	text-align:center;
	display:inline;
	float:left;
}
		a.button_m3 { 
				display:inline;
				margin:0px 5px 0px 5px; /*TRBL*/
				padding:0px 5px 0px 5px; /*TRBL*/
				text-decoration:none;
					-moz-border-radius:8px; /* Firefox */
					-webkit-border-radius:8px; /* Safari, Chrome */
					-khtml-border-radius:8px; /* Konqueror */
					border-radius:8px; /* CSS3 */
		}
		a.button_m3:link    { color:#FFF; background-color:#B26BFF; }
		a.button_m3:visited { color:#FFF; background-color:#B26BFF; }
		a.button_m3:hover   { color:#FFF; background-color:#B26BFF; }
		a.button_m3:active  { color:#FFF; background-color:#B26BFF; }
		
		a.button_m3_a { 
				display:inline;
				margin:0px 5px 0px 5px; /*TRBL*/
				padding:0px 5px 0px 5px; /*TRBL*/
				text-decoration:none;
					-moz-border-radius:8px; /* Firefox */
					-webkit-border-radius:8px; /* Safari, Chrome */
					-khtml-border-radius:8px; /* Konqueror */
					border-radius:8px; /* CSS3 */
		}
		a.button_m3_a:link    { color:#FFF; background-color:#B26BFF; }
		a.button_m3_a:visited { color:#FFF; background-color:#B26BFF; }
		a.button_m3_a:hover   { color:#FFF; background-color:#B26BFF; }
		a.button_m3_a:active  { color:#FFF; background-color:#B26BFF; }

/*Menu 4*/
#menu4 {
	position:absolute;
	bottom:10px;
	left:0px;
	right:0px;
	height: 40px;
	background-color: #FFDDAA;
	opacity:0.6;
	margin:0px 0px 0px 0px; /*TRBL*/
	padding:15px 5px 0px 5px; /*TRBL*/	
	font-size:20px;
	text-align:center;
	display:inline;
	float:left;
}
		a.button_m4 { 
				display:inline;
				margin:0px 5px 0px 5px; /*TRBL*/
				padding:12px 5px 12px 5px; /*TRBL*/
				text-decoration:none;
				border-radius:3px; /* CSS3 */
		}
		a.button_m4:link    { color:#555; background-color:#FFD; }
		a.button_m4:visited { color:#555; background-color:#FFD; }
		a.button_m4:hover   { color:#000; background-color:#FFD; }
		a.button_m4:active  { color:#000; background-color:#FFD; }
		
		a.button_m4_a { 
				display:inline;
				margin:0px 5px 0px 5px; /*TRBL*/
				padding:15px 5px 12px 5px; /*TRBL*/
				text-decoration:none;
				border-bottom-left-radius:3px; /* CSS3 */
				border-bottom-right-radius:3px; /* CSS3 */

		}
		a.button_m4_a:link    { color:#000; background-color:#FFD; }
		a.button_m4_a:visited { color:#000; background-color:#FFD; }
		a.button_m4_a:hover   { color:#000; background-color:#FFD; }
		a.button_m4_a:active  { color:#000; background-color:#FFD; }

/*INHALT*/
#inhalt {
	position:absolute;
	top:100px;
	left:250px;
	right:0px;
	bottom:0px;
	background-color: #FFDDDD;

background: -moz-linear-gradient(left,  rgba(255,255,136,0) 0%, rgba(255,255,136,1) 50%, rgba(255,255,136,1) 80%, rgba(255,255,136,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,136,0)), color-stop(50%,rgba(255,255,136,1)), color-stop(80%,rgba(255,255,136,1)), color-stop(100%,rgba(255,255,136,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(255,255,136,0) 0%,rgba(255,255,136,1) 50%,rgba(255,255,136,1) 80%,rgba(255,255,136,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(255,255,136,0) 0%,rgba(255,255,136,1) 50%,rgba(255,255,136,1) 80%,rgba(255,255,136,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(255,255,136,0) 0%,rgba(255,255,136,1) 50%,rgba(255,255,136,1) 80%,rgba(255,255,136,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(255,255,136,0) 0%,rgba(255,255,136,1) 50%,rgba(255,255,136,1) 80%,rgba(255,255,136,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffff88', endColorstr='#00ffff88',GradientType=1 ); /* IE6-9 */

	opacity:1;
	margin: 0px 0px 0px 0px; /*TRBL*/
	padding:15px 10% 0px 10%; /*TRBL*/	
	text-align:justify;
	display:inline;
	z-index:900;
	overflow:auto;
}

/*FOOTER*/
#footer {
	left:0px;
	right:0px;
	bottom:0;
	
	border-top-style:solid;;
	border-top-width:5px;
	border-top-color:#F00;
	
	background-color:#555;

	padding:2px 0px 2px 13px; /*TRBL*/
	position:fixed;	
	z-index: 8;
	color:#F00;
	}
	
		a.footer:link    { color:#F00; text-decoration:none; }
		a.footer:visited { color:#F00; text-decoration:none; }
		a.footer:hover   { color:#F00; text-decoration:none; }
		a.footer:active  { color:#F00; text-decoration:none; }
		
/*UL LIST SITEMAP*/
.sitemap {
margin:10px 100px 0px 100px; /*TRBL*/
text-align:left;
width:200px; /*NUTZBARE BREITE*/ /*vorher: 275*/
}

/*SHOP*/
.shop_titel {
position:relative;
width:80%;
padding: 3px 3px 3px 3px;
margin: 0px 3px -1px 3px;
border-style:solid;;
border-width:1px;
border-color:#F00;
display:inline-block;
text-align:center;
color:#F00;
font-weight:bold;
font-size:14px;
}
.shop_text {
position:relative;
width:80%;
padding: 3px 3px 3px 3px;
margin: 0px 3px 0px 3px;
border-style:solid;;
border-width:1px;
border-color:#F00;
display:inline-block;
text-align:left;
}
.shop_opt {
position:relative;
width:80%;
padding: 3px 3px 3px 3px;
margin: 0px 3px 0px 7px;
border-left-style:solid;;
border-left-width:1px;
border-left-color:#F00;
border-right-style:solid;;
border-right-width:1px;
border-right-color:#F00;
display:inline-block;
text-align:center;
background: #FFF url(img/indiv.jpg) no-repeat 10px center;
}
.shop_cart {
position:relative;
width:80%;
padding: 3px 3px 3px 3px;
margin: -1px 3px 10px 3px;
border-style:solid;;
border-width:1px;
border-color:#F00;
display:inline-block;
text-align:center;
}

.shop_img1 {
height:150px;
-moz-border-radius:8px; /* Firefox */
-webkit-border-radius:8px; /* Safari, Chrome */
-khtml-border-radius:8px; /* Konqueror */
border-radius:8px; /* CSS3 */
margin: 2px 10px 2px 2px; /*TRBL*/
vertical-align:top;
float:left;
}

.shop_img2 {
height:150px;
-moz-border-radius:8px; /* Firefox */
-webkit-border-radius:8px; /* Safari, Chrome */
-khtml-border-radius:8px; /* Konqueror */
border-radius:8px; /* CSS3 */
margin: 2px 2px 2px 10px; /*TRBL*/
vertical-align:top;
float:right;
}

.txt_hinweis {
position:relative;
width:80%;
padding: 3px;
margin: 3px;
border-style:solid;;
border-width:1px;
border-color:#F00;
display:inline-block;
text-align:center;
}
		
/*FLOAT AUFHEBEN*/
.clearfix:after{
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}