/*-------------------------------------------------
Global
-------------------------------------------------*/

body {
	margin: 0;
	padding: 0;
	font: 11px/1.5em Verdana, sans-serif;
	color: #666;
	background: #ef630e url("http://www.hace-x.net/storage/images/german/background_main.jpg") repeat-x;
}

body div {
	text-align: left;
}

br {
	clear: both;
	margin: 0;
	padding: 0;
}

form {
	margin: 0;
	padding: 0;
}

a img {
	border: none;
}

img {
	border: none;
}

/*-------------------------------------------------
Structure & Fonts
-------------------------------------------------*/

a:link, a:visited, a:focus, a:hover, a:active {
	font-size: 11px;
	color: #de451c;
	text-decoration: none;
}

a:hover {
	color: #FFF;
	background-color: #de451c;
}

a.none:link, a.none:visited, a.none:focus, a.none:hover, a.none:active {
	color: #FFF;
	background: none;
}

a.none:hover {
	color: #FFF;
	background: none;
}

a.grey:link, a.grey:visited, a.grey:focus, a.grey:active {
	font-size: 10px;
	color: #999;
	text-decoration: none;
	border: 0;
	background: none;

}

a.grey:hover {
	color: #999;
	border-bottom: 1px solid #bfbfbf;
	background: none;
}

a.greyOrange:link, a.greyOrange:visited, a.greyOrange:focus, a.greyOrange:active {
	font-size: 11px;
	color: #666;
	text-decoration: none;
}

a.greyOrange:hover {
	color: #de451c;
	background: none;
}

a.white:link, a.white:visited, a.white:focus, a.white:hover, a.white:active {
	font-size: 11px;
	color: #fff;
	text-decoration: none;
}

a.white:hover {
	color: #7f7f7f;
	background: #fff;
}

a.info:hover {
	background: none;
}


h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

h2 {
	color: black;
	font-size: 11px;
	font-weight: normal;
}

h3 img {
	margin: 0;
	padding: 0;
}


.orange {
	color: #de451c;
}

.toggler {
	color: #666666;
	margin: 0;
	width: 416px;
	padding: 4px 7px;
	background: url("http://www.hace-x.net/storage/images/german/faq_on.gif");
	font-size: 11px;
	font-weight: normal;
	font-family: 'verdana', sans-serif;
}
 
.element {
	background: url("http://www.hace-x.net/storage/images/german/faq_on_content.gif") repeat-y;
	width: 380px;
}

.element p {
	padding: 0;
}

 
.float-right {
	float:right;
}
 
.content {
	margin-top: 50px;
	margin-bottom: 50px;
	width: 790px;
	background: url("http://www.hace-x.net/storage/images/german/background_loop.jpg") repeat-y;
}

.background {
	background: url("http://www.hace-x.net/storage/images/german/background.jpg") no-repeat;
}

#header {
	height: 170px;
	background: url("http://www.hace-x.net/storage/images/german/header.jpg") no-repeat;	
}

.logo {
	float: left;
}

.logo div {
	margin-left: 32px;
	margin-top: 41px;
}

.select_language {
	float: right;
}

.select_language div {
	margin-right: 40px;
	margin-top: 84px;
}
.select_language img {
	vertical-align:  middle;
	margin: 0px 3px 0px 0px;
}

.select_language#shopOn {
	float: right;
}

.select_language#shopOn div {
	margin-right: 40px;
	margin-top: 44px;
}
.select_language#shopOn img {
	vertical-align:  middle;
	margin: 0px 3px 0px 0px;
}

.login {
	float: right;
	width: 400px;
}

.login div {
	float: right;
	padding-right: 40px;
	margin-top: 14px;
	text-align: right;
}

.login input {
	vertical-align: middle;
}

.login_email {
	margin-right: 8px;
}

.login_button {
	margin-right: 3px;
	margin-left: 0px;
}

.main {	
	width: 700px;
}

.main div {
	margin-top: 20px;
}

.teaser {
	width: 700px;
	height: 284px;
}

.information {
	margin-top: 30px;
	width: 700px;
}

.news {
	float: left;
	width: 700px;
	background: url("http://www.hace-x.net/storage/images/german/news_bg.jpg") no-repeat;
}

.newsLeft div, .newsRight div {
	margin: 0;
}

.newsRight div div {
	padding: 25px;
}

.newsLeft {
	margin: 0;
	padding: 0;
	width: 480px;
	float: left;
}

.newsRight {
	margin: 0;
	padding: 0;
	width: 200px;
	float: right;
}

.newsTeaser {
	width: 480px;
	margin: 0 0 30px 0;
	background: url("http://www.hace-x.net/storage/images/german/news_teaser.jpg") no-repeat;
}

.apart {
	padding: 25px;
}

.pagination {
	color: #de451c;
	float: right;
}

.rows {
	margin-left: 25px;
	padding: 0;
	width: 650px;
}

.news .headline {
	padding: 5px 0 0 25px;
	
}

.footer {
	margin-top: 50px;
	height: 95px;
	background: url("http://www.hace-x.net/storage/images/german/footer.jpg");
	font-size: 10px;
	color: #999;
	font-family: Verdana;
}

.footer div {
	padding: 4px 22px 0px 23px;
}

.copyright div {
	padding-top: 10px;
	padding-left: 0px;
}

.adress {
	float: left;
}

.email {
	float: right;
}

.tip_background_top {
	width: 162px;
	height: 4px;
	background: url("http://www.hace-x.net/storage/images/german/tip_background_top.gif") no-repeat;
}

.tip_content {
	width: 144px;
	background: #000;
}

.tip_background_bottom {
	width: 162px;
	height: 4px;
	background: url("http://www.hace-x.net/storage/images/german/tip_background_bottom.gif") no-repeat;
}

.tooltip_top_update {
	width: 100px;
	height: 3px;
	background: url("http://www.hace-x.net/storage/images/german/tooltip_top_update.gif") no-repeat;
}

.tooltip_bottom_update {
	width: 100px;
	height: 3px;
	background: url("http://www.hace-x.net/storage/images/german/tooltip_bottom_update.gif") no-repeat;
}

.tooltip_update_content {
	width: 82px;
	background: #000;
}

.tooltip_top_delete {
	width: 116px;
	height: 3px;
	background: url("http://www.hace-x.net/storage/images/german/tooltip_top_delete.gif") no-repeat;
}

.tooltip_bottom_delete {
	width: 116px;
	height: 3px;
	background: url("http://www.hace-x.net/storage/images/german/tooltip_bottom_delete.gif") no-repeat;
}

.tooltip_delete_content {
	width: 97px;
	background: #000;
}

.tool-tip {
	color: #fff;
	z-index: 13000;
	opacity: .8;
}
.tool-tip div {
	padding-top: 0px;
	padding-left: 9px;
	padding-right: 9px;
	padding-bottom: 0px;
}
 

.tool-text {
	font-size: 11px;
}





#sub_navigation {
	position: absolute;
	width: auto;
	height: auto;
	top: 0;
	left: 0;
	z-index: 5000;

}

#sub_navigation_content {
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 2px;
	padding-bottom: 3px;
	background: #7f7f7f;
}



.product {
	margin: 0;
	width: 200px;
	background: url("http://www.hace-x.net/storage/images/german/product_small_background.jpg") no-repeat;
	height: 154px;
	float: left;
}

.product img {
	padding: 25px 25px 0px 25px;
}

.product div {
	padding: 0px 25px 0px 25px;
}

.product#slot_one {

}

.product#slot_two {
	margin-left: 50px;
}

.product#slot_three {
	margin-left: 50px;
}


.main_information {
	float: left;
	width: 479px;
	height: auto;
	background: url("http://www.hace-x.net/storage/images/german/text_background.jpg") no-repeat;
}

.main_information div{
	padding: 0px 25px 0px 25px;
}

.main_information div div {
	margin: 0;
	padding-left: 8px;
	padding-right: 8px;
	width: 413px;
	padding-bottom: 8px;
	line-height: 20px;
	font-style: italic;
}

#accordion img {
	padding: 0;
	padding-right: 5px;
	vertical-align: middle;
}

.main_information img {
	padding: 25px 25px 0px 25px;
}

.product_information {
	float: left;
	width: 479px;
	height: auto;
	background: url("http://www.hace-x.net/storage/images/german/text_background.jpg") no-repeat;
}

.headline_spacer {
	padding: 25px 25px 0px 25px;
}

.product_information div {
	padding: 0px 25px 0px 25px;
}

.product_information div div {
	padding: 0;
}

.product_quick_info {
	float: right;
	width: 200px;
	background: url("http://www.hace-x.net/storage/images/german/product_small_background.jpg") no-repeat;
}

.inner {
	padding: 0px 25px 0px 25px;
}

.darkgrey {
	color: #333333;
}

.table {
	width: 100%;
}

.table img {
	vertical-align: middle;
	padding-bottom: 2px;
	padding-top: 2px;
}

.table p {
	padding: 0;
	margin: 0;
}

.table td, .table th {
	padding: 2px;
}

.fixed {
	width: 70px;
}

.odd {
	background: url("http://www.hace-x.net/storage/images/german/faq_off.gif") repeat-y;
}

.even {
	background-color: #FFF;
}


#navigation {
	width: 400px;
	height: 25px;
	float: left;
}

#navigation div {
	padding-left: 48px;
}

.navigation_element {
	float: left;
	margin-right: 1px;
}

.navigation_element_no {
	float: left;
	margin-right: 0px;
}

#shopping_cart {
	width: 125px;
	float: right;
	padding-right: 36px;
}

.item { 
	background: url("http://www.hace-x.net/storage/images/german/point.jpg") no-repeat; 
	padding-left: 7px;
}

.caddy {
	vertical-align: middle;
	padding-bottom: 4px;
	padding-left: 5px;
}

tr.odd input {
	vertical-align: middle;
	margin-top: 2px;
}

tr.even input {
	vertical-align: middle;
	margin-top: 2px;
}



.small {
	width: 30px;
}

.totalCosts {
	padding: 0;
	margin: 0;
	float: left;
	color: black;
	width: 100%;
	height: 45px;
	background: url("http://www.hace-x.net/storage/images/german/total_costs_background.gif") repeat-y;
}

.totalCosts div div{
	margin-top: -13px;
	padding-left: 8px;
}


dt.odd {
	float: left;
	width: 200px;
	line-height: 24px;
	color: black;	
	text-align: left;
	padding: 2px;
	background: url("http://www.hace-x.net/storage/images/german/faq_off.gif") repeat-y;
}

dd.odd {
	margin: 0 0 0 145px;
	line-height: 24px;
	vertical-align: middle;
	padding-top: 3px;	
	background: url("http://www.hace-x.net/storage/images/german/faq_off.gif") repeat-y;
}

dt.even {
	float: left;
	width: 200px;
	line-height: 24px;
	color: black;	
	text-align: left;
	padding: 2px;
}

dd.even {
	margin: 0 0 0 145px;
	line-height: 24px;
	vertical-align: middle;
	padding-top: 3px;	
}

dt.error {
	float: left;
	width: 0px;
	line-height: 24px;
	color: black;	
	text-align: left;
}

dd.error {
	margin: 0 0 0 0;
	line-height: 24px;
	vertical-align: middle;
	color: #de451c;
	font-weight: bold;
}


dt.sum {
	float: left;
	text-align: left;
	margin: 0 0 0 80px;
	padding: 0;
}

dd.sum {
	float: right;
	margin: 0 68px 0 0;
}

.left {
	float: left;
}

.right {
	float: right;
}


.red {
	color: red;
}

.loggedIn {
	width: auto;
	height: 21px;
}

.successMessage {
	border: 1px solid #9df834;
	width: 100%;
	color: white;
	background: #b9f87a;
}

.successMessage div {
	margin: 5px;
	text-align: left;
}

.errorMessage {
	border: 1px solid #f83634;
	width: 100%;
	color: white;
	background: #f85b58;
}

.errorMessage div {
	margin: 5px;
	text-align: left;
}



/*-------------------------------------------------
Forms
-------------------------------------------------*/

.textfield, .select, .textarea, .wide, .short, .tiny {
	width: 300px;
	background: #fff;
	color: #222;
	font-size: 11px;
	border: 1px solid #999;
	border-color: #808080 #bbb #bbb #808080;
	padding: 2px;
}

.input {
	width: 30px;
}

.standard {
	width: 200px;
}

.wide {
	width: 600px;
}

.short {
	width: 100px;
	margin-right: 8px;
}

.cart {
	width: 200px;
}

.cart_error {
	width: 200px;
	background: #de451c;
	color: white;
}

.select_error {
	background: #de451c;
	color: white;
}


.tiny {
	width: 75px;
}