/* @group global */

html *
{
	padding: 0;
	margin: 0;
}

body
{
	color: #333;
	font-family: Lucida Sans, Lucida Sans Unicode, Lucida Grande, Arial, Helvetica, Verdana, sans-serif;
	font-size: 100%;
	line-height: 1.125em;
	background: #cdcdcd url(../images/gradient.jpg) repeat-x;
	text-align: center;
	-webkit-text-size-adjust: none;
}

h1, h2
{
	color: #547387;
	font-weight: normal;
	font-style: normal;
}

h1
{
	font-size: 20px;
	line-height: 24px;
	clear: both;
}

h2
{
	font-size: 14px;
	clear: both;
	margin: 5px 0;
}

h3
{
	font-size: 11px;
	margin: 5px 0 3px;
	clear: both;
}

p
{
	margin: 5px 0 12px;
}

sub, sup 
{
	line-height: 0;
}

img
{
	border: 0;
}

a
{
	text-decoration: underline;
	color: #547387;
}

a:hover
{
	color: #547387;
}

.none
{
	color: #333;
	text-decoration: none;
}

ul
{
	padding-left: 17px;
}

ul.listArrow
{
	list-style-type: none;
}

ul.listArrow li
{
    background: url(../images/bgList.gif) no-repeat 0 5px;
	padding: 0 0 0 15px;
}

hr
{
	height: 1px;
	background-color: #ddd;
	border-width: 0;
	margin: 6px 0 10px;
	clear: both;
}

img.orderstatus
{
	padding: 0 0 0 20ex;
}

#content .left
{
	float: left;
	clear: none;
}

#content .right
{
	float: right;
	clear: none;
}


.disabled
{
	cursor: default;
	filter:alpha(opacity=30);
	-moz-opacity: 0.30;
	opacity: 0.30;
}

/*.popupImg
{
	margin: 0.87878787em;
	float: left;
	display: block;
}*/

/*span.arrow
{
	height: 8px;
	width: 10px;
	background: url(../images/bgList.gif) no-repeat 0 50%;
	display: inline-block;
}*/
img.arrow {
	margin: 0 2px 0 0;
}

/* @end */

/* @group Auto-clearing */

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

.autoclear
{
	display: inline-block
}

/* Hides from IE-mac \*/

* html .autoclear
{
	height: 1%
}

.autoclear
{
	display: block
}

/* End hide from IE-mac */

/* @end */

/* @group MainLayout */

.whiteroundboxTop div
{
	background: url(../images/whiteroundcorner_tl.gif) no-repeat left;
}

.whiteroundboxTop
{
	background: #fff url(../images/whiteroundcorner_tr.gif) no-repeat right;
}

.greyroundboxBottom div
{
	background: url(../images/greyroundcorner_bl.gif) no-repeat left;
}

.greyroundboxBottom
{
	background: #eee url(../images/greyroundcorner_br.gif) no-repeat right;
}

.whiteroundboxTop div, .whiteroundboxTop, .greyroundboxBottom div, .greyroundboxBottom
{
	width: 100%;
	height: 4px;
	font-size: 1px;
}

#headwrapper
{
	width: 990px;
	margin: 0 auto;
	font-size: 11px;
}

#contentwrapper
{
	width: 990px;
	margin: 0 auto;
	text-align: left;
	clear: both;
	font-size: 11px;
	background-color: #fff;
}

.popup #headwrapper, .popup #contentwrapper, .popup #navWrapper
{
	width: 792px;
}

#content
{
	margin: 11px 11px 0;
	float: right;
}

.popup #content
{
	margin: 11px 22px 0;
}

.contentWithTeaser
{
	width: 572px;
}

.contentWithNavi
{
	width: 746px;
}

.contentWithTeaserAndNavi
{
	width: 572px;
}

.contentXl
{
	width: 968px;
}

#teaser
{
	width: 198px;
	float: left;
}

/* @end */

/* @group Header
 */

#header
{
	text-align: center;
	background: #fff url(../images/mountains.gif) repeat-x 0 bottom;
	height: 80px;
}

#header a.start, #header h1
{
	float: left;
	text-indent: -999em;
	width: 180px;
	height: 80px;
	background: url(../images/tapirLogo.gif) no-repeat left 13px;
	display: block;
}

.popup #header h1
{
	text-indent: -999em;
	width: 180px;
	height: 80px;
	background: url(../images/tapirLogo.gif) no-repeat left 10px;
	display: block;
}

/* @end */

/* @group Mainmenu */

#navWrapper
{
	/*background: #fff url(../images/freiheit_natur_erleben.gif) no-repeat right 15%;*/
	width: 990px;
	margin: 0 auto;
	text-align: left;
	font-size: 11px;
	z-index: 21;
	position: relative;
	background-color: #fff;
}

ul#nav
{
	list-style-type: none;
	height: 25px;
	font-size: 16px;
	border-bottom: 3px solid #547387;
	position: relative;
	padding-left: 6px;
}

ul#nav *
{
	line-height: 16px;
}

ul#nav li
{
	height: 36px;
	float: left;
	position: relative;
	margin-top: -8px;
}

#nav li a
{
	height: 20px;
	text-decoration: none;
	font-size: 14px;
	color: #888;
	display: block;
	background: url(../images/TabMosaic.gif) no-repeat right -244px;
	padding: 10px 20px 6px;
	text-transform: lowercase;
	white-space: nowrap;
}

#nav li.active
{
	background: url(../images/TabMosaic.gif) no-repeat 0 -304px;
	margin-left: -1px;
}

#nav li.active a
{
	/*height: 20px;*/
	background: url(../images/TabMosaic.gif) no-repeat 100% -424px;
	color: #547387;
}

#nav li.theme, #nav li.theme.over, #nav li.theme a, #nav li.theme.over a
{
	background-image: none;
}

#nav li.theme.active
{
	background: url(../images/TabMosaic.gif) no-repeat 0 -304px;
}

#nav li.theme a
{
	background-image: none;
	color: #547387;
	padding-right: 0;
	text-transform: none;
}

#nav li.theme.active a
{
	background: url(../images/TabMosaic.gif) no-repeat 100% -424px;
	padding-right: 20px;
}

#nav li.theme.over a
{
	color: #e4170e;
}

#nav li.voucher
{
	float: right;
}

#nav li.voucher a, #nav li.voucher.over a
{
	background: url(../images/bgVoucher.jpg) no-repeat left center;
	padding-left: 38px;
	margin-left: 20px;
}

#nav li.infocenterbutton
{
	float: right;
	height:  32px;
	width: 177px;
	background: #547387 url(../images/bgDogEar.gif) no-repeat right 0;
	margin: -4px 0 0;
}

#nav li.infocenterbutton.over
{
	background: #547387 url(../images/bgDogEar.gif) no-repeat right -50px;
}

#nav li.infocenterbutton a
{
	padding: 8px 60px 10px 30px;
	font-weight: bold;
	color: #dae8f0;
	background-image: none;
}

#nav li.over.infocenterbutton a
{
	padding: 8px 60px 10px 30px;
	color: #fff;
	background-image: none;
}

#nav li.storebutton, #nav li.over.storebutton
{
	background: #547387 url(../images/bgDogEar.gif) no-repeat left 0;
	margin: -4px 30px 0 -7px;
	width: 177px;
	height:  32px;
}

#nav li.over.storebutton
{
	background: #547387 url(../images/bgDogEar.gif) no-repeat left -50px;
}

#nav li.storebutton a
{
	color: #dae8f0;
	font-weight: bold;
	padding: 8px 30px 10px 60px;
	background-image: none;
}

#nav li.over.storebutton a
{
	padding: 8px 30px 10px 60px;
	color: #fff;
	background-image: none;
}

#nav li.infocenter, #nav li.infocenter.over, #nav li.infocenter a, #nav li.infocenter.over a
{
	background-image: none;
}

#nav li.infocenter.active
{
	background: url(../images/TabMosaic.gif) no-repeat 0 -304px;
}

#nav li.infocenter a
{
	background-image: none;
	color: #547387;
	text-transform: none;
}

#nav li.infocenter.active a
{
	background: url(../images/TabMosaic.gif) no-repeat 100% -424px;
}

#nav li.infocenter.over a
{
	color: #e4170e;
}

ul#nav ul
{
	margin: -3px 0 0!important;
	margin: 0;
	display: none;
	position: absolute;
	left: 0;
	list-style-type: none;
	text-align: left;
	background-color: #ccc;
	padding: 0;
	width: auto!important;
	width: 180px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

ul#nav ul li
{
	border: 0;
	padding: 0 1px;
	line-height: 0;
	margin: 0;
	height: 20px;
	display: block;
	float: none;
	clear: both;
}

ul#nav ul li a
{
	white-space: nowrap;
	padding: 4px 14px;
	text-decoration: none;
	width: 180px;
	text-transform: none;
	font-size: 11px;
	height: auto;
}

ul#nav ul li a:hover
{
	color: #000;
	background-color: #eee;
}

ul#nav li>ul
{
	top: auto;
	left: auto;
}

/*ul#nav li:hover ul,*/ ul#nav li.over ul
{
	display: block;
	position: absolute;
	z-index: 90;
}

/*ul#nav li.mainLi:hover,*/ ul#nav li.over
{
	background: url(../images/TabMosaic.gif) no-repeat 0px 0px;
}

/*ul#nav li:hover a,*/ ul#nav li.over a
{
	color: #fff;
	background: url(../images/TabMosaic.gif) no-repeat 100% -120px;
	padding-left: 20px;
	margin-left: 0;
}

/*ul#nav li:hover li a,*/ ul#nav li.over li a
{
	color: #555;
	background-image: none;
}

ul#nav ul li.lastLi, #subNav ul li.lastLi, .selectBox ul li.lastLi
{
	padding-bottom: 8px;
}

ul#nav ul li.firstLi
{
	padding-top: 8px;
}

ul#nav ul li.hintMoreItems
{
	color: #888;
	font-size: 11px;
	padding: 16px 20px 2px;
	line-height: 16px;
}

#nav .navBottom, #subNav .naviSelectBox .navBottom, #content .selectBox .navBottom
{
	border: 0;
	background: url(../images/greyroundcorner2_br.gif) no-repeat right bottom;
	height: 6px;
	font-size: 6px;
	display: block;
	padding: 0;
}

#nav .navBottom div, #subNav .naviSelectBox .navBottom div, #content .selectBox .navBottom div
{
	background: url(../images/greyroundcorner2_bl.gif) no-repeat left bottom;
	height: 6px;
	font-size: 6px;
}

/* @end */

/* @group Menues */

ul.navUl
{
	list-style-type: none;
}

ul.navUl li
{
	padding: 0 6px 0 7px;
	display: inline;
	background: url(../images/li_divide.gif) no-repeat 0 center;
	white-space: nowrap;
}

ul.navUl, ul.navUl a
{
	color: #666;
}

ul.navUl a
{
	text-decoration: underline;
}

ul.navUl li.noBg
{
	padding-left: 0;
	background-image: none;
}

ul.navUl li.voucher
{
	background: url(../images/bgVoucher.jpg) no-repeat left center;
	padding: 0;
}

ul.navUl li.voucher a
{
	padding: 0 8px 0 37px;
}

ul.navUl img
{
	vertical-align: middle;
}

#headerMetaNav
{
	float: right;
	margin-top: 5px;
	font-size: 10px;
	white-space: nowrap;
}

#headerMetaNav li
{
	margin: 25px 0 0 0;
	float: left;
}

#headerMetaNav li.tslink
{
	margin: 5px 5px 0 10px;
	padding: 0;
}

#headerMetaNav li.basketlink
{
	width: 200px;
	height: 60px;
	background: url(../images/basketButton.gif) no-repeat 0 0;
	margin: 5px 0 0 10px;
	padding: 0;
}

#headerMetaNav li.basketlink a
{
	text-align: left;
	padding: 12px 0 2px 60px;
	display: block;
	overflow: hidden;
}

#headerMetaNav li.basketlink a span
{
	font-size: 13px;
}

#headerMetaNav li.hotline
{
	color: #547387;
	font-size: 16px;
	text-align: left;
	background: url(../images/footerHotline2.gif) no-repeat left 3px;
	padding-left: 30px;
	margin: 15px 0 0 20px;
}

#headerMetaNav li.hotline span
{

}

#headerMetaNav li.hotline span.description
{
	color: #888;
	font-size: 9px;
	display: block;
	line-height: 10px;
}

/* @end */

/* @group subNav */

#subNav
{
	width: 203px;
	margin: 11px 0 11px 11px;
	float: left;
}

#subNavList
{
	list-style-type: none;
	padding: 0;
	margin: 3px 0 11px;
}

#subNavList li
{
	width: 200px;
	line-height: 0;
	padding: 0;
	border-bottom: 1px solid #eee;
	margin: 0 0.25em;
}

.subnavHeadline
{
	color: #000;
	text-decoration: none;
	display: block;
	vertical-align: middle;
	font-weight: bold;
	font-size: 1em;
	padding: 3px 0;
}

#subNavList li a
{
	color: #555;
	white-space: nowrap;
	font: 1em Lucida Sans, Lucida Sans Unicode, Lucida Grande, Arial, Helvetica, Verdana, sans-serif;
	text-decoration: none;
	text-transform: none;
	margin: 0;
	padding: 6px 10px;
	display: block;
}

#subNavList a:hover
{
	color: #547387;
}

#subNavList a.active
{
	color: #326688;
	font-weight: bold;
}

#subNavList ul
{
	list-style-type: none;
	padding: 0;
	margin: 0 0 5px;
}

#subNavList ul li
{
	border: 0;
}

#subNavList ul li a
{
	border: 0;
	padding: 3px 10px 3px 25px;
}

#subNavList ul li a.active
{
	/*background: url(../images/yellowmenupoint.gif) no-repeat 2em 0.6875em;*/
}

/* @end */

/* @group SelectBox */

.selectBox
{
	float: left;
	width: 175px;
	margin: 0 10px 0 0;
	cursor: pointer;
}

.selectBox div
{
	background: url(../images/bgSelect.png) no-repeat 0 top;
	height: 23px;
	line-height: 23px;
	position: relative;
}

.selectBox div span
{
	background: url(../images/bgSelect.png) no-repeat right top;
	display: block;
	font-weight: bold;
	line-height: 23px;
	vertical-align: middle;
	margin: 0 0 0 10px;
	white-space: nowrap;
	overflow: hidden;
	padding: 0 20px 0 0;
}

.selectBox div.active
{
	background: url(../images/bgSelect.png) no-repeat 0 -50px;
}

.selectBox div.active span
{
	background: url(../images/bgSelect.png) no-repeat right -50px;
	color: #fff;
}

#contentwrapper .selectBox div span span
{
	background: none;
}

#contentwrapper .selectBox div.active span span
{
	background: url(../images/bgSelect.png) no-repeat right -150px;
	position: absolute;
	right: 0;
	top: 0;
	height: 23px;
	width: 55px;
}

.selectBox div.inactive
{
	background: url(../images/bgSelect.png) no-repeat 0 -100px;
}

.selectBox div.inactive span
{
	background: url(../images/bgSelect.png) no-repeat right -100px;
}

.selectBox ul, .naviSelectBox ul
{
	background-color: #ccc;
	display: none;
	list-style-type: none;
	margin: 0 0 0 6px;
	padding: 0;
	position: absolute;
	width: 164px;
	cursor: default;
	z-index: 20;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

.selectBox ul li, .naviSelectBox ul li
{
	display: block;
	float: none;
	clear: both;
	padding: 1px;
	line-height: 11px;
}

.selectBox ul a, .naviSelectBox ul a, .selectBox ul span
{
	display: block;
	color: #555;
	text-decoration: none;
	cursor: pointer;
	padding: 5px 10px 5px 5px;
}

.selectBox ul a
{
	padding: 4px 10px 4px 20px;
}

.selectBox li.active a, .naviSelectBox li.active a, .selectBox li.active span
{
	font-weight: bold;
	color: #333;
}

.selectBox li.active a
{
	background: url(../images/bgSelect.png) no-repeat 0 -200px;
}

.selectBox ul a:hover, .naviSelectBox ul a:hover, .selectBox ul span:hover
{
	color: #000;
	background-color: #eee;
}

.naviSelectBox
{
	margin: 0 0 11px;
	cursor: pointer;
}

.naviSelectBox div
{
	background: url(../images/bgSelect.png) no-repeat 0 -250px;
	/*height: 32px;*/
	line-height: 32px;
}

.naviSelectBox li.navBottom, .naviSelectBox li.navBottom div, .selectBox li.navBottom, .selectBox li.navBottom div
{
	height: auto;
}

.naviSelectBox div span
{
	background: url(../images/bgSelect.png) no-repeat right -250px;
	display: block;
	padding: 0 10px 0 0;
	font-weight: bold;
	line-height: 32px;
	vertical-align: middle;
	margin: 0 0 0 10px;
}

.naviSelectBox ul
{
	width: 190px;
}

.naviSelectBox .hintMoreItems
{
	color: #888;
	padding: 15px 10px 5px;
}

.selectBoxScroll
{
	height: 210px;
	overflow: auto;
}

.selectBoxDiv .selectBox
{
	width: 202px;
	margin: 0;
}

.selectBoxDiv
{
	margin: 0 0 2px 0;
}

.selectBoxDiv .selectBox ul
{
	width: 192px;
}

.selectBoxDiv .variantSelector ul li, .selectBoxDiv .variantSelector ul li.active
{
	border: 0;
	height: auto;
	margin: 1px;
	float: none;
}

.selectBoxDiv .selectBox ul li span
{
	color: #666;
	font-weight: normal;
	height: auto;
	text-align: left;
	cursor: pointer;
	padding: 5px 10px 5px 5px;
	background-color: transparent;
}

.selectBoxDiv .variantSelector ul li.notAvailable, .selectBoxDiv .colors ul li:hover
{
	border: 0;
}

.selectBoxDiv .variantSelector ul li.available:hover span
{
	color: #000;
	background-color: #eee;
	height: auto;
	text-align: left;
	cursor: pointer;
	padding: 5px 10px 5px 5px;
}

.selectBoxDiv .variantSelector ul li.active span
{
	height: auto;
	text-align: left;
	cursor: pointer;
	padding: 5px 10px 5px 5px;
	background-color: transparent;
	color: #000;
	font-weight: bold;
}


.selectBoxDiv .selectBox li.active a
{
	background: transparent;
}

/* @end */

/* @group teaserRotator */

.homeTeaser
{
	display: none;
}

.teaserRotator
{
	width: 968px;
	height: 320px;
	position: relative;
	margin: 0 0 10px;
	overflow: hidden;
}

.teaserRotator a
{
	width: 968px;
	height: 320px;
	display: none;
	position: absolute;
	margin: 0;
	left: 0;
	top: 0;
}

.teaserRotator a img
{
	width: 968px;
	height: 320px;
}

.teaserRotatorNavi
{
	position: absolute;
	height: 40px;
	width: 968px;
	left: 0;
	bottom: 1px;
	text-align: center;
}

.teaserRotatorNavi img
{
	height: 40px;
	width: 121px;
	margin: 0 -1px 0 0;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	cursor: pointer;
	filter:alpha(opacity=50);
	-moz-opacity: 0.50;
	opacity: 0.50;
}

.teaserRotatorOverlay
{
	width: 968px;
	height: 320px;
	position: absolute;
	left: 0;
	top: 0;	
	cursor: pointer;
	background: url(../images/teaserRotatorBg.png) no-repeat 0 0;
}

.teaserRotatorArrow
{
	position: absolute;
	width: 26px;
	height: 13px;
	bottom: 36px;
	margin: 0 0 0 47px;
	background: url(../images/teaserRotatorArrow.png) no-repeat 0 0;
}

/* @end */

/* @group tables */

#contentwrapper table
{
	border-collapse: collapse;
	clear: both;
	width: 100%;
	margin: 11px 0 16px;
}

#contentwrapper th, #contentwrapper td
{
	text-align: left;
	vertical-align: top;
	padding: 7px 11px 5px;
}

#contentwrapper th, #contentwrapper tr.tH td
{
	background: #e0e0e0 url(../images/gradient_menu.jpg) repeat-x 0 top;
}

#contentwrapper tr.grey td
{
	background-color: #F9F9F9;
}

#contentwrapper td
{
	border-top: 1px solid #ddd;
}

#ShadowBox table, #ShadowBox th,  #ShadowBox td
{
	margin: 0;
	border: 0;
	padding: 0;
}

td.leftTd
{
}

td.rightTd
{
}

#contentwrapper td.amount
{
	text-align: right;
	line-height: 15px;
}

td.amount img
{
	vertical-align: baseline;
}

td.amount span
{
	vertical-align: top;
}

img.badge
{
	position: absolute;
	right: 0;
	bottom: 0;
}

/* @end */

/* @group NavBar */

#content ul.navBar
{
	list-style-type: none;
	margin: 0;
	text-align: right;
	padding: 3px 0;
}

ul.navBar li
{
	display: inline;
	background: url(../images/li_divide.gif) no-repeat 0 center;
	padding: 0 4px 0 8px;
	margin: 0;
}

ul.navBar a.active
{
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

ul.navBar li.noWrap
{
	white-space: nowrap;
}

ul.navBar li.noBg
{
	background-image: none;
	padding-left: 0;
}

ul.navBar li.leftFloat
{
	float: left;
}

/* @end */

/* @group Guidenav + Search */



#navGuide
{
	background: #e0e0e0 url(../images/gradient_menu.jpg) repeat-x 0 top;
	clear: both;
	height: 32px;
	white-space: nowrap;
}

#navGuide a
{
	color: #000;
}

#breadCrumps
{
	list-style-type: none;
	float: left;
	width: 695px;
	overflow: hidden;
	padding: 0 0 0 17px;
}

#breadCrumps li
{
	float: left;
	padding: 7px 5px 6px;
}

#search
{
	width: 270px;
	float: right;
	margin: 4px 0 0;
}

#searchbox
{
	float: left;
	width: 175px;
	font-size: 1.25em;
	padding: 3px 3px 2px;
	background-color: #fff;
	margin: 0;
}

#searchbox.busy
{
	background: #fff url(../images/loading.gif) no-repeat right center;
}

button#searchButton
{
	width: 80px;
	height: 24px;
	margin: 0 2px 0 0;
	float: right;
}

/* @end */

/* @group Searchresult */

div#searchresult
{
	position: absolute;
	display: none;
	z-index: 9999;
	background: url(../images/dropShadowSearchTop.png) no-repeat center top;
	margin: 0 0px 0px -10px;
	width: 290px;
}

div#searchresult div.shadow
{
	background: url(../images/dropShadowSearch.png) no-repeat center top;
	margin: 5px 0 0;
	padding: 0;
}

div#searchresult h3
{
	color: #000;
	margin: 0;
	padding: 3px 26px;
}

div#searchresult h3.top
{
	padding: 0 26px 3px;
}

div#searchresult ul
{
	list-style-type: none;
	margin: 0;
	padding: 0 11px;
}

div#searchresult ul li
{
	background-color: #000;
	padding: 0;
	margin: 0;
	height: 48px;
	clear: both;
	width: 268px;
}

div#searchresult a
{
	height: 48px;
	padding: 0 5px;
	background-color: #fff;
	text-decoration: none;
	filter:alpha(opacity=92);
	-moz-opacity: 0.92;
	opacity: 0.92;
	color: #444;
	display: block;
}

div#searchresult a.hover
{
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	color: #000;
}

div#searchresult a .img
{
	cursor: pointer;
	background-color: #fff;
	float: left;
}

div#searchresult a .descr
{
	cursor: pointer;
	width: 195px;
	overflow: hidden;
	padding: 5px 0 0;
	float: right;
	height: 40px;
}

div#searchresult a img
{
	display: block;
}

div#searchresult ul.categories li
{
	height: auto;
}

div#searchresult ul.categories li a
{
	height: auto;
	padding: 3px 15px;	
}

div#searchresult div.bottom
{
	background: transparent url(../images/dropShadowSearchBottom.png) no-repeat;
	width: 290px;
}

div#searchresult div.bottom a
{
	text-align: right;
	font-weight: bold;
	height: auto;
	padding: 3px 22px 10px;
	background-color: transparent;
}



/* @end */

/* @group roundBox */

.roundedBox
{
	background-color: #f2f2f2;
	-moz-border-radius: 5px;
    border-radius: 5px;
    padding: 4px 14px;
    margin: 0 0 11px 0;
}

#subNav .roundedBox
{
	margin: 0;
}

/*.roundedBox .top
{
	border-width: 0;
	background: #f2f2f2 url(../images/cornerMosaicTextBox.gif) no-repeat right 0;
	height: 4px;
}


.roundedBox .top div
{
	background: url(../images/cornerMosaicTextBox.gif) no-repeat left -4px;
	height: 4px;
}

.roundedBox .bottom
{
	background: #f2f2f2 url(../images/cornerMosaicTextBox.gif) no-repeat right -8px;
	height: 4px;
	border-width: 0;
}

.roundedBox .bottom div
{
	background: url(../images/cornerMosaicTextBox.gif) no-repeat left -12px;
	height: 4px;
}

.roundedBox .content
{
	padding: 0 1em;
}*/

/* @end */

/* @group Produktliste */

div.productListItemHighlight
{
	width: 377px;
	float: left;
}

#content .intro
{
}

#content .intro
{
	width: 751px;
	float: left;
}

.categoryText h1
{
	line-height: 36px;
}

.categoryText p
{
	margin: 0;
}

div.productListItemHighlight #categoryDescription
{
	width: 330px;
	/*height: 154px;*/
	border-left: 1px solid #eee;
	float: left;
	padding: 0 0 0 22px;
	margin: 0 0 0 12px;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

#categoryDescriptionToggler
{
	position: absolute;
	bottom: 0;
	right: 0;
	display: block;
	text-align: right;
	cursor: pointer;
	height: 17px;
	background-position: right center;
	background-repeat: no-repeat;
	width: 200px;
}

#categoryDescription #categoryDescriptionToggler.blindUp
{
	background-image: url(../images/detailsausblenden2.png);
}

#categoryDescription #categoryDescriptionToggler.blindDn
{
	background-image: url(../images/detailseinblenden2.png);
}

div.productListItemHighlight .productDescription
{
	text-decoration: none;
	width: 344px;
	height: 170px;
	display: block;
	color: #000;
	float: left;
	margin: 0;
	padding: 0;
}

#content .productListItemHighlight .productImage
{
	float: left;
	margin: 0 0 4px;
	width: 160px;
}

#content .productListItemHighlight .colorList
{
	float: left;
	clear: left;
	width: 160px;
	text-align: center;
}

.listHighlightPrice
{
	color: #547387;
	font-weight: bold;
	background: url(../images/bgDetailPrice.gif) no-repeat left bottom;
	font-size: 18px;
	display: block;
	padding: 0 0 0 25px;
	margin: 4px 0 0;
}

.listHighlightPriceSale
{
	padding: 4px 0 0;
	font-size: 18px;
	color: #888;
	display: block;
}

.listHighlightPriceSale .oldPrice
{
	font-weight: normal;
	font-style: normal;
	text-decoration: line-through;
}

.listHighlightPriceSale .price
{
	color: #D81A06;
	font-weight: bold;
	background: url(../images/bgDetailPriceSale.gif) no-repeat left bottom;
	padding: 4px 0 0 25px;
	display: block;
}

.listHighlightBasePrice
{
	color: #888;
	float: left;
	display: block;
	padding: 0 0 0 25px;
	white-space: nowrap;
	height: 2em;
}

div.productListItemHighlight a.descr
{
	float: right;
	width: 154px;
	/*display: block;*/
	overflow: hidden;
	padding: 6px 0;
	color: #000;
	text-decoration: none;
}

div.productListItemHighlight .brandLogo
{
	/*display: block;*/
	/*height: 2.5em;*/
	padding: 6px;
	float: right;
}

#content .productListItem
{
	text-align: center;
	float: left;
	height: 187px;
	width: 185px;
	border-left: 1px solid #eee;
	margin: 0 0 22px 0;
	line-height: 16px;
}

#content li.productListItem
{
	width: 167px;
	margin: 11px 0 0;
	line-height: 13px;
	border: 0;
}


#content div.productListItem.bFirstAfterHighlight
{
	width: 180px;
	overflow: hidden;
	border-left: 0;
}

#content div.productListItem.firstInRow
{
	border-left: 0;
}

#content div.productListItem.firstInRow
{
	clear: both;
}


.productListItem a.productImage
{
	display: block;
	margin: 0 0 4px;
}

a.productImage img
{
	margin: auto;
	display: block;
}

.productListItem a.descr
{
	display: block;
	height: 33px;
	overflow: hidden;
	color: #000;
	text-decoration: none;
	padding: 0 11px;
}

li.productListItem a.descr
{
	height: 28px;
}

#content a.descr:hover
{
	color: #547387;
}

.colorList
{
	height: 16px;
	overflow: hidden;
	text-align: center;
}

.colorList a
{
	display: inline;
}

.colorList a img
{
	border: 1px solid #bbb;
	padding: 1px;
}

.colorList a.active img
{
	border: 1px solid #547387;
}

.productListItemHighlight a:hover .descr, .productListItemHighlight a:hover h1, .productListItem a:hover .descr
{
	color: #547387;
}

/*.productListItemHighlight .listHighlightPriceSale span
{
	padding-left: 0.25em;
}*/

#content .productListItem.orders
{
	height: 154px;
	width: 12.90101em;
	margin: 1em 0 1em 1em;
}

div.productListItem.orders div
{
	text-decoration: none;
	padding: 0 0.5em;
	color: #000;
	background-color: #fff;
	height: 154px;
}

.listPrice
{
	color: #547387;
	font-weight: bold;
	background: url(../images/bgListPrice.gif) no-repeat left bottom;
	padding: 0 0 0 16px;
}

.listPriceSale
{
	color: #D81A06;
	font-weight: bold;
	background: url(../images/bgListPriceSale.gif) no-repeat left bottom;
	padding: 0 0 0 16px;
	white-space: nowrap;
}

.listPriceSale span
{
	color: #888;
	font-weight: normal;
	font-style: normal;
	text-decoration: line-through;
	padding-left: 6px;
}

.listPriceSaleRight
{
	color: #888;
}

.listPriceSaleRight .oldPrice
{
	font-weight: normal;
	font-style: normal;
	text-decoration: line-through;
	background-image: none;
}

.listPriceSaleRight .price
{
	color: #D81A06;
	font-weight: bold;
	background: url(../images/bgListPriceSale.gif) no-repeat left bottom;
	padding: 0 0 0 16px;
	white-space: nowrap;
}

.listBasePrice
{
	color: #888;
	clear: both;
	display: block;
}

img.lazy{
	background: url(../images/loading.gif) no-repeat center center;
}

/* @end */

/* @group Produktdetail */

.detailPrice
{
	font-size: 18px;
	line-height: 18px;
	padding: 0 0 0 23px;
	clear: both;
	color: #547387;
	font-weight: bold;
	background: url(../images/bgDetailPrice.gif) no-repeat left center;
}

.detailPriceSale
{
	font-size: 18px;
	line-height: 18px;
	padding: 0 0 0 23px;
	clear: both;
	color: #D81A06;
	font-weight: bold;
	background: url(../images/bgDetailPriceSale.gif) no-repeat left center;
}

.detailOldPrice
{
	font-size: 18px;
	line-height: 18px;
	padding: 0 0 0 23px;
	clear: both;
	color: #888;
	font-weight: normal;
	font-style: normal;
	text-decoration: line-through;
}

.asterisk
{
	padding: 0 0 0 3px;
	text-decoration: none;
}

.leftArea
{
	float: left;
	width: 330px;
}

.leftArea #zoomImgContainer
{
	width: 300px;
	height: 280px;
	background: url(../images/loading.gif) no-repeat center center;
	cursor: pointer;
}

.leftArea a, .leftArea img
{
	display: block;
}

.thumbList img
{
	float: left;
	margin: 0;
}

#zoomImageLens
{
	float: right;
	margin: 0;
	cursor: pointer;
	padding: 13px 0 0 11px;
}

.rightArea
{
	float: right;
	width: 390px;
}

.rightArea .brandLogo
{
	float: right;
	padding: 0 0.5em 2em 2em;
}

.productText h1, .productText h2
{
	font-size: 1em;
	font-weight: bold;
	color: #000;
	margin: 0;
	padding: 0;
	clear: none;
	line-height: 18px;
}

#price
{
	position: relative;
	clear: both;
}

.rightArea #productDescription
{
	margin-bottom: 10px;
}

#productDescription
{
	position: relative;
	z-index: 1;
	overflow: hidden;
}

#productDescriptionToggler
{
	position: absolute;
	bottom: 0;
	right: 0;
	display: block;
	text-align: right;
	cursor: pointer;
	height: 17px;
	background-position: right center;
	background-repeat: no-repeat;
	width: 200px;
}

.blindUp
{
	background-image: url(../images/detailsausblenden.png);
}

.blindDn
{
	background-image: url(../images/detailseinblenden.png);
}

.toggler
{
	bottom: 10px;
	right: 0;
	float: right;
	cursor: pointer;
	height: 17px;
	background-position: right center;
	background-repeat: no-repeat;
	width: 200px;
} 

.toggler.blindUp
{
	background-image: url(../images/detailsausblenden3.gif);
}

.toggler.blindDn
{
	background-image: url(../images/detailseinblenden3.gif);
}

#productDescription p
{
	margin: 0;
	padding: 0;
}

.rightArea .totalCostHint
{
	font-weight: normal;
	font-style: normal;
	clear: both;
	display: block;
	line-height: 14px;
}

#taxHint
{

}

.basketBox hr
{
	margin: 4px 0;
}

#basketForm
{
	float: right; 
	width: 210px;
	clear: none;
	padding: 0;
}

.basketInfos
{
	float: left; 
	text-align: left;
	width: 150px;
	vertical-align: middle;
	padding-top: 20px;
}

.basketInfosOldPrice
{
	padding-top: 10px;
}

.rightArea #basketButton
{
	width: 202px;
	height: 58px;
	border: 0;
	float: right;
	cursor: pointer;
	text-indent: -999em;
	margin: 0 0 6px;
}

.rightArea #basketButton.disabled
{
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	cursor: default;
}

#basketForm input
{
	border: 0;
	background-color: transparent;
}

.status, .status0
{
	background: url(../images/intoBasket0.gif) no-repeat;
}

.status1
{
	background: url(../images/intoBasket1.gif) no-repeat;
}

.status2
{
	background: url(../images/intoBasket2.gif) no-repeat;
}

.status3
{
	background: url(../images/intoBasket3.gif) no-repeat;
}


/*.delivery0 span
{
	background: transparent url(../images/delivery0.gif) no-repeat 97% center;
}

.delivery1 span
{
	background: transparent url(../images/delivery1.gif) no-repeat 97% center;
}

.delivery2 span
{
	background: transparent url(../images/delivery2.gif) no-repeat 97% center;
}

.delivery3 span
{
	background: transparent url(../images/delivery3.gif) no-repeat 97% center;
}*/

.variantSelector
{
}

.variantSelector ul
{
	list-style-type: none;
	padding: 0;
}

.variantSelector ul li
{
	float: left;
	border: 1px solid #bbb;
	padding: 1px;
	height: 30px;
	margin: 0 5px 5px 0;
	cursor: pointer;
	color: #547387;
}

.variantSelector ul li.active
{
	border: 1px solid #547387;
}

.variantSelector ul li a
{
	text-decoration: none;
}

.variantSelector ul li.active a, .variantSelector ul li:hover a,
.variantSelector ul li.active span, .variantSelector ul li.available:hover span
{
	background-color: #547387;
	color: #fff;
}

.variantSelector ul li a, .variantSelector ul li span
{
	display: block;
	font-weight: bold;
}

.sizes ul li, .colors ul li:hover
{
	border: 1px solid #547387;
}

.sizes ul li a, .variantSelector ul li span
{
	height: 18px;
	padding: 6px;
	text-align: center;
	min-width: 22px;
}

.variantSelector ul li img
{
	display: block;
}

.variantSelector ul li.notAvailable
{
	border: 1px solid #ddd;
	color: #ddd;
	cursor: default;
}

.delivery span, .delivery0 span
{
	background: transparent url(../images/delivery0.gif) no-repeat 97% center;
	cursor: default;
}

.delivery1 span
{
	background: transparent url(../images/delivery1.gif) no-repeat 97% center;
}

.delivery2 span
{
	background: transparent url(../images/delivery2.gif) no-repeat 97% center;
}

.delivery3 span
{
	background: transparent url(../images/delivery3.gif) no-repeat 97% center;
}


/* @end */

/* @group Basket */

.secureCheckout
{
	padding-left: 70px;
	position: relative;
}

.secureCheckout .label
{
	background: url(../images/bgSecureCheckout.gif) no-repeat 0 0;
	width: 75px;
	height: 75px;
	position: absolute;
	left: 5px;
	top: -10px;
}

.secureCheckout ul
{
	list-style-type: none;
	float: left;
	width: 300px;
}

.secureCheckout ul li
{
	background: url(../images/bgList.gif) no-repeat 0 5px;
	padding: 0 0 0 15px;
}

#subNav .secureCheckoutNav
{
	margin: 22px 0 7px 0;
	padding-top: 10px;
	clear: both;
}

.secureCheckoutNav .label
{
	background: url(../images/bgSecureCheckout.gif) no-repeat 0 0;
	width: 75px;
	height: 75px;
	margin: 0 0 -20px -22px;
}

.secureCheckoutNav ul
{
	list-style-type: none;
	padding: 0;
	float: left;
	clear: none;
	display: inline;
}

.secureCheckoutNav ul li
{
	background: url(../images/bgList.gif) no-repeat 0 5px;
	float: left;
	display: inline;
	padding: 0 0 0 15px;
}

.checkoutProgress
{
	height: 32px;
	padding: 0;
	margin: 0 0 11px 0;
	background: url(../images/bgProgressBar.gif) no-repeat;
}

.checkoutProgressStep1
{
	background-position: 0 0;
}

.checkoutProgressStep2
{
	background-position: 0 -51px;
}

.checkoutProgressStep3
{
	background-position: 0 -101px;
}

.checkoutProgressStep4
{
	background-position: 0 -151px;
}

.checkoutProgressStep5
{
	background-position: 0 -200px;
}

.checkoutStep
{
	font-weight: bold;
	text-align: center;
	color: #777;
	float: left;
	text-decoration: none;
	/*background: url(../images/bgCheckoutProgress.png) no-repeat right center;*/
	padding: 7px 0;
}

.checkoutStepNum
{
}

.activeStep, .activeStep:hover
{
	/*background-image: url(../images/bgCheckoutProgressActive.png);*/
	color: #fff;
}

.activeStep .checkoutStepNum
{
}


/* @end */
 
/* @group Carousel */

.carousel
{
	width: 710px;
	height: 170px;
	position: relative;
}

.carousel .container
{
	top: 0;
	left: 15px;
	width: 660px;
	height: 150px;
	overflow: hidden;
	background-color: white;
	position: absolute;
}

.carousel .previous_button
{
	position: absolute;
	top: 5em;
	left: -1.25em;
	width: 23px;
	height: 24px;
	cursor: pointer;
	background: url(../images/arrows.gif) no-repeat 0 -24px;
}

.carousel .next_button
{
	position: absolute;
	top: 5em;
	right: -0.3333em;
	width: 23px;
	height: 24px;
	cursor: pointer;
	background: url(../images/arrows.gif) no-repeat 0 0;
}

.carousel ul
{
	margin: 0;
	padding: 0;
	width: 100000px;
	position: relative;
	top: 0;
	left: 0;
	height: 150px;
	list-style-type: none;
}
/*
.carousel ul li
{
	margin: 0;
	padding: 1em;
	width: 13em;
	height: 12em;
	float: left;
	text-align: center;
}

.carousel a
{
	color: #000;
	text-decoration: none;
}*/

/*.carousel a:hover
{
	color: #547387;
}

.carousel ul li .descr
{
	height: 2.5em;
	display: block;
	overflow: hidden;
	margin: 0 0 0.5em;
}

.carousel ul li .price
{
	color: #547387;
	font-weight: bold;
	background: url(../images/bgPriceList.gif) no-repeat 0 bottom;
	padding: 0 0 0 30px;
}*/

/* @end */

/* @group Drop Shadow */

.dropShadow
{
	float: left;
	background: url(../images/dropShadow.gif) no-repeat right bottom;
}

.dropShadow .top
{
	background: url(../images/dropShadow.gif) no-repeat right top;
	height: 8px;
	display: block;
}

.dropShadow .top div
{
	background: url(../images/dropShadow.gif) no-repeat left top;
	height: 8px;
	margin: 0 14px 0 0;
}

.dropShadow .bottom
{
	background: url(../images/dropShadow.gif) no-repeat left bottom;
	height: 14px;
	margin: 0 200px 0 0;
	width: 14px;
}

.dropShadow .content
{
	display: block;
	border-left: 1px solid #e0e0e0;
	padding: 0 0 0 14px;
	margin: 0 21px 0 0;
}

/* @end */

/* @group Forms */

.contentContainer
{
	background-color: #f2f2f2;
	margin: 1em 0;
}

.contentContainer h2
{
	margin: 0 0 1em 0;
}

form, .formDiv
{
	clear: both;
}

fieldset
{
	border: 0;
	padding: 0;
	margin: 0;
}

legend
{
	padding: 0 0 0.5em;
	color: #333;
	font-weight: normal;
	font-style: normal;
	white-space: normal;
}

.legendLabel
{
	padding: 1em 0 0.5em;
	font-weight: normal;
	font-style: normal;
	display: block;
	margin: 0;
}

label, .label
{
	float: left;
	padding: 0;
	margin: 0.25em 0.25em 0.5em 0;
	display: block;
	clear: both;
}

label p, .label p
{
	padding: 0;
	margin: 0;
}

.inlinelabel
{
	display: inline;
	clear: none;
	padding: 0 0 0 0.5em;
	width: 16em;
}

#deliveryadress, #saveaccount
{
	padding-left: 1.6em;
}

input, select, textarea
{
	font-size: 1em;
	line-height: 1em;
	float: right;
	margin-bottom: 0.5em;
	width: 17.75em;
	padding: 0.5em 0.25em 0.25em;
}

.formElement
{
	border: 1px solid #d3d3d3;
	background-color: #f7f7f7;
}

.formElement:hover, .formElement:focus
{
	background-color: #fcfcfc;
	/*border: 1px solid #d0d0d0;
	outline: 0;*/
}

.input
{
	float: right;
	display: block;
	width: 18.275em;
	border: 0;
	padding: 0;
	clear: none;
	margin: 0;
}

.inputcheckboxes, .inputradios
{
	float: right;
	display: block;
	width: 18.275em;
	border: 0;
	padding: 0;
	margin: 0;
}

.inputcheckboxes input, .inputradio, .inputradios input, .inputcheckbox
{
	width: auto;
	float: left;
	margin: 0.25em 0.5em 0.5em 0;
}	

.inputcheckboxes label, .inputradios label
{
	display: inline;
	clear: none;
	margin: 0.25em 0.5em 0.5em 0;
	padding: 0;
	width: 18em;
}

.inputcheckboxes label span, .inputradios label span
{
	float: right;
	width: 15.5em;
}

.paymentradios label
{
	display: inline;
	clear: none;
	margin: 3px 6px 10px 0;
	padding: 0;
}

.paymentradios label span
{
	float: left;
	width: 300px;
}

.paymentradios
{
	width: 350px;
}

.paymentradios.borderRight
{
	border-right: 1px solid #ddd;
}

/*.inputcheckboxes .inputcheckbox
{
	width: auto;
	float: left;
	margin: 0.25em 0.5em 4em 0;
}*/	

input.plz
{
	width: 5em;
	float: left;
}

input.ort
{
	width: 11em;
	margin-left: 0.5em;
}

select
{
	width: 18.5em;
}

textarea
{
	height: 8em;
	overflow: auto;
	font: 11px/1.5em Lucida Sans, Lucida Sans Unicode, Lucida Grande, Arial, Helvetica, Verdana, sans-serif;
}

textarea.orderText
{
	float: none;
	clear: both;
	width: 99%;
	height: 75px;
}

select.error, input.error, textarea.error
{
	border: 1px solid #c33d30;
}

.inputcheckboxes.error, .inputradios.error
{
	border: 0;
	color: #c33d30;
}

.infoMsg
{
	color: #fff;
	padding: 1em 1em 1em 3.5em;
	font-weight: bold;
	background: #547387 url(../images/bgInfoMessage.gif) no-repeat 1em center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 0 0 20px 0;
	font-size: 11px;
}

.infoMsgError
{
	color: #fff;
	padding: 10px 10px 10px 40px;
	font-weight: bold;
	background: #e4170e url(../images/bgInfoMessageError.gif) no-repeat 1em center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 0 0 20px 0;
	font-size: 11px;
}

.infoMsgError a, .infoMsg a
{
	color: #fff;
}

/* @end */

/* @group Back in Stock Notification */

#backInStockNotificationForm
{
	text-align: left;
	font-size: 11px;
	width: 400px;
}

#backInStockNotificationButton
{
	background: url(../images/intoBasket1.gif) no-repeat;
	width: 202px;
	height: 58px;
	display: none;
	padding: 0;
	margin: 2px 0 4px;
}

/* @end */

/* @group infoBox / detailNavi */

.infoBox
{
	clear: both;
	background-color: #f9f9f9;
	margin: 11px 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.infoBox h3
{
	color: #547387;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	margin: 0;
}

/*
.infoBox .top
{
	background: #f9f9f9 url(../images/cornerMosaicInfoBox.gif) no-repeat right 0;
	height: 4px;
}

.infoBox .top div
{
	background: url(../images/cornerMosaicInfoBox.gif) no-repeat left -4px;
	height: 4px;
	width: 4px;
}

.infoBox .bottom
{
	background: #f2f2f2 url(../images/cornerMosaicInfoBox.gif) no-repeat right -8px;
	height: 4px;
}*/

.infoBox .bottom div
{
	background: url(../images/cornerMosaicInfoBox.gif) no-repeat left -12px;
	height: 4px;
}

ul.controls
{
	list-style-type: none;
	border-bottom: 2px solid #547387;
	height: 27px;
	margin-top: -7px;
}

ul.controls li
{
	float: left;
}

ul.controls li a
{
	display: block;
	padding: 7px 11px 4px;
	text-decoration: none;
	color: #666;
}

ul.controls li.active
{
	background: url(../images/TabMosaic2.gif) no-repeat 0 0;
	margin-bottom: -2px;
}

ul.controls li.active a
{
	color: #547387;
	font-weight: bold;
	background: url(../images/TabMosaic2.gif) right -70px;
}

ul.controls li.brandShopLink
{
	float: right;
}

ul.controls li.brandShopLink a
{
	color: #547387;
	background: url(../images/bgList.gif) no-repeat left 13px;
	padding-left: 15px;
}

div.scroller
{ 
	width: auto!important;
	width: 756px;
	height: 172px;
	overflow: hidden;
	position: relative;
	background-color: #f2f2f2;
	clear: both;
	z-index: 15;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

div.scroller div.section
{
	width: 693px;
	overflow:hidden;
	float:left;
	padding: 11px 22px;
}

div.scroller div.content
{
	width: 10000px;
	position: absolute;
}


/* @end */

/* @group BrandList */

ul#brandList
{
	list-style-type: none;
	background-color: white;
	text-align: center;
	margin: 0 auto;
	padding: 11px 0;
}

ul#brandList li
{
	float: left;
	text-align: center;
	width: 115px;
	padding-bottom: 44px;
}

ul#brandList li.teaserBrand
{
	padding: 0;
	width: 115px;
}

ul#brandList li a
{
	display: block;
	padding: 0;
	text-align: center;
}

ul#brandList li img
{
	display: block;
	margin: 0 auto;
}

/* @end */

/* @group Buttons */
a.button, a.yellow
{
	border: 0;
	cursor: pointer;
	float: right;
	margin: 0 0 1em 1em;
	background: #ddd url(../images/bgButtons.gif) no-repeat 0 0;
	text-decoration: none;
	padding: 0 0 0 22px;
}

a.button span, a.yellow span
{
	font: bold 11px/24px Lucida Sans, Lucida Sans Unicode, Lucida Grande, Arial, Helvetica, Verdana, sans-serif;
	display: block;
	background: #ddd url(../images/bgButtons.gif) no-repeat right 0;
	color: #555;
	padding: 0 10px 0 0;
	margin: 0;
	line-height: 24px;
	vertical-align: middle;
	white-space: nowrap;
}

a.left
{
	margin: 1em 1em 1em 0;
	text-decoration: none;
}

button
{
	background-color: transparent;
	border: 0;
	cursor: pointer;
	float: right;
	margin: 0 0 1em 1em;
	overflow: visible;
	padding: 0;
}

button.yellow, a.yellow
{
	/*margin-right: 2em;*/
}

button span
{
	background: #ddd url(../images/bgButtons.gif) no-repeat 0 0;
	text-decoration: none;
	display: block;
	white-space: nowrap;
	margin: 0 1px 0 0;
	padding: 0 0 0 22px;
}

button.yellow span, a.yellow
{
	background-image: url(../images/bgButtonsBlue.gif);
	background-color: #547387;
}

button span span
{
	font: bold 11px/24px Lucida Sans, Lucida Sans Unicode, Lucida Grande, Arial, Helvetica, Verdana, sans-serif;
	display: block;
	background: #ddd url(../images/bgButtons.gif) no-repeat right 0;
	color: #555;
	padding: 0 10px 0 0;
	margin: 0;
	vertical-align: middle;
}

button.yellow span span, a.yellow span
{
	font: bold 12px/37px Lucida Sans, Lucida Sans Unicode, Lucida Grande, Arial, Helvetica, Verdana, sans-serif;
	background-image: url(../images/bgButtonsBlue.gif);
	background-color: #547387;
	color: #fff;
}

a.button:hover, button:hover span
{
	background-position: 0 -50px;
}

a.button:hover span, button:hover span span
{
	background-position: right -50px;
}

button.yellow:hover span
{
	background-position: 0 -50px;
}

button.yellow:hover span span
{
	background-position: right -50px;
}

button.disabled
{
	cursor: default;
	filter:alpha(opacity=100);
	-moz-opacity: 1.00;
	opacity: 1.00;
}

button.disabled span
{
	padding: 0 0 0 30px;
	background-position: 0 -100px;
}

button.disabled span span
{
	padding: 0 10px 0 0;
	/*color: #777;*/
	background-position: right -100px;
}

button.yellow.disabled span
{
	background-position: 0 -100px;
}

button.yellow.disabled span span
{
	padding: 0 10px 0 2px;
	background-position: right -100px;
}

button.payPal
{
	width: 145px;
	margin: 6px 0 0;
	padding: 0;
	height: 42px;
	background: url(../images/payPalExpresscheckout.gif) no-repeat;
}

button.payPal span
{
	display: none;
}

/* @end */



/* @group Fancybox * /

html, body {
	height: 100%;
}

div#fancy_overlay {
	background-color: #fff;
	display: none;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position:fixed;
	z-index: 30;
}
 
* html div#fancy_overlay {
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
 
div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}
 
div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('../images/fancybox/fancy_progress.png') no-repeat;
}
 
div#fancy_loading_overlay {
	position: absolute;
	background-color: #FFF;
	z-index: 30;
}
 
div#fancy_loading_icon {
	position: absolute;
	background: url('../images/fancybox/fancy_loading.gif') no-repeat;
	z-index: 35;
	width: 16px;
	height: 16px;
}
 
div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 24px 24px 32px 24px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}
 
div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	background: #FFF;
}
 
div#fancy_content {
	position: relative;
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}
 
div#fancy_div {
	background: #000;
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 100;
}
 
img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}
 
div#fancy_close {
	position: absolute;
	top: -24px;
	left: -24px;
	height: 30px;
	width: 30px;
	background: url('../images/fancybox/fancy_closebox.png') top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}
 
#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}
 
#fancy_ajax {
	position: absolute;
	overflow: auto;
	top: 15px;
	left: 15px;
	bottom: 15px;
	right: 15px;
}
 
* html div#fancy_ajax {
	height: expression((this.parentNode.clientHeight - 30) + "px");
	width: expression((this.parentNode.clientWidth - 30) + "px");
}
 
a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	z-index: 111; 
	display: none;
	background-image: url('../images/blank.gif');
	outline: none;
	overflow: hidden;
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;
	background: transparent url('../images/fancybox/fancy_left.png') no-repeat;
}

span#fancy_right_ico {
	right: -9999px;
	background: transparent url('../images/fancybox/fancy_right.png') no-repeat;
}

a#fancy_left:hover, a#fancy_right:hover {
	visibility: visible;
	background-color: transparent;
}

a#fancy_left:hover span {
	left: 20px; 
}

a#fancy_right:hover span {
	right: 20px; 
}
 
.fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}
 
div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}
 
div.fancy_bg_n {
	left: 0;
	top: -24px;
	width: 100%;
	height: 24px;
	background: transparent url('../images/fancybox/fancy_shadow_n.png') repeat-x;
}
 
div.fancy_bg_ne {
	top: -24px;
	right: -24px;
	width: 24px;
	height: 24px;
	background: transparent url('../images/fancybox/fancy_shadow_ne.png') no-repeat;
}
 
div.fancy_bg_e {
	right: -24px;
	height: 100%;
	width: 24px;
	background: transparent url('../images/fancybox/fancy_shadow_e.png') repeat-y;
}
 
div.fancy_bg_se {
	bottom: -24px;
	right: -24px;
	width: 24px;
	height: 24px;
	background: transparent url('../images/fancybox/fancy_shadow_se.png') no-repeat;
}
 
div.fancy_bg_s {
	left: 0;
	bottom: -24px;
	width: 100%;
	height: 24px;
	background: transparent url('../images/fancybox/fancy_shadow_s.png') repeat-x;
}
 
div.fancy_bg_sw {
	bottom: -24px;
	left: -24px;
	width: 24px;
	height: 24px;
	background: transparent url('../images/fancybox/fancy_shadow_sw.png') no-repeat;
}
 
div.fancy_bg_w {
	left: -24px;
	height: 100%;
	width: 24px;
	background: transparent url('../images/fancybox/fancy_shadow_w.png') repeat-y;
}
 
div.fancy_bg_nw {
	top: -24px;
	left: -24px;
	width: 24px;
	height: 24px;
	background: transparent url('../images/fancybox/fancy_shadow_nw.png') no-repeat;
}
 
div#fancy_title {
	position: absolute;
	bottom: -32px;
	left: 0;
	width: 100%;
	z-index: 100;
	display: none;
}
 
div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 2px;
}
 
div#fancy_title table {
	margin: 0 auto;
}
 
div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}
 
td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url('../images/fancybox/fancy_title_left.png') repeat-x;
}
 
td#fancy_title_main {
	height: 32px;
	background: transparent url('../images/fancybox/fancy_title_main.png') repeat-x;
}
 
td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url('../images/fancybox/fancy_title_right.png') repeat-x;
}

/* @end */



/* @group Vermietung */

.reservation .img
{
	float: left;
	width: 300px;
	text-align: center;
}

#multimonth
{
	width: 350px;
	float: left;
}

.reservation a.button
{
	float: left;
	margin: 5px 0 0;
}

.reservation button
{
	margin-right: 13px;
}

select#artikel
{
	width: auto;
	float: none;
}

#messageField
{
	display: none;
	margin: 1em 0;
}

#buttonShowReservationForm, #buttonReset
{
	display: none;
}

#reservationForm
{
	display: none;
	margin-top: 1px;
}

#reservationForm form
{
	width: 665px;
	margin: 0;
	padding: 0;
}

#reservationForm fieldset
{
	float: left;
	width: 342px;
}

#reservationForm fieldset.right
{
	width: 275px;
	float: left;
	padding: 0 0 25px 32px;
}

#reservationForm fieldset.right textarea
{
	width: 270px;
	height: 69px;
}

#reservationForm label {
	width:120px;
}
#reservationForm label span {
	width:120px; /* must be the same as above!*/
	display:block; 
}

#reservationForm input
{
	width: 187px;
}

#reservationForm #sendbutton
{
	margin-right: 15px;
}

/* @end */

/* @group Calendar */

.dp-applied
{
	float: left;
	margin-right: 20px;
}

#multimonth
{
	width: 530px;
}

#multimonth .disabled
{
	filter:alpha(opacity=100);
	-moz-opacity: 1.00;
	opacity: 1.00;
}


table.jCalendar
{
	border: none;
}

.dp-popup-inline
{
	height: 190px;
}

table.jCalendar
{
	border: 0;
}

table.jCalendar th
{
	border: 1px solid #fff;
	text-align: center!important;
	padding: 5px!important;
	background-image: none;
}

span.available, span.reserved, span.reserving
{
	padding: 3px 7px!important;
}

span.reserved, span.reserving
{
	margin-left: 5px;
}

table.jCalendar td, span.available, span.reserved, span.reserving
{
	background: #9ee54f;
	color: #000;
	padding: 4px!important;
	text-align: center!important;
	border: 1px solid #fff;
}

table.jCalendar td.other-month
{
	color: #666;
	background-color: #cfe3a6;
}

/*table.jCalendar td.today
{
	background: #86c147;
}*/

table.jCalendar td.reserved, span.reserved
{
	background: #E4170E!important;
	color: #fff!important;
}

table.jCalendar td.reserving, span.reserving
{
	background: #547387!important;
	color: #fff!important;
}

/*table.jCalendar td.selected
{
	background: #1ad;
	color: #fff;
}

table.jCalendar td.selected.dp-hover
{
	background: #18c;
	color: #fff;
}*/

table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td
{
	background: #547387;
	color: #ccc;
}

table.jCalendar tr.selectedWeek td
{
	background: #547387;
	color: #fff;
}

table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover
{
	background: #ddd;
	color: #888;
}

table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover
{
	background: #ddd;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup
{
	position: relative;
	width: 240px;
	line-height: 1.2em;
}

div#dp-popup
{
	position: absolute;
	z-index: 199;
}

div.dp-popup h2
{
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 6px 0 0;
}

a#dp-close
{
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}

a#dp-close:hover
{
	text-decoration: underline;
}

div.dp-popup a
{
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}

div.dp-popup div.dp-nav-prev
{
	position: absolute;
	top: 2px;
	left: 4px;
	width: 50px;
}

div.dp-popup div.dp-nav-prev a
{
	float: left;
	font-weight: bold;
}

/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */

div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a
{
	cursor: pointer;
}

div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled
{
	cursor: default;
}

div.dp-popup div.dp-nav-next
{
	position: absolute;
	top: 2px;
	right: 4px;
	width: 60px;
}

div.dp-popup div.dp-nav-next a
{
	font-weight: bold;
	float: right;
}

div.dp-popup a.disabled
{
	cursor: default;
	color: #ccc;
}

div.dp-popup td
{
	cursor: pointer;
}

div.dp-popup td.disabled
{
	cursor: default;
}

/* @end */

/* @group Blogticker */

.blogTicker
{
}

#blogTicker
{
	clear: both;
	overflow: hidden;
	position: relative;
	width: 940px;
	margin-bottom: 11px;
}

.blogTicker h2
{
	float: left;
	color: #333;
	font-size: 11px;
	margin: 0.25em 2em 0.25em 0;
	background-color: #f2f2f2;
	position: relative;
	z-index: 3;
}

.blogTicker a
{
	color: #333;
	font-weight: bold;
	text-decoration: none;
}

.blogTicker a span
{
	color: #333;
	font-weight: normal;
	font-style: normal;
}

.blogTicker .scrollContent
{
	height: 1em;
	float: left;
	position: relative;
	z-index: 1;
}
	
.blogTicker ul
{
	width: 10000px;
	position: absolute;	
	padding: 0;
	list-style-type: none;
}

.blogTicker ul li
{
	margin: 0.25em 0;
	position: absolute;
	display: none;
}

.blogTicker .blogLink
{
	background-color: #f2f2f2;
	float: right;
	position: relative;
	z-index: 2;
	display: block;
	padding: 2px 0 2px 2em;
	font-weight: normal;
	font-style: normal;
}

/* @end */

/* @group Voucher */

#voucherCustomValueForm
{
	font-size: 0.6875em;
	height: 250px;
	width: 600px;
	background: url(../images/voucher.jpg) no-repeat 0 0;
	position: relative;
}

#voucherCustomValueForm label
{
	position: absolute;
	width: 280px;
	top: 135px;
	left: 32px;
	text-align: left;
	color: #fff;
}

#voucherCustomValueForm input
{
	font-size: 2em;
	color: #fff;
	position: absolute;
	bottom: 59px;
	right: 70px;
	width: 170px;
	height: 30px;
	border-width: 0;
	background-color: transparent;
	text-align: right;
}

#voucherCustomValueForm a.button
{
	position: absolute;
	bottom: 14px;
	right: 24px;
	margin: 0;
}
/* @end */


/* @group RoundCornersImg */

/*.roundCorners
{
	background: url(../images/bgRoundCorners.gif) no-repeat right bottom;
	padding: 0 14px 14px 0;
	float: left;
	display: block;
	margin: 0;
	position: relative;
}

.roundCorners img
{
	display: block;
}

.roundCorners .leftTop
{
	background: url(../images/bgRoundCorners.gif) no-repeat left top;
	padding: 14px 0 0 14px;
	display: block;
}

.roundCorners .rightTop
{
	background: url(../images/bgRoundCorners.gif) no-repeat right top;
	width: 14px;
	height: 14px;
	position: absolute;
	top: 0;
	right: 0;
	display: block;
}

.roundCorners .leftBottom
{
	background: url(../images/bgRoundCorners.gif) no-repeat left bottom;
	width: 14px;
	height: 14px;
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
}*/

.roundCorners
{
	background: url(../images/bgRoundCorners.gif) no-repeat right bottom;
	padding: 0 14px 14px 0;
	position: relative;
	float: left;
	display: inline-block;
	margin: 0;
}

.roundCorners.alignright
{
	float: right;
}

.roundCorners img
{
	display: block;
}

.roundCorners .leftTop
{
	background: url(../images/bgRoundCorners.gif) no-repeat left top;
	padding: 14px 0 0 14px;
	display: block;
}

.roundCorners .rightTop
{
	background: url(../images/bgRoundCorners.gif) no-repeat right top;
	width: 14px;
	height: 14px;
	position: absolute;
	top: 0;
	right: 0;
	display: block;
}

.roundCorners .leftBottom
{
	background: url(../images/bgRoundCorners.gif) no-repeat left bottom;
	width: 14px;
	height: 14px;
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
}


/* @end */


/* @group Team */

.team h1
{
	display: none;
}

.team div.left
{
	width: 560px;
	margin-right: 15px;
}

.team div.right
{
	width: 170px;
}

#contentwrapper .team th
{
	color: #547387;
	font-weight: normal;
	font-style: normal;
	font-size: 1.875em;
	padding-left: 0.5em;
}
.team td
{
	width: 50%;
}

/* @end */

/* @group InfoBox Home */

.homeInfoBox a
{
	margin: 0;
}

.homeInfoText
{
	float: right;
	width: 750px;
}

.homeInfoText h1
{
	color: #333;
	font-size: 11px;
	font-weight: bold;
	margin: 8px 0 0 0;
}
	
.homeInfoText p
{
	color: #333;
	margin: 0;
	padding: 0;
	background-position: 0 -333px;
}

.homeInfoBox .payment
{
	height: 28px;
	width: 415px;
	display: block;
	text-indent: -999em;
	background: url(../images/payment-delivery.gif) no-repeat 0 0;
	margin: 12px 30px 0 0;
}
	
.homeInfoBox .delivery, .navInfoBox .delivery
{
	height: 28px;
	width: 150px;
	display: block;
	text-indent: -999em;
	background: url(../images/payment-delivery.gif) no-repeat -450px 0;
	margin: 12px 20px 0 0;
}
	
.navInfoBox .payment
{
	height: 46px;
	width: 177px;
	display: block;
	text-indent: -999em;
	background: url(../images/payment-delivery.gif) no-repeat 0 -200px;
	margin: 5px 0 0 0;
}
	
.navInfoBox .delivery
{
	height: 28px;
	width: 150px;
	display: block;
	text-indent: -999em;
	background: url(../images/payment-delivery.gif) no-repeat -458px 0;
	margin: 5px 0 0 0;
}
	
/* @end */



/* @group Site Footer */

.siteFooter
{
	clear: both;
	background-color: #eee;
	padding: 5px 10px 3px;
	white-space: nowrap;
	color: #999;
	overflow: hidden;
}

.siteFooter ul.navUl
{
	padding: 0;
	font-size: 10px;
}

.siteFooter ul.navUl a
{
	color: #999;
}

.siteFooter ul.navUl li
{
	color: #999;
}



/* @end */

/* @group Footer */
.footerwrapper
{
	width: 990px;
	margin: 0 auto;
	text-align: left;
	clear: both;
	font-size: 11px;
}

.footerBar
{
	height: 71px;
	margin-top: 30px;
	background: url(../images/bgFooterBar.gif) repeat-x 0 0;
}

.footerBar ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.footerBar ul li
{
	float: left;
	width: 27%;
}

.footerBar ul li a
{
	text-decoration: none;
	color: #eef5f3;
	display: block;
	padding: 0 10px 0 0;
}

.footerBar ul li a:hover span
{
	text-decoration: underline;
	color: #eef5f3;
}

.footer a:hover
{
	text-decoration: underline;
}

.footerBar ul li img
{
	float: left;
	display: block;
	margin: 0 7px 0 0;
}

.footerBar ul li span.headline
{
	padding: 18px 0 0;
	display: block;
	font-size: 14px;
}

.footer
{
	background: #F2F1F1 url(../images/bgFooter.gif) repeat-x 0 bottom;
	padding: 10px 0 60px;
}

.footer .footerwrapper div
{
	/*width: 24.54545454%;*/
	width: 27%;
	clear: none;
	float: left;
	overflow: hidden;
}

.footer h3
{
	color: #547387;
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
	padding: 0;
	margin: 8px 12px 3px 0;
}

.footer ul
{
	list-style-type: none;
	margin: 0 12px 0 0;
	padding-left: 0;
}

.footer a
{
	color: #777;
	font-weight: bold;
	text-decoration: none;
}

.footer form
{
	padding: 3px 0 0;
	white-space: nowrap;
}

.footer input
{
	float: left;
	width: 110px;
}

.footer button
{
	float: left;
	margin: -2px 0 0 5px;
}

.footer button span span
{
	padding-right: 0px;
}

/* @end */