@charset "UTF-8";
/* CSS Document */

html {
	overflow-y:			scroll;
	overflow-x:			hidden;
}

* {
	font-size:			1em;
	margin: 			0;
	padding:		 	0;
}

h1 {
	font-size:			32px;
	text-align:			center;
}

html, body {
	margin:				0px;
	padding:			0px;
}

#header {
	position: 			fixed;
	top: 				0px;
	left: 				0px;
	width: 				100%;
	height: 			40px;
	background-image: 	url(../images/schwarz-transparent.png);
	z-index:			10;
	
	color:				#FFFFFF;
	text-align: 		left;
}

#header img {
	margin:				5px;
}

#footer {
	position: 			fixed;
	bottom: 			0px;
	left: 				0px;
	width: 				100%;
	height: 			60px;
	background-image: 	url(../images/schwarz-transparent.png);
	z-index:			10;
	
	color:				#FFFFFF;
	text-align: 		center;
}

#menuunten {
	display:			inline-block;
	margin-top:			18px;
	cursor:				pointer;
}

#menuunten div {
	display:			inline-block;
	width:				150px;
	border-color:		#ffffff;
	border-style:		solid;
	border-top-width:	2px;
	border-bottom-width:2px;
	background-color:	#aaaaaa;
	
	-moz-opacity:		.90; 
	filter:				alpha(opacity=90); 
	opacity:			.90;
}

#menuuntenleft {
	text-align:			right;
	border-right-width:	1px;
	padding-right:		6px;
	
    -webkit-border-top-left-radius: 	20px;
    -webkit-border-bottom-left-radius: 	20px;
    -khtml-border-top-left-radius: 		20px;
    -khtml-border-bottom-left-radius: 	20px;
    -moz-border-radius-topleft: 		20px;
	-moz-border-radius-bottomleft: 		20px;
    border-top-left-radius: 			20px;
	border-bottom-left-radius: 			20px;
}

#menuuntenright {
	text-align: 		left;
	border-left-width:	1px;
	padding-left:		6px;
	
    -webkit-border-top-right-radius: 	20px;
    -webkit-border-bottom-right-radius: 20px;
    -khtml-border-top-right-radius: 	20px;
    -khtml-border-bottom-right-radius: 	20px;
    -moz-border-radius-topright: 		20px;
    -moz-border-radius-bottomright: 	20px;
    border-top-right-radius: 			20px;
    border-bottom-right-radius: 		20px;
}

#menuunten div:hover {
	background-color:	#febf10;
	color:				#333333;
}

#container {
	margin: 			50px;
	margin-bottom:		80px;
}

div.galerie {
	text-align: 		center;
}

div.imgdiv {
	background-color: 	#e0e0e0;
	border: 			1px solid #999999;
	display: 			inline-block;
	padding: 			5px;
	margin: 			5px;
	
	height:				203px;
	overflow:			hidden;
}

div.imgdiv img {
	margin: 			0px;
	border: 			1px solid #999999;
	
	height:				200px;
}
	
	
div.imggraybox {
	background-image:	url(../images/schwarz-transparent.png);
	height: 			100px;
	
	color:				#FFFFFF;
	text-align:			left;
	
	position:			relative;
	top:				-116px;
	margin:				1px;
	padding:			5px;
	z-index: 			3;
	
	font-size:			9px;
	
	overflow: 			hidden;
}

div.imgshoppingbutton {
	float: 				right;
	text-align:			right;
}


div.imgshoppingbutton a {
	text-decoration:	none;
	color:				#FF0000;
}


div.imgshoppingbutton img {
	border: 			none;
	height:				auto;
	position:			relative;
	top:				7px;
}

#wk_aktuellerbetrag {
	float: 				right;
	width: 				100px;
	text-align: 		right;
	font-size: 			9px;
	padding:			5px;
}

div#wk_aktuellerbetrag h1 {
	text-align:			right;
	font-size:			18px;
}

#footer img {
	margin: 			10px;
}

div.uebersichtitem {
	cursor:				pointer;
	padding:	 	 	5px;
	margin:				0 auto;
	margin-bottom:		10px;
	border:				1px solid #FFFFFF;
	width:				800px;
}

div.uebersichtitem:hover div.uebersichtimg {
	border-color: 		#febf10;
}

div.uebersichtitem h1 {
	font-size:			32px;
	text-align:			left;
}

div.uebersichtitem h2 {
	font-size:			22px;
	font-weight:		normal;
}

div.uebersichtimg {
	float:				left;
	width:				130px;
	border-right:		2px solid #000;
	text-align: 		right;
	padding: 			5px;
	padding-right:		12px;
	margin-right: 		10px;
}

div.uebersichtimg img {
	height:				83px;
}

.kasseimgdiv {
	display:			inline-block; 
	padding:			11px;
	margin:				0;
	height:				100px;
	overflow:			hidden;
}

.kasseimgdiv img {
	height:				100px;
}

.kasseimganzahl {
	float:				right; 
	position:			relative; 
	background-image:	url(../images/Anzahl.png);
	background-position:center;
	background-repeat:	no-repeat; 
	z-index:			3; 
	top:				-11px; 
	left:				-15px; 
	width:				26px; 
	padding-top:		6px; 
	height:				20px; 
	color:				#FFFFFF; 
	font-size:			10px;
	font-weight:		bold;
	text-align:			center;
}

div.kasseimggraybox {
	background-image:	url(../images/schwarz-transparent.png);
	height: 			30px;
	
	color:				#FFFFFF;
	text-align:			left;
	
	position:			relative;
	top:				-43px;
	margin:				0;
	margin-right:		26px;
	padding:			5px;
	z-index: 			3;
	
	font-size:			9px;
	text-align:			center;
	
	overflow: 			hidden;
}

div.kasseimggraybox img {
	border:				none;
	height:				auto;
}

/* slider */
div.slider {
	width: 				250px;
	height: 			20px;
	background-image:	url(../images/sliderBack.png);
	background-position:center;
	background-repeat:	no-repeat;

	position:			absolute;
	right:				10px;
	top:				10px;
}
div.slider div.knob {
	background-image:	url(../images/sliderBall.png);
	background-position:center;
	background-repeat:	no-repeat;
	width: 				20px;
	height: 			20px;
}
/* slider ende */

#ajaxloader {
	background-color:	#ffffff;
	background-image:	url(../images/ajaxloader.gif);
	background-position:center;
	background-repeat:	no-repeat;
	height:				100%;
	width:				100%;
	position:			fixed;
	top:				0px;
	left:				0px;
}

.graytext {
	color:				#666666;
	font-size:			0.7em;
}

/* formulardesign */
form * {
	padding:			0;
	margin:				0;
}

legend {
	color:				#febf10;
	font-size:			1.2em;
}

input {
	padding:			0.15em;
	width:				25em;
	border:				1px solid #ddd;
	background:			#fafafa;
	-moz-border-radius:	0.4em;
	-khtml-border-radius:0.4em;
}

input:hover, input:focus, textarea:hover, textarea:focus {
	border-color:		#febf10;
	background:			#f6f6f6;
} 

textarea {
	padding:			0.15em;
	width:				25em;
	height:				10em;
	border:				1px solid #ddd;
	background:			#fafafa;
	-moz-border-radius:	0.4em;
	-khtml-border-radius:0.4em;
}

fieldset {
	border:				2px solid #ddd;
	padding:			0.5em;
	margin:				0.5em auto;
	width:				40em;
}

fieldset fieldset {
	width:				auto;
}

fieldset div {
	overflow:			hidden; /* Contain the floating elements */
	display:			inline-block; /* Give layout in ie to contain float */
	margin-bottom:		0.5em;
}

fieldset div {
	display:			block;
} /* Reset element back to block leaving layout in ie */

label {
	float:				left; /* Take out of flow so the input starts at the same height */
	width:				10em; /* Set a width so the inputs line up */
	text-align:			right;
	margin-right:		0.5em;
}
/* formulardesign ende */

/* hinweispfeil */
#hinweispfeil {
	position: 			fixed;
	right: 				0px;
	bottom:				2000px;
}