html,body {
	height: 100%;
	text-align: center;
}

#wrap {
	min-height: 100%;
	margin-top: -40px;
}

* html #wrap {
	height: 100%
}

#footer_wrap {
	height: 40px;
	clear: both;
}

.hide { display: none; }

/*Opera Fix*/
body:before {
	content: "";
	height: 100%;
	float: left;
	width: 0;
	margin-top: -32767px;
}

#wrap:after {
	clear: both;
	display: block;
	height: 1%;
	content: " ";
}

body {
	font-size: 11px;
	line-height: 1.5em;
	background: #fff;
	text-align: center;
}

/* fonts: */
h1,h2,h3,input,textarea,body {
	font-family: Arial, Verdana, Tahoma, "sans-serif";
}

h1,h2,h3 {
	margin-bottom: 1em;
	color: #5786b4;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: normal;
}

h2 {
	font-size: 14px;
}

h3 {
	font-size: 12px;
}

p {
	margin-bottom: 1em;
	line-height: 1.5em;
}

a {
	color: #bbb;
	text-decoration: none;
	margin: 0px; padding: 0px;
}
a:hover { color: #fff; }
.floatleft { }
td, th, tr { vertical-align: top; text-align: left; }
th, td { padding: 2px; }
th { color: #5786b4; border-bottom: 1px solid #5786b4; }
tr.priceline td { border-bottom: 1px dashed #5786b4; }

tr.priceline.last td { border-width: 0px; }

.accent { color: #bbb; }

/* BEGIN STRUCTURE */
#navigation, div.defaultbg { background: url(/css/img/normal_bg.png) top left repeat; }
div.darkbg { background: url(/css/img/dark_bg.png) top left repeat; }
div.lightbg { background: url(/css/img/light_bg.png) top left repeat; color: #777; }
	
#client_speech { background: url(/css/img/speech_bg.png) top left no-repeat; }
	#the_speech { width: 161px; margin-left: 14px; margin-top: 50px; }
		#the_speech .em, #the_speech .span { }
		#the_speech .em { font-size: 12px; color: #2c6498; font-style: italic; float: left; }
		#the_speech .span { font-size: 10px; color: #5786b4; width: 161px; text-align: left; float: left; margin-top: 10px; font-family: Georgia,"Times New Roman","Times",Palatino,serif; }

#wrap {
	text-align: center;
	float: left; 
}
	
	#bg_wrap { z-index: 1; text-align: center; position: absolute; top: 0px; left: 0px; width: 100%; overflow: hidden; }
		#bg_underwrap { width: 1600px; height: 800px; position: relative; margin-left: 50%; left: -800px; display: block; text-align: center; }
			#bg_image1, #bg_image2 { position: absolute;  top: 0px; left: 0px; z-index: 2; }
			#bg_image2 { z-index: 1; }

#top_wrap,#content_wrap,#aftercontent_wrap,#footer_wrap {
	width: 100%;
	position: relative;
	float: left;
	text-align: center;
	z-index: 2;
}

#footer_wrap {
	
}

#top,#logo,#content,#aftercontent,#footer {
	text-align: left;
	width: 955px;
	position: relative;
	padding: 0px;
	margin: 0 auto;
	clear: left;
	overflow: hidden;
}

#footer {
	text-align: center;
	font-size: 11px;
	padding-bottom: 10px;
	padding-top: 14px;
}

#top_wrap {
	height: 170px;
}

#content_wrap {
	height: 490px;
	overflow: hidden;
}

#aftercontent_wrap {
	height: 170px;
}

#top {
	height: 170px;
}

#aftercontent {
	height: 170px;
}

#content {
	
}

#navi {
	width: 382px; float: left; height: 490px; overflow: hidden; position: relative; 
}
	#logo { position: absolute; top: 0px; left: 0px; width: 189px; height: 326px; }
	#after_logo { position: absolute; top: 328px; left: 0px; width: 189px; height: 162px;}
	#client_speech, #shopping_cart_overview { position: absolute; top: 0px; right: 2px; width: 189px; height: 162px; }
	#navigation { position: absolute; top: 164px; right: 2px; width: 189px;height: 326px; }

	#sitenavigation {
		margin-top: 11px;
		overflow: hidden;
	}
	
		#sitenavigation li.menuitem {
			float: left;
		}
		
			#sitenavigation li.menuitem a.item {
				padding: 0px 10px 14px 14px; font-size : 18px;
				text-transform: uppercase;
				color: #ddd;
				float: left;
			}
			#sitenavigation li.menuitem a.item:hover { color: #fff; }
			
			#sitenavigation li.active a.item { padding-bottom: 6px; color: #fff; }
			
			#sitenavigation a.subitem { width: 180px; display: block; float: left; clear: left; padding: 0px 2px 2px 14px; color: #ddd; }
			#sitenavigation a.subitem:hover, #sitenavigation a.subitem.active { color: #fff; }
		#sitenavigation li.active {
			margin-bottom: 14px;
		}
	
	#languages {
		font-size: 11px;
		color: #fff;
		padding-left: 14px;
		position: absolute; top: 300px;
	}
		#languages a {  }

#text_and_pics {
	position: relative;
	width: 573px;
	height: 490px;
	overflow: hidden;
	float: right;
}
	 .gallsquare, .square, .sixsquareheight, .doublesquare, .completesquare, .sixsquare, .foursquare { 
		position: relative; width: 189px; overflow: hidden; margin-right: 2px; float: left; height: 162px; margin-bottom: 2px;
		background: url(/css/img/dark_bg.png) top left repeat; 
	 }
	 
	 #text_and_pics div.doublesquare { width: 380px; }
	 #text_and_pics div.foursquare { width: 380px; height: 326px; }
	 #text_and_pics div.sixsquare { width: 571px; height: 326px; }
	 #text_and_pics div.sixsquareheight { width: 380px; height: 490px; }
	 #text_and_pics div.completesquare { width: 571px; height: 490px; }
	 
	 .gallsquare { background: none; }
	 
	 .gallsquare .gallimage, .gallsquare .gallimage2 { z-index:3; position: absolute; }
	 .gallsquare .gallimage2 { z-index:1; }
	 #square_1 .gallimage,#square_1 .gallimage2 { margin-left: 0px; margin-top: 0px; }
	 	#square_2 .gallimage, #square_2 .gallimage2 { margin-left: -191px; margin-top: 0px; }
	 		#square_3 .gallimage, #square_3 .gallimage2 { margin-left: -382px; margin-top: 0px; }
	 #square_4 .gallimage, #square_4 .gallimage2 { margin-left: 0px; margin-top: -164px; }
	 	#square_5 .gallimage, #square_5 .gallimage2 { margin-left: -191px; margin-top: -164px; }
	 		#square_6 .gallimage, #square_6 .gallimage2 { margin-left: -382px; margin-top: -164px; }
	 #square_7 .gallimage, #square_7 .gallimage2 { margin-left: 0px; margin-top: -328px; }
	 	#square_8 .gallimage, #square_8 .gallimage2 { margin-left: -191px; margin-top: -328px; }
	 		#square_9 .gallimage, #square_9 .gallimage2 { margin-left: -382px; margin-top: -328px; }
	 
	 .textwrap { font-size: 11px; line-height: 1.3em; color: #80a5dc; float: left; margin-top: 14px; margin-left: 14px; width: 161px; }
	 .doublesquare .textwrap { width: 352px; }
	 	.textwrap img.headline { padding-bottom: 10px; }
	 
	 .completesquare .textwrap { width: 539px; }
	 .foursquare .textwrap, .sixsquare .textwrap, .sixsquareheight .textwrap { width: 378px; }
	 .sixsquare .textwrap { width: 539px; }
	 .lightbg .textwrap { color: #2c6498; }
	 

	 
#text {
	width: 200px;
	float: left; position : relative;
	height: 361px;
	background: url(/css/img/content_text_back.gif) top left repeat-x;
	position: relative;
}


#renttable .total { font-size: 16px; font-weight: bold;
	
}
#renttable .total td { padding-top: 10px; }

/* END STRUCTURE */
input,select,option,textarea {
	font-size: 11px;
	padding: 5px;
}


#renttable { width: 100%; }
#renttable input, #renttable select, #renttable option {
	padding: 1px; 
}
#renttable tr td {  color: #777; }
#renttable tr.line td { border-bottom: 1px dashed #5786b4; }

#renttable.contactinfos tr td { padding-bottom: 10px; }
#renttable.contactinfos input, #renttable.contactinfos textarea,  #renttable.contactinfos select { padding: 5px; }
#renttable tr.toggletr td { cursor: pointer; padding: 5px 2px; color: #fff; background: #f2f2f2;   color: #2c6498;}
#renttable tr.toggletr.hovered td, #renttable tr.active td { background: #2c6498; color: #5786b4; }
#renttable a { color: #222; }
#renttable.contactinfos input.submit { padding: 5px;  }

textarea {
	z-index: 10;
}

#ui-datepicker-div {
	z-index: 30;
}

#requestTable tr td {
}

.linklist li {
	padding: 3px 2px 2px 24px;
	background: url(/css/img/bullet.png) top left no-repeat;
}

#betriebe a {color: #2c6498; }
#betriebe a:hover { color: #000; }

.linklist li.betrieb { width: 140px; float: left; }

#imageframe {
	position: relative;
	overflow: hidden;
	height: 361px;
	width: 100%;
	float: left;
}

#mainimages {
	position: absolute;
	top: 0px; left: 0px;
	z-index: 1;
}

#the_big_image,#the_big_image1 {
	position: absolute;
	top: 0px;
	left: 0px;
}

#the_big_image {
	z-index: 5;
}

#the_big_image2 {
	z-index: 1;
}

#frameimage {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
}

#frameimage #shorticons {
	position: absolute;
	top: 445px;
	left: 510px;
}

#shorticons a {
	margin-right: 10px;
}

.completesquare.white { background: #fff; }
.white .textwrap { color: #666; }

a.productlink { position: relative; padding: 10px 200px 200px 10px; float: left; display: block; }
	a.productlink span.title { color: #5786b4; display: block; font-size: 16px; width: 100px; font-weight: bold; text-transform:uppercase; }
	a.productlink span.category { padding-top: 10px; display: block; font-size: 12px; width: 120px; color: #aaa; }
	a.productlink span.more { display: none; }

a.productlink:hover { background:#000; }
	a.productlink:hover span.title { display: none; font-size: 16px; width: 100px; }
	a.productlink:hover span.category { display: none; font-size: 12px; width: 120px; color: #aaa; }
	a.productlink:hover span.more { text-transform: uppercase; font-weight: bold; display: none; font-size: 24px; color: #fff; display: block; position: relative; height: 100%; width: 100%; text-align: center; }

	
	a.actionbutton { padding: 3px 6px; background: #0a0; color: #fff; }
	a.actionbutton:hover { background: #000; color: #fff; }
	
	div.sell { background: #f2f2f2; float: left; padding: 10px; }
		span.price { display: block; padding: 10px 0px; float: left; font-size: 18px; color: #5786b4; font-weight: bold; }
		div.sell form { padding-top: 20px; float: left; display: block; width: 100%; clear: left; }
			div.sell form select, div.sell form input { padding: 2px; }
		
		
.testopinion, .manufactopinion, .testing { width: 165px; float: left; position: relative; }	
.testopinion, .manufactopinion { margin-right: 20px; }	

a.darklink { color: #5786b4; }
a.darklink:hover { text-decoration:underline; }	
			
#shopping_cart_overview { background: url(/css/img/light_bg.png) top left repeat; }
	#sc_overview { padding-left: 10px; margin-top: 20px; float: left; width: 100%; height: 100%; background: url(/img/shopping_cart_half.png) top right no-repeat; }			
		#sc_overview h1 { font-size: 14px; text-transform: uppercase; font-weight: bold; }
		#sc_overview .line { color: #fff; width: 163px; display: block; margin-top: 5px; padding: 3px; background: url(/css/img/dark_bg.png) top left repeat; }
		#sc_overview .actionbutton { float: left; clear: left; margin-top: 20px; }
			
	h1 .category { font-size: 12px; color:#aaa; }
	
	table.shoppingtable { width: 100%; }
		table.shoppingtable input { padding:1px; }
		table.shoppingtable td { padding: 3px; }
		
		table.shoppingtable a { padding: 2px 4px; color:#5786b4; text-decoration: none; }
		table.shoppingtable a:hover { background: #5786b4; color: #fff; }
		
		table.shoppingtable tr.footer td { font-size: 14px; color: #5786b4; font-weight: bold; border-top: 1px solid #5786b4; }
div.buyinfos { position: absolute; bottom: 10px; left: 10px; width: 100%; font-size: 10px; }	
p.importantmessage { padding: 5px; background: #eb703a; color: #fff; }
#MSG_ { font-size: 14px; color:#5786b4; z-index: 1000; position: fixed; top: 0px; left: 50%; margin-left: -150px; width: 300px; padding: 20px; background: url(/css/img/light_bg.png) top left repeat; border: 5px solid #5786b4; border-top: 0px solid #fff;}		
		
div.errors { width: 510px; border: #f00; background: #fff; padding: 10px; margin-bottom: 10px; }
span.error { color: #f00; }