body, html { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; margin:0; padding:0; height:100%; background-color:#0e0e0e; }
* { outline:none; }

a { color:#f8c300; text-decoration:none; }
a:hover { color:#f8c300; text-decoration:underline; } 
p { font-size:12px; color:#FFFFFF; }
img { border:none; }

.clear { clear:both; }

/* BUTTONS */
.mybutton { background:url(../img/button_up_left.gif) no-repeat left top; height:17px; font-size:12px; color:#FFFFFF; display:inline-block; }
.mybutton a { background:url(../img/button_up_right.gif) no-repeat right top; color:#FFF; padding: 1px 20px 1px 3px; display:inline-block; }
.mybutton a:hover { color:#FFF; text-decoration:none; }

.mybutton.hover { background:url(../img/button_over_left.gif) no-repeat left top; }
.mybutton.hover a { background:url(../img/button_over_right.gif) no-repeat right top; }

.mybutton.clicked { background:url(../img/button_down_left.gif) no-repeat left top; }
.mybutton.clicked a { background:url(../img/button_down_right.gif) no-repeat right top; }



#contain-all { width:960px; margin:0 auto; height:500px; position:relative; }
	#header { height:101px; position:relative; }
		#logo { position:absolute; left:0; top:0; width:170px; height:101px; }
		
		/* main menu */
		#main-menu { position:absolute; right:0; top:54px; font-size:18px; color:#FFFFFF; height:30px; }
		#main-menu ol { list-style:none; list-style-image:none; float:right; text-align:right; margin:0; padding:0; height:30px; }
		#main-menu ol li { display:inline-block; margin:0 6px 0 10px; cursor:pointer; height:25px; padding:0; }
		#main-menu ol li .inner { color:#FFFFFF; padding:1px 4px 2px 4px; display:inline-block; }
		#main-menu ol li a { color:#FFFFFF; background:none; }
		/*#main-menu ol li a:hover { color:#FFFFFF; text-decoration:none; }*/
		#main-menu ol li.hover { background:url("../img/mm_over_left.gif") no-repeat scroll left top transparent; }
		#main-menu ol li.hover .inner { background:url("../img/mm_over_right.gif") no-repeat scroll right top transparent; }
		#main-menu ol li.hover a { text-decoration:none; background:none; }
		
		#main-menu ol li.clicked { background:url("../img/mm_down_left.gif") no-repeat scroll left top transparent; }
		#main-menu ol li.clicked .inner { background:url("../img/mm_down_right.gif") no-repeat scroll right top transparent; }
		#main-menu ol li.clicked a { text-decoration:none; background:none; }

		#main-menu ol li.active { background:url("../img/mm_active_left.gif") no-repeat scroll left top transparent; }
		#main-menu ol li.active .inner { background:url("../img/mm_active_right.gif") no-repeat scroll right top transparent; }

		
		/* side menu (ganz oben) */
		#side-menu { position:absolute; right:10px; top:32px; font-size:12px; color:#a0a0a0; }
		#side-menu ol { list-style:none; list-style-image:none; float:right; text-align:right; margin:0; padding:0; }
		#side-menu ol li { display:inline; margin:0 8px; }
		#side-menu ol li a { color:#a0a0a0; }
		#side-menu ol li a:hover { color:#a0a0a0; }
		
		#side-menu .language { float:right; margin-left:8px; padding-left:16px; border-left:1px solid #a0a0a0; }


		/* sub menu */
		#sub-menu { float:left; margin-left:10px; width:220px; color:#FFFFFF; margin-top:30px; *display:inline; }
		#sub-menu ol { list-style:none; list-style-image:none; text-align:left; margin:0; padding:0; width:220px; }
		
		#sub-menu ol li { display:inline-block; margin:0 0 5px 0; padding:2px 4px 2px 4px; cursor:pointer; height:20px; width:220px; }
		#sub-menu ol li a { color:#FFFFFF; }

		#sub-menu ol li.hover { background:url("../img/sm_over.gif") no-repeat scroll left top transparent; }
		#sub-menu ol li.hover a { text-decoration:none; background:none; }
		
		#sub-menu ol li.clicked { background:url("../img/sm_down.gif") no-repeat scroll left top transparent; }
		#sub-menu ol li.clicked a { text-decoration:none; background:none; }

		#sub-menu ol li.active { background:url("../img/sm_active.gif") no-repeat scroll left top transparent; }


		/* CONTENT */
		
		/* teaser mit image und text */
		#teasertext { float:right; width:700px; height:214px; background-repeat:no-repeat; background-position:right top; }
		#teasertext h1 { font-size:30px; font-weight:normal; padding:0; margin:0; margin-bottom:6px; margin-top:23px; width:240px; }
		#teasertext p { font-size:12px; line-height:16px; color:#FFFFFF; font-weight:normal; padding:0; margin:0; width:240px; }
		
		
		#images { float:left; width:220px; margin-right:20px; margin-left:10px; }
		#images img { margin-top:20px; }
		
		
		#content-text { width:460px; float:left; margin-top:20px; }
		#content-text-wide { width:700px; float:left; margin-top:20px; }
		#content-text p, #content-text-wide p { font-size:12px; line-height:16px; color:#FFFFFF; padding:0; margin:0; margin-bottom:20px; }
		#content-text h2, #content-text-wide h2 { font-size:18px; font-weight:normal; line-height:auto; color:#FFFFFF; padding:0; margin:0; margin-bottom:5px; }
		#content-text p:first-child, #content-text-wide p:first-child { font-size:14px; line-height:18px; color:#FFFFFF; }
		
		/* image gallery */
		#content-gallery { width:940px; margin-left:10px; margin-top:20px; }
		#content-gallery a.lightbox { float:left; display:block; width:218px; height:150px; margin-right:20px; margin-bottom:20px; border:1px solid #323232; overflow:hidden; }
		#content-gallery a.lightbox.lastofrow { margin-right:0; }
		#content-gallery a.lightbox:hover { border:1px solid #da251d; }
		#content-gallery a.lightbox img { width:218x; height:150px; }
		
		#content-gallery-press { width:704px; margin-top:20px; }
		#content-gallery-press a.lightbox { float:left; display:block; width:218px; height:150px; margin-right:20px; margin-bottom:20px; border:1px solid #323232; overflow:hidden; }
		#content-gallery-press a.lightbox.lastofrow { margin-right:0; }
		#content-gallery-press a.lightbox:hover { border:1px solid #da251d; }
		#content-gallery-press a.lightbox img { width:218x; height:150px; }
		
		#links { float:right; width:220px; background:url(../img/back_info_right.gif) no-repeat top; margin-right:10px; margin-top:20px; }
		#links .links-inner { background:url(../img/back_info_right_bottom.gif) no-repeat bottom; padding:20px; font-size:14px; }
		#links ul { margin:0; padding:0; list-style:none; list-style-image:none; margin-top:20px; font-size:12px; }
		#links ul li { margin-bottom:6px; }



/* BOXEN */
.box-container { height:150px; margin:0 auto; margin-top:20px; width:940px; }
.box-container .item { height:150px; width:220px; float:left; margin-right:20px; overflow:hidden; }
.box-container .item.lastoftype { margin-right:0; }
.box-container .item.type1.de { background: url(../img/back_box1_de.png) no-repeat left top; }
.box-container .item.type2.de { background: url(../img/back_box2_de.png) no-repeat left top; }
.box-container .item.type3.de { background: url(../img/back_box3_de.png) no-repeat left top; }
.box-container .item.type4.de { background: url(../img/back_box4_de.png) no-repeat left top; }

.box-container .item.type1.en { background: url(../img/back_box1_en.png) no-repeat left top; }
.box-container .item.type2.en { background: url(../img/back_box2_en.png) no-repeat left top; }
.box-container .item.type3.en { background: url(../img/back_box3_en.png) no-repeat left top; }
.box-container .item.type4.en { background: url(../img/back_box4_en.png) no-repeat left top; }



/* FOOTER */
#footer { font-size:10px; color:#898989; margin:30px 0 60px 0; text-align:center; }
#footer img { display:inline; }
#footer .abss { width:16px; overflow:hidden; height:16px; display:inline; margin-left:2px; }
#footer .abss a { }
#footer .socialmedia { padding-top:10px; }

/* SHOP */
#shopitem {background:url(../img/shopitem_back.png); background-repeat:no-repeat;float:left;width:460px;height:191px;margin-top:20px;margin-left:10px;margin-right:10px;}
#shopitem .shopimage {width:240px;float:left;height:191px;}
#shopitem .imgcont {margin-top:20px;margin-left:20px;}
#shopitem .content {width:200px;float:left;height:191px;}
#shopitem .titel{font-weight:bold;font-size:14px;margin-top:17px;}
#shopitem .description {margin-top:17px;}
#shopitem .preis {margin-top:17px;font-weight:bold;}
#checkout {background:url(../img/checkout_back.png); background-repeat:no-repeat;float:left;width:802px;height:446px;margin-top:20px;margin-left:10px;margin-right:10px;}
#checkout .headline{font-weight:bold;font-size:14px;margin-top:22px;margin-left:22px;}
#checkout .item{background:url(../img/checkout_item_back.png); background-repeat:no-repeat;float:left;width:321px;height:335px;margin-top:20px;margin-left:22px;margin-right:20px;}
#checkout .item .shopimage {width:90px;float:left;height:191px;}
#checkout .item .imgcont {margin-top:20px;margin-left:20px;}
#checkout .item .content {width:190px;float:left;}
#checkout .item .titel{font-weight:bold;font-size:14px;margin-top:17px;}
#checkout .item .description {margin-top:17px;}
#checkout .item .preis {margin-top:17px;font-weight:bold;}

#checkout .formular{float:left;width:430px;height:350px;margin-top:20px;}

/*FORMULAR*/
.input200 {background-image:url(../img/input200.png);background-repeat:no-repeat;background-position:top left;width:199px;height:31px;background-color:transparent;border:0px;color:#999999;padding-left:10px;padding-right:10px;font-size:12px;line-height:31px;}
.input420 {background-image:url(../img/input420.png);background-repeat:no-repeat;background-position:top left;width:420px;height:31px;background-color:transparent;border:0px;color:#999999;padding-left:10px;padding-right:10px;font-size:12px;line-height:31px;}
.input80 {background-image:url(../img/input80.png);background-repeat:no-repeat;background-position:top left;width:80px;height:31px;background-color:transparent;border:0px;color:#999999;padding-left:10px;padding-right:10px;font-size:12px;line-height:31px;}
.input100 {background-image:url(../img/input100.png);background-repeat:no-repeat;background-position:top left;width:100px;height:31px;background-color:transparent;border:0px;color:#999999;padding-left:10px;padding-right:10px;font-size:12px;line-height:31px;}
.text420 {background-image:url(../img/textarea.png);background-repeat:no-repeat;background-position:top left;width:419px;height:131px;background-color:transparent;border:0px;color:#999999;padding-left:10px;padding-right:10px;padding-top:10px;font-size:12px;font-family:Arial, Helvetica, sans-serif;overflow:auto;}
.cornerimage {border:1px solid #ffffff;}