@charset "utf-8";
/*
 * Q-Print
 * Global stylesheet (all)
 * JANUS DIE WERBEMANUFAKTUR
 * Aug. 2010
 */

/* Reset browser styles */
@import url("reset.css");

/***************************/
/*  General Elements       */
/***************************/

html { height:100%; }
body {
  font-family: Arial, Helvetica, sans-serif;
  color: #333;
  background: url(../images/bg_body.jpg) #fff top left repeat-x;
  font-size:12px;
  behavior:url(js/csshover3.htc);
}

.invisible { display: none; }
.clearer { clear: both; }
.hr { height: 1px; margin: 0 0 15px 0; background: url(../images/dotted.gif) repeat-x; clear:both; border: 0; }
.hr hr, .trenner hr { display: none; }
.trenner { height: 2px; margin-bottom: 22px !important; border-bottom: 2px solid #eee; clear:both; background: none; }

strong { font-weight: bold; }

a {
  color: #396;
  text-decoration:none;
}
a:hover, a:focus{
  color: #094b2c;
  text-decoration: underline;
}

a.logoutlink, a.logoutlink:hover{
  color:red;
  font-size:11px;
}

/***************************/
/*  Structure              */
/***************************/

#container {
  margin: 0 auto;
  width: 980px;
  min-height: 650px;
}

/* Header */
#headerwrapper {
  width: 980px;
  background: url(../images/bg_header.jpg) top left no-repeat;
  overflow:visible;
}

#header {
  width: 980px;
  height: 180px;
}

#header h1 {
  padding: 35px 20px 0 35px;
  float: left;
}

#header h1 span {
  position: absolute;
  left: -9999.99em;
}

#header p {
  padding-top: 12px;
  font-size: 12px;
  color: #fff;
  float: left;
}

#lang-drop {
  display: none;
}

/* Naviwrapper */

#naviwrapper {
  position:absolute;
  width: 940px;
  height: 36px;
  padding:0 20px;
  overflow:visible;
  top:180px;
}

#naviwrapper div{
  float:left;
}
#naviwrapper div#searchwrapper{
  margin-top:6px;
  float:right;
  padding-right:9px;
}

#naviwrapper input.searchfield{
  border:0;
  width:146px;
  font-size:11px;
  height:13px;
  padding:7px 5px 3px 5px;
  background:url(../images/searchfield.gif) no-repeat scroll left top;
  color:#999;
  float:left;
  line-height:13px;
}

#naviwrapper input.searchbutton{
  border:0;
  width:24px;
  height:24px;
  font-size:11px;
  background:url(../images/searchbutton.gif) no-repeat scroll left top;
  cursor:pointer;
  float:left;
}

/* Site */
#site {
  width: 960px;
  margin-right:20px;
  margin-top:34px;
}

#toplinewrapper {
  padding:10px 0 11px 0;
  clear: both;
}

#toplinewrapper div.breadcrumbs {
  padding-top:5px;
  padding-left: 30px;
  float:left;
}

#toplinewrapper div.breadcrumbs a {
  font-size: 11px;
  line-height:11px;
  color:#396;
}

#toplinewrapper div.breadcrumbs a.lastbreadcrumb{
  color: #999;
}
#toplinewrapper div.breadcrumbs span.arrow{
  padding:0 8px;
  color:#333333;
}

#toplinewrapper div.sharethis {
  float:right;
  padding-right:4px;
}

/* Content */
#content {
  width: 700px;
  margin-left: 20px;
  float:left;
}
#content.topline { border-top:1px solid #ccc; }
#content.full { width: auto; }
#right-content {
	width: 700px;
	margin-top: 50px;
	margin-bottom: 50px;
	float: right;
}

#content h2 {
  color:#094b2c;
  font-size:25px;
  font-weight:bold;
  margin: 36px 10px 20px 10px;
  line-height:26px;
  letter-spacing:-1px;
}

#content h3, #recommend h3, #newsletterbox h3,  #cb h3, .modalscreen h3 {
  color:#094b2c;
  font-size:17px;
  font-weight:bold;
  margin-bottom:8px;
  margin-left: 10px;
  margin-right: 10px;
  /*margin-top:10px;*/
}
#content.topline h3 { margin-bottom: 17px; }

#content h4, .modalscreen h4 {
  color:#094b2c;
  font-size:14px;
  font-weight:bold;
  margin-top:10px;
  margin-bottom:3px;
}

#content p{
  margin: 0 10px 20px;
  line-height:17px;
}
#content p.disabled em { font-style: italic; }
#content small {
  font-size: 10px;
  color: #999;
}

table{
  width:100%;
  border-bottom:1px solid #efefef;
  line-height:18px;
  margin-bottom: 20px;
}

th { background:#5f6163; color:#ffff99; font-weight:bold; }
td, th { padding:5px 10px 4px 10px; }
table .alignright { text-align:right !important; }
table .aligncenter { text-align:center;}
table .bold { font-weight:bold; }
.grey { padding-bottom: 7px !important; background:#e9e9e9; }
.lightgrey { margin-bottom: 20px; padding: 15px 10px !important; background:#f5f5f5; border-bottom: 1px solid #87898a; }
.gray { padding-top: 20px; padding-bottom: 20px; background: #ecebea; }
.red { padding-bottom: 7px !important; background:#ff3300; color:#FFFFFF }
#content .lightgrey p, #content .lightgrey h2, #content .lightgrey h3, #content .lightgrey h4 { margin-left: 0; margin-right: 0; }
table td.last { padding-bottom:8px; }
table td.arrow { background: url(../images/green_arrow_right.gif) 0px 10px no-repeat; }
table td a { font-weight: bold; }
.shipping_incorrect {font-size: 12pt;font-weight: bold;color:#ff3300};

#content ul, .infos ul {
  list-style-image:url(../images/listtype.png);
  list-style-position:outside;
  margin-left:25px;
  margin-bottom:25px;
}
#content ul.pagination {
	margin: 20px 0 20px 10px;
	list-style: none;
	text-align: center;
}
#content ul.pagination li {
	font-size: 12px;
	font-weight: bold;
	display: inline;
	margin-right: 8px;
	padding-right: 8px;
	border-right: 1px solid #ccc;
}
#content ul.pagination li:last-child { border-right: 0; }
#content ul.pagination li.active a { }
.ui-tooltip .infos {
	margin-bottom: 0;
	padding-bottom: 0;
	background: none;
}
.ui-tooltip .infos ul {
	margin-bottom: 0;
	margin-left: 0;
}
#content div.indent{
  width: 700px;
  /*margin-left:20px;*/
  line-height:18px;
}

#content div.indent div.introtext{
  padding:0;
  margin-bottom:43px;
}

#content div.indent div.introtext p{
  margin-left: 10px;
  width: 415px;
}

#content div.indent.topline {
  border-top:1px solid #ccc;
}

#content div.indent a{
  line-height:18px;
}

#content div.indent img.headerimage{
  display: block;
}

ul#kategorien{
  list-style:none;
  margin:0;
}

#middle-content{
  float:left;
  width:460px;
  margin-left:0px;
  margin-top: 50px;
}

#middle-content h2, #right-content h2 {
  margin-top: 0;
}

#middle-content p, #middle-content table, #middle-content h2, #middle-content h3, #content h4 {
  margin-left: 10px;
  margin-right: 10px;
}
ul#kategorien li.cat{
  width:220px;
  float:left;
  margin-right:20px;
}

ul#kategorien li.cat h3 a.catlink{
  display:block;
  margin:0;
  width:220px;
  margin-bottom:1px;
  line-height: 34px;
}

ul#kategorien li.cat h3 a.catlink span{
  display:block;
  background: url(../images/tab_pfeil_inactive.gif) no-repeat scroll 12px 14px #e9e9e9;
  height:34px;
  padding-left:25px;
  border-bottom:2px solid #cccccc;
  cursor:pointer;
}

ul#kategorien li.cat a.catlink:hover{
  text-decoration:none;
}

ul#kategorien li.cat h3{
  margin:0;
  display:block;
  width:220px;
  font-size: 12px;
  font-weight: bold;
  cursor:pointer;
  color:#396;
}

ul#kategorien div.dotted{
  padding:10px;
  clear:both;
  border:1px dotted #CCC;
  margin-bottom:20px;
}
ul#kategorien div.dotted p { margin-left: 0; margin-right: 0; }

ul#kategorien li ul{
  list-style-image:url(../images/tab_pfeil_inactive.gif);
  margin-left:18px;
  font-size:11px;
}

#mainteaserwrapper {
  width: 700px;
  padding-left: 0px;
  position:relative;
}

#mainteaser {
  width: 700px;
  height: 226px;
  margin: 0;
  border: 0;
  position:relative;
}

#mainteaser div{
  position:absolute;
  top:0;
  left:0;
  width: 690px;
  height: 176px;
  padding: 50px 0 0 10px;
  z-index:0;
  top:0;
}

.teaser img.teaserimage{
  position:absolute;
  top:0;
  left:0;
}

#mainteaser h2 {
  font-size: 25px;
  color: #ffff99;
  margin:0;
  margin-bottom: 30px;
  font-weight:normal;
}

#mainteaser p.mainteasertext {

  font-size: 14px;
  color: #fff;
  display: block;
  width: 340px;
  padding-bottom: 20px;
  margin-bottom:0
}

/* SIDEBAR */
#sidebar{
  float:right;
  width:220px;
}

#sidebar div#tagcloud{
  margin-top:0
}

#sidebar h3, div#tagcloud h3{
  margin:0;
  width:200px;
  height:31px;
  background:url(../images/h3bg.gif) top left repeat-x;
  font-size:12px;
  font-weight:bold;
  color:#ffff99;
  line-height:31px;
  padding-bottom:4px;
  padding-left:10px;
  padding-right: 10px;
}

#sidebar h3.green{
  background:url(../images/h3bggreen.gif) top left repeat-x;
}

#sidebar .sidebarbox{
  padding:4px 9px 0 9px;
  margin-bottom:20px;
}
a.cartlink{}
.sidebarboxrow a.cartlink{ background-position: left 4px; }

#sidebar input.inputfield#emailnewsletter{
  width:180px;
  float:right;
  background:url(../images/emailnewsletter.gif) top left no-repeat;
  color:#999;
}

#sidebar label{
  margin:0 !important;
  font-size:11px;
  font-weight:bold;
  line-height:25px;
  width:auto !important;
}

#sidebar div.loginimage{
  float:left;
}


#sidebar a.loginlink{
  display:block;
  font-size:11px;
  color:#396;
  text-decoration:none;
  line-height:26px;
  padding-left:5px;
  padding-left:24px;
}

#sidebar a.loginlink:hover{
  text-decoration:underline;
}

a.loginlink#quitnewsletter{
  background:url(../images/quitnewsletter.gif) no-repeat center left;
  padding-left: 25px;
}

#sidebar a.loginlink#forgotlogin{
  background:url(../images/forgotlogin.gif) no-repeat center left;
}
#sidebar a.loginlink#createaccount{
  background:url(../images/createaccount.gif) no-repeat center left;
}

#sidebar h4 {
  padding-left:25px;
  padding-right: 10px;
  background:url(../images/right_arrow.gif) 12px 10px no-repeat #e9e9e9;
  border-bottom:2px solid #d6d6d6;
  border-top:1px solid #e7e7e7;
  padding-bottom:6px;
  padding-top:6px;
  margin-bottom:1px;
  cursor:pointer;
}

#sidebar h4 a {
  font-weight: bold;
  display: block;

}

#sidebar h4 a:hover, #sidebar h4 a:focus, a#recommendlink:hover, a#newsletterlink:hover, a#cblink:hover{
  text-decoration:none;
}

.sidebarlinie {
  padding: 10px 0;
}

#sidebar h4.selected {
  background: url(../images/down_arrow.gif) 12px 10px no-repeat;
  border-bottom:2px solid white;
  border-top:1px solid white;
}

#sidebar h4.selected a {
  color: #333333;
}

a#recommendlink,a#cblink,a#newsletterlink{
  display:block;
  background:url(../images/right_arrow.gif) 12px 10px no-repeat #e9e9e9;
  font-weight:bold;
  padding-left:25px;
  padding-bottom:6px;
  padding-top:6px;
  border-bottom:2px solid #d6d6d6;
  border-top:1px solid #e7e7e7;
}


#sidebar .datum{
  color:#999;
  font-size:11px;
  padding-bottom:3px;
  padding-left:25px;
}

#sidebar .text{
  font-size:12px;
  padding: 0 30px 20px 25px;
  line-height:normal;
}

#sidebar .teaserwrapper{
  overflow:visible;
  display: block;
  height: auto;
  width:220px;
}

#sidebar .accordion{
  padding-bottom:22px;
}

#sidebar div.sidebarboxrow{
  padding-top:4px;
  font-size: 11px;
  clear:both;
}

#sidebar div.sidebarboxrow .left { padding-left: 15px; background:url(../images/right_arrow.gif) left 3px no-repeat; }
#sidebar #meinkonto div.sidebarboxrow .left { padding-left: 0; background: none; }

#sidebar div.sidebarboxrow.space{
  padding-bottom:10px;
}

#sidebar div.sidebarboxrow em { display: block; color: #999; font-style: normal; }

/* SIDEBAR BLOCKS (PORTLETS) */

/* Portlets: common styles */

.portlet {
  margin-bottom: 20px;
  overflow: hidden;
}
.portletHeader {
  position: relative;
  z-index: 10;
  padding: 7px 10px;
  color: #ff9;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.2;
  background-color: #5f6163;
  border-bottom: 1px solid #444547;
  -webkit-box-shadow: 0 5px 3px #b4b4b4;
  box-shadow: 0 5px 3px #b4b4b4;
}
.portletItem {
  padding: 10px;
  font-size: 11px;
  background-color: #e9e9e9;
}
.portletFooter {
  padding: 10px;
  background-color: #e9e9e9;
}

/* Portlet: cart */

.portletCart .portletItem {
  padding-top: 7px;
  padding-bottom: 7px;
  text-align: right;
  overflow: hidden;
}
.portletCart .portletItem .item {
  float: left;
}
#row-stuckzahl {
  border-bottom: 1px dotted #8c8c8c;
}
#row-stuckpreis {
  position: relative;
  z-index: 10;
  font-size: 14px;
  font-weight: bold;
  -webkit-box-shadow: 0 5px 3px #b4b4b4;
  box-shadow: 0 5px 3px #b4b4b4;
  background-color: #fff;
}
#row-stuckpreis .item span {
  float: none;
  font-size: 11px;
}
#row-warenwert {
  font-weight: bold;
  padding-bottom: 2px;
}
#row-versand {
  padding-top: 2px;
  padding-bottom: 2px;
}
#row-mwst {
  padding-top: 2px;
}
#row-summe {
  border-top: 1px dotted #8c8c8c;
}
.portletCart .portletFooter {
  text-align: center;
}
/*
.portletCart .portletFooter .button {
  display: inline-block;
  padding: 5px 0;
  text-align: center;
  color: #000;
  font-weight: bold;
  font-size: 12px;
  cursor: pointer;
  white-space: nowrap;
  background-color: #fff;
}
.portletCart .portletFooter .button {
  display: block;
  margin: 0 auto;
  padding: 0;
  width: 194px;
  float: none!important;
  height: auto;
  line-height: 1;
}*/

.portletFooter .wrap { margin-bottom: 5px; }

/* Portlet: compare */

.portletCompare .portletItem {
  border-bottom: 1px dotted #8c8c8c;
}
.portletCompare .portletItem label {
  float: left;
  color: #999;
}
#sidebar .portletCompare label {
  margin: 5px 10px 0 0!important;
  font-size: 14px;
}
.portletCompare .portletItem label input {
  width: 88px;
  margin-right: 2px;
  border: 1px solid #999;
}
.portletCompare .portletItem div {
  text-align: right;
  color: #333;
  font-size: 11px;
  line-height: 1.4;
}
.portletCompare .portletItem div .value {
  font-size: 14px;
  font-weight: bold;
}

/* Portlet: config */

.portletConfig .portletItem {
  padding: 0;
  font-weight: bold;
  font-size: 12px;
}
.no-config-defined {
  display: block;
  padding: 55px 30px 30px 30px;
  color: #c00;
  text-align: center;
  line-height: 1.2;
  background: url(../images/icon-edit-config.png) no-repeat center 25px;
}
.no-config-defined a {
  color: #c00;
}
.portletConfig table {
  width: 100%;
  font-size: 0.9em;
  background-color: #fff;
}
.portletConfig table .odd {
  background-color: #e9e9e9;
}


/*FORMULARE*/
form fieldset {
  border:medium none;
  padding-bottom: 20px;
  margin-top:20px;
  border-bottom: 2px solid #eee;
}

form fieldset.gray { padding-top: 35px; padding-bottom: 0; margin: 25px 10px 22px; position: relative; }
form .optionwrapper fieldset.gray { margin-top: 0; margin-bottom: 0; }
form fieldset.gray legend {
	color: #094b2c;
	padding: 0;
	margin: 0;
	display: block;
	font-weight: bold;
	position: absolute;
	left: 10px;
	top: 10px;
}
form fieldset.gray .half-col.form {	margin: 0 auto; }
form fieldset.gray .form .bigbutton { width: 211px; }
.portletFooter .bigbutton, .portletFooter .button { width: 190px; }
form fieldset.gray .form .wrap { margin-right: 0; }

form label {
  cursor:default;
  float:left;
  margin-top:4px;
  width:150px;
}

form.filter label { width: auto; cursor: pointer; margin-top: 0; margin-bottom: 6px; float: none; display: inline-block; }
form.filter .input { margin: 0 10px 0 5px; }

form input, form select, form textarea{
  border:1px solid #999;
  font-family: Arial;
  font-size: 12px;
}
#vouchiform fieldset.left{position:absolute;top:350px;left:500px;border:none;}
#vouchiform fieldset.right{position:absolute;top:350px;left:800px;border:none;}
#statstable{position:relative;top:28px;height:350px;width:1000px;margin-bottom:50px;border:1px solid black;overflow-y:scroll}
#kake{position:relative;top:50px;width:1002px;}
#vouchiform div{position:absolute;top:400px;left:1200px;}
#vouchiform select{width:125px;height:22px}
#vouchiform input{height:17px;}
form select { width: 260px; height: 25px; padding: 3px; }
form .input, form textarea { padding:4px; width:250px; }
form .failed { border:2px solid #ff3300 !important; }
form .input{ border:1px solid #999; }
form fieldset.indent { padding-left:130px; padding-bottom: 20px; }
form .input.small-int { width:52px; }
form .input.small-text { width:120px; }
form .input.medium-text { width:185px; }
form .input.full, form select.full, form textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:100%; }
form select.small { width: 100px; }
form select.small-int, .half-col.form select.small-int { width: 70px; }
form select.medium, .half-col.form select.medium { width: 240px; }
form input.fileinput { width: 400px !important; padding: 2px; font-size: 13px !important; background: white; }
/* form .lightgrey input.fileinput { margin-bottom: 20px; } */

form fieldset p{ margin-bottom:5px !important; }
form fieldset legend{ display:none; }
form fieldset p.checkbox {
  background:none repeat scroll 0 0 #ECEBEA;
  margin-top:20px;
  overflow:hidden;
  padding:5px 3px;
}

form p.checkbox input {
  float:left;
  margin-right:8px;
  margin-top:5px;
  border:0;
  vertical-align:middle;
}

form p.checkbox label { width:auto; }
span.stern { color:red; }
p.stern { padding-top:15px; }

input.inputfield{
  border:0;
  width:130px;
  height:12px;
  padding:7px 5px 5px 5px;
  background:url(../images/inputfield.gif) top left no-repeat;
  font-size:11px;
  color:#333;
  line-height:12px;
}

input.button, input.button_large{
  background:url(../images/button.png) top left no-repeat;
  width:84px;
  height:30px;
  border:0;
  font-weight:bold;
  font-size:12px;
  line-height:23px;
  font-family:Arial;
  cursor:pointer;
}

input.button_large{
  background:url(../images/button_large.gif) left top no-repeat;
  width:100px;
  float:left;
  margin-right:10px;
  line-height:normal;
}

select#delivery_address { }

div#recommend{
  width:500px;
}

div#recommend form fieldset label{
  width:180px;
}

div#recommend form fieldset.indent{
  padding-left:190px;
}

div#newsletterbox{
  width:500px;
}

div#newsletterbox form fieldset label{
  width:180px;
}

div#newsletterbox form fieldset.indent{
  padding-left:190px;
}

div#newsletterbox form button {
  background: none;
  border: none;
  cursor: pointer;
  margin-left: -10px;
  margin-top: 10px;
}

div#newsletterbox a#quitnewsletter {
  background:url(../images/quitnewsletter.gif) no-repeat top left;
  padding-left: 25px;
  display: block;
  height: 20px;
  font-size: 12px;
  font-family: Arial;
  margin-left: 5px;
}


/* Footer */
#footerwrapper {
  margin-top: 25px;
  width: 100%;
  height: 232px;
  background: url(../images/bg_footer.gif) #c5c7c8 top left repeat-x;
  position: relative;
  padding-top: 3px;
}

#footerleft {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 232px;
  background: url(../images/bg_footer_left.gif) top left no-repeat;
  z-index: 20;
}

#footerright {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 232px;
  background: url(../images/bg_footer_right.gif) top right no-repeat;
  z-index: 10;
}

#footer {
  position: relative;
  width: 980px;
  height: 232px;
  margin: 0 auto;
  z-index: 50;
}

#footer img {
  padding: 0;
  margin: 0;
}

/***************************/
/*  Lists etc.             */
/***************************/

ul#topbar{
  float:right;
  margin-top:12px;
  margin-right:10px;
}
ul#topbar li{
  display:inline-block;
  position:relative;
}

ul#topbar li.arrowdown{
  background:url(../images/language_down.gif) right 6px no-repeat;
  padding-right:13px;
}

ul#topbar li a{
  padding-bottom: 5px;
  display:inline-block;
  color:#ffffff;
  line-height:18px;
}

ul#topbar li ul{
  position:absolute;
  background:#fff;
  border: 1px solid #e9e9e9;
  margin-top: 0;
  padding:5px 10px;
  width:100px;
  display:none;
  z-index: 100;
}

ul#topbar li ul li{
  display:block;
}

ul#topbar li ul li a{ padding-bottom: 0; display:block; color:#396; border: 0; }
ul#topbar li ul li a:hover{ color:#094b2c; }
ul#topbar li#account{
  margin-right:30px;
}

ul#topbar li#account a#myaccount{
  background:url(../images/kontooptions.png) left top no-repeat;
  padding-left:25px;
}

ul#topbar li#language a{
  padding-left:20px;
}

ul#topbar li#language a#german{
  background:url(../images/de.gif) no-repeat left center;
}

ul#topbar li#language a#english{
  background:url(../images/en.gif) no-repeat left center;
}

ul#topbar li#language a#francais{
  background:url(../images/fr.gif) no-repeat left center;
}

ul#liste {
  list-style-type: none;
  list-style-image: none;
  padding: 0;
  margin: 0;
  width: 460px !important;
}

ul#liste li {
  list-style-type: none;
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
  padding: 0 10px 10px 10px;
  clear: both;
}

ul#liste li p, ul#liste li h3 {
  margin-left: 0;
  margin-right: 0;
  display: block;
}

ul#liste li img.textimage {
  margin-bottom: 15px;
}

/* Language Select */
div#langselect{
  float:right;
  text-align:right;
  width:200px;
}

ul#konto{
  float:left;
  padding-top:11px;
  padding-right:10px;
  margin-right:20px;
}

 ul#konto li a{
  font-size:11px;
  color: #ffff99;
  display:inline-block;
  height:18px;
}

 ul#konto li a#myaccount{
  background:url(../images/kontooptions.png) no-repeat left 0px;
  padding-left:23px;
  line-height:18px;
}

ul#language {
  position: relative;
  padding-top: 12px;
  padding-right:10px;
  text-align:left;
  float:right;
}

ul#language li a{
  font-size: 11px;
  color: #ffff99;
  text-decoration: none;
  display:block;
  height:12px;
  clear:both;
}

ul#language li a:hover{
  text-decoration: none;
}

ul#language li a img, ul#konto li a img{
  padding-right:3px;
  padding-top:1px;
}

#lang-drop {
  width: 97px;
  position: absolute;
  top: 38px;
  margin-left:120px;
  z-index: 1500;
  text-align:left;
}

#lang-drop a {
  white-space: nowrap;
  text-decoration: none !important;
}

/* Dropdown Menues */
.dropdown ul {
  padding: 0 5px;
  z-index: 500;
}

.dropdown ul li {
  margin: 0 !important;
  border-bottom: 1px solid #e9e9e9;
  font-size: 11px;
  float: none !important;
}

.dropdown ul li.last {
  border-bottom: 0;
}

.dropdown ul li a {
  padding: 3px 7px !important;
  color: #333 !important;
  text-decoration: none;
  display: block;
}

.dropdown ul li a:hover {
  color: #e2001a !important;
}

.dropshadow, .shadowimg {
  background: url(../images/dropshadow.png);
}

.whitebox {
  background: #fff;
  border: 1px solid #ccc;
  position: relative;
  overflow: hidden;
}

.dropshadow .whitebox {
  left: -2px;
  top: -2px;
  /* Shadow offset */
}

ul#metanavi {
  float: right;
  overflow: hidden;
  padding-right: 33px;
  padding-top: 15px;
}

ul#metanavi li {
  font-size: 11px;
  float: left;
}

ul#metanavi li a:hover, ul#metanavi li a:focus {
  text-decoration: underline;
}

/* Main Navigation */
ul#navi {
  width: 689px;
  height: 30px;
  overflow: visible;
  padding-top:5px;
  padding-left:11px;
}
ul#navi li.naviitem {
  display:block;
  font-weight: bold;
  float: left;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: none;
  position:relative;
}
ul#navi li.naviitem:hover{
  background:url(../images/navitab_left_hover.gif)  no-repeat top left  #898b8d;
}
ul#navi li.naviitem.notab:hover{
  background:none;
}

ul#navi li.naviitem.notab:hover a.menulink{
  background:none;
}

ul#navi li.naviitem a.menulink {
  display: block;
  text-decoration: none;
  color:#ffff99;
  font-size:12px;
  padding:0 17px;
  height:30px;
  line-height: 30px;
}

ul#navi li.naviitem ul.submenu{
  width:170px;
  text-align:left;
  overflow:visible;
  border: 2px solid #898b8d;
  border-bottom: 1px solid #898b8d;
  margin-top:-4px;
  margin-left:-4px;
}

ul#navi li.naviitem.active ul.submenu{
  border-top:none !important;
}

ul#navi li.naviitem div.shadow{
  position:absolute;
  left:-9999px;
  width:173px;
  background:url(../images/shadow.png) repeat 100px 10px;
  padding-bottom:3px;
  margin-left:4px;
  margin-top:2px;
  float:left;
  z-index:500;
}

ul#navi li.naviitem.active div.shadow{
  margin-left:2px;
}

ul#navi li.naviitem ul.submenu li.submenuitem{
  position:relative;
  display:block;
  text-align:left;
  border-bottom:1px solid #898b8d;
  margin: 0;
  width:170px;
  background:#fff;
}

ul#navi li.naviitem  ul.submenu li.submenuitem:hover{
  background:#e9e9e9;
}

ul#navi li.naviitem  ul.submenu li.submenuitem a.submenulink, ul#navi li.naviitem  ul.submenu li.submenuitem ul.subsubmenu li.subsubmenuitem a.subsubmenulink{
  position:relative;
  color:#396;
  font-size:11px;
  display:table-cell;
  padding-left:13px;
  margin-right:10px;
  line-height:normal;
  height:30px;
  vertical-align:middle;
  padding-top:2px;
  padding-bottom:2px;
  width:150px;
}

ul#navi li.naviitem  ul.submenu li.submenuitem a.submenulink.arrow{
  background:url(../images/tab_pfeil_inactive.gif) no-repeat 155px center ;
}

ul#navi li.naviitem  ul.submenu li.submenuitem:hover a.submenulink{
  color:#094b2c;
  text-decoration:none;
}

ul#navi li.naviitem  ul.submenu li.submenuitem div.shadow{
  position:absolute;
  left:-9999px;
  margin-top:-22px;
  margin-left:158px;
  width:163px;
}

ul#navi li.naviitem  ul.submenu li.submenuitem ul.subsubmenu {
  position:relative;
  text-align:left;
  border:2px solid #898b8d;
  border-bottom:1px solid #898b8d;
  margin-left:-3px;
  margin-top:-5px;
  width:160px;
  z-index:300;
}

ul#navi li.naviitem  ul.submenu li.submenuitem ul.subsubmenu li.subsubmenuitem{
  position:relative;
  border-bottom:1px solid #898b8d;
  background:#fff;
  display:block;
}

ul#navi li.naviitem:hover div.shadow{
  left:0;
}

ul#navi li.naviitem ul.submenu li.submenuitem:hover div.shadow{
  left:0;
}

ul#navi li.naviitem  ul.submenu li.submenuitem ul.subsubmenu li.subsubmenuitem:hover{
  background: #e9e9e9;
}

ul#navi li.naviitem  ul.submenu li.submenuitem ul.subsubmenu li.subsubmenuitem:hover a.subsubmenulink{
  text-decoration:none;
}

ul#navi li.naviitem.active:hover{
  margin:0;
}

ul#navi li.naviitem:hover a.menulink{
  color:#FFF;
  background:url(../images/navitab_right_hover.gif)  no-repeat top right  ;
  padding-left:11px;
  margin-left:6px;
  padding-right:17px;
}


ul#navi li.naviitem.active, ul#navi li.naviitem.active:hover{
  background: url(../images/navitab_left.gif)  no-repeat top left  #FFFFFF;
  z-index:0;
}

ul#navi li.naviitem.active a.menulink, ul#navi li.naviitem.active:hover a.menulink{
  text-decoration: none;
  color: #094B2C;
  height: 30px;
  background: url(../images/navitab_right.gif)  no-repeat top right;
  line-height:26px;
  padding-left:21px;
  padding-right:21px;
  margin:0 !important;
}

ul#leftnavi {
  width:220px;
  list-style-image:none;
  float:left;
  margin:0;
  margin-top:50px;
  margin-right:20px;
  border-top:1px dotted #a0a0a0;
}

ul#leftnavi li{
  padding-top: 6px;
  padding-bottom: 6px;
  background:url(../images/right_arrow.gif) no-repeat left 12px;
  /*height:29px;*/
  border-bottom:1px dotted #a0a0a0;
  line-height:18px;
}

ul#leftnavi li a{
  padding-left:20px;
  display:block;
}

ul#leftnavi li.active{
  background:url(../images/down_arrow.gif) no-repeat 0px 10px;
}

ul#leftnavi li.activesingle {
  background:url(../images/right_arrow.gif) no-repeat 0px 10px;
}

ul#leftnavi li.activesingle a {
  color:#333;
  font-weight:bold;
  text-decoration: none;
}

ul#leftnavi li.activesingle a:hover, ul#leftnavi li.activesingle a:focus {
  text-decoration: underline;
}

ul#leftnavi li.active a, ul#leftnavi li.activesingle a {
  font-weight:bold;
}

ul#leftnavi li ul{
  list-style-image:none;
  margin-left:0;
  padding-left:0;
  width:  210px;
  margin-bottom: 0;
}

ul#leftnavi li ul li.active{
  list-style-image:none;
  background:none;
}

ul#leftnavi li ul li{
  display:block;
  background:none;
}

ul#leftnavi li ul li a.leftnavilink{
  font-weight:normal;
  padding-left:35px;
}

ul#leftnavi li ul li.leftnavilink.active{
  list-style:none;
}

ul#leftnavi li ul li.leftnavilink.active a{
  color:#333;
  font-weight:bold;
  padding-left:35px;
}

ul#mainteasertabs {
  width: 700px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  border: 0;
}

ul#mainteasertabs li {
  display: block;
  width: 220px;
  float: left;
  border: 0;
  padding: 0;
  margin-right:20px;
}
#content ul#mainteasertabs li p { padding: 0; }
#content ul#mainteasertabs li li { width: auto; height: auto; margin: 0; float: none; line-height: 16px; }

ul#mainteasertabs li div.tab{
  width: 220px;
  position:relative;
}

ul#mainteasertabs li div.tab div.loader{
  position:absolute;
  right:12px;
  bottom:9px;
  z-index:997;
  width:20px;
  height:20px;
  z-index:1;
}

ul#mainteasertabs li div.tab div.loader object{
  display:none;
}

ul#mainteasertabs li div.active.tab div.loader object{
  position:absolute;
  z-index:999;
  display:block;
}


ul#mainteasertabs li div.tab{
  position:relative;
  width: 220px;
  height: 84px;
  border-top: 20px solid #fff;
  position:relative;
  z-index:1;
  overflow:hidden;
}

ul#mainteasertabs li div.tab.active {
  height: 104px;
  border:0;
}

ul#mainteasertabs li div.tab img.teasertabimage{
  position:absolute;
  z-index:1;
  height:188px;
}

ul#mainteasertabs li div.tab.active img.teasertabimage{
  margin-top:-84px;
}

ul#mainteasertabs li h3 {
  margin:0;
  position:absolute;
  width:220px;
  height:84px;
  background: url("../images/tab_bg_inactive.png") repeat-x bottom left transparent;
  z-index:3;
  cursor:pointer;
}

ul#mainteasertabs li a{
  display: block;
  width: 195px;
  margin-top: 50px;
  background: url("../images/tab_pfeil_inactive.gif") no-repeat scroll 12px 14px transparent;
  line-height: 34px;
  font-size: 12px;
  font-weight: bold;
  padding-left:25px;
  color:#396;
}

ul#mainteasertabs li a:hover, ul#mainteasertabs li a:focus {
  color: #094b2c;
  text-decoration: none;
}


ul#mainteasertabs li .active  h3 {
  color: #fff;
  text-decoration: none;
  background:none;
  height:104px;
}

ul#mainteasertabs li .active a {
  width: 195px;
  height: 34px;
  margin-top: 70px;
  float: left;
  background:none;
  background: url("../images/tab_pfeil_active.gif") no-repeat scroll 12px 14px transparent;
  color:#fff;
}

ul#mainteasertabs li h3 img {
  margin: 0 5px 0 10px;
}

ul#mainteasertabs li img.progress {
  margin-top: 70px;
}

ul#mainteasertabs li ul {
  margin:0;
  margin-top:15px;
  padding:0 10px;
  font-size: 12px;
  color: #333333;
  clear: both;
  list-style-image:none;

}

ul#mainteasertabs li ul li {
  height: 12px;
  line-height: 12px;
  padding-left: 15px;
  margin:0;
  margin-bottom: 5px;
  background: url(../images/listtype.gif) no-repeat left center;
  float:none;
  width:auto;
  line-height:normal;
}

ul#mainteasertabs li p {
  margin-top: 15px;
  padding:0 10px;
  font-size: 12px;
  color: #333333;
  clear: both;
}

div#quicklinkswrapper {
  width: 709px;
  float: left;
  position:relative;
  margin-left:-10px;
}

#content div#quicklinkswrapper {
  margin-bottom: 20px;
  margin-left: -30px;
}

div#quicklinkstop {
  width: 710px;
  height: 33px;
  background:url(../images/quicklinks_top.gif) no-repeat left top;
}

div#quicklinksbody {
  width:653px;
  margin-left:32px;
  margin-right:18px;
  border-left:3px solid #e9e9e9;
  border-right:3px solid #e9e9e9;
  padding-left:19px;
}

div#quicklinksbody h4 {
  margin-left:18px;
  font-weight:bold;
  margin-bottom:5px;

}

div#quicklinksbottom {
  width:729px;
  height:32px;
  background: url(../images/quicklinks_bottom.gif) left bottom no-repeat;
}

ul.quicklinks {
  margin-left:0 !important;
  margin-bottom:30px;
  display:inline;
  width:220px;
  overflow: hidden;
  list-style-image:url(../images/right_arrow.gif) !important;
  float: left;
}

ul.quicklinks.last{
  width:200px;
}

ul.quicklinks li {

  line-height: 15px;
  font-size: 11px;
  color: #e9e9e9;
  padding-bottom: 5px;
  margin-left:14px;
  width:auto;
}


ul.quicklinks li a:hover {
  text-decoration: underline;
}

#quicklinkswrapper-long {
  width: 980px;
  background: url(../images/quicklinks_long_bottom.gif) bottom right no-repeat;
  padding-bottom:30px;
}

#quicklinkswrapper-long-top {
  width: 980px;
  height: 33px;
  background: url(../images/quicklinks_long_top.gif) top left no-repeat;
}

#quicklinkswrapper-long-body {
  width: 928px;
  border-left: 3px solid #e9e9e9;
  border-right: 3px solid #e9e9e9;
  margin: 0 26px;
}

#quicklinkswrapper-long-body ul.quicklinks{
  width:  202px;
  padding-left:30px;
  margin:0;
}

div#tagcloud{
  width:220px;
  float:right;
  margin-top: 10px;
}

div#tagcloud div#tags{ padding:7px 10px; }
div#tagcloud a.tag11{ font-size:11px; color:#a3d1ba; }
div#tagcloud a.tag12{ font-size:12px; color:#a2d0b7; }
div#tagcloud a.tag13{ font-size:13px; color:#a2d0b7; }
div#tagcloud a.tag14{ font-size:14px; color:#5eb081; }
div#tagcloud a.tag15{ font-size:15px; color:#5eb081; }
div#tagcloud a.tag16{ font-size:16px; color:#396; }
div#tagcloud a.tag17{ font-size:17px; color:#396; }
div#tagcloud a.tag18{ font-size:18px; color:#396; }
div#tagcloud a.tag19{ font-size:19px; color:#2a9056; }
div#tagcloud a.tag20{ font-size:20px; color:#2a9056; }
div#tagcloud a.tag21{ font-size:21px; color:#1f8048; }
div#tagcloud a.tag22{ font-size:22px; color:#1f8048; }
div#tagcloud a.tag23{ font-size:23px; color:#1f8048; }
div#tagcloud a.tag24{ font-size:24px; color:#15703c; }
div#tagcloud a.tag25{ font-size:25px; color:#0f6032; }
div#tagcloud a.tag26{ font-size:26px; color:#0a5028; }

ul#partner {
  list-style-image: none;
  margin-left: 0;
}

ul#partner li {
  display: block;
  height: 130px;
  margin-bottom: 2px;
}

ul#partner li ul {
  overflow: hidden;
  margin-bottom: 2px;
  list-style-image: none;
}

ul#partner li ul li {
  float: left;
  display: table-cell;
  border: 1px solid #ccc;
  width: 128px;
  height: 128px;
  line-height: 128px;
  text-align: center;
  vertical-align: middle;
  margin-left: 2px;
  position: relative;
}

ul#partner li ul li img {
  vertical-align: middle;
}

ul#partner li ul li span {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

ul.partnerlist {
  margin: 0 !important;
  list-style: none;
}
ul.partnerlist li {
  margin-bottom: 21px;
  padding-bottom: 10px;
  list-style: none;
  border-bottom: 2px solid #eee;
  overflow: hidden;
}

#content ul.partnerlist li p { margin-bottom: 10px; }

ul.partnerlist li img { margin: 0 10px 12px; float: left; }
ul.partnerlist li div.info { margin: 0; overflow: hidden; }

/*div.partner { margin-bottom: 35px; padding-bottom: 5px; overflow: hidden; }
div.partner .logo {
  width: 128px;
  height: 128px;
  float: left;
  position: relative;
  z-index: 200;
}

div.partner .logo a {
  width: 128px;
  height: 128px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

div.partner .logo a img { vertical-align: middle; }*/


/* Subnavigation */
ul#subnavi {}
ul#subnavi li {}

/* Footer Navigation */

ul#footerlogos {
  width: 928px;
  overflow: hidden;
  padding-top: 0px;
  clear: both;
  padding-left:32px;
  padding-right:20px;
}

ul#footerlogos li {

  height: 76px;
  padding-right: 19px;
  text-align: center;
  float: left;
}
ul#footerlogos li.last{
  float:left;
  padding-top: 18px;
}

#footerwrapper address {
  font-size: 11px;
  padding-left: 43px;
  padding-top: 15px;
  float: left;
  color:#666666;
  font-style:normal;
}

#footerwrapper address a {
  text-decoration:none;
}

#footerwrapper address a:hover, #footerwrapper address a:focus {
  text-decoration: underline;
}

#footerwrapper address a:hover, #footerwrapper address a:focus {
  text-decoration: underline;
}


/***************************/
/*  Special styles / fixes */
/***************************/

/* Columns & column objects */

.full-col { margin-bottom: 20px !important; }
.half-col, .one-col {
  width: 340px;
  margin-right: 20px;
  margin-bottom: 20px !important;
}
.one-col { width: 220px; }
.half-col.right, .one-col.right { margin-right: 0; }
.lightgrey .half-col { width: 330px; }

.form { margin-bottom: 20px !important; }
.half-col.form .input, fieldset .half-col textarea { width:210px; }
.lightgrey textarea { width: 670px; height: 80px; margin-bottom: 15px; }
.half-col.form .input.medium-text { width: 144px; }
.half-col.form .input.small-int { width: 53px; }
.half-col.form select { width:220px; }
.half-col select.normal { width: auto; }
.half-col.form label { width: 110px; }
.form p { margin: 0 0 4px 10px !important; }
#fancybox-inner .form p { margin-left: 0 !important; }
#fancybox-inner .wrap.right { margin-right: 0; }
#fancybox-inner .modalscreen { margin: 0; }
.half-col.form .wrap, .one-col.form .wrap { margin-top: 15px; }
.wrap, .full-col { overflow: hidden; }
.sidebarbox .wrap { margin-bottom: 5px; }
.wrap.right { margin-right: 10px; }
.wrap.left { margin-left: 10px; }
table.cart .wrap.left { margin-left: 3px; }

table.fullcol {
  width: 100%;
  border-bottom: 1px solid #5f6163;
}

table.fullcol tr th, table.fullcol tr td {
  vertical-align: middle;
  line-height: 27px;
  padding: 0px 10px;
}
table.fullcol tr td {
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: normal;
}


/* Icon-Links */
a.ico { padding: 2px 0 3px 24px; background: url(../images/icons.png) no-repeat; }
a.ico.pcbspecs, span.ico.pcbspecs { background-position: 0 0; }
a.ico.help, span.ico.help { background-position: 0 -20px; }
a.ico.user, span.ico.user { background-position: 0 -40px; }
a.ico.pageup, span.ico.pageup { background-position: 0 -60px; }
a.ico.back, span.ico.back { background-position: 0 -80px; }
a.ico.check, span.ico.check { background-position: 0 -100px; }
a.ico.info, span.ico.info { background-position: 0 -140px; }
span.ico { margin-left: 8px; margin-bottom: 2px; vertical-align: middle; width: 20px; height: 20px; background: url(../images/icons.png) 0 0 no-repeat; display: inline-block; font-size: 0; line-height: 0; }
span.ico strong { display: none; }
.advice span.ico { position: absolute; left: 0; top: -1px; }
span.ico.check { width: auto; height: auto; margin: 0; padding: 2px 0 2px 25px; font-size: 12px; font-weight: bold; color: #094b2c; line-height: 16px;  }
span.nr {
  width: 20px;
  height: 17px;
  padding-top: 3px;
  background: url(../images/icons.png) 0 -120px no-repeat;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  display: inline-block;
}
.icon { width: 16px; height: 16px; margin: -4px 10px 0 -15px; display: inline-block; vertical-align: middle; }
table.cart td a.button .icon, .address a.button .icon { margin: 7px 0 0 0; }
table.cart td button.button .icon { margin: 0; }
.icon.book { background: url(../images/ico_book.png) no-repeat; }
.icon.check { width: 20px; height: 20px; background: url(../images/ico_check.png) no-repeat; }
.icon.bigcart { width: 31px; height: 21px; background: url(../images/ico_bigcart.png) no-repeat; }
.icon.inspect { background: url(../images/ico_search.png) no-repeat; }
.icon.more { background: url(../images/ico_more.png) no-repeat; }
.icon.edit { background: url(../images/ico_gear.png) no-repeat; }
.icon.query { background: url(../images/ico_query.png) no-repeat; }
.icon.trash { background: url(../images/icon-backet1.png) no-repeat; }
a.loginlink#quitnewsletter { color: #ff3300; }

.disabled .icon, .disabled .ico {
	-webkit-opacity: .2;
	-moz-opacity: .2;
	opacity: .2;
	filter:alpha(opacity=50);
}

a.button, button.button, button.bigbutton {
  height: 30px;
  background: url(../images/button_middle.png) left top repeat-x;
  padding: 0 20px 0 20px;
  margin: 0;
  border: none;
  float: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height:29px;
  display: inline-block;
  text-decoration:none;
  color:#000;
  white-space: nowrap;
  cursor: pointer;
  text-align: center;
}

.button.white {	background: url(../images/button_white_middle.png) left top repeat-x; }

button.button { height: 30px; padding: 0 20px 1px 20px; }
button.bigbutton { height: 55px; padding: 0 20px 3px 20px; background: url(../images/big_button_middle.png) left top repeat-x; }
button.trash, a.button.trash { height: 25px; padding: 0 7px 3px 20px; background: url(../images/button_trash.png) left top no-repeat; }
.notext { font-size: 0; line-height: 0; }

a.button-dimensions, a.button-add, button.button-add { width: 29px; height: 25px; margin: 0 0 -7px 10px; display: inline-block; background: url(../images/button_dimensions.png) left top no-repeat; }
a.button-add, button.button-add { width: 28px; background-image: url(../images/button_add.png); border: 0; }
.deletebutton a.button.trash span, a.button-dimensions span, a.button-add span, button.button-add span { display: none; }
.wrap.disabled a.button, .wrap.disabled button.button,
.wrap.disabled a.bigbutton, .wrap.disabled button.bigbutton,
.wrap.disabled span.btnleft, .wrap.disabled span.btnright,
.wrap.disabled span.bigbtnleft, .wrap.disabled span.bigbtnright { cursor: default; background-position: left bottom; color: #b8b390; }

a.headlinelink {
  color: #094b2c;
  text-decoration: none;
}

a.headlinelink:hover, a.headlinelink:focus {
  text-decoration: underline;
}

span.btnleft, span.btnback {
  width: 5px;
  height: 30px;
  background: url(../images/button_left.png) top right no-repeat;
  float: left;
  line-height: 30px;
}
span.btnleft.white { background: url(../images/button_white_left.png) top right no-repeat; }
span.btnback { width: 19px; background-image: url(../images/btn_back.png); }
span.btnright, span.btnproceed {
  width: 5px;
  height: 30px;
  background: url(../images/button_right.png) top right no-repeat;
  float: left;
  line-height: 30px;
}
span.btnright.white { background: url(../images/button_white_right.png) top right no-repeat; }
span.btnproceed { width: 19px; background-image: url(../images/btn_proceed.png); }
span.bigbtnleft {
  width: 5px;
  height: 55px;
  background: url(../images/big_button_left.png) top right no-repeat;
  float: left;
  line-height: 55px;
}

span.bigbtnright {
  width: 5px;
  height: 55px;
  background: url(../images/big_button_right.png) top right no-repeat;
  float: left;
  line-height: 55px;
}

/* Input-Elemente anstelle von <button>, 25.09.12ba */
input.inputbutton {
  height: 35px;
  padding: 0 20px 0 20px;
  margin: 0;
  border: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height:29px;
  display: inline-block;
  white-space: nowrap;
  text-align: center;
  cursor: pointer;
}
input.inputbutton.angebot { width: 194px; height: 30px; background: url(../images/btn_angebot-senden.png) left top no-repeat; }
input.inputbutton.adressbuch { width: 194px; padding-right: 5px;background: url(../images/btn_adressbuch.png) left top no-repeat; }
input.inputbutton.uebernehmen { width: 194px; height: 55px; background: url(../images/btn_big-check.png) left top no-repeat; }
input.inputbutton.big { width: 194px; height: 55px; background: url(../images/btn_big-yellow.png) left top no-repeat; }
input.inputbutton.large { width: 194px; background: url(../images/button2.png) left top no-repeat; }
input.inputbutton.small { width: 84px; background: url(../images/btn_small.png) left top no-repeat; }
input.inputbutton.weiter { width: 107px; height: 30px; padding-right: 40px; background: url(../images/btn_weiter.png) left top no-repeat; }
input.inputbutton.zurueck { width: 107px; height: 30px; padding-left: 40px; background: url(../images/btn_zurueck.png) left top no-repeat; }
input.inputbutton.zurueck_large { width: 230px; height: 30px; padding-left: 40px; background: url(../images/btn_zurueck_230px.png) left top no-repeat; }
input.inputbutton.warenkorb { width: 194px; height: 56px; padding-left: 30px; background: url(../images/btn_warenkorb.png) left top no-repeat; }
.disabled input.inputbutton.warenkorb { width: 194px; height: 56px; padding-left: 30px; background: url(../images/btn_warenkorb_disabled.png) left top no-repeat; }
input.inputbutton.loeschen { width: 117px; padding-left: 30px; background: url(../images/btn_loeschen.png) left top no-repeat; }


p.pageup {
  margin-left: 10px;
  font-size: 11px;
  padding-top:45px;
  margin-bottom:16px;
  clear: both;
}

p.pageup a#topanchor {
  display: block;
  width: 60px;
  height: 18px;
  background: url(../images/pageup.gif) no-repeat center left;
  padding-left: 23px;
  line-height: 18px;
}

img.textimage {
  float: left;
  margin: 0 10px 0 0;
}

img.textimageleft {
  float: left;
  margin: 0 10px 0 0;
}

img.textimageright {
  float: right;
  margin: 0 0 0 10px;
}

.clearfix:after, .configgrp:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.left { float:left; }
.right { float:right; }
.center { margin: 0 auto; }
.gapBottom { margin-bottom: 10px; }

.last {
  border: 0 !important;
  margin-right: 0 !important;
  padding-right: 0 !important;
}

.strong { font-weight: bold; }
.wichtig { font-weight: bold; color: #396; }

.advice {
  padding-left: 35px;
  line-height: 18px;
  position: relative;
}
.half-col.advice { width: 305px; }
.half-col.advice.right { }
.half-col.advice h4 { margin: 0 !important; font-size: 12px !important; }
.half-col.advice p { margin-left: 0 !important; }

.captcha { margin-bottom: 20px; margin-right: 30px; padding-top: 10px; float: right; position: relative; }
.captcha label { float: left; width: 150px; cursor: pointer; }
#content .captcha p { margin-left: 0; margin-right: 0; float: right; }
.captcha p img { margin-top: -8px; margin-bottom: 8px; float: left; }
.captcha .ico.help { margin-top: 1px; }
.captcha a.refresh {
	width: 30px;
	height: 30px;
	background: url(../images/ico_refresh.png) no-repeat;
	text-indent: -9999px;
	display: block;
	position: absolute;
	top: -15px;
	right: -15px;
}

ul.addressbook { margin: 0 -20px 0 0 !important; overflow:hidden; }
ul.addressbook li { width: 340px; margin: 0 20px 15px 0 !important; list-style: none; float: left; }
ul.addressbook li p.setaddress { margin-bottom: 5px !important; }
ul.addressbook div.controls { float: right; margin-bottom: -25px; margin-right: 12px; position: relative; bottom: -13px; }
ul.addressbook li address { min-height: 68px; margin-bottom: 7px; padding: 15px 140px 15px 5px; border: 3px solid #e9e9e9; font-style: normal; overflow: hidden; clear: both; }
ul.addressbook li address p { margin-bottom: 0 !important; }

.addresses { padding: 0 10px; margin-bottom: 20px; }

#content .address {
	margin-bottom: 1px;
	background: #ecebea;
	padding: 10px 10px 10px 0;
	overflow: hidden;
}
#content .address p { margin-bottom: 0; width: 75%; }
#content .address .wrap.right { margin-right: 0; margin-left: 3px; }

p.error, p.success, p.info, p.warning {
  margin: 10px 0 !important;
  padding: 5px 10px 6px 25px !important;
  font-size: 11px !important;
  line-height: 15px !important;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
p.error {  background: #ffddd4 url(../images/fail.png) 8px 8px no-repeat; border: 1px solid #d78b78; color: #ba2500; }
p.success { background: #d7f1c4 url(../images/correct.png) 8px 8px no-repeat; border: 1px solid #6cb636; color: #498e16; }
p.info { background: #d9e4ea url(../images/info.png) 8px 8px no-repeat; border: 1px solid #82abc0; color: #2e6f90; }
p.warning { background: #ffe4ab url(../images/warning.png) 8px 8px no-repeat; border: 1px solid #f6b27b; color: #c46c25; }

#site .modalscreen { display: none; }
.modalscreen h3 { margin-bottom: 20px; margin-left: 0; }
.modalscreen h4 { margin-top: 0; margin-bottom: 10px; font-size: 13px; }
.modalscreen p { margin-bottom: 10px; }
.modalscreen fieldset { padding: 0; margin: 0; }
.modalscreen .trenner { margin-bottom: 10px !important; }

.infos { background: #e9e9e9; margin-bottom: 20px; padding: 15px; font-size: 11px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.lightgrey .infos { background: none; padding: 20px 0; }
.infos ul { margin-bottom: 0 !important; }

/* Tagger */
.tagger { float:left; }
.tagAdd { margin:0 0 0 6px;}
.tagList { padding: 2px !important; margin: 0 0 0 20px !important; float:left; background: none; }
.tagName {
  margin-right: 5px;
  background: #396 url(../images/failhover.png) right -19px no-repeat;
  color: #fff;
  cursor:pointer;
  float:left;
  padding:0.2em 1.7em 0.1em 0.4em;
  list-style:none;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.tagName:hover { color: #333; background:#ffddd4 url(../images/failhover.png) right 5px no-repeat; }

/* Progress bar */

#content .progressbar-wrapper {
  margin: 19px 0 -20px 0;
  font-size: 11px;
  font-weight: bold;
  border-top: 2px solid #ccc;
}
.progressbar-wrapper li {
  position: relative;
  top: -21px;
  display: block;
  width: 195px;
  height: 40px;
  float: left;
  line-height: 40px;
  white-space: nowrap;
  text-align: center;
  background: url(../images/progressbar-sprite.png) no-repeat left top;
}
.progressbar-wrapper .inactive {
  background-position: -253px top;
}
.progressbar-wrapper .active {
  background-position: left top;
}
.progressbar-wrapper .inactive:last-child {
  background-position: -253px bottom;
}
.progressbar-wrapper .active:last-child {
  background-position: left bottom;
}
.progressbar-wrapper .inactive,
.progressbar-wrapper .inactive a {
  color: #999;
}
.progressbar-wrapper .active,
.progressbar-wrapper .active a {
  color: #ff9;
}
.progressbar-wrapper .progressbar-element2 {
  margin: 0 55px 0 60px;
}

/* Wizard (vertical) */

.block-wizard-menu {
  width: 220px;
  float: left;
}
.wizard-item {
  position: relative;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  line-height: 1.2;
}
.wizard-item a {
  display: block;
  padding: 25px 50px;
  color: #fff;
  background-color: #10643b;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#10643b), to(#094b2c));
  background-image: -webkit-linear-gradient(top, #10643b, #094b2c);
  background-image:    -moz-linear-gradient(top, #10643b, #094b2c);
  background-image:      -o-linear-gradient(top, #10643b, #094b2c);
  background-image:         linear-gradient(to bottom, #10643b, #094b2c);
  -pie-background: linear-gradient(#10643b, #094b2c);
  border-top: 1px solid #589377;
  border-bottom: 1px solid #333;
}
.wizard-item a:hover {
  background-color: #27734f;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#27734f), to(#215d41));
  background-image: -webkit-linear-gradient(top, #27734f, #215d41);
  background-image:    -moz-linear-gradient(top, #27734f, #215d41);
  background-image:      -o-linear-gradient(top, #27734f, #215d41);
  background-image:         linear-gradient(to bottom, #27734f, #215d41);
  -pie-background: linear-gradient(#27734f, #215d41);
}
.wizard-item.selected a {
  color: #ff9;
  background-color: #063b22;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#063b22), to(#074327));
  background-image: -webkit-linear-gradient(top, #063b22, #074327);
  background-image:    -moz-linear-gradient(top, #063b22, #074327);
  background-image:      -o-linear-gradient(top, #063b22, #074327);
  background-image:         linear-gradient(to bottom, #063b22, #074327);
  -pie-background: linear-gradient(#063b22, #074327);
}
.wizard-item.inactive a {
  color: #ccc;
  background: #e9e9e9 none;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #bdbdbd;
}
.wizard-item a span {
  position: absolute;
  left: 13px;
  top: 38%;
  line-height: 1;
  padding: 3px 7px;
  background-color: #094b2c;
  border-radius: 50px;
}
.wizard-item.inactive a span {
  color: #e9e9e9;
  background-color: #ccc;
}
.wizard-item.selected a span {
  color: #094b2c;
  background-color: #fff;
}
.wizard-item.selected:after {
  content: '';
  position: absolute;
  right: -5px;
  top: 40%;
  z-index: 255;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-color: transparent transparent transparent #074426;
}

.wizard-item-description {
  float: right;
  width: 473px;
}
.wizard-item-description #configurator {
  width: 437px;
  padding: 15px;
}
.wizard-item.selected .wizard-item-description {
  display: block;
}
#content .wizard-item-description h3 {
  margin: 0 0 10px 0;
  font-size: 14px;
}
#content .wizard-item-description p {
  margin: 0 0 10px 0;
}
.wizard-item-description .wizard-input1 {
  width: 370px;
  padding: 3px;
  border: 1px solid #999;
}
.wizard-item-description .button-info {
  display: inline-block;
  width: 30px;
  height: 20px;
  text-indent: -9999em;
  background: url(../images/icon-info.png) no-repeat center center;
  border: 0;
}

.wizard-item-description #config-footer p.info,
.wizard-item-description #config-footer p.warning {
  margin: 0 0 15px 0!important;
}

#content .note {
  margin: 20px 0;
  padding-left: 25px;
  color: #333;
  font-size: 12px;
  line-height: 20px;
  background: url(../images/icon-info.png) no-repeat left center;
}
#content #tab-5 .buttons {
  padding: 0 0 20px 0;
  text-align: center;
}
#content .button-yellow1 {
  width: 194px;
  height: 35px;
  float: none;
  line-height: 35px;
  background: url(../images/button2.png) no-repeat center center;
}

.table-list-to-delete {
  width: 100%;
  border: 0;
}
.table-list-to-delete td {
  border-bottom: 1px solid #fff;
  background-color: #ccc
}
.table-list-to-delete tr td:last-child {
  width: 1%;
}
.table-list-to-delete .remove {
  display: block;
  width: 14px;
  height: 16px;
  line-height: 16px;
  text-indent: -9999em;
  background: url(../images/icon-backet1.png) no-repeat center center;
}

.col1 {
  width: 5%;
  text-align: center;
}
.col3 {
  width: 40%;
  text-align: right;
}

#tab-5 .field {
  margin-bottom: 10px;
  text-align: center;
}
#content p#tooltip-fileformats { margin-bottom: 10px; }
#content p#tooltip-fileformats span { margin: 0 5px 0 0; }

/* Tooltip */

.tooltip {
  float: right;
  width: 24px;
  height: 22px;
  background: url(../images/alert1.png) no-repeat left top;
}
.tooltip-content h3 {
  margin-bottom: 10px;
  font-size: 15px;
}
.tooltip-content {
  display: none;
  padding: 35px 10px 35px 120px;
  font-size: 12px;
  line-height: 1.2;
  color: #fff;
  background: transparent url(../images/alert2.png) no-repeat 20px 50px;
  min-height: 100px;
}
.ui-tooltip-default {
  background-color: #f5f5f5;
  border: 0;
  width: 650px!important;
  border-radius: 3px;
  box-shadow: 0 0 5px #666;
}
.ui-tooltip-warning .ui-tooltip-title {
	margin-bottom: 10px;
}
.ui-tooltip-warning {
  background-color: #3366cc;
}


/* Q-print style */
.ui-tooltip-qprint{
max-width: 196px;
border: 3px solid #000 !important;
border: 3px solid #cecece !important;

-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;

box-shadow: rgba(0,0,0,0.5) 0 0 5px;
-webkit-box-shadow: rgba(0,0,0,0.5) 0 0 5px;
-moz-box-shadow: rgba(0,0,0,0.5) 0 0 5px;
}

.ui-tooltip-qprint .ui-tooltip-titlebar,
.ui-tooltip-qprint .ui-tooltip-content{
background: transparent;
background: #f5f5f5;

border: 0px solid #cecece;
color: #333;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
line-height: 18px;
}

.ui-tooltip-qprint .ui-tooltip-titlebar{
padding: 6px 10px 0 10px;
border-bottom: 0;
color: #094b2c;
}

.ui-tooltip-qprint .ui-tooltip-content{
padding: 0 10px 6px;
}

.ui-tooltip-qprint .ui-tooltip-icon{
border-color: #222;
text-shadow: none;
}

.ui-tooltip-qprint .ui-tooltip-titlebar .ui-state-hover{
border-color: #303030;
}