/*	### CSS Styles for roeckl-sports.de ###

	##### Table of Contents #####

	General
	Header
	Main Navigation
	Sub Navigation
	Footer

IMG width/height
336/406
107/129
163/197
	
*/


/* General
_________________________________________________________________________________ */

.clearer {
	clear: both ! important; 
	font-size: 0;
	height: 0;
	line-height: 0;
}

body {
	/*background: #BDBDBD url('/typo3conf/ext/roeckl_sys/gfx/backgrounds/body.png') repeat-x 0 0;*/
	background: #111;
	color: #222;	
	font: 12px/15px Arial, Helvetica, sans-serif;
	min-width: 1000px;	
}

#body-container { background: #D7D7D7; position: relative; }

#body-bg,
#body-bg img {
	height: 100%;
	left: 0;
	position: absolute;
	top: 13px;	
	width: 100%;
	z-index: 1;
}

p { padding-bottom: 15px; }

/* Links */
a { color: #888; text-decoration: none; }
a:hover { color: #222; }

/* Headlines */
h1, h2, h3, h4 { font-weight: normal; }
h1 {	font-size: 18px; line-height: 22px; margin-bottom: 5px; }
h2 { font-size: 15px; line-height: 17px; margin-bottom: 7px; }
h3 { font-size: 14px; line-height: 15px; margin-bottom: 7px; }
h4 { font-size: 12px; line-height: 15px; margin-bottom: 7px; }

.bigMarginBottom { margin-bottom: 20px ! important; }

#header { color: #333; }
#header a { color: #333; }
#header a:hover  { color: #FFF; }

#footer { color: #999; }
#footer a { color: #999; }
#footer li.act a, #footer a:hover { color: #FFF; }

.intro p { padding-bottom: 5px; }

.intro a {
	background: url('/typo3conf/ext/roeckl_sys/gfx/icons/arrow-red.png') no-repeat right center;
	color: #E2001A;
	display: inline-block;
	padding-right: 18px;	
}

.csc-frame-indent { margin: 0 10px; }

.csc-textpic { padding-top: 8px; }

.csc-textpic-image { margin-bottom: 0 ! important; }

.csc-textpic-intext-left-nowrap .csc-textpic-text { padding-left: 10px; width: 480px; }

div.csc-textpic-intext-left div.csc-textpic-imagewrap, 
div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
	padding-bottom: 5px;
}

.csc-textpic-caption { font-style: italic; padding: 5px 1px; }

ul.bodylist { list-style: disc outside none; padding: 0 0 15px; }
ul.bodylist li { margin: 0 0 5px; }

/* Forms */
select, input { border: 1px solid #CCC; font: 12px/15px Arial, Helvetica, sans-serif; }
#productfinder input { border: none; }
input { padding: 2px; }
select { padding: 1px; }
label { display: inline-block; }
textarea { border: 1px solid #CCC; font: 12px/15px Arial, Helvetica, sans-serif; padding: 2px; }
legend { display: none; }
/* Submit Buttons */
.form-button,
.powermail_submit,
#register_register_submit,
#register_edit_submit,
.tx-powermail-pi1_mandatory_submit {
	background: #5A5A5A;
	color: #FFF;
	cursor: pointer;
	padding: 4px 5px;
}

/* Tables */
tr, th, td {
	font: 12px/15px Arial, Helvetica, sans-serif;
	text-align: left;
	vertical-align: top;
}
 
.noBg { background: none ! important; }

.btn-prev,
.btn-next {
	background: url('/typo3conf/ext/roeckl_sys/gfx/buttons/previous.png') no-repeat 0 0;
	cursor: pointer;
	display: block;
	height: 34px;
	text-indent: -5000px;
	width: 33px;
}
.btn-prev:hover { background-image: url('/typo3conf/ext/roeckl_sys/gfx/buttons/previous-ro.png'); }
.btn-next { background-image: url('/typo3conf/ext/roeckl_sys/gfx/buttons/next.png'); }
.btn-next:hover { background-image: url('/typo3conf/ext/roeckl_sys/gfx/buttons/next-ro.png'); }

.timeline-container { background: url("/typo3conf/ext/roeckl_sys/gfx/shadows/timeline-container.png") no-repeat 0 bottom; padding-bottom: 20px; }

sup { font-size: 11px; line-height: 5px; }

h1 sup,
h2 sup,
h3 sup { font-size: 14px; line-height: 14px; }

a.link-with-arrow {
	background: url('/typo3conf/ext/roeckl_sys/gfx/icons/arrow-button-red.png') no-repeat right 8px;
	padding: 8px 22px 4px 0;
}


/* Header
_________________________________________________________________________________ */

#header-container {
	background: url('/typo3conf/ext/roeckl_sys/gfx/backgrounds/header-container.png') repeat-x 0 0;
	padding: 0 15px;
	position: relative;
	z-index: 10;
}

#header {
	height: 106px;
	margin: 0 auto;	
	position: relative;
	width: 970px;
	z-index: 110;
}

#logo {
	left: 19px;
	position: absolute;	
	top: 56px;
	z-index: 110;
}

#breadcrumb {
	top: 8px;
	height: 15px;
	left: 5px;
	position: absolute;
	z-index: 120;
}

#breadcrumb li {
	/*background: url('/typo3conf/ext/roeckl_sys/gfx/backgrounds/breadcrumb-item.gif') no-repeat right 5px;*/
	float: left;
	line-height: 14px;		
	/*padding: 0 8px 0 5px;*/
}

#breadcrumb li.act { background: none; color: #EEE; }
#breadcrumb li.act a { color: #EEE; }
#breadcrumb li.act a:hover { color: #FFF; }

#language {
	top: 4px;
	height: 24px;
	right: 0;
	position: absolute;
	z-index: 120;
}

#language li {
	float: left;
	height: 24px;
	line-height: 24px;
	/*margin-left: 10px;*/
}

#language li a,
#language li a:hover { color: #333; }

#language li span { padding: 0 10px; }

#language li.act {
	background: url('/typo3conf/ext/roeckl_sys/gfx/backgrounds/language-item-act.png') no-repeat left top;
	padding-left: 10px;
}

#language li.act span {
	background: url('/typo3conf/ext/roeckl_sys/gfx/backgrounds/language-link-act.png') no-repeat right top;
	display: block;
	height: 24px;
	padding-left: 0;
}


/* Main Navigation
_________________________________________________________________________________ */

#mainnav {
	top: 65px;
	height: 28px;
	left: 278px;
	position: absolute;
	z-index: 120;
}

#mainnav li {
	background: url('/typo3conf/ext/roeckl_sys/gfx/backgrounds/mainnav-item-spacer.png') no-repeat right top;
	float: left; 
	height: 28px;
	padding: 0 7px;
}

#mainnav li.last { background: none; }

#mainnav a,
#mainnav span {
	color: #111;
	display: block;
	float: left;
	font-size: 14px;
	height: 28px;
	line-height: 26px;	
	margin: 0;
}

#mainnav a { padding-left: 14px; }
#mainnav span { padding-right: 14px; }

#mainnav li a:hover { color: #111; }
#mainnav li.act a { background: url('/typo3conf/ext/roeckl_sys/gfx/backgrounds/mainnav-item-link.png') no-repeat left top; color: #FFF; }
#mainnav li.act span { background: url('/typo3conf/ext/roeckl_sys/gfx/backgrounds/mainnav-item-span.png') no-repeat right top; color: #FFF; }


/* User Info
_________________________________________________________________________________ */

#user-info {
	background: url('/typo3conf/ext/roeckl_sys/gfx/backgrounds/user-info.png') no-repeat 0 0;
	color: #FFF;
	height: 24px;
	line-height: 23px;
	padding-left: 6px;
	position: absolute;
	right: 0;
	top: 28px;
}

#user-info a { color: #FFF; }

#user-links,
#user-status,
#user-cart {
	display: inline-block;
	padding: 0 10px 0 8px;
}


/* Cols
_________________________________________________________________________________ */

#cols-container {
	padding: 0 5px 0 15px;
	position: relative;
	z-index: 20;
}

#cols {
	margin: 0 auto;
	padding-bottom: 15px;
	width: 980px;
}

#full-col {
	padding-top: 5px;	
	width: 980px;
}

#home #full-col {
	/*height: 205px;
	overflow: hidden;*/
}

#left-col {
	float: left;
	padding-top: 6px;
	width: 280px;
}

#main-col {
	float: left;
	padding-top: 5px;
	width: 700px;
}

#content {
	width: 690px;
}

.intro { margin-bottom: 11px; width: 550px; }


/* Subnav
_________________________________________________________________________________ */

#subnav {
	background: url('/typo3conf/ext/roeckl_sys/gfx/shadows/subnav.png') no-repeat 240px 0;
	min-height: 400px;
}

#subnav li {
	background: url('/typo3conf/ext/roeckl_sys/gfx/backgrounds/subnav-item-spacer.png') no-repeat 0 bottom;	
	padding: 4px 0 6px;
	width: 250px;
}

#subnav li li { background: none; padding: 0; }

#subnav li ul { margin: 2px 0 4px; }

#subnav li.act ul { display: block; }

#subnav a {
	display: block;
	font-size: 14px;
	height: 23px;
	line-height: 23px;
	padding-left: 20px;
}

#subnav > li.act > a,
#subnav > li.cur > a {
	background: url('/typo3conf/ext/roeckl_sys/gfx/backgrounds/subnav-item-act.png') no-repeat 10px 0;
	color: #FFF;
}

#subnav a.cur { position: relative; }

#subnav a.act,
#subnav a.cur { color: #222; }

#subnav img {
	left: -4px;
	position: absolute;
	top: 5px;
}

#subnav li li img { left: 25px; top: 3px; }

#subnav li li a {
	font-size: 12px;
	height: auto;
	line-height: 14px;
	margin: 4px 0;
	padding-left: 40px;
}

#subnav li li li a {
	font-size: 11px;
	margin: 3px 0;
	padding-left: 55px;
}

#subnav li li li li a { padding-left: 70px; }
#subnav li li li li li a { padding-left: 85px; }
#subnav li li li li li li a { padding-left: 100px; }


/* Tabs
_________________________________________________________________________________ */

#tabs-products {
	width: 700px;	
}

.tabs-nav-container {
	background: url('/typo3conf/ext/roeckl_sys/gfx/backgrounds/tabs-nav-container.png') no-repeat right top;	
	float: left;
	height: 35px;
	padding-right: 12px;
}

.tabs-nav {
	background: url('/typo3conf/ext/roeckl_sys/gfx/backgrounds/tabs-nav.png') no-repeat left top;
	float: left;
	height: 35px;	
	padding-left: 5px;
}

.tabs-nav li {
	background: url('/typo3conf/ext/roeckl_sys/gfx/backgrounds/tabs-nav-item.png') no-repeat right top;
	float: left;
	height: 35px;
	padding: 0 7px;
}

.tabs-nav li.last { background: none; padding-right: 0; }

.tabs-nav a,
.tabs-nav span {
	color: #888;
	display: inline-block;
	height: 22px;
	line-height: 22px;
}

.tabs-nav a {
	cursor: pointer;
	margin: 7px 0;
	padding-right: 12px;
}
.tabs-nav a:hover span { color: #FFF; }

.tabs-nav span { padding-left: 12px; }

.tabs-nav a.current { background: url('/typo3conf/ext/roeckl_sys/gfx/backgrounds/tabs-nav-tab-link.png') no-repeat right top; color: #FFF; }
.tabs-nav a.current span { background: url('/typo3conf/ext/roeckl_sys/gfx/backgrounds/tabs-nav-tab-span.png') no-repeat left top; color: #FFF; }

.tabs-nav a.current,
.tabs-nav a.current:hover { color: #FFF; }

.tabs-nav a.current { cursor: default; }

.tabs-pane-container {
	background: url('/typo3conf/ext/roeckl_sys/gfx/shadows/tabs-pane-container-690.png') no-repeat center top;
	clear: both;
	padding: 30px 0 0;	
	zoom: 1;
}

#tabs-products .tabs-pane-container { margin-left: -5px; }
#productfinder .tabs-pane-container { background: none; padding: 0; }
#productfinder .tabs-pane { display: none; }

#productfinder { width: 700px; }

/* product-teasers
_________________________________________________________________________________ */

.product-teasers { margin-bottom: 5px; }


/* Colsheader
_________________________________________________________________________________ */

#colsheader-container {
	background: url('/typo3conf/ext/roeckl_sys/gfx/shadows/colsheader-container.png') no-repeat center 15px;
	height: 190px;
	padding: 0 15px;
	position: relative;
	z-index: 10;
}

#colsheader {
	margin: 0 auto;
	height: 155px;
	padding-top: 15px;
	position: relative;
	width: 970px;
}

#home #colsheader-container {
	background: url('/typo3conf/ext/roeckl_sys/gfx/shadows/colsheader-container-home.png') no-repeat center 15px;
	height: 395px;
}

#home #colsheader {
	height: 315px;
	padding-top: 15px;
	width: 990px;
}

.colsheader-container-products { background: none ! important; }

.colsheader-headlines {
	background: url('/typo3conf/ext/roeckl_sys/gfx/backgrounds/colsheader-headlines.png') no-repeat 1px bottom;
	height: 63px;
	left: -11px;
	position: absolute;
	top: 46px;
	width: 263px;	
}

#colsheader h1, #colsheader h3 {
	color: #FFF;
	display: inline-block;
	margin: 0;
	text-indent: 21px;
	width: 100%;
}

#colsheader h1 { padding: 5px 0 1px;  }

#product-nav {
	height: 167px;
	overflow: hidden;
    position: relative;    
    width: 970px;
}

#product-nav-items { position: absolute; width: 50000px; }

#product-nav-items div.item{ float: left; }

.product-nav-prev,
.product-nav-next {
	position: absolute;
	top: 72px;
	z-index: 100;
}

.product-nav-prev  { left: -8px; }
.product-nav-next { right: -5px; }

.disabled { display: none; }


/* Teaser
_________________________________________________________________________________ */

.teaser img {
	margin: 1px 1px 0;
}

.teaser a { color: #222; }	
.teaser a:hover { background: #151515; color: #FFF; }
.teaser a:hover img { border-color: #000; }

.teaser span { display: inline-block; }
.teaser a span { cursor: pointer; }

.teaser span.headline { font-size: 16px; padding: 12px 10px 6px; }

.teaser span.text { padding: 0 10px; }

/*
.teaser span.text img {
	border: none;
	left: 7px;
	position: relative;
	top: 1px;
}
*/

.teaser span.link {
	background: url('/typo3conf/ext/roeckl_sys/gfx/icons/arrow-button-red.png') no-repeat right 8px;
	padding: 8px 22px 4px 10px;
}


/* News Teaser
_________________________________________________________________________________ */

.news-teaser {
	background: url('/typo3conf/ext/roeckl_sys/gfx/shadows/news-teaser.png') no-repeat 0 0;
	float: left;
	margin: 1px 8px 15px 0;
	width: 318px;
}

.news-teaser a {
	display: block;
	padding-bottom: 10px;
	width: 318px;	
}


/* Image Teaser
_________________________________________________________________________________ */

.image-teaser {
	/*background: url('/typo3conf/ext/roeckl_sys/gfx/shadows/image-teaser.gif') no-repeat 0 155px;*/
	float: left;
	height: 202px;
	margin: 1px 10px 10px 0;
	position: relative;
	width: 340px;
}

.image-teaser-ro { background: #151515; }
.image-teaser-ro a { color: #FFF; }
.image-teaser-ro img { border-color: #000; }

.image-teaser h3 {
	background: url('/typo3conf/ext/roeckl_sys/gfx/backgrounds/image-teaser-headline.png') no-repeat 0 0;
	color: #FFF;
	height: 39px;
	left: -5px;
	line-height: 30px;
	margin: 0;
	position: absolute;
	text-indent: 14px;
	top: 20px;
	width: 153px;	
}

.image-teaser img { margin-bottom: 5px; }

.image-teaser a,
.image-teaser a:hover {
	background: url('/typo3conf/ext/roeckl_sys/gfx/icons/arrow-button-red.png') no-repeat right center;
	display: inline-block;
	padding: 3px 22px 1px 9px;	
}

.image-teaser a:hover { color: #E2001A; }

.image-teaser .teaser-links-left,
.image-teaser .teaser-links-right { float: left; width: 169px; }
.image-teaser .teaser-links-right a { padding-left: 0; }

/* Text Teaser
_________________________________________________________________________________ */

.text-teaser {
	float: left;
	height: 98px;
	margin: 1px 10px 10px 0;
	position: relative;
	width: 340px;
}

.text-teaser a {
	display: block;
	height: 98px;
	width: 340px;
}

.text-teaser img {
	margin-left: 5px;
	vertical-align: middle;	
}

/* Footer Teaser
_________________________________________________________________________________ */

.footer-teasers {
	height: 105px;
	padding: 20px 0 10px 10px;
}

.footer-teaser {	
	float: left;
	height: 105px;
	margin-right: 10px;
	position: relative;
	width: 480px;
}

#footer .footer-teaser a {
	color: #222;
	cursor: pointer;
	display: block;
	height: 105px;
	width: 480px;
}

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

.footer-teaser .headline,
.footer-teaser .text,
.footer-teaser .link-container,
.footer-teaser .link {
	position: relative;
}

.footer-teaser span { display: inline-block; }

.footer-teaser span.headline {
	font-size: 15px;
	padding: 10px 20px 7px;
	width: 440px;
}

.footer-teaser span.text { padding: 0 20px; width: 440px; }

.footer-teaser span.link-container,
.footer-teaser span.link {
	color: #FFF;
	height: 24px;
	line-height: 24px;
}

.footer-teaser span.link-container {
	background: url('/typo3conf/ext/roeckl_sys/gfx/backgrounds/footer-teaser-link-container.png') no-repeat right top;	
	padding-right: 19px;
	margin: 8px 20px;
}

.footer-teaser span.link {
	background: url('/typo3conf/ext/roeckl_sys/gfx/backgrounds/footer-teaser-link.png') no-repeat left top;	
	padding: 0 12px;
}


/* Product Teaser
_________________________________________________________________________________ */

.product-teaser {
	background: url('/typo3conf/ext/roeckl_sys/gfx/shadows/product-teaser.png') no-repeat 0 0;
	float: left;
	height: 240px;
	margin-bottom: 5px;
	width: 175px;
}

.product-teaser a {
	background: #FFF url('/typo3conf/ext/roeckl_sys/gfx/backgrounds/product-teaser.png') no-repeat center 198px;
	display: block;
	height: 230px;
	margin-left: 5px;
	width: 165px;
}

.product-teaser span {
 	background: url('/typo3conf/ext/roeckl_sys/gfx/icons/arrow-button-red.png') no-repeat right center;
	line-height: 29px;
	padding: 0 22px 0 9px;
}


/* Product Teaser Small
_________________________________________________________________________________ */

.product-teaser-small {
	background: url('/typo3conf/ext/roeckl_sys/gfx/shadows/product-teaser-small.png') no-repeat 0 0;
	float: left;
	height: 167px;
	margin: 0 9px 0 0;
	width: 113px;
}

.product-teaser-small a {
	background: #FFF url('/typo3conf/ext/roeckl_sys/gfx/backgrounds/product-teaser-small.png') no-repeat center 136px;
	display: block;
	margin-left: 2px;
	padding: 1px 0 0 1px;
	width: 108px;
}

.product-teaser-small a:hover,
.product-teaser-act a {
	background: #FFF url('/typo3conf/ext/roeckl_sys/gfx/backgrounds/product-teaser-small-link.gif') no-repeat 0 0;
	color: #FFF;
}

.product-teaser-act a img { border-color: #000; }

.product-teaser-small img {
	height: 128px;
	width: 107px;
	margin: 0 0 7px;
}

.product-teaser-small .product-teaser-text {
 	background: url('/typo3conf/ext/roeckl_sys/gfx/icons/arrow-button-red.png') no-repeat right center;
	font-size: 10px;
	height: 26px;
	line-height: 26px;
	padding: 0 22px 0 9px;
}


/* Product Details
_________________________________________________________________________________ */
.product-info {
	float: right;
	margin-right: 10px;
	width: 338px;
}

.product-info h1 { margin: 6px 0 11px 0; }

.product-info h1 span { font-size: 12px; margin: -2px 0 0 0px; }

.product-info table { margin: 0 0 16px 0; }

.product-info th {
	font-weight: bold;
	width: 86px;
}

.lang-en .product-info th { width: 74px; }

.product-infotable-size { height: 24px; }

.product-info .tabs-nav { margin-bottom: 10px; }

.product-info .tabs-pane-container {
	background: url('/typo3conf/ext/roeckl_sys/gfx/shadows/tabs-pane-container-338.png') no-repeat center top;	
	padding: 15px 0 0;	
}

span.product-info-head {
	color: #222222;
	float: left;	
	font-size: 18px !important;
	font-weight: bold;
	max-width: 275px;
	min-width: 86px;
}

.lang-en span.product-info-head { min-width: 74px; }

.product-features {
	background: #D3D3D3;
	margin-bottom: 16px;
	padding: 5px 0;
}

.product-features img { margin: 4px 16px 4px 16px; vertical-align: middle; }

#product-imgs {
	height: 442px;
	margin-bottom: 18px;
	position: relative;
	width: 336px;
}

#product-img-outsidehand {
	position: absolute;
	top: 0;
	z-index: 80;
}

#product-img-insidehand {
	bottom: 38px;
	left: 6px;
	position: absolute;
	z-index: 100;
}

#product-imgs-options {
	background: url('/typo3conf/ext/roeckl_sys/gfx/backgrounds/product-imgs-options.png') no-repeat 0 0;
	bottom: 0;
	color: #999;
	height: 35px;
	line-height: 35px;
	position: absolute;
	text-indent: 12px;
	width: 336px;
}

#product-imgs-selectcolor {
	background: #E7E7E7;
	border: none;
	margin-left: 20px;
	width: 182px;
}

#product-img-prev,
#product-img-next {
	display: none;
	position: absolute;
	top: 193px;
	z-index: 150;
}

#product-img-prev { left: -8px; }
#product-img-next { right: -8px; }

#product-img-zoom {
	left: 0;
	position: absolute;
	top: 0;
	z-index: 120;
}

#product-img-zoom a {
	background: url('/typo3conf/ext/roeckl_sys/gfx/buttons/zoom.png') no-repeat 0 0;
	display: block;
	height: 24px;	
	text-indent: -5000px;
	width: 71px;
}

#product-img-clickenlarge {
	left: 60px;
	position: absolute;
	top: 20px;
	z-index: 120;	
}

#product-img-clickenlarge a {
	background:  url('/clear.gif');
	display: block;
	height: 370px;	
	width: 220px;
}

#product-img-zoom a:hover { background: url('/typo3conf/ext/roeckl_sys/gfx/buttons/zoom-ro.png') no-repeat 0 0; }

.with-tooltip { cursor: help; }
a .with-tooltip { cursor: pointer; }

.tooltip { 
	background: url('/typo3conf/ext/roeckl_sys/gfx/backgrounds/tooltip.gif') no-repeat 70px bottom;
	display: none;
	padding-bottom: 10px;
	width: 260px;
	z-index: 1000;
}

.tooltip-content { background: #151515; padding-bottom: 5px; }

.tooltip h3, 
.tooltip p { 	
	color: #FFF;
	margin: 0;
} 

.tooltip h3 { padding: 15px 15px 10px; }
.tooltip p { padding: 0 15px 10px; }
.tooltip img { border: 10px solid #000; }

a.tooltip-detail-link {
 	background: url('/typo3conf/ext/roeckl_sys/gfx/icons/arrow-button-red.png') no-repeat right center;
	color: #FFF;
	display: inline-block;
	line-height: 16px;
	padding-right: 22px;
}

.overlay { 	 
	background:  url('/clear.gif');	
	display: none; 
	height: 732px;         
	width: 577px;	
}

.overlay-img,
.overlay-movie { border: 1px solid #E7E7E7; border-bottom: 2px solid #151515; z-index: 500; }

#overlay-img-prev,
#overlay-img-next {
	position: absolute;
	top: 336px;
	z-index: 1100;
}

#overlay-img-prev { left: -8px; }
#overlay-img-next { right: -8px; }

.overlay-title {
	background: #E7E7E7 url('/typo3conf/ext/roeckl_sys/gfx/shadows/overlay-title.gif') no-repeat 1px 0;
	color: #222;
	font-size: 18px;
	line-height: 37px;
	text-indent: 15px;
}

.overlay-close {
	background: url('/typo3conf/ext/roeckl_sys/gfx/backgrounds/overlay-close.gif') no-repeat right 2px;
	bottom: 7px;
	color: #222;
	cursor:pointer;
	line-height: 20px;
	padding: 0 24px 0 0;
	position: absolute;
	right: 15px;
}

.overlay-close:hover { background-image: url('/typo3conf/ext/roeckl_sys/gfx/backgrounds/overlay-close-ro.gif'); color: #E2001A; } 

.product-furtherinfos,
.product-furtherinfos-item { width: 338px; }
.product-furtherinfos-item { clear: left; }
.product-furtherinfos-headline { font-weight: bold; margin: 0 0 10px; }
.product-furtherinfos-image { float: left; margin-bottom: 5px; width: 80px; }
.product-furtherinfos-text { float: left; margin-bottom: 15px; width: 258px; }


/* Accordion
_________________________________________________________________________________ */

.accordion {
	background: #151515;
	color: #FFF;
}

.accordion h4 {
	background: url('/typo3conf/ext/roeckl_sys/gfx/backgrounds/accordion-headline.png') no-repeat 0 0;
	border-bottom: 1px solid #151515;
	cursor: pointer;
	height: 23px;
	line-height: 23px;
	margin: 0 0 2px;
	text-indent: 15px;
}

.accordion .accordion-pane {
	padding: 8px 0 10px 30px;
	display: none;
}

.accordion .accordion-pane-act { display: block; }

#pane-productworld label,
#pane-applicationarea label,
#pane-category label { cursor: pointer; margin: 0 25px 0 5px; }

#pane-features .feature { background: url('/typo3conf/ext/roeckl_sys/gfx/backgrounds/feature.png') no-repeat left bottom; height: 100px; }
#pane-features .feature-act { background-image: url('/typo3conf/ext/roeckl_sys/gfx/backgrounds/feature-act.png'); }
#pane-features .feature img { margin-top: 8px; }
#pane-features .feature img.with-tooltip { cursor: pointer; }
#pane-features .feature a {
	background: url('/typo3conf/ext/roeckl_sys/gfx/backgrounds/feature-link.png') repeat-x 0 0; 
	display: block;
	height: 100px;
	width: 80px;
}


/* Productfinder
_________________________________________________________________________________ */

#productfinder { position: relative; }

.productfinder-info-top {
	font-weight: bold;
	line-height: 21px;
	position: absolute;
	right: 8px;
	top: 0;
}

.productfinder-info-top a { color: #222222; }

#productfinder .tabs-nav { border: none; margin: 0; }

#productfinder .tabs-pane form { background: #151515; color: #999; }

#productfinder .tabs-pane > form { margin-bottom: 20px; }

#productfinder .tabs-pane-footer {
	background: #151515;
	border-bottom: 1px solid #757575;
	height: 23px;	
	line-height: 22px;
	padding: 14px 0 0;
	text-align: right;
}

#productfinder label { color: #FFF; }

.productfinder-content { padding: 15px; }

.productfinder-submit,
.product-orderform-order {
	background:  url('/typo3conf/ext/roeckl_sys/gfx/backgrounds/product-orderform-order.png') no-repeat 0 1px;
	display: inline-block;
	color: #FFF;
	height: 24px;	
	line-height: 23px;
	margin-left: 13px;
	padding: 0 0 0 11px;
}

.productfinder-submit span,
.product-orderform-order span {
	cursor: pointer;
	display: inline-block;
	padding: 0 8px 0 4px;
}

.productfinder-submit img,
.product-orderform-order img { margin-left: 8px; vertical-align: middle; }

.productfinder-info {
	font-weight: bold;
	margin-bottom: 15px;
	padding-left: 8px;
}

.productfinder-resulttable-container { border-bottom: 1px solid #FFF; }

.productfinder-resulttable { border-collapse: collapse; width: 100%; }

.productfinder-resulttable td {
	border-top: 1px solid #FFF;		
	line-height: 30px;
	text-align: center;
}

.productfinder-resulttable a { color: #000; }

.productfinder-resulttable .product-title { padding-left: 8px; text-align: left; }
.productfinder-resulttable .product-sizes { padding-left: 12px; text-align: left; }
.productfinder-resulttable .product-details { padding-right: 8px; text-align: right; }


/* only for product ordering */
.productfinder-resulttable .product-delete { padding-right: 8px; text-align: left; }
.productfinder-resulttable .product-ordering { padding-right: 8px; text-align: right; }

.productfinder-resulttable .product-ordering span { cursor: pointer }

.productfinder-resulttable .product-preview span { background: url('/typo3conf/ext/roeckl_sys/gfx/icons/preview.png') no-repeat right 4px; padding-right: 16px; }
.productfinder-resulttable .product-details a { background: url('/typo3conf/ext/roeckl_sys/gfx/icons/arrow-black.png') no-repeat right 3px; padding-right: 18px; }



.product-ordering-act .product-preview span { background-image: url('/typo3conf/ext/roeckl_sys/gfx/icons/preview-act.png'); }
.product-ordering-act .product-details a { background-image: url('/typo3conf/ext/roeckl_sys/gfx/icons/arrow-white.png'); }

.product-ordering-act td {
	background: #151515;
	border-bottom-color: #151515;
	color: #FFF;
}

.product-ordering-act a { color: #FFF; }


.product-ordering-act .product-sizes span,
.product-ordering-act .product-orderform-open { visibility: hidden; }

.productfinder-resulttable .product-orderform {
	background: #151515;
	border: none;
	color: #BBB;
	display: none;
	text-align: left;
}

.productfinder-resulttable .product-orderform form { position: relative; }

.product-ordertable { margin: 0 0 30px 8px; }

.product-ordertable th { color: #BBB; font-weight: bold; line-height: 26px; text-align: right; }

.product-ordertable td {
	border: none;
	line-height: 18px;
	padding: 0;
	text-align: right;
	width: 32px;	
}

td.product-ordertable-totalsumlabel { width: auto; }

.product-ordertable td.product-ordertable-sum,
.product-ordertable td.product-ordertable-totalsum {
	padding: 0 10px 0 5px;
	white-space: nowrap;
	width: auto;
}

.product-ordertable input { width: 15px; }

.product-orderform-buttons {
	line-height: 22px;
	text-align: right;
}
.product-orderform-buttons span { cursor: pointer; }

.product-orderform-close { background: url('/typo3conf/ext/roeckl_sys/gfx/icons/order-close.gif') no-repeat right 2px; padding-right: 17px; }
.product-orderform-close:hover { background-image: url('/typo3conf/ext/roeckl_sys/gfx/icons/order-close-ro.gif'); color: #FFF; }

.product-ordertable .product-ordertable-color { text-align: left; width: 160px; }

.product-ordertable .product-ordertable-label { text-align: left; width: 50px; }

.product-ordertable td.product-ordertable-color { color: #FFF; }

.product-ordertable td input {
	border: 0;
	font: 12px/16px Arial, Helvetica, sans-serif;
	height: 16px;
	margin-bottom: 8px;
	padding: 2px;
	text-align: right;
	width: 22px;
}

.product-ordertable td input.product-ordertable-status-1 { background: #F7E166; }
.product-ordertable td input.product-ordertable-status-0 { background: #E2001A; }

#orderhistory-resulttable .product-ordertable td input.product-ordertable-status-1 { background: #FFF; }
#orderhistory-resulttable .product-ordertable td input.product-ordertable-status-0 { background: #FFF; }

.product-ordertable-legend {
	bottom: 5px;
	font-size: 11px;
	line-height: 12px;
	position: absolute;
	left: 8px;	
}

.product-ordertable-legend span { display: inline-block; margin-bottom: 3px; padding-left: 5px; }
.product-ordertable-legend-status-2 { border-left: 12px solid #FFF; color: #FFF; }
.product-ordertable-legend-status-1 { border-left: 12px solid #F7E166; color: #F7E166; }
.product-ordertable-legend-status-0 { border-left: 12px solid #E2001A; color: #E2001A; }

.cart-delivery-date {
	background: #FFF url('../gfx/icons/calendar.gif') no-repeat center right;
	cursor: pointer;
	width: 80px;
}


/* Features
_________________________________________________________________________________ */

.features {
	margin-bottom: 10px;
}

.features-headline {
	color: #FFF;
	margin-bottom: 8px;
}

.feature {
	background: #E7E7E7;
	cursor: pointer;
	float: left;
	height: 80px;
	margin: 0 5px 5px 0;	
	text-align: center;
	width: 80px;
}

.feature span {
	font-size: 1px;
	line-height: 80px;
}

.feature img { vertical-align: middle; }



/* Storefinder
_________________________________________________________________________________ */

.storefinder-map {
	float: left;
	margin: 0 0 20px 0;
	width: 660px;
}

.storefinder-form {
	background: #151515;
	color: #999;
	float: left;
	width: 310px;
}

.storefinder-form form {
	padding: 20px 0 10px 20px;
}


.storefinder-form input,
.storefinder-form select {
	background: #E7E7E7;
	margin: 0 0 10px;
}

.storefinder-form select {
	padding: 1px 0 1px 5px;
	width: 238px;
}

.storefinder-form input {
	display: inline-block;
	margin-right: 5px;
	width: 50px;
}

.storefinder-form label {
	margin: 0 5px 10px 0;
}

#storefinder-form-zip {
	width: 40px;
}

#storefinder-form-city {
	width: 127px;
}

#storefinder-form-radius {
	margin-right: 48px;
	width: 130px;
}

#storefinder-form-submit {
	background: #777;
	border: none;
	color: #FFF;
	cursor: pointer;
	width: 60px;
}

.storefinder-results {
	float: left;
	height: 450px;
	margin: 20px 0 0 20px;
	overflow: auto;
	width: 290px;
}

.storefinder-result { margin-bottom: 12px; }

.storefinder-result a { color: #222; display: block; }

.storefinder-result-title { font-size: 13px; line-height: 18px; }

.storefinder-directions { clear: both; width: 660px; }


/* Footer
_________________________________________________________________________________ */

#footer-container {
	background: #111 url('/typo3conf/ext/roeckl_sys/gfx/backgrounds/footer.png') no-repeat center top;
	clear: both;
	height: 400px;
	padding: 0 15px;
	position: relative;
	z-index: 10;
}

#footer {
	margin: 0 auto;
	position: relative;
	width: 990px;
}

#footer-bar {
	height: 36px;
	margin: 0 auto;
	position: relative;
	width: 970px;
}

#footer-info {
	left: 10px;
	position: absolute;
	top: 10px;	
}

#footer-nav {
	position: absolute;
	right: 8px;
	top: 10px;
}

#footer-nav li { float: left; padding: 0 3px 0 20px; }



/* wec_map
_________________________________________________________________________________ */

.tx-wecmap-map .infotitle { font-weight: bold; }

#map24_directions { padding: 0 ! important; width: 690px; }


/* felogin
_________________________________________________________________________________ */

.tx-felogin-pi1 { margin-bottom: 20px; }

.tx-felogin-pi1 label { margin-bottom: 10px; width: 100px; }

.tx_felogin_pi1-message { margin: 0 0 15px; }

.tx_felogin_pi1-errorMessage { color: #E2001A; font-weight: bold; }

.tx-felogin-pi-footerLink { margin: 10px 0 0; }

/* register
_________________________________________________________________________________ */

.register { padding-left: 10px; }

.register h4 { font-weight: bold; margin: 15px 0 0; padding: 0; }

.register form{ padding-top: 25px; }

.register-description { font-size: 11px; font-style: italic; }
.register-termsofuse { display: inline-block; padding: 5px 0 10px; }
.register-termsofuse a { color: #111; text-decoration: underline; }

.register1 legend { font-weight:bold; padding:0 0.5em; }

.register .register-notice { font-style:italic; margin-bottom:1em; }

.register label { margin:0; padding:0; }

.register label span { color:#FF0000; }

.register .errors { color:#FF0000; padding: 0 ! important; margin: 0 ! important; list-style: none ! important; }

.register input.zend_form_element_text,
.register input.zend_form_element_password { width: 200px; }

.register #register_data_country,
.register #register_data_tx_roeckl_shipping_country { width: 206px; }

.register input[type="password"] { margin-right:1em; }
* html .register input.zend_form_element_password {	margin-right:1em; }

.register input[type="radio"], .register input[type="checkbox"] { background-color:transparent; }
* html .register input.zend_form_element_radio, * html .register input.zend_form_element_checkbox {
	background-color:transparent;
}
.register ul { list-style-position:inside; margin:0; padding:0; }
.register ul li{ padding: 3px 3px 0 0; text-indent: 0; display: inline; }

.register dt, .register dd { float:left; margin: 0 ! important; padding: 0 0 7px; }
.register dt { 
	clear:both;
	padding-right:1em;
	text-align:right;
	width:25%;
}
.register dd { text-align:left; width: 70%; }
* html .register dd { float:none; width: auto; }

.register dd p {
	/*margin-bottom: 5px;*/
	margin-top:0;
	padding:0;
}
.register dd label { padding:0 10px 0 7px; }
.register textarea { width: 250px; height: 100px; }		

#register_data_isPost-label, #register_data_isPost-element { display: none; }	


/* powermail
_________________________________________________________________________________ */

.tx_powermail_pi1_fieldwrap_html  { margin: 0 0 10px 0; }

.tx-powermail-pi1 label { display: inline-block; width: 100px; }

.tx-powermail-pi1 input { width: 250px; }

.tx-powermail-pi1 input.powermail_submit { margin-left: 260px; width: 100px; }

.tx-powermail-pi1 select.fixed-width { width: 256px; }

.tx-powermail-pi1  .tx-powermail-pi1_mandatory_submit { width: 150px; }

.tx_powermail_pi1_fieldwrap_html textarea {
	height: 200px;
	vertical-align: top;
	width: 250px;
}

.powermail_mandatory_list { list-style: decimal; margin: 10px 0 20px; }

.powermail_mandatory_list li { color: #E2001A; margin: 0 0 5px 20px; }

.tx-powermail-pi1_thx h1, .tx-powermail-pi1_thx h2,
.tx-powermail-pi1_thx h3, .tx-powermail-pi1_thx p {
	margin-left: 0;
	padding-left: 0;
}

#powermail_countryzoneselect12 { display: none; }


/* mediadb
_________________________________________________________________________________ */

.tx-mediadb-pi1 { margin-right: 10px; }

table.tx-mediadb-pi1-browse { width: 100%; }
/*
td.tx-mediadb-pi1-menu { padding-right: 5px; width: 200px; }
*/
.tx-mediadb-pi1-productheader,
.tx-mediadb-pi1-metaform { display: none; }

.tx-mediadb-pi1-nav { position: relative; top: -6px; }

.tx-mediadb-pi1-nav  li {
	font: 12px/14px Arial,Helvetica,sans-serif;
	margin: 6px 0;
}

.tx-mediadb-pi1-nav  li ul { margin-left: 12px }

.tx-mediadb-pi1-nav .act,
.tx-mediadb-pi1-nav .cur { color: #000; }

.tx-mediadb-pi1-rootline li { float: left; }
.tx-mediadb-pi1-rootline .clearer{ height: 10px; }

.tx-mediadb-pi1-buttons, 
.tx-mediadb-pi1-mainlinks,
.tx-mediadb-pi1-selectionlink,
.tx-mediadb-pi1-downloadlink,
.tx-mediadb-pi1-clearbasket { text-align: right; padding-bottom: 10px; }

.tx-mediadb-pi1-buttons a, 
.tx-mediadb-pi1-mainlinks a { color: #666; }

table.tx-mediadb-pi1-browsebar {
	border-bottom: 1px solid #999;
	border-top: 1px solid #999;
	margin-bottom: 15px;
	width: 100%;
}
.tx-mediadb-pi1-browsebar td { padding: 3px; }

td.tx-mediadb-pi1-browselinks { text-align: right; }

table.tx-mediadb-pi1-collection { width: 100%; }

.tx-mediadb-pi1-collection td { padding: 3px; }

table.tx-mediadb-pi1-basket { width: 100%; }

.tx-mediadb-pi1-downloadlink { font-weight: bold; }