@CHARSET "UTF-8";

html, body{
	background-color: #000000;
	margin:0;
	padding:0;
	overflow:hidden;
	height: 100%;
	/*width: 100%;*/
	font-size: 0.85em;
	color: gray;
	font-family: verdana,arial,sans;
	min-width: 1000px;
}

h3
	{
	margin-top: 0;
	}

#imageContainer{
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#imageContainer img{
	position: absolute;
	top:50%;
	left:50%;
	display: none;
}

#infoContainer{
	/*height: 180px;*/
	height: 100%;
	width: 100%;
	position: absolute;
	/*bottom: -190px;*/
	bottom: 0;
	background: url("/docroot/imgs/web/trans.png");
	-moz-box-shadow: 0 0 4px 4px #888;
	-webkit-box-shadow: 0 0 4px 4px#888;
	/*box-shadow: 0 0 4px 4px #888;*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-pie-background: url(/docroot/imgs/web/trans.png) repeat;
	-pie-png-fix: true;
	behavior: url(/docroot/js/PIE_uncompressed.htc);
}

#infoContainer div{
	display: none;
}

#about{
	position: absolute;
	bottom: 0;
	left: 10px;
	width: 100%;
    line-height: 9px;
	text-align: center;
}

.addthis_toolbox
	{
	position: absolute;
	bottom: 10px;
	left: 10px;
	}

#navTitle
	{
	position: absolute;
	left: 10px;
	top: 10px;
	}

#navTitle
	{
	position: absolute;
	left: 10px;
	top: 10px;
	width: 100px;
	cursor: pointer;
}

#navigation
	{
	display: none;
	position: absolute;
	left: 50%;
	margin-left: -300px;
	bottom: 160px;
	height: 200px;
	width: 130px;
	-moz-box-shadow: 0 0 5px 5px #888;
	-webkit-box-shadow: 0 0 5px 5px #888;
	/*box-shadow: 0 0 5px 5px #888;*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: url("/docroot/imgs/web/trans.png"); 
	behavior: url(/docroot/js/PIE_uncompressed.htc);
	}
	
#navigation div
	{
	margin-left: 10px;
	margin-top: 10px;
	}
	

/*
.orderStar
	{
	position: absolute;
	left: 10px;
	top: 40px;
	}
	*/
	
#slider-vertical{
	/*position: absolute;*/
	margin-top: 120px;
	margin: 120px auto 0 auto;
	height:150px;
	border: 1px solid #888;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#close, .ui-dialog-titlebar-close
	{
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	}
	
#price
	{
	/*position: absolute;
	top: 70px;
	right: 10px;*/
	cursor: pointer;
	}

#versand
	{
	/*position: absolute;
	top: 100px;
	right: 10px;*/
	cursor: pointer;
	}

#bestellen
	{
	/*position: absolute;
	top: 100px;
	right: 10px;*/
	cursor: pointer;
	}

#cal
	{
	/*position: absolute;
	top: 40px;
	right: 10px;*/
	cursor: pointer;
	}

#agb
	{
	/*position: absolute;
	top: 160px;
	right: 10px;*/
	cursor: pointer;
	}

#controls
	{
		width: 100px;
		height: 300px;
		position: absolute;
		top: 20px;
		right: 20px;
		z-index: 999;
		display: none;
		-moz-box-shadow: 0 0 5px 5px #888;
		-webkit-box-shadow: 0 0 5px 5px #888;
		/*box-shadow: 0 0 5px 5px #888;*/;
		-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
		background: url("/docroot/imgs/web/trans.png"); 
		behavior: url(/docroot/js/PIE_uncompressed.htc);
	}

#controls #mTop,#mBottom,#mLeft,#mRight, #mInfo
	{
		position: absolute;
		width: 30px;
		height: 30px;
		font-size: 24px;
		color: #888;
		text-align: center;
		z-index: 999;
		cursor: pointer;
	}

#mTop{
	left: 34px;
	top: 0;
}

#mInfo{
	top: 38px;
	left: 35px;
	font-family: serif;
}


#mBottom{
	top: 66px;
	left: 33px;
}
	
#mLeft{
	top: 33px;
	left: 2px;
}
	
#mRight{
	top: 33px;
	left: 66px;
	}

img.cloudcarousel
	{
		
//		border: 1px solid gray;
		cursor: pointer;
	}

#aboutButton
	{
	/*position: absolute;
	right: 10px;
	top: 130px;*/
	z-index: 99;
	}


.orderButton
	{
	position: absolute;
	left: 20px;
	top: 20px;
	display: block;
	z-index: 9999;
	}

img
	{
	border: none;
	}

#orderContainer label
	{
/*	width: 100px;*/
	display: block;
	width: 200px;
/*	display: inline;*/
	}

#orderContainer input, #orderContainer textarea
	{
	width: 530px;
/*	display: block;*/
    display: inline;
	border: 1px solid gray;
	}

.carouselControls
	{
	height: 140px;
	width: 40px;
	position: absolute;
	font-size: 40px;
	top: 0;
	left: 50%;
	line-height: 140px;
	display: none;
	cursor: pointer;
	}

a
	{
		text-decoration: none;
		color: gray;
	}

#prev
	{
		display: none;
		margin-left: -230px;
	}
	
#next
	{
		display: none;
		margin-left: 190px;
	}
	
#fullTitle
	{
		color: gray;
		position: absolute;
		min-width: 400px;
		margin: auto;
		font-size: 100px;
		top: 20px;
		display: block;
		text-align: center;
		width: 100%;
	}

#fullYear
	{
		color: gray;
		position: absolute;
		min-width: 400px;
		margin: auto;
		font-size: 100px;
		bottom: 20px;
		display: block;
		text-align: center;
		width: 100%;
	}

a{
   font-weight:bold
}
	
a:hover
	{
		color: #000000;
	}	
	
#orderForm input.error, #orderForm input.required.error
	{
		border: 1px solid #ff0000;
	}
		
.error
	{
		color: #ff0000;
	}

/*UI*/

.ui-effects-transfer { border: 2px dotted gray; } 

.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; border: none;}

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; -webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;margin-left: 0; margin-bottom: -.6em; border: 1px solid #888; background: url("/docroot/imgs/web/trans.png"); cursor: pointer;}
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }

.ui-dialog{ 
	-moz-box-shadow: 0 0 5px 5px #888;
	-webkit-box-shadow: 0 0 5px 5px #888;
	/*box-shadow: 0 0 5px 5px #888;*/;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: url("/docroot/imgs/web/trans.png"); 
	margin: auto;
	width: 600px;
	padding-bottom: 10px;
	-pie-background: url("/docroot/imgs/web/trans.png");
	-pie-png-fix: true;
	behavior: url(/docroot/js/PIE_uncompressed.htc);
	}
.ui-dialog a{color: #888; text-decoration: none;}
.ui-dialog-content{padding: 10px;}

.ui-dialog-titlebar
	{
	height: 28px;
	}
.ui-dialog-titlebar-close
	{
	background: url("/docroot/imgs/web/close.png") no-repeat;
	height: 16px;
	width: 16px;
	}
	
.ui-dialog-content
	{
	margin: 10px;
	scrollbar-face-color:#888888
	}
	
#loader
	{
	
	background: url("/docroot/imgs/web/trans.png"); 
	width: 66px;
	height: 66px;
	z-index:9999;
	position:absolute;
	left: 50%;
	top: 50%;
	margin-left: -33px;
	margin-top: -33px;
	-moz-box-shadow: 0 0 5px 5px #888;
	-webkit-box-shadow: 0 0 5px 5px #888;
	/*box-shadow: 0 0 5px 5px #888;*/;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: url("/docroot/imgs/web/trans.png"); 

	-pie-background: url("/docroot/imgs/web/trans.png");
	-pie-png-fix: true;
	behavior: url(/docroot/js/PIE_uncompressed.htc);
	display:none;
	}