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

body {
  	font: 85%/0.9 arial, helvetica, sans-serif;
	background: #ffc266 repeat 0 0;
  	line-height: 130%;
  	width: 100%;
  	color: black;
}

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

a:hover {
	color: #3d3d3d;
}

a img {
  border: none;/*remove border for linked images*/
}

.a_button {
	border: 1px solid #F60;
	background:url(../images/shadow.gif) repeat-x 5px -10px;
	height: 20px;
	width: 300px;
	padding: 4px 8px 4px 8px;
	text-align:center;
	display:block;
	
}

h1 {
	font-size: 1.6em;
	height: 20px;
	padding: 5px;
}

h2{
	font-size: 1.2em;
	height: 20px;
	padding-top: 0;
}

.highlight {background-color:#FF9D9D;border-bottom:#F30 1px solid;border-top:#F30 1px solid;padding: 4px 10px}
.success {background-color:#3C3;border-bottom:#F30 1px solid;border-top:#F30 1px solid;padding: 4px 10px}
.email:before{content:"kontakt@msxstudios.de";}
.button_proceed_li{background:url(../images/bt_proceed_left.png) no-repeat;float:left;width:22px;height:24px;position:relative;}
.button_proceed{
	background: url(../images/bt_proceed_middle.png) repeat-x;
	width:auto;
	border:none;
	height:24px;
	position:relative;
	float:left;
	border:none;
}
.button_proceed_re{background:url(../images/bt_proceed_right.png) no-repeat;height:24px; width:11px;float:left;}
.cursor_pointer{cursor:pointer;}
/***** Header ****/
#header {
	width: 100%;
	height: 120px;
	background-image:url(../images/headerbg.gif);
	background-color: #F60;
	margin: 0px;
	z-index:2;
}
#header .logo {
	padding: 20px;
	z-index:2;
}
/***** Horizontales Menü ****/
#horizontal_menu {
	width: 100%;
	height: 38px;
	margin: 0px;
	position: relative;
	border-top: 1px #ffffff solid;
	background-color: #eb5c01;
	text-align: right;
	z-index: 5;
}
#horizontal_menu .spacing {
	position: absolute;
	right: 20%;
	left: 10px;
	height: 38px;
	background: url(../images/hm_middle.png) repeat-x 0 0;
}
#horizontal_menu .left {
	background: url(../images/hm_left.png) no-repeat left 0;
  	height: 39px;
	width: 15px;
	float:left;
	position: relative;
	left: 0px;
}
#horizontal_menu .nav {
 	float: left;
	height: 37px;
	display: inline;
	position: relative;
	left: 0px;
	
	padding: 0 10px 0 10px;
	vertical-align:middle;
	line-height: 36px;
	
	border-right: 1px solid #333;
	
	background: url(../images/hm_middle.png) repeat-x 0 0;
	
}
#horizontal_menu .nav:hover {
 	background: url(../images/hm_middle_hover.png) repeat-x 0 0;
	color: #EEE;
}
#horizontal_menu .nav a {
 	color: #FFF;
	font-weight: 700;
	font-size: 14px;
	text-align:center;
}
#horizontal_menu .right {
	background: url(../images/hm_right_bg.png) repeat-x left 0;
  	height: 39px;
	width: 20%;
	position: absolute;
	right: 0px;
	
	line-height: 38px;
	vertical-align:middle;
	color: #FFF;
	font-weight: 900;
	font-size: 16px;
	font-style:oblique;
	text-align:center;
}
#horizontal_menu .right-seperator {
	float:left;
}
/***** Informationsbox ****/
#information {
	position: absolute;
	right: 0px;
	top: 159px;
	width: 20%;
	background-color: #3d3d3d;
	height:auto;
	z-index:4;
}
#information .left-border {
	border-left: #FFF 1px solid;
	z-index: -1;
	height: 315px;
}
#information .box {
	width: 100%;
	border-top: 1px solid #0f0f0f;
	border-bottom: 1px solid #363636;
	border-right:none;
}
#information .box .title {
	background: url(../images/info_box_headerbg.gif) repeat-x left 0;
	color:#b19798;
	font-size:11px;
	font-weight:600;
	font-family:Tahoma, Geneva, sans-serif;
	height:19px;
	line-height: 19px;
	vertical-align:middle;
	border-bottom: 1px solid #363636;
}
#information .box .content {
	background-image: url(../images/info_box_contentbg.gif);
	background-repeat: repeat;
	background-position: left 0;
	height: 100px;
	padding-left: 5px;
	font-size: 10.5px;
	font-weight:400;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#ddd;
	overflow:auto;
}
#information .box .content h4 {
	margin-left: 5px;
	margin-right: 5px;
	text-align:center;
	background-color: #3d3d3d;
	font-size: 13px;
}
#information .bottom {
	position:relative;
	width:100%;
	height:39px;
	background-image: url(../images/info_box_bottombg.png);
	background-repeat: repeat-x;
}
/***** Schatten unter horizontalem Menü ****/
#shadow {
	width: 100%;
	background: url(../images/shadow.gif) repeat-x;
	height: 38px;
	z-index: 0;
}


/***** Main Layout ****/


#container {
  	position: relative;
	height: auto;
	width: 80%;
	padding: 5px 0 0 13px;
  	text-align: left;/* IE fix to center the page */
	background: #ffc266 repeat;
	z-index: 0;
}
#container .content {
  	width: 95%;
  	text-align:left;
	background-color: #fbbd5f;
	border: 1px solid #e7a747;
	margin:0px;
	padding: 5px;
}
#container .content h2 {
  	position: relative;
	right: 0px;
	width: 99%;
	padding-top: 10px;
	padding-left: 2%;
	padding-bottom: 10px;
	margin:-5px;
  	background:url(../images/content_h1.gif) repeat;
	border-top: 1px #e7a747 solid;
	border-bottom: 1px #e7a747 solid;
}
#container .content .infobox {
  	text-align:left;
	border:1px solid #F60;
	background-color: #D91;
	width: 80%;
	padding: 10px;
}
#container .content .previewbox {
	border: 1px solid #FFF;
	background:url(../images/PreviewBoxBgHover.gif) repeat-x;
	background-color:#ffc071;
	height:148px;
	padding:15px;
	cursor:pointer;
	
}
#container .content .tableborder  {
	border: 1px #e7a747 solid;
}
#container .content .zahlungsmoeglichkeit {

}
#container .content .tools {
	
}
/****** Kontaktformular ********/
#container .content .kontaktformular {
	font-weight: 500;
	font-size: 12px;
	border: 1px #e7a747 solid;
	width:100%;
}
#container .content .kontaktformular .input {
	background-color: #fbbd5f;
	border: #F60 1px solid;
	width: 300px;
	overflow:hidden;
}
#container .content #kontaktinfo .left {background:url(../images/kontakt_links.png)   no-repeat;width:19px;height:435px;float:left;}
#container .content #kontaktinfo .middle {background:url(../images/kontakt_mitte.png) repeat-x; width:340px;height:435px;float:left;position:relative;}
#container .content #kontaktinfo .phonebook {position:absolute;bottom: 9px;right: 0px;background:url(../images/kontakt_phonebook.png) no-repeat; height:211px;width:155px;}
#container .content #kontaktinfo .headline {font-size:32px;margin-top: 10px;}
#container .content #kontaktinfo .text1 {font-size:18px;line-height:20px;color:#352b2b;text-align:left;width:100%;position:absolute;left:0px;}
#container .content #kontaktinfo .text2 {font-size:14px;color:#352b2b;position:absolute;bottom: 10px;left:0px;width:150px;height:180px;text-align:justify; }
#container .content #kontaktinfo .right {background:url(../images/kontakt_rechts.png) no-repeat;width:21px;height:435px;float:left;}

#container .content .lizenzinfo .top {width:300px;}
#container .content .lizenzinfo .top .left {float:left;background:url(../images/lizenzbox_top_left.png) no-repeat;width:21px;height:50px;}
#container .content .lizenzinfo .top .center {float:left;background:url(../images/lizenzbox_top_center.png) repeat-x;width:258px;height:50px;line-height:52px;vertical-align:middle;font-size:32px;color:#252323;font-family:Arial, Helvetica, sans-serif;}
#container .content .lizenzinfo .top .right {float:left;background:url(../images/lizenzbox_top_right.png) no-repeat;width:16px;height:50px;}
#container .content .lizenzinfo .middle {clear:left;width:266px;padding-right:25px;height:291px;border:2px solid #3D3D3D;background:url(../images/lizenzbox_middle_center.png) repeat-x;line-height:18px;font-weight:400;font-size:15px;color:#05130A;}
#container .content .lizenzinfo .bottom {width:300px;position:relative;}
#container .content .lizenzinfo .bottom .left {float:left;background:url(../images/lizenzbox_bottom_left.png) no-repeat;width:17px;height:92px;}
#container .content .lizenzinfo .bottom .center {float:left;background:url(../images/lizenzbox_bottom_center.png) repeat-x;width:261px;height:92px;}
#container .content .lizenzinfo .bottom .teaser {position:absolute;left:5px;top:5px;color:#f5f5f6;font-size:18px;font-weight:500;}
#container .content .lizenzinfo .bottom .value {position:absolute;left:15px;top:45px;color:#f5f5f6;font-size:46px;font-weight:800;}
#container .content .lizenzinfo .bottom .center .bt_order {float:left;background:url(../images/bt_order.png) no-repeat;width:186px;height:75px;position:absolute;right: 10px;top:5px;cursor:pointer;}
#container .content .lizenzinfo .bottom .center .bt_order:hover {float:left;background:url(../images/bt_order_hover.png) no-repeat;width:186px;height:75px;position:absolute;right: 10px;top:5px;}
#container .content .lizenzinfo .bottom .right {float:left;background:url(../images/lizenzbox_bottom_right.png) no-repeat;width:17px;height:92px;}

/****** Container links unten #ad ********/
#ad {
	position:static;
	right:0px;
	top: 0px;
	bottom:0px;
	width:20%;
	height:100%;
	border-left: 1px solid #FFF;
	z-index: 0;
}