/*con-mg.de - Michael Schwark

   Technischer Ansprechpartner für diese Seite:	Michael Schwark
   														0173.1537821
														michael.schwark@googlemail.com */

@charset "UTF-8";									 /* UTF8-Zeichensatz aktivieren */

body {												 /* Body-Design definieren mit Verlaufsbild */
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 19px;
padding:0px;
margin:0px;
overflow:visible;
background-color: #215b28;
background-image:url(grafik/content.jpg);
background-repeat:repeat-x;

}

h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 130%;
	color: #215b28;
	padding-top: 5px;
	padding-bottom: 5px;
}

img {												 /* Bilder im IE ohne Rahmen darstellen */
border: 0px;
border-radius: 10px;
}

a img {												/* verlinkte Bilder im IE ohne Rahmen darstellen */
border: 0px;
border-radius: 10px;
}


#geschenk{
	margin-left:150px;
}

#box {												/* Box, in der Content, Navi und Gallerie liegt, Hintergrundbild definieren, feste Höhe und Breite */
	    width:800px;
		margin-top: 20px;
	    background-image:url(grafik/div.jpg);
		background-position:bottom;
	    height: 600px;
}

#box img {												/* Box, in der Content, Navi und Gallerie liegt, Hintergrundbild definieren, feste Höhe und Breite */
border-radius: 25px;
}


#ct {	                                           /* Header in Contentbereich links in der Box */
text-align:left;
color:#a9b991;
font-size:150%;
font-weight:200;
letter-spacing: 0.3pt;
padding-bottom: 10px;
}

#contentbox {									   /* die komplette Textbox*/
float:left;
margin-left: 4%;
margin-top: 34%;
text-align:left;
color:#005903;
line-height: 1.5;
font-size:75%;
font-weight:lighter;
width: 330px;
letter-spacing: 0.2pt;
}

#contentbox a {
color:#2c3c24;
font-size:111%;
font-weight:lighter;
letter-spacing: 0.2pt;
text-decoration:underline;
letter-spacing: 0.3pt;
}

#contentbox a:hover {
color:#2c3c88;
font-weight:200;
letter-spacing: 0.3pt;
}

#main {											 /* das Menü */
float:right;
margin-top: 9%;
margin-right: 2%;
font-size:90%;
text-align:left;
color:#1d1d1d;
}

#main a {
color:#1d1d1d;
text-decoration:none;
}

#main a:hover{
color:#9fb185;
cursor:pointer;
}

#main a#active{
color:#9fb185;
cursor:pointer;
}

#slideshow {
color:#1d1d1d;
text-align:left;
padding-bottom:20px;
}

#slideshow img {
border-radius: 10px;
}

#slideshow a {
color:#333;
text-decoration:none;
font-size: 75%;
font-weight:lighter;
font-style:italic;
}

#slideshow a:hover {
color:#333;
text-decoration:underline;
cursor:pointer;
}

#hidebox {
visibility:hidden;
}

#footer {
margin-top:20px;
margin-left:-150px;
height:450px;
background-image:url(grafik/footer.jpg);
background-repeat:repeat-x;
}

#footerbox {
padding-top:5px;
width:800px;
text-align:left;
}

#footerbox a {
color:#2c3c24;
text-decoration:none;
font-size: 65%;
}

#footerbox a:hover {
color:#2c3c24;
}

#footerbox a#aktiv {
color:#a8b88f;
}

#bb { position:absolute; right:12%; top:18%; font-family:Georgia, "Times New Roman", Times, serif; font-size:70%; color:#333;}


td, th {
	border-collapse:collapse;
	border-spacing:0px;
	padding-left: 35px;
	height:22px;
	text-wrap:none;
}

.tablehead {
color:#a9b997; 
font-size: 65%; 
letter-spacing: 1px;
}

.tablehead2 {
color:#b4ba85; 
font-size: 65%; 
letter-spacing: 1px;
}

dl {line-height:1.2em;}						/* kontaktdaten  bündig machen ohne tabellenkleistern */
dd {padding-left:-30px; margin-top:-1.2em;}

#bildrechte {
color:#666; 
font-size: 58%;
padding-left: 18px;
letter-spacing: 0.7pt;
font-weight:lighter;
}

#geoheadline  {					    	/* google "bescheißen" mit verstecktem text unterhalb der tabelle im footer */
display:none;
position:absolute;
left: -1000px;
background-color: #a9ac75;
color: #a9b991;
font-size: 0%;
text-align:left;}

#advertisement {
	border-radius:25px;

}

.label {
	text-align:left;
	font-size:13px;
	line-height:1.0;
	color:#000;
}

.selectf {
}


#evaltext {
	text-align:left;
	font-size:75%;
	line-height:1.4;
	color:#000;
	width:385px;
}




.inputrate {
	width:20px;
}


.sendbutton {
	width:175px;
	background-color:#B2B179;
	color:#fff;
	height:30px;
	-moz-border-radius:6px;
	font-size:16px;
	font-weight:lighter;
	   margin: 10px;
   padding: 0;
   border: 1px solid rgba(0,0,0,0.5);
   border-radius: 10px 10px 2px 2px;
   background: rgba(0,0,0,0.25);
   box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
   -o-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
   -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
   -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
}

.textglass {
background-color:#B2B179;
color:#fff;
height:220px;
width:465px;
-moz-border-radius:6px;
font-size:85%;
font-weight:lighter;
margin: 10px;
padding: 10px;
border: 1px solid rgba(0,0,0,0.5);
border-radius: 10px 10px 8px 8px;
background: rgba(0,0,0,0.25);
box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
-o-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
-moz-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
}

.textglassK {
background-color:#B2B179;
color:#fff;
height:150px;
width:300px;
-moz-border-radius:6px;
font-size:110%;
font-weight:lighter;
margin: 10px;
padding: 10px;
border: 1px solid rgba(0,0,0,0.5);
border-radius: 10px 10px 8px 8px;
background: rgba(0,0,0,0.25);
box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
-o-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
-moz-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
}

.textglassW {
background-color:#B2B179;
color:#fff;
height:120px;
width:275px;
-moz-border-radius:6px;
font-size:90%;
font-weight:lighter;
margin: 10px;
padding: 10px;
border: 1px solid rgba(0,0,0,0.5);
border-radius: 10px 10px 8px 8px;
background: rgba(0,0,0,0.25);
box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
-o-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
-moz-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
}


.resbutton {
width:85px;
background-color:#F00;
color:#fff;
height:20px;
-moz-border-radius:6px;
font-size:12px;
font-weight:lighter;
}

/* root element for single scroll */

	.scroll {

		position:relative;

		overflow:hidden;

		width: 800px;

		height: 500px;

		float:left;

	}

	

	/* root element for the scroll pics */

	.scroll .pics {

		width:20000em;

		position:absolute;

		clear:both;

	}

	

	/* single scroll item */

	.pics div {

		float:left;

		cursor:pointer;

		width:800px !important;

		height:500px;

		margin:0px;
		
		background-repeat:no-repeat;
		
		border-radius: 25px;

	}

	

	/* possible settings for the active scroll */

	.scroll.active {

	}



    /* Kundenbewertungs- und Rabattformular */


#header { text-align:center; border-bottom:solid 1px #b2b3b5; margin: 0 0 20px 0; }
fieldset { border:none; width:550px;}
legend { font-size:20px; margin:0px; padding:10px 0px; color:#334F27; font-weight:lighter;}
label { display:block; margin:0;}
input[type=text], input[type=password] { width:190px; height:38; font-size:85%; padding:5px; border:solid 1px #000; font-weight:lighter; background:#255E2B; border-radius:6px; color:#FFF;   margin: 10px;
   border: 1px solid rgba(0,0,0,0.5);
   border-radius: 10px 10px 2px 2px;
   background: rgba(0,0,0,0.25);
   box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
   -o-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
   -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
   -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);}
.prev, .next { background-color:#334F27; padding:5px 10px; color:#fff; font-weight:lighter; text-decoration:none; border-radius:13px;}
.prev:hover, .next:hover { background-color:#334f00; text-decoration:none;}
.prev {position:absolute; right:50%; bottom:40%;}
.next {position:absolute; right:50%; top:45%;}
#steps { list-style:none; width:100%; overflow:hidden; margin:0px; padding:0px;}
#steps li {font-size:34px; float:left; padding:10px; color:#999; font-weight:lighter;}
#steps li span {font-size:20px; display:block;}
#steps li.current { color:#334F27;}
#makeWizard { background-color:#060; color:#fff; padding:5px 10px; text-decoration:none; font-size:18px;}
#makeWizard:hover { background-color:#334F27;}