/*******************************************************************************
********************************************************************************
	Projekt		: Cupconcept
********************************************************************************
*******************************************************************************/

/************************************* Reset allgemein - NICHTS VERAENDERN *****
*******************************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*********************************************** Reset - NICHTS VERAENDERN *****
*******************************************************************************/
a {
	text-decoration:none;
}
img, iframe, object, embed {
	vertical-align: bottom;
}
strong {
	font-weight: bold;
}
input, textarea, select {
	font-size: 1em;
}
html {
	height: 100.01%;
	margin-bottom: -1px;
}
body {
	position:relative;
	background-color: #FFF;
	color: #000;
	font-size: 100.01%;
	font-weight: normal;
	line-height: 1;
	text-align: left;
}


/******************************************** Standard - NICHTS VERAENDERN *****
*******************************************************************************/

.nospace {
	margin: 0;
	padding: 0;
}

.rvrs {
	unicode-bidi: bidi-override; 
	direction: rtl;
}

body, div, 
h1, h2, h3, h4, h5, h6, p, 
a, span,  
li {
	background-repeat:no-repeat;
}

.fl-lft { 
	float: left;
	margin: 0 20px 0 0;
}

.fl-rght { 
	float: right;
	margin: 0 0 0 20px;
}

.algn-lft { 
	text-align: left;
}

.algn-rght { 
	text-align: right;
}

.algn-cntr { 
	text-align: center;
}

.clearer { 
	display: block;
	clear: both;
	line-height: 0em;
	height: 1px;
	font-size: 0;
	visibility: hidden;
}

.clear { 
	clear: both;
}

.hidden {
	display: inline;
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	background-color: #FFF;
}

.dib {
	display: block;
}



/*********************************************************** Hintergruende *****
*******************************************************************************/



/************************************************************* Text-Farben *****
*******************************************************************************/

/*	Weiss */
#navi ul li a:hover span, 
#navi ul li.active a span, 
#navi ul li.current a span, 
#navi-top ul li, 
#navi-top ul li a, 
#sidebar ul.navi li a:hover, 
#sidebar ul.navi li.active a, 
#sidebar ul.navi li.current a, 
.accs, 
a.link-button span, 
a.link-button:hover span, 
#content .accs:hover, 
div.products ul li a span.inner, 
.tab-navi-step ul li span.step {
	color: #fff;
}

/*	Grau */
#website, 
#navi-top ul li:hover, 
div.products ul li span.title, 
div.product h3 {
	color: #616264;
}
.emphasize {
	color: #b6b6b6;
}
#footer .content .title, 
#navi-footer ul li a {
	color: #8e8e8e;
}
.xform label {
	color: #4e4e4e;
}

/*	Gruen */
h1, h2, h3, 
.bx h4, 
#content a:hover, 
#sidebar a:hover, 
div.products ul li a span.inner strong, 
.tab-navi-step ul li.active, 
.xform p.formtext input.inp_disabled, 
p.price-total, 
span.color-v1, 
.basket-info {
	color: #8db330;
}

/*	Blau */
a, 
#navi-top ul li ul li a, 
div.products ul li a span.inner span.info, 
div.products ul li span.title-special, 
div.product h3 span, 
div.product h4, 
.xform .form-v1 strong {
	color: #3c8cae;
}


/*	Rot */
.xform ul.form_warning, 
.delivery-info {
	color: #e92600;
}
/*************************************************************** Schriften *****
*******************************************************************************/
body, input, textarea {
	font-family: Arial, Verdana, sans-serif;
}


/********************************************************* Schriftgroessen *****
*******************************************************************************/
#website, 
#footer {
	font-size: .75em;
}

h1 {
	font-size: 2.25em;
}
.emphasize, 
div.product h3 {
	font-size: 1.62em;
}
#sidebar h3, 
.news h3, 
.news h4 {
	font-size: 1.5em;
}
#content h2 {
	font-size: 1.4em;
}
.accs {
	font-size: 1.23em;
}
#sidebar h4 {
	font-size: 1.166em;
}
div.products ul li span.title {
	font-size: 1.1em;
}
#content {
	font-size: 1.08em;
}

.tab-box div.products ul li span.title {
	font-size: .95em;
}

#navi-footer {
	font-size: .83em;
}

/************************************************************* Zeilenhoehe *****
*******************************************************************************/
h3, 
div#website p, 
div#website dl, 
div#website ol, 
div#website ul, 
div#website table, 
div#footer p, 
div.popup-wrapper p, 
div.popup-wrapper dl, 
div.popup-wrapper ol,
div.popup-wrapper ul, 
div.popup-wrapper table {
	line-height: 1.6;
}
h1.has-sep, 
h2.has-sep, 
h3.has-sep, 
h4.has-sep {
	line-height: 1.4em;
}
div#website .emphasize p, 
div.products ul li a span.inner  {
	line-height: 1.2;
}
/************************************************************* Allgemeines *****
*******************************************************************************/
h1.has-sep, 
h2.has-sep, 
h3.has-sep, 
h4.has-sep {
	margin-bottom: 19px;
	padding-bottom: 8px;
	background-image: url(/layout/css/ln_h_g.gif);
	background-position: 0% 100%;
	background-repeat: repeat-x;
}
h2 {
	margin-bottom: 1em;
}

#content p, 
#content dl, 
#content ol, 
#content ul, 
#content table, 
#sidebar p, 
#sidebar dl, 
#sidebar ol, 
#sidebar ul, 
#sidebar table {
	margin-bottom: 1em;
}


#sidebar h4 {
	margin-bottom: .7em;
}

#content ol dl,
#content ul dl,
#sidebar ol dl,
#sidebar ul dl, 
#sidebar .ti-bl .ti-content p {
	margin-bottom: 0;
}


a:hover {
	text-decoration: underline;
}

.render {
	display: block;
	width: 100%;
}
/********************************************************** Seitenstruktur *****
*******************************************************************************/
body {
	background-image: url(/layout/css/body_bg.gif);
	background-repeat: repeat-x;
	text-align: center;
}

#website-d {
	margin-right: 40px;
	margin-left: 40px;
}
#footer-d {
	padding: 0 40px 20px 40px;
}

#website {
	width: 976px;
	margin: 0 auto;
	text-align: left;
}

#header, 
#navi, 
#footer, 
#wrapper {
	position: relative;
	float: left;
	width: 100%;
}
#navi {
	width: 950px;
}

#header {
	height: 154px;
}
#wrapper {
	padding-top: 40px;
} 
#wrapper #content {
	float: left;
	width: 640px;
} 
#wrapper #sidebar {
	float: right;
	width: 296px;
	padding-top: 15px;
}
#wrapper #content .content {
	padding-bottom: 0px;
}
#wrapper #sidebar .content {
	padding-right: 26px;
}
/*
div.popup {
	display: none;
}
div.popup-wrapper {
	background-image: url(/layout/css/bg_popup_r.jpg);
	background-position: 100% 0;
}
div.popup-wrapper-2 {
	padding: 16px;
	background-image: url(/layout/css/bg_popup_l.jpg);
	text-align: left;
}
*/

/****************************************************************** Header *****
*******************************************************************************/
#logo {
	position: absolute;
	left: 0px;
	top: 4px;
	background-image: url(/layout/css/logo.gif);
}
#logo p a {
	display: block;
	width: 320px;
	height: 150px;
	text-indent: -1000em;
}


/****************************************************************** Footer *****
*******************************************************************************/
#footer {
	background-image: url(/layout/css/footer_bg.gif);
	background-repeat: repeat-x;
	text-align: center;
}
#footer-wrapper {
	position: relative;
	width: 976px;
	height: 178px;
	margin: 0 auto;
	background-image: url(/layout/css/footer_tab.gif);
	background-position: 100% 0px;
	text-align: left;
}
#footer .content {
	position: relative;
	width: 950px;
	padding: 48px 0 24px 0;
	background-image: url(/layout/css/ln_h_g.gif);
	background-position: 0% 100%;
	background-repeat: repeat-x;
}
#footer .content .title {
	position: absolute;
	left: 710px;
	top: 5px;
}
#footer-logo {
	position: absolute;
	top: 130px;
	left: 0;
	background-image: url(/layout/css/footer_logo.gif);
}
#footer-logo a {
	display: block;
	width: 170px;
	height: 51px;
	text-indent: -1000em;
}

/************************************************************ Navigationen *****
*******************************************************************************/
#navi {
	background-color: #fff;
	background-image: url(/layout/css/navi_m_bg.gif);
	background-repeat: repeat-x;
	border-top: 5px solid #E4E4E4;
	border-bottom: 5px solid #E4E4E4;
}
#navi2 {
	padding: 11px 0 11px 15px;
	border-top: 1px solid #D0D0D0;
	border-bottom: 1px solid #D7D7D7;
}
#navi ul li, 
#navi ul li a, 
#navi ul li a span {
	display: block;
}
#navi ul li {
	float: left;
	width: 113px;
	background-image: url(/layout/css/navi_m_sep.gif);
	background-repeat: repeat-y;
	font-weight: bold;
}
#navi ul li.first {
	background: none;
}
#navi ul li a {
	margin-left: 1px;
	padding-bottom: 6px;
}
#navi ul li a span {
	padding: 6px 11px 0px 11px;
}
#navi ul li a:hover, 
#navi ul li a:hover span, 
#navi ul li.active a, 
#navi ul li.active a span, 
#navi ul li.current a, 
#navi ul li.current a span {
	background-image: url(/layout/css/navi_m_a.gif);
	background-position: -200px 100%;
	text-decoration: none;
}
#navi ul li a:hover span, 
#navi ul li.active a span, 
#navi ul li.current a span {
	background-position: 0% 0%;
}


#navi-top {
	position: absolute;
	top: 0;
	right:0;
	width: 326px;
	background-image: url(/layout/css/navi_t_bg.gif);
	z-index: 5;
}
#navi-top ul {
	margin-left: 22px;
}
#navi-top ul li {
	display: block;
	float: left;
	position: relative;
	padding: 4px 19px;
	background-image: url(/layout/css/navi_t_sep.gif);
	background-position: 0px 7px;
}
#navi-top ul li.first {
	background: none;
}
#navi-top ul li.navi-lang {
	padding-right: 0;
	padding-left: 0;
	
	padding-left: 7px;
	padding-top: 9px;
}
#navi-top ul li.navi-lang span {
	display: block;
	padding: 0 24px 4px 19px;
	background-image: url(/layout/css/ic_arrow_d_w.gif);
	background-position: 100% 3px;
}
#navi-top ul li.navi-lang a {
	display: block;
	float: left;
	width: 16px;
	height: 11px;
	margin-left: 11px;
	text-indent: -1000em;
}
#navi-top ul li.navi-lang a#flag-0 {
	background-image: url(/layout/css/flag_de.gif);
}
#navi-top ul li.navi-lang a#flag-1 {
	background-image: url(/layout/css/flag_en.gif);
}
#navi-top ul li.navi-lang a#flag-2 {
	background-image: url(/layout/css/flag_fr.gif);
}
#navi-top ul li ul {
	display: none;
	margin-left: 0px;
	padding: 5px 0 6px 0;
	width: 87px;
	background-image: url(/layout/css/navi_l_bg.gif);
	background-position: 0 100%;
}
#navi-top ul li:hover ul {
	display: block;
}
#navi-top ul li ul li {
	float: none;
	padding: 0 0 0 20px;
	background: none;
}


#sidebar ul.navi {
	margin-bottom: 40px;
	border-top: 1px solid #D8D8D8;
}
#sidebar ul.navi li {
	background-color: #f1f1f2;
	border-bottom: 1px solid #D8D8D8;
}
#sidebar ul.navi li a {
	display: block;
	padding: 5px 5px 4px 30px;
	background-image: url(/layout/css/navi_s_i.gif);
	background-position: 10px 8px;
	font-weight: bold;
}
#sidebar ul.navi li a:hover, 
#sidebar ul.navi li.active a, 
#sidebar ul.navi li.current a {
	background-color: #9abd13;
	background-position: 10px -42px;
	text-decoration: none;
}


#navi-footer {
	margin-left: 185px;
	margin-top: 17px;
	border-left: 1px solid #c4c4c4;
}
#navi-footer ul {
	padding-left: 14px;
}
#navi-footer ul li {
	display: block;
	float: left;
	margin-right: 6px;
	padding: 2px 0;
	background-image: url(/layout/css/navi_f_sep.gif);
	background-position: 100% 50%;
}
#navi-footer ul li a {
	margin-right: 10px;
	font-weight: bold;
	white-space: nowrap;
}


#navi-hover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
}
#navi-hover .prev, 
#navi-hover .next {
	display: block;
	float: left;
	width: 49%;
	height: 100%;
	background-image: url(/layout/css/ic_prev.gif);
	background-position: -1000px -1000px;
	text-indent: -1000em;
}
#navi-hover .next {
	float: right;
	background-image: url(/layout/css/ic_next.gif);
}
#navi-hover .prev:hover {
	background-position: left 50%;
}
#navi-hover .next:hover {
	background-position: right 50%;
}

/****************************************************************** Module *****
*******************************************************************************/
div.split {
	clear: both;
	overflow: hidden;
	height: 1px;
	margin: 0 0 2em 0;
	background-image: url(/layout/css/ln_h_g.gif);
	background-position: 0% 100%;
	background-repeat: repeat-x;
}
div.split-v2 {
	height: 3px;
	background: none;
	background-color: #e4e4e4;
}
.acc div.split, 
.acc div.split-v2 {
	margin-left: 30px;
	margin-right: 30px;
}
.xform div.split, 
table div.split {
	margin-top: 1em;
	margin-bottom: 1em;
}


p.img span.img {
	position: relative;
	background-color: #FFF;
}
div.jquery-corner {
	position: absolute;
	width: 100%;
}


/*	Text - Image */
#content .ti, 
#sidebar .ti {
	position: relative;
	margin-bottom: 1em;
}
#content .acc .ti {
	margin-bottom: -1px;
}
#sidebar .ti {
	margin-bottom: 3em;
}
#content .acc, 
#sidebar .acc,
#content .acc p.img, 
#sidebar .acc p.img {
	margin-bottom: 0;
}
#content .acc .ti p.img {
	margin-bottom: 1em;
}
#content .ti-fl p.img, 
#content .ti-bl p.img {
	padding-top: 5px;
}
#sidebar .ti-bl {
	background-image: url(/layout/css/ln_v_g.gif);
	background-position: 83px 0px;
	background-repeat: repeat-y;
}
#sidebar .ti-bl-l {
	background-position: 187px 0px;
}
#content .ti-bl .ti-content,
#sidebar .ti-bl .ti-content,  
#content .ti .teaser-wrapper {
	float: right;
	width: 448px;
}
#content .ti-bl-l .ti-content, 
#sidebar .ti-bl-l .ti-content {
	float: left;
}
#sidebar .ti-bl .ti-content {
	width: 176px;
}



.accs {
	display: block;
	padding: 7px 10px 6px 40px;
	background-image: url(/layout/css/acc_bg.gif);
	border-top: 1px solid #fff;
}
.accs:hover {
	background-position: 0px -200px;
	text-decoration: none;
}
.accs-first {
	background-position: 0px -300px;
}
.accs-first:hover, 
.accs-first.accs-closed:hover {
	background-position: 0px -500px;
}
.accs-closed {
	background-position: 0px -100px;
}
.accs-first.accs-closed {
	background-position: 0px -400px;
}
.acc {
	background-color: #f7f7f7;
	background-image: url(/layout/css/acc_c_bg.gif);
	background-repeat: repeat-x;
}
.acc .news, 
.acc .ti {
	padding: 20px 30px 1em 30px;
}
.acc-c {
	background-image: url(/layout/css/cnt_b_rounded.gif);
	background-position: 0 100%;
}


.link-extern, 
.link-intern, 
#content .ti a, 
#sidebar .ti a {
	padding-left: 8px;
	background-image: url(/layout/css/ic_link.gif);
	background-position: 0px 5px;
	font-weight: bold;
}
#sidebar .ti a {
	background-position: 0px 4px;
}
#content .ti ul a, 
#sidebar .ti ul a {
	padding-left: 0;
	background: none;
}

.link-extern:hover, 
.link-intern:hover, 
#content .ti a:hover, 
#sidebar .ti a:hover {
	background-position: 0px -45px;
}
#sidebar .ti a:hover {
	background-position: 0px -46px;
}


a.link-button {
	display: block;
	float: left;
	padding-left: 10px;
	background-image: url(/layout/css/ic_bttn.gif);
	background-position: 0px -100px;
	font-weight: bold;
}
a.link-button span {
	display: block;
	padding: 1px 20px 2px 10px;
	background-image: url(/layout/css/ic_bttn.gif);
	background-position: 100% 0px;
}
a.link-button:hover {
	background-position: 0px -300px;
	text-decoration: none;
}
a.link-button:hover span {
	background-position: 100% -200px;
	text-decoration: none;
}
a.link-button-v2, 
a.link-button-v2:hover {
	padding-left: 13px;
	background-position: 0px -500px;
}
a.link-button-v2 span, 
a.link-button-v2:hover span {
	padding-top: 3px;
	padding-bottom: 4px;
	padding-left: 7px;
	background-position: 100% -400px;
}


a.delete {
	display: block;
	padding: 3px 0 4px 34px;
	background-image: url(/layout/css/ic_minus.gif);
}

a.qmark {
	display: block;
	padding: 3px 0 4px 34px;
	background-image: url(/layout/css/ic_qmark.gif);
}


.delivery-info, 
p.rent-info-1, 
p.rent-info-2, 
p.rent-info-3, 
ul.rent-info-4 {
	display: block;
	padding: 0px 0 5px 70px;
	background-image: url(/layout/css/ic_info_r.gif);
	background-repeat: no-repeat;
}
p.rent-info-1 {
	height: 50px;
	background-image: url(/layout/css/ic_info_b.gif);
}
p.rent-info-2 {
	background-image: url(/layout/css/ic_tipp_b.gif);
}
p.rent-info-3 {
	background-image: url(/layout/css/ic_money_y.gif);
}
ul.rent-info-4 {
	background-image: url(/layout/css/ic_lost_g.gif);
}
.tab-box div.products ul.rent-info-4 li {
	float: none;
	width: auto;
	margin: 0;
}
#content .xform .rent-notice {
	margin-bottom: 2em;
}



#sidebar .bx {
	margin-bottom: 40px;
	padding: 0 13px;
}
#sidebar .bx h4 {
	padding-top: 17px;
}
#sidebar .bx-content {
}


.news .col-a {
	float: left;
	width: 170px;
}
.news .col-b {
	float: right;
	width: 448px;
}
.acc .news .col-b {
	width: 385px;
}
#content .news .ti-content {
	float: left;
	width: auto;
}

/*************************************************************** Produkte *****/
div.products {
	float: left;
	width: 100%;
	background-image: url(/layout/css/products_bg.gif);
	background-repeat: repeat-y;
}
div.products ul li {
	display: block;
	float: left;
	width: 197px;
	margin-left: 23px;
	margin-bottom: 20px;
}
div.products ul li.first {
	clear: both;
	margin-left: 0;
}
div.products ul li a {
	position: relative;
	display: block;
}
div.products ul li a:hover {
	text-decoration: none;
}
div.products ul li a span.inner {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	height: 211px;
	background-image: url(/layout/css/products_list_desc_bg_24b.png);
}
div.products ul li a:hover span.inner {
	display: block;
}
div.products ul li a span.inner span.desc {
	display: block;
	padding: 10px;
}
div.products ul li a span.inner span.info {
	position: absolute;
	top: 187px;
	left : 34px;
	display: block;
}
div.products ul li a span.inner strong {
	display: block;
}
div.products ul li span.title {
	display: block;
	padding: 7px 10px 8px 10px;
	background-image: url(/layout/css/products_list_bg.gif);
	background-position: 0% 100%;
	border-top: 3px solid #b2b2b2;
}
div.products ul li img {
	border-bottom: 4px solid #FFF;
}
div.downloads ul li a span.inner {
	height: 279px;
	background-image: url(/layout/css/download_list_desc_bg_24b.png);
}
div.downloads ul li span.title a {
	padding-left: 24px;
	background-image: url(/layout/css/ic_download_box.gif);
	background-position: 0px 3px;
}


div.product h3 {
	padding: 19px 16px 6px 16px;
	background-image: url(/layout/css/product_detail_title.gif);
	background-repeat: repeat-x;
}
div.product h4 {
	margin-bottom: 1em;
}
div.product .image {
	position: relative;
}
div.product table {
	border-top: 1px solid #e4e4e4;
}
div.product table th, 
div.product table td {
	padding: 2px 8px;
	background-color: #e4e4e4;
	border-bottom: 1px solid #fff;
	width: auto;;
}
div.product table th {
	white-space: nowrap;
}
div.product .content {
	padding: 16px;
	background-color: #f7f7f7;
	background-image: url(/layout/css/product_detail_content.gif);
	background-repeat: repeat-x;
}
div.product .content p.desc {
	margin-bottom: 1em;
}
div.product .content .cols {
	float: left;
	width: 100%;
	padding-top: 16px;
	background-image: url(/layout/css/ln_h_g.gif);
	background-repeat: repeat-x;
}
div.product .content .cols .col-a {
	float: left;
	width: 330px;
}
div.product .content .cols .col-b {
	float: right;
	width: 170px;
}
div.product p.download {
	padding-left: 90px;
	background-image: url(/layout/css/ic_cup_037_g.gif);
}
div.product p.download a {
	display: block;
	width: 71px;
	height: 70px;
	background-image: url(/layout/css/ic_download_071.gif);
	text-indent: -1000em;
}





.tab-box div.products {
	background-image: url(/layout/css/products_bg_4.gif);
}
#shop-b div.products, 
#shop-h div.products {
	background: none;
}
.tab-box div.products ul li {
	width: 135px;
	margin-left: 19px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.tab-box div.products ul li.first {
	clear: both;
	margin-left: 0;
}
.tab-box div.products ul li a span.inner {
	height: 144px;
	width: 135px;
	background-image: url(/layout/css/products_list_desc_bg_4.png);
}
.tab-box div.products ul li span.title {
	padding: 3px 5px 3px 5px;
	background-image: url(/layout/css/products_list_bg_4.gif);
	background-position: 0% 100%;
	border-top: 2px solid #b2b2b2;
}
.tab-box div.products ul li img {
	border-bottom: 3px solid #FFF;
}




/***************************************************************** Listen *****/
.slice ul li, 
.tab-box div.products ul.rent-info-4 li {
	padding-left: 20px;
	padding-bottom: 5px;
	background-image: url(/layout/css/ic_list.gif);
	background-position: 2px 5px;
}
.slice ul li.no-lsi, 
.tab-box div.products ul.rent-info-4 li.no-lsi {
	padding-left: 0;
	background: none;
}






/***************************************************************** Tabbox *****/
.tab-box, 
.tab-box .tab-content {
	clear: both;
	float: left;
	width: 100%;
}
.tab-box .tab-content-2 {
	padding: 0 16px 20px 16px;
	background-color: #F6F6F6;
	border: 3px solid #E6E6E6;
	border-top: 0;
}

.tab-navi {
	clear: both;
	float: left;
	width: 100%;
}
.tab-navi ul li {
	display: block;
	float: left;
	margin-right: 6px;
}
.tab-navi ul li a, 
.tab-navi ul li a span {
	display: block;
	background-image: url(/layout/css/bg_navi_tab.gif);
}
.tab-navi ul li a {
	padding-left: 8px;
	background-position: 0px -100px;
}
.tab-navi ul li a span {
	padding: 6px 20px 2px 12px;
	background-position: 100% 0px;
	font-weight: bold;
}
#content .tab-navi ul li a:hover, 
#content .tab-navi ul li a.active {
	color: #fff;
	background-position: 0px -300px;
	text-decoration: none;
}
.tab-navi ul li a:hover span, 
.tab-navi ul li a.active span {
	background-position: 100% -200px;
}

.tab-navi-step {
	float: left;
	width: 100%;
	height: 60px;
	background-image: url(/layout/css/navi_step.gif);
}
.tab-navi-step-2 {
	padding: 12px 0 0 20px;
}
#content .tab-navi-step ul {
	margin-bottom: 0px;
}
.tab-navi-step ul li {
	float: left;
	display: block;
	margin-right: 26px;
	background-image: url(/layout/css/navi_step_n.gif);
}
.tab-navi-step ul li.active {
	background-position: 0px -50px;
}
.tab-navi-step ul li.sep {
	padding: 0 4px;
	background-image: url(/layout/css/navi_step_sep.gif);
	background-position: 0px 4px;
}
.tab-navi-step ul li span.step {
	padding: 0 7px;
}


/*	Warenkorb */
#basket div.product table {
	width: 100%;
	border-top: 0;
}
#basket div.product table th, 
#basket div.product table td {
	padding: 2px 8px;
	background: none;
	border-bottom: 0;
}

.basket-bar {
	clear: both;
	margin-right: -16px;
	margin-left: -16px;
	padding: 18px 0;
	background-color: #d4e7e8;
	border-bottom: 3px solid #fff;
}
#website #content .basket-bar p {
	margin: 0;
	padding: 0 16px;
}
#website #content .basket-bar p.add {
	padding-left: 34px;
	background-image: url(/layout/css/ic_add_027.gif);
}
#website #content #shop-h .basket-bar p.fl-lft a, 
#website #content #shop-h .basket-bar p.fl-lft span {
	float: left;
}
#website #content #shop-h .basket-bar p.fl-lft span {
	display: block;
	padding: 3px 0 4px 74px;
	color: #3C8CAE;
}

.basket-info {
	font-weight: bold;
}

/************************************************************ Suchformular *****
*******************************************************************************/
div#search {
	position: absolute;
	right: 26px;
	top: 75px;
	height: 30px;
	background-image: url(/layout/css/form_search_bg.gif);
	z-index: 1;
}
div#search input {
	background: none;
	border: 0;
}
div#search p.form-text {
	padding-left: 6px;
}
div#search input.form-text {
	width: 234px;
	padding: 2px 0;
}
div#search input.form-submit {
	width: 30px;
	cursor: pointer;
}



/*************************************************************** Formulare *****
*******************************************************************************/
.xform {
	clear: both;
}
.xform form {
	background-color: #f1f1f2;
}
.xform fieldset {
	padding: 10px 25px 2px 25px;
	border-bottom: 3px solid #fff;
}
#content .xform p {
	clear: both;
	margin-bottom: 8px;
}
#content .xform p.fl-rght, 
#content .xform p.info, 
#content .xform p.formsubmit {
	clear: none;
}
.xform label {
	display: block;
	float: left;
	width: 115px;
	font-weight: bold;
}
.xform p.formnotice {
	padding-left: 115px;
}

.xform p.formcaptcha input.captcha, 
.xform p.formpassword input.password, 
.xform p.formtext input.text, 
.xform p.formtext input.inp_disabled, 
.xform p.formtextarea textarea.textarea {
	width: 470px;
	background-image: url(/layout/css/form_field_bg.gif);
	background-repeat: repeat-x;
}
.xform p.formtext input.inp_disabled {
	background: none;
	border: 0;
	font-weight: bold;
}
.xform p.formselect select {
	width: 470px;
}
.xform p.formcaptcha input.captcha {
	width: 330px;
	margin-left: 16px;
}
.xform p.formcaptcha input.captcha, 
.xform p.formpassword input.password, 
.xform p.formtext input.text, 
.xform p.formtext input.inp_disabled, 
.xform p.formtextarea textarea.textarea {
	padding: 3px 0;
}
.xform p.formcaptcha img {
	vertical-align: top;
}
/***************************************************** form-checkbox ---------*/
.xform .formcheckbox input, 
.xform .formradio input {
	margin: 2px 5px 0 0;
	padding: 0;
	line-height: 1;
	vertical-align: top;
}
.xform p.formcheckbox label, 
.xform p.formmcheckbox label, 
.xform p.formradio label {
	display: inline;
	float: none;
	width: auto;
}
.xform p.formcheckbox input.checkbox, 
.xform p.formmcheckbox input {
	display: inline-block;
	margin: 0 5px 4px 115px;
	padding: 0;
	vertical-align: middle;
}


.xform p.formsubmit {
	text-align: right;
}

.xform ul.form_warning {
	margin-left: 25px;
	padding-top: 25px;
}
.xform-out {
	float: left;
	width: 100%;
}
.xform-out p {
	padding: 0 25px;
}


.xform .col-a {
	float: left;
	width: 135px;
}
.tab-box div.products .xform .col-a ul li {
	margin-top: 0px;
}
.xform .col-b {
	float: right;
	width: 435px;
}
.xform .col-b p.formtext input.text, 
.xform .col-b p.formtext input.inp_disabled, 
.xform .col-b p.formselect select {
	width: 270px;
}
.xform .col-b p.formsubmit {
	text-align: left;
}
.tab-box div.products .xform ul.form_warning {
	margin-left: 0px;
	padding-top: 0px;
}
.tab-box div.products .xform ul.form_warning li {
	float: none;
	width: auto;
	margin-left: 25px;
}

#shop-b .xform form, 
#shop-h .xform form {
	background: none;
}
#shop-b .xform fieldset, 
#shop-h .xform fieldset {
	border-bottom: 0;
	padding-left: 0;
	padding-right: 0;
}


.xform div.formelement-info p.formtext, 
.xform div.formelement-info p.formselect, 
.xform div.formelement-info p.info {
	float: left;
}
.xform div.formelement-info p.formtext, 
.xform div.formelement-info p.formselect {
	padding-top: 5px;
}
.xform div.formelement-info p.info {
	padding-left: 10px;
}
.xform div.formelement-info p.formtext input.text, 
.xform div.formelement-info p.formselect select {
	width: 200px;
}


.xform #formself, 
.xform #formdelivery {
	padding-left: 100px;
	background-image: url(/layout/css/ic_car.gif);
}
.xform #formdelivery {
	background-image: url(/layout/css/ic_truck.gif);
}
.xform .form-v1 p.formtext {
	float: left;
	padding-top: 3px;
	width: 328px;
}
.xform .form-v1 p.formtext label {
	display: none;
}
.xform .form-v1 p.formsubmit {
	float: right;
}
.xform .form-v1 p.formtext input.text {
	width: 324px;
}
/************************************************************** abgerundet *****
*******************************************************************************/

.xform p.formcaptcha input.captcha, 
.xform p.formpassword input.password, 
.xform p.formtext input.text, 
.xform p.formtextarea textarea.textarea {
	-moz-outline-radius-bottomleft: 4px;
	-moz-outline-radius-bottomright: 4px;
	-moz-outline-radius-topleft: 4px;
	-moz-outline-radius-topright: 4px;
	border: 0 none;
	outline-color: #d1d1d1;
	outline-style: solid;
	outline-width: 1px;
}




/******************************************************************* Popup *****
*******************************************************************************/

#iframe {
	height: 100%;
}
#iframe #website {
	width: 580px;
	height: 100%;
	margin: 0;
	background-color: #F7F7F7;
	
	width: 100%;
}

#iframe table {
	background-color: #e4e4e4;
	border-top: 1px solid #e4e4e4;
}
#iframe table th, 
#iframe table td {
	padding: 2px 8px;
	background-color: #e4e4e4;
	border-bottom: 1px solid #fff;
}
#iframe table th {
	white-space: nowrap;
}
#iframe .iframe-v2 #content {
	padding: 10px;
}


/****************************************************** jQuery Anpassungen *****
*******************************************************************************/
div#fancy_div {
	background: none;
}
div#fancy_close {
	left: -15px;
}
div#fancy_content iframe {
	overflow: hidden;
}



/*	EasySlider */
#footer-slider {
	position: relative;
}
#footer-slider-content {
	margin: 0 58px;
	background-color: #fff;
	border-top: 1px solid #c9c9c9;
	border-bottom: 1px solid #c9c9c9;
}
#footer-slider ul, 
#footer-slider li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#footer-slider li { 
	width: 835px;
	height: 53px;
	overflow: hidden; 
}

#footer-slider li span,
#footer-slider li a { 
	margin: 0 8px; 
}	
#prevBtn, 
#nextBtn { 
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 58px;
	height: 55px;
	background: url(/layout/css/slider.gif) no-repeat 0 0;
	background-position: 0px 0px;
}
#nextBtn { 
	left: 893px;
	background-position: 0px -100px;
}
#prevBtn a,
#nextBtn a {  
	display: block;
	width: 58px;
	height: 55px;
	background: url(/layout/css/slider.gif) no-repeat 0 0;
	background-position: 0px -200px;
	text-indent: -1000em;
}
#nextBtn a { 
	background-position: 0px -300px;
}
div.not-next #nextBtn a { 
	display: none;
}




p.price-total {
	font-size: 4em;
	font-weight: bold;
}
p.price-total span.price-gross {
	font-size: .35em;
	font-weight: normal;
}

p.contact-rent {
	padding: 1em 0;
}