/*
File: undo.css
File: styles.css
File: menu.css
File: thickbox.css
File: jquery.cluetip.css
File: jquery.thickbox.css
File: jquery.thickbox.skin.css
File: order08.css
*/


* {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
	 background-repeat: no-repeat;
}
html, body { /* xhtml as xml compatible */
	color: #000;
}
html {
    overflow: auto; /* @ IE/Win, hide vertical scroll bar if not necessary */
    border: 0; /* @ IE/Win, hide the viewport's border */
}

a:focus, a:active {
    outline: none; /* @ Firefox, remove ugly dotted border */
}

/*	Text	*/
strong {
    font-weight: bold;
}

/*	Lists	*/
ol {
    margin-left: 40px;
}
ul {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    caption-side: top;
    empty-cells: show;
}
td, th {
    vertical-align: top;
    text-align: left;
}

a {
    text-decoration: underline;
}

img {
    border: 0;    
}

hr {
    display: none;
}

fieldset {
    border: 0 solid transparent; /* 'solid transparent' required by Opera */
}
legend {
    color: #000; /* IE/Win does not inherit color */
}
optgroup {
    font-style: normal;
    font-weight: bold;
}



body{
	font-size:0.8em;
}
body,html{
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
}

h1,h2,h2{
	margin:0px;
}


a span{
	display:none;
}
td{
	vertical-align: top;
	padding:0px;
	margin:0px;
}

.red{color:red;}
.green{color:#01984E;}
.error{font-weight:bold;}

.right{
	text-align:right;
}
.cent{
	text-align:center;
}
.strong,.b{
	font-weight:bold;
}





/*===== Debug-Panel =====*/
.debug{
	display:block;
	position:absolute;
	bottom:10px;
	left:10px;
	border:1px solid gray;
	background:white;
	cursor:pointer;
	z-index:100;
}
.debug h2{
	font-size:10px;
	background:#eeeeee;
	padding: 2px 5px;
	display:block;	
}
.debug p{
	display:none;
	padding: 5px 10px;
	font-size:11px;
}



/*===== Link's =====*/
.btn{display: table-cell;}
* html .btn{display: inline-block;}
*+html .btn{display: inline-block;}

a{
	text-decoration:none;
	color:black;
}
a:hover{
	text-decoration:underline;
}




body{
	background-image:url(/images/bg/kachel.gif);
	background-repeat:repeat;
	background-position:middle;
}

.container{
	margin: 0px auto;
	width:800px;
}
.toplogo{
	height:70px;
	position:relative;
}
.toplogo a{
	float:left;
}
.toplogo .claim{
	position:absolute;
	bottom:5px;
	right:0px;
}
.toplogo #btnMusic{
	cursor:pointer;
	position:absolute;
	top:70px;
	right:-17px;
}

.toplogo #topbanner{
	background-image:url(/images/bg/topbanner_bg.gif);
	width:479px;
	height:41px;
	position:absolute;
	bottom:5px;
	left:160px;
}

.toplogo #sec,
.toplogo #nl,
.toplogo #show{
	display:block;
	position:absolute;
	top:17px;
}

.toplogo #sec{left:60px;}
.toplogo #nl{left:215px;}
.toplogo #show{left:350px;}



.flowerleft{
	display:none;
	float:left;
	width:63px;
}
.middle{
	float:left;
	width:800px;
}
.flowerright{
	display:none;
	float:left;
	width:63px;
	margin-top:500px;
}

.flowerleft img{
	margin-top:70px;
}
.center{
	text-align:center;
}

/*
.rbl,.cbx,.rb{
	line-height:12px;
}
.rbl input,
.cbx input,
.rb input{
	float:left !important;
	margin: 0 5px 0 0 !important;
	padding:0px !important;
}
.rbl label,
.cbx label,
.rb label{
	display:inline !important;
	width:auto !important;
	margin-right:10px !important;
	padding: 0px !important;
}

*/


.cbx,.rbl{
	position:relative;
}
.cbx input,.rbl input{
	float:left;
	padding:0px !important;
	width:14px;
	height:14px;
}

.cbx label,.rbl label{
	line-height:14px;
	vertical-align: top;
	width:auto !important;
	margin-left:5px;
}

.rbl input{
	margin-top:2px;
}
.rbl label{
	margin-left:5px;
	margin-right:10px;
}









option{
	padding-right:5px;
}
.red{
	color:#ca0c0e;
}




/*==== Content Zones =====*/
.nav{
	height:26px; /* 31-5 */
	background-color:black;
}

.content{
	width:800px;
	xheight:469px;
	background-color:black;
	overflow:hidden;
	position:relative;
}

/*===== Mood und Banner =====*/
.moods{
	border:5px solid black;
	border-bottom-width:4px;
	width:788px;
	height:373px;
	position:relative;
}
.moods img{
	border:1px solid white;
}

.moods a{
	position:absolute;
	top:0px;
	left:0px;
	display:block;
	overflow:hidden;
	width:790px;
	height:375px;
}
.welcome{
	background-color:black;
	position:relative;
}
.welcome .moods .adrotator{
	border:1px solid white !important;
}


#tes {
	height:95px;
	display:block;
	overflow:hidden;
}

#tes li{
	float:left;
	height:86px;
}

#tes .tes1 img{border:2px solid white;}
#tes .tes2 img{border:2px solid white;}
#tes .tes3 img{border:2px solid white;}

#tes .tes1 img{
	margin-left:5px;
}
.tes2,
.tes3{
	margin-left:4px;
}




.overlay{
	position:absolute;
	top: 382px;
	left: 266px;
	background-color:black;
	width:4px;
	height:90px;
}

/*===== Footer =====*/
.mainfooter{
	overflow:hidden;
	text-align:center;
}



.mainfooter .links{
	text-align:center;
	margin: 10px 0;
}
.mainfooter .links ul li{
	font-size:0.8em;
	list-style:none;
	padding: 0 3px;
	display:inline;
}



.mainfooter #icons{
	text-align:center;
	vertical-align: top;
}
.mainfooter #icons #footer1,
.mainfooter #icons #footer2{
	padding-bottom:5px;
	padding-right:5px;
}


/*===== Button =====*/

/*
.btn{display:table-cell}
*+html .btn{ display: inline-block; }
* html .btn { display: inline-block; }
*/
.btn{
	background-image:url(/images/buttons/button.png);
	background-position: 0 0;
	width:120px;
	height:22px;
	display:block;
	float:left;
	overflow:hidden !Important;
	line-height:22px;
	white-space: nowrap;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	color:white;
}
.btnAct{
	background-position: 0 -22px;
	cursor:pointer;
}
.btnInAct{
	background-position: 0 0 !important;
	cursor:default !important;	
}
.btn:hover{
	background-position: 0 -44px;
	text-decoration: none;
	color:white !important;
}
.btnClick{
	background-position:0 -66px !important;
	text-indent:200px;
	cursor:wait;
}



.closer{
	background-image:url(/images/buttons/close.gif);
	background-position:0 0;
	text-indent:100px;
	display:block;
	width:15px;
	height:15px;
	overflow:hidden;
	position:absolute;
	top:5px;
	right:5px;
}
.closer:hover{
	background-position:0 -15px;
	text-decoration:none;
}

.pdf{
	background-image:url(/images/buttons/pdf.png);
	background-position:0 0;
	text-indent:100px;
	overflow:hidden;
	display:block;
	width:47px;
	height:11px;
}
.pdf:hover{
		background-position:0 -11px;
	text-decoration:none;
}


.infoicon{
	display:block;
	width:11px;
	height:12px;
	background-image:url(/images/buttons/info_grey.gif);
	cursor:pointer;
}
.infoicon span{
	display:none;
}


/*===== PageTypes =====*/
.ContentWithBreadcrumb,
.ContentWithBreadcrumbAndFooter{
	background-color:white;
	border:5px solid black;
	height:469px;
}
.ContentWithBreadcrumb .breadcrumb,
.ContentWithBreadcrumbAndFooter .breadcrumb{
	font-size:10px;
	background-image: url(/images/bg/line-h.gif);
	background-position: 0 24px;
	line-height:25px;
	padding: 0 5px;
	overflow:hidden;
	height:25px;
}
.ContentWithBreadcrumb .breadcrumb li,
.ContentWithBreadcrumbAndFooter .breadcrumb li{
	float:left;
	padding-right:2px;
	font-weight:bold;
}
.ContentWithBreadcrumb .breadcrumb .active,
.ContentWithBreadcrumb .breadcrumb .active a,
.ContentWithBreadcrumbAndFooter .breadcrumb .active,
.ContentWithBreadcrumbAndFooter .breadcrumb .active a{
	color:#3283C4;
	font-weight:bold;
}
.ContentWithBreadcrumb .breadcrumb li.inactive,
.ContentWithBreadcrumbAndFooter .breadcrumb li.inactive{
	color:#c3c3c3;
}
.ContentWithBreadcrumb a:hover,
.ContentWithBreadcrumbAndFooter a:hover{
	color:#3283C4;
	text-decoration:none;
}
/* no footer */
.ContentWithBreadcrumb .inner{
	height:444px;
	position:relative;
}
/* with footer */
.ContentWithBreadcrumbAndFooter .inner{
	height:420px;
	position:relative;
}
.ContentWithBreadcrumbAndFooter .footer{
	font-size:10px;
	background-image: url(/images/bg/line-h.gif);
	background-position: top;
	line-height:25px;
	padding: 0 5px;
	overflow:hidden;
	position:relative;
}
.ContentWithBreadcrumbAndFooter .footer a{
	font-weight:bold;
}
.ContentWithBreadcrumbAndFooter .footer .pager{
	position:absolute;
	right:10px;
	top:0px;
	color:#3283C4;
}
.ContentWithBreadcrumbAndFooter .footer .pager a{
	color:#3283C4;
}
.ContentWithBreadcrumbAndFooter .footer .pager .spc{
	margin: 0 10px;
}

/*===== Product Line =====*/
.productline .line{
}
.productline .mood{
	position:absolute;
	top:0px;
	left:0px;
}
.productline .mood img{
	
}
.productline .listing{
	position:relative;
}
.productline .listing .rowitem{
	width:145px;
	height:376px;
	position:absolute;
	top:37px;
	font-size:11px;
	float:left;
}
.productline .listing .rowitem img{
	width:110px;
	height:110px;
	margin: 11px 20px 11px 17px;
}
.productline .listing .rowitem ul{
	margin: 0 11px 11px 11px;
}

.productline .listing .row1{left:314px;}
.productline .listing .row2{left:470px;}
.productline .listing .row3{left:626px;}




/*===== Product Cat =====*/
.productcat .inner{
	overflow:auto;
}

.productcat .catitem{
	background-image:url(/images/bg/catitem.gif);
	background-position:0 0;
	width:190px;
	height:196px;
	float:left;
	font-size:11px;
	margin: 6px 0px 0px 6px;
}
.productcat .four .catitem{
	margin: 6px 0px 0px 3px;
}

.productcat .catitem:hover{
	background-position:0 -196px;
	color:black;
	
}
.productcat .catitem .big{
	width:140px;
	height:140px;
	float:left;
	margin: 5px 0 5px 5px;
}
.productcat .catitem .colors{
	display:block;
	float:left;
	width:27px;
	margin: 10px 0 5px 0;
}
.productcat .catitem .colors .pic{
	width:23px;
	height:23px;
	overflow:hidden;
	margin: 0 0 2px 2px;
}
.productcat .catitem .colors .firstpic{
	border:1px solid black;
	padding: 1px;
	margin: 0 0 2px 0;
}
.productcat .catitem .colors img{
	display:block;
	width:23px;
	height:23px;
	overflow:hidden;
}

.productcat .catitem .text{
	display:block;
	width:180px;
	margin: 0 0 0 10px;
	padding-top:5px;
	clear:both;
}
.productcat .catitem .text span{
	display:inline;
	font-weight:bold;
}
.productcat .catitem h2{
	font-size:11px;
	color:#3283C4;
	font-weight:normal;
	text-transform: uppercase;
	overflow:hidden;
	width:180px;
	height:14px;
}
/*===== Product Detailseite =====*/
.productdetail .detail{
	height:420px;
}

.productdetail .detail .images{
	float:left;
	width:300px;
	margin:40px 31px 0 8px;
	position:relative;
}
.productdetail .detail .texts{
	float:left;
	width:270px;
	height:360px;
	margin:40px 11px 0 0;
	position:relative;
	font-size:11px;
}
.productdetail .detail .complete{
	float:left;
	width:150px;
	height:370px;
	padding:40px 0 0 0;
	background-image:url(/images/bg/line-v.gif);
	background-position: left 0;
	text-align:center;
}
.productdetail .detail .viewchanger{
	margin: 0 auto;
}
.productdetail .detail .viewchanger td{
	padding: 0 10px;
}



/*==Pictues==*/
.productdetail .detail .images .back{
	position:absolute;
	display:none;
	top:0px;
	left:0px;
}
.productdetail .detail .images .bigimage img{
	cursor:pointer;
}



.productdetail .detail .images .moreimages{
	margin-top:10px;
	width:300px;
}

.viewchanger a{
	background-position:0 0;
	cursor:pointer;
	display:block;
	height:22px;
	margin:0 2px;
	width:42px;
}

.viewchanger a:hover{
	background-position: 0 -22px;
}
.viewchanger .view-zoom{background-image:url(/images/buttons/zoom.png);}
.viewchanger .view-3d{background-image:url(/images/buttons/3d.png);}
.viewchanger .view-xlarge{background-image:url(/images/buttons/xlarge.png);}
.viewchanger .view-back{background-image:url(/images/buttons/back.png);}
.viewchanger .view-more{background-image:url(/images/buttons/more.png);}

/*==Texts==*/

.productdetail .texts h2{
	color:#3283c4;
	text-transform: uppercase;
	font-size:11px;
}
.productdetail .texts h3{
	font-size:11px;
}
.productdetail .texts .price{
	margin-bottom:5px;
	line-height:12px;
	xvertical-align: middle;
}
.productdetail .texts .price i{
	text-decoration: line-through;
	font-style:normal;
}
.productdetail .texts .price img{
	vertical-align: middle;
}




.productdetail .texts .scroller{
	overflow:auto;
	height:100px;
	padding-right:5px;
	margin-bottom:5px;
}
.productdetail .texts .block{
	margin-bottom:5px;
	display:block;
	overflow:hidden;
	width:240px;
}
.productdetail .texts .ddlSize{
	width:120px;
	font-size:10px;
}
.productdetail .texts .buttons{
	position:absolute;
	left:0px;
	bottom:0px;
}
.productdetail .texts .sizechart{
display:block;
	float:left;
}
.productdetail .texts .pdf{
	float:right;
}
.productdetail .texts .buttons .btn{
	margin: 3px 3px 0 0 !Important;
}
.productdetail .texts .gray{
	color:#767676;
	font-size:10px;
}
.productdetail .texts .buttons .comingsoon,
.productdetail .texts .buttons .comingsoon:hover{
	background-position:0 0;
}

.productdetail .texts .othercolors{
	overflow:hidden;
	margin-top:12px;
}
.productdetail .texts .othercolors a{
	margin-right:5px;
	float:left;
}
.productdetail .texts .othercolors .selected{
	border:1px solid black;
	width:28px;
	height:28px;
	overflow:hidden;
	display:block;
	float:left;
}
.productdetail .texts .othercolors img{
	margin: 2px;
}
.productdetail .texts .othercolors .selected img{
	border:1px solid white;
	display:block;
	width:26px;
	height:26px;
	overflow:hidden;
	margin:1px;
}
.productdetail .texts .icons{
	margin-top:10px;
}
.productdetail .texts .icons img{
	margin: 0 3px 3px 0;
}



/*==Complete==*/
.productdetail .detail .complete h2{
	font-size:11px;
	margin:0px auto;
	color:#767676;
	width:120px;
}
.productdetail .detail .complete a{
	margin:20px auto 0 auto;
	width:90px;
	height:90px;
	display:block;
	border:1px solid white;
}
.productdetail .detail .complete a:hover{
	border:1px solid #767676;
}




/*===== BasketStatus =====*/
#basketstatus{
	background-color:#3283C4;
	width:200px;
	height:20px;
	background-image:url(/images/bg/basket.gif);
	font-size:11px;
	line-height:20px;
	position:absolute;
	top:6px;
	left:470px;
	text-indent: 28px;
}
#basketstatus h2{
	font-size:11px;
	color:white;
}
#basketstatus h3{
	font-size:11px;
	text-align:center;
	line-height:normal;
	padding: 3px 0;
	border-bottom: 1px dotted gray;
}
#basketstatus #basket{
	display:none;
	background-color:white;
	border:1px solid #3283C4;
	text-indent:0px;
	margin-top:-3px;
	border-top:4px solid #3283C4;
	font-size:11px;
	padding: 5px 0;
}

#basketstatus .row{
	border-bottom: 1px dotted gray;
	clear:both;
	padding: 2px 5px;
}
#basketstatus .noborder{
	border-width:0px;
	text-align:center;
}
#basketstatus .row .image{
	float:left;
	width:40px;
	height:40px;
	margin: 2px 1px 2px 2px;
}
#basketstatus .row table{
	width:140px;
}
#basketstatus .row table td{
	line-height:14px;
}
#basketstatus .row table strong{
	color:#3283C4;
}
#basketstatus .row table .price{
	font-weight:bold;
	text-align:right;
}
#basketstatus .sumrow{
	overflow:hidden;
	border-width:0px;
}
#basketstatus .sumrow .i1{
	display:block;
	float:left;
	padding-left:2px;
}
#basketstatus .sumrow .i2{
	text-align:right;
	display:block;
	float:right;
	padding-right:2px;
}

#basketstatus .basketbuttons{
	line-height:12px;
	margin: 3px 5px;
	display:block;
	height:22px;
}
#basketstatus .basketbuttons .textlink{
	float:left;
	color:gray;
	font-size:10px;
	padding: 0 0 2px 2px;
}
#basketstatus .basketbuttons .btn{
	float:right;
	margin: 2px 2px 2px 0;
}

#basketstatus h2{
	cursor:pointer;
}


/*===================================================== 
				ORDER 
======================================================*/
.Order .inner{
	overflow:auto;
	position:relative;
	padding-left:5px;
}
.Order .inner,
.Order .inner select,
.Order input{
	font-size:11px;
}
.Order .scroller{
	display:block;
	overflow:auto;
	width:485px;
	height:444px;
}
.Order .scrollerfullwidth{
	width:780px;
}
.Order .mood{
	position:absolute;;
	top:0px;
	right:0px;
	width:299px;
	height:444px;
	overflow:hidden;
}
.Order .inner h2{
	margin: 10px 0;
}
.Order .gvBasket{
	width:465px !important;
	margin: 10px 0 10px 0;
}
.Order .gvBasket td,
.Order .gvBasket th{
	border-bottom: 1px dotted #C3C3C3;
	padding:2px 0;
}
.Order .gvBasket tfoot td{
	padding-top:5px;
}
.Order .gvBasket tfoot .items td{
	text-align:right;
}
.Order .steps{
	width:465px;
	overflow:auto;
	margin:10px 0;
}
.Order .steps .btncontinue,
.Order .steps .btnorder{
	float:right;
}
.Order h2{
	font-size:11px;
	font-weight:bold;
	color:black;
}

/*==Basket==*/
.Basket .shipping{
	width:465px;
	margin: 5px 0;
	padding: 5px 0;
	border-top: 1px dotted #C3C3C3;
	border-bottom: 1px dotted #C3C3C3;
}
.Basket .minvog{
	cursor:default !important;
	background-position: 0 0 !important;
}

.Basket .minvogtext{
	color:#ca0c0e;
	border: 2px solid #550703;
	padding: 5px 0px;
	margin: 10px 0;
	display:block;
	text-align:center;
	font-weight:bold;
	width:465px;
}


/*==== Alternierende Rows ====*/
.rowalternate .row{
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	padding:2px 5px;
}
.rowalternate .rowalt{
	background-color:#dddddd;
}
.rowalternate .row .tbx{
	border:1px solid #cccccc;
	padding:1px 2px;
}
.rowalternate .rowlast{
	border-bottom: 1px solid #cccccc;
}



/*==Adress==*/
.Adress .fields{
	display:block;
	clear:both;
	z-index:2;
	overflow:hidden;
}
.Adress .steps{
	overflow:hidden;
	display:block;
	clear:both;
	margin-top:10px;
}
.Adress .withshipping{
	width:765px;
}
.Adress .mood{
	z-index:1;
}
.Adress .ValFailed{
	overflow:hidden;
	display:block;
	clear:both;
	margin-top:10px;
}



.Order .rowleft{
	float:left;
}
.Order .rowright{
	float:right;
}

.Order .row{
	overflow:hidden;
	display:block;
	xmargin-bottom:5px;
	width:365px;
}
.Order .row label{
	display:block;
	width:100px;
	float:left;
	padding-top:2px;
}
.Order .row .tbx{width:220px;font-size:11px;}
.Order .row .tbxmedium{width:130px;font-size:11px;}
.Order .row .tbxsmall{width:50px;font-size:11px;}

.Order .dateinput .tbx{
	width:50px !important;
}
.Adress .steps{
	width:344px;
}
.voucherpopup .ValFailed,
.Adress .ValFailed,
.Order .ValFailed{
	border: 2px solid #ca0c0e;
	color:#550703;
	font-weight:bold;
	display:block;
	width:344px;
	margin: 5px 0;
	padding: 3px;
	text-align:center;
	overflow:hidden;
}





/*==Payment==*/
.Payment .row{
	width:auto;
}
.Payment .row label{
	width:130px;
}
.Payment fieldset{
	border:1px solid #C3C3C3;
	margin-bottom:2em;
	display:block;
	width:465px;
}
.Payment fieldset .row{
	margin: 5px 10px;
}
.Payment #cluetip{
	display:none;
}

.Payment fieldset legend input{
	height:12px;
	text-indent:10px;
}


/*==Confirm==*/
.orderwaiter{
	display:none;
	position:absolute;
	top:200px;
	left:140px;
	background-color:#3283C4;
	border:2px solid black;
	color:white;
	font-weight:bold;
	padding: 5px 10px;
}

.Confirm .adr,
.Confirm .pay,
.Confirm .gvBasket{
	border-bottom: 1px dotted #C3C3C3;
	width:465px;
	padding-bottom:3px;
	margin-bottom:3px;
}

.Confirm .gvBasket{
	margin-bottom:5px;
}
.Confirm .summary table{
	width:465px;
	border-bottom: 1px dotted #C3C3C3;
}
.Confirm .summary table td{
	padding-bottom:5px;
}
.Confirm .summary table td strong{
	margin: 5px 0;
}
.Confirm .summary table .t1{}
.Confirm .summary table .t2{width:180px;text-align:right;}
.Confirm .summary table .t3{width:80px;text-align:right;}

.Confirm .agb{
	margin:0 0 5px 0;
	padding:5px 0;
	width:465px;
	border-bottom: 1px dotted #C3C3C3;
}
.Confirm .agb label{
	margin-left:5px;
}
.Confirm .scroller h2 a,
.Confirm .mood a{
	color:#CA0C0E;
}


.Confirm .summary .t1 .err{
	width:180px;
	border: 2px solid #ca0c0e;
	color:#550703;
	display:block;
	overflow:hidden;
	padding: 5px 8px;
}
.Confirm .summary .t1 .err h2{
	font-size:12px;
	margin: 0px;
	color:#550703;
}
.Confirm .mood{
	background-image:url(/images/bg/line-v.gif);
	background-position: left 0;
}

.Confirm .mood .order,
.Confirm .mood .ship,
.Confirm .mood .pay{
	margin-left:20px;
	width:260px;
}

.Confirm .mood .ship,
.Confirm .mood .pay{
	margin-top:5px;
	padding-top:5px;
	border-top: 1px dotted #C3C3C3;
}
.Confirm .mood h2{
	margin: 0px;
}
.Confirm .mood .order{
	margin-top:10px;	
}

/*==Placed==*/
.Placed{
	position:relative;
}
.Placed .mood{
	position:absolute;
	top:25px;
	left:0px;
	width:790px;
	height:444px;
	z-index:1;
}

.Placed .status{
	position:absolute;
	top:120px;
	left:50px;
	width:270px;
	height:240px;
	z-index:2;
	font-size:11px;
}
.Placed .status h2{
	border-width:0px;
	margin-bottom:5px;
}

.Placed .status .btn{
	position:absolute;
	right:0px;
	bottom:5px;
	z-index:3;
}
.Placed .status .btnback{
	left:0px;
}
.Placed .achtung{
	position:absolute;
	top:0px;
	right:0px;
}

/*==OrderError==*/
.OrderError .status .left{
	width:180px;
}
/*===================================================== 
				Static Pages (AGB, ...) 
======================================================*/
.Static .inner{
	overflow:auto;
}
.Static .inner .text{
	margin: 0 0 0 10px;
	font-size:11px;
	overflow:auto;
	height:444px;
	width:480px;
}
.Static .inner .text h1,
.Static .inner .text h2,
.Static .inner .text h3{
	font-size:11px;
	margin-bottom:5px;
}

.Static .inner .text h1{
	font-size:12px;
	margin: 10px 0;
	text-align:center;
}
.Static .inner .text h2{
	margin: 10px 0 5px 0;
}
.Static .inner .text table{
	margin: 10px 0;
}
.Static .inner .text tbody th{
	background-color:#C3C3C3;
}
.Static .inner .text tbody td{
	border-bottom: 1px solid #C3C3C3;
	padding: 1px 10px 1px 1px;
}

.Static .mood{
	height:444px;
	overflow:hidden;
	position:absolute;
	right:0px;
	top:0px;
	width:299px;
}

.agb{
	padding-bottom:30px;
	position:relative;
}
.agb .inner{
	background-image:url(/images/bg/line-h.gif);
	background-position: bottom;
}
.agb .pdf{
	background-image:url(/images/pdf.gif);
	width:auto;
	height:auto;
	text-indent: 24px;
	position:absolute;
	bottom:0px;
	left:0px;
	line-height:25px;
	font-size:11px;
	margin-left:10px;
}
.agb .pdf:hover{
	background-position: 0 0;
}


.staticfull .inner .text{
    width:770px;
}
/*===================================================== 
				Newsletter Subscription 
======================================================*/
.Newsletter{
	position:relative;
	overflow:hidden;
}
.Newsletter .row{
	width:auto;
}
.Newsletter .rbl{
	display:block;
	height:16px;
}
.Newsletter .mood{
	position:absolute;
	top:0px;
	left:0px;
	width:790px;
	height:444px;
	z-index:1;
}
.Newsletter .steps{
	width:345px;
}
.Newsletter .steps .btn{
	float:right;
}
.Newsletter .subs,
.Newsletter .unsubs{
	z-index:5;
	position:absolute;
}
.Newsletter .subs{
	top:10px;
	left:5px;
	overflow:hidden;
	display:block;
	background-image:url(/images/bg/white_transp.png);
	background-repeat: repeat;
	padding: 5px 10px;
}


.Newsletter .subs .ValFailed,
.Newsletter .unsubs .ValFailed{
	border: 2px solid #ca0c0e;
	color:#550703;
	font-weight:bold;
	display:block;
	width:335px;
	margin: 5px 0;
	padding: 3px;
	text-align:center;
	overflow:hidden;
}


.Newsletter .unsubs{
	right:10px;
	bottom:10px;
		background-image:url(/images/bg/white_transp.png);
	background-repeat: repeat;
	padding: 5px 10px;
}


/*===== Contact =====*/
.Contact .steps{
	width:345px;
}
.Contact .steps .btn{
	float:right;
}
.Contact .ValFailed{
	border: 2px solid #ca0c0e;
	color:#550703;
	font-weight:bold;
	display:block;
	width:335px;
	margin: 5px 0;
	padding: 3px;
	text-align:center;
	overflow:hidden;
}
.Contact .done{
	margin-top:200px;
}

.Contact .done .btn{
	float:left;
}

#cluetip-inner{
	overflow:hidden;
}
#cluetip-inner .txt{
	width:160px;
	float:left;
}

#cluetip-inner img{
	float:right;
}


/*===== Voucher =====
.voucherpopup{
	margin: 10px;
	width:340px;
	position:relative;
}
.voucherpopup .ValFailed{
	width:320px;
}
*/



/*===== Modal Popups =====*/
.modalBackground {
	background-color:Gray;
	opacity:0.7;
}
.modalContent{
	width:265px;
	background-color: #eeeeee;
	border:2px solid black;
	padding: 10px;
	font-size:11px;
}
.modalContent .btn{
	margin: 0 5px;
}





.wmtbx{
	color:#c3c3c3;
}








/*============================================================
										order 
==============================================================*/
.order .inner{height:410px;}
.order .scroller{
height:410px;
position:relative;
overflow:auto;
}
.order .right{height:410px;}

.order .scroller h2{
	margin-bottom:5px;
}
.order .right{
	background-image:url(/images/bg/line-v.gif);
	background-position:left;
	width:290px;
	height:410px;
	position:absolute;
	right:0px;
	top:0px;
	text-align:left;
	overflow:hidden;
}

.order .footer{
	background-image:url(/images/bg/line-h.gif);
	background-position:center top;
	font-size:10px;
	line-height:30px;
	overflow:hidden;
	position:relative;
}
.order .right h2{
	margin:0px;
	padding:0px;
}
.order .right .in{
	display:block;
	overflow:hidden;
	border:5px solid white;
	width:270px;
}
.order .right .in .in{
	border-width:0px;
}


/* weiter */
.order .footer .steps{
	width:780px;
	margin: 7px 5px;
}




/*==== Basket 08 =====*/
.basket .right .status,
.basket .right .shipping,
.basket .right .voucher,
.basket .right .bskteaser,
.basket .right .error{
	margin: 10px;
}
.basket .right .shipping,
.basket .right .voucher,
.basket .right .bskteaser{
	border-width:0px;
	width:270px;
	padding:0px;
}

/* status */
.basket .right .status{
	position:absolute;
	bottom:0;
	left:0;
	width:270px;
}
.basket .right .status label{
	display:block;
	float:left;
	width:200px;
}
.basket .right .status span{
	display:block;
	float:right;
}
.basket .right .status .low{
	color:#767676;
}
.basket .right .in{
	border:5px solid #eeeeee;
	width:260px;
}

.basket .right .express{
	border-top:5px solid #eeeeee;
}
.basket .right .express .cbx{
	float:left;
}
.basket .right .express a{
	float:left;
	margin-left:5px;
	margin-top:2px;
}


/* shipping */
.basket .right .shipping{
	background-color:#eeeeee;
}
.basket .right .shipping .ddl{
	width:184px;
}

/* voucher */
.basket .right .voucher{
	background-color:#eeeeee;
}
.basket .right .voucher .tbx{
	width:180px;
}

.order .right .voucherstatus {
	background-color:white;
	width:250px;
}
.order .right .voucherstatus .in{
	width:240px !important;
}


/* teaser */
.basket .right .bskteaser{
	background-color:#eeeeee;
	overflow:hidden;
	padding: 10px;
	width:250px;
}
.basket .right .bskteaser i{
	font-style: normal;
}
.basket .right .bskteaser img{
	display:block;
	width:70px;
	height:70px;
	float:left;
	margin-right:10px;
}

/* warning */
.order .right .warning{
	color:#ca0c0e;
	border:2px solid #ca0c0e;
	font-weight:bold;
	margin: 5px 0;
	display:block;
	clear:both;
}
.order .right .warning .in{
	border: 5px solid white;
	width:250px;
}



/*===== Adress08 =====*/

.adress08 .row{
	width:460px;
}
.adress08 .row label{
	width:150px;
}

.adress08 .right .shipto{
	margin: 10px;
	border-width:0px;
}
.adress08 .right .shipto .in,
.adress08 .right .altadress .in{
	border-width:0px;
}
.adress08 .right .altadress{
	width:280px;
}
.adress08 .right .altadress .in,
.adress08 .right .pack .in{
	margin:5px 0px 5px 10px !important;
	width:270px;
}

.adress08 .right .row{
	width:260px;
	padding-right:0px;
}
.adress08 .right label{
	width:80px;
}
.adress08 .right .tbx{width:140px;}
.adress08 .right .tbxmedium{width:75px;}
.adress08 .right .tbxsmall{width:35px;}





.adress08 .right .shipto{
	margin: 10px;
	background-color:#eeeeee;
}

.adress08 .right .shipto{
	width:270px;
}

.adress08 .right .shipto .in{
	display:block;
	margin: 5px !important;
	overflow:hidden;
}



.adress08 .right .shipto table td{
	vertical-align: middle;
	padding-bottom:3px;
}
.adress08 .right .shipto table td input{
	height:12px;
}
.adress08 .right .shipto table td label{
	margin:0px;
	padding:0px;
}


.adress08 .warning{
	position:absolute;
	bottom:5px;
	left:10px;
	width:270px;
}



/*===== Payment =====*/
.payment08 fieldset{
	border:1px solid #eeeeee;
	padding: 5px 10px;
	margin-bottom:10px;
	position:relative;
}
.payment08 fieldset legend{
	position:absolute;
	top:0px;
	left:0px;
	font-weight:bold;
}
.payment08 fieldset.hover{
	cursor:pointer;
	border-color:#3283c4;
	padding: 5px 10px;
	margin-bottom:10px;
	position:relative;
	min-height:40px;
}

.payment08 fieldset .spc{
	display:block;
	float:left;
	width:1px;
	height:30px;
}


.payment08 fieldset .pict{
	float:left; 
	margin-left:15px;
	margin-right:5px;
}
.payment08 fieldset .txt{
	float:left; 
	margin-right:10px;
	width:300px;
}
.payment08 fieldset .infoicon{
	float:left;
	margin-top:1px;
	margin-left:10px;
}



/*===== Confirm08 =====*/
.order .right .in h2 a{
	color:#ca0c0e;
}

.order .right .order,
.order .right .pay,
.order .right .ship{
	margin: 5px;
}
/* status */
.order .right .status{
	position:absolute;
	bottom:0;
	right:0;
	width:280px;
	margin:5px;
}
.order .right .status label{
	display:block;
	float:left;
	width:200px;
}
.order .right .status span{
	display:block;
	float:right;
}
.order .right .status .low{
	color:#767676;
}
.order .agb{
	border-width:0px;
	display:block;
	background-color:#eeeeee;
	overflow:hidden;
}

/* warning */
.order .right .status br{
	clear:both;
}


.order .right .agb{
	border-width:0px;
	border-top: 5px solid white;
	border-bottom: 5px solid white;
	position:relative;
	width:270px;
	padding: 0px;
	margin: 0;
	display:block;
	clear:both;
	background-color:#eeeeee;
}

.order .right .agb .in{
	display:block;
	padding: 0px !important;
	margin:5px !important;
	overflow:hidden;
	position:relative;
	clear:both;
	zoom:1.01;
	border-width:0px;
}

.order .right .agb .in .cbx{
	float:none;
}

.order .right .agb .in .cbx label{
	width:auto;
}

.order .right .agb .in .cbx label{
	padding:0px !important;
}




/*===== iFrame Page =====*/
.content .iframe iframe{
	border-width:0px;
}



/*===== Popup (Packstation, ... ====*/
.popup {
	background-color:white;
	background-image: none;
	width:100%;
	height:100%;
	overflow:auto;
	display:block;
}
.popup div{
	margin:10px;
}









.order .right .scr{
	width:290px;
	height:220px;
	display:block;
	overflow-x:hidden;
	overflow-y:auto;
}
.order .right .scr .order,
.order .right .scr .ship,
.order .right .scr .pay{
	margin: 2px 5px;
}
.order .right .scr .pay{
	width:290px;
	border-width:0px;
	padding:0px;
	margin-bottom:0px;
}


.order .right .status{
	background-color:white;
}













.row{
	position:relative;
}


.row label,
.row .fullbg,
.row input{
	z-index:100;
}
.row .miss{
	background-color:#ffbbbb;
	xposition:absolute;
	top:0px;
	left:150px;
	width:100%;
	height:100%;
	z-index:10;
}

.missr{
	background-color:#ffd4d4 !important;
}



.privacy .text ul{
	list-style: disc;
	list-style-position: inside;
	list-style-type:disc;
}



/*===== OnBeach =====*/
#onbeach{
	background-color:black;
	color:white;
	width:800px;
	margin: 70px auto;
}
#onbeach table{
	margin: 30px 0 0 0;
	background-color:black;
	height:520px;
}
#onbeach table td{
	text-align:center;
	background-color:black;
}
#onbeach table .td1{
	width:200px;
	height:90px;
}
#onbeach table .td2{
	
}
#onbeach .btn{
	margin: 50px 0 50px 340px;
	background-image:url(/images/onbeach/button.gif);
}





/*===== PartnerWhite =====*/
#PartnerWhite{
	background-color:white;
	color:black;
	width:800px;
	margin: 70px auto;
}
#PartnerWhite table{
	margin: 30px 0 0 0;
	background-color:white;
	height:520px;
}
#PartnerWhite table td{
	text-align:center;
	background-color:white;
}
#PartnerWhite table .td1{
	width:200px;
	height:90px;
}
#PartnerWhite table .td2{
	
}
#PartnerWhite .btn{
	margin: 50px 0 50px 340px;
	background-image:url(/images/onbeach/button.gif);
}



/*==== Partner Seiten ====*/
#partner{
	background-color:black;
	background-image:url(/images/backgrounds/bg_neu.jpg);
	color:white;
	width:100%;
	margin: 70px auto;
}

#partner .inner{
	display:block;
	width:100%;
	height:400px;
	margin: 120px auto;
	position:relative;
	background-color:black;
}
#partner table{
	margin: 0 auto;
	display:block;
	width:1000px;
	height:400px;
}
#partner .td1{width:355px;}
#partner .td2{width:420px;}
#partner .td3{width:225px;}

#partner .td2{
	background-color:#eeeeee;
	color:black;
	background-image:url(/images/backgrounds/bg_text.jpg);
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
}
#partner .td2inner{
	padding: 20px;
	font-size:14px;
}
#partner .td2inner h2{
	font-size:18px;
	margin-bottom:1em;
	font-weight:normal;
}
#partner .td3{
	background-color:#183a18;
	position:relative;
	display:block;
	height:400px;
}

#partner .td3 .bru{
	position:absolute;
	top:10px;
	left:50px;
}

#partner .td3 .klm{
	position:absolute;
	bottom:10px;
	left:40px;
}
#partner .btn{
	margin: 30px 0 0px 130px;
	background-image:url(/images/onbeach/button.gif);
}


/*
#partner table{
	margin: 30px 0 0 0;
	background-color:black;
	height:520px;
}
#partner table td{
	text-align:center;
	background-color:black;
}
#partner table .td1{
	width:200px;
	height:90px;
}
#partner table .td2{
	
}
#partner .btn{
	margin: 50px 0 50px 340px;
	background-image:url(/images/onbeach/button.gif);
}

*/




/*===== FAQ =====*/
.FAQ .inner .text{
	width:475px;
}
.FAQ .question{
	cursor:pointer;
	margin: 5px 0 2px 0;
}
.FAQ .questionsel{
	color:#3283c4;
	font-weight:bold;
}

.FAQ .answer{
	width:420px;
	margin: 0x 10px 20px 10px !important;
	border:1px dotted gray;
	padding: 5px 10px;
	background-color:#eeeeee;
}
.FAQ .answer a{
	text-decoration:underline;
}



/*===== Zoom Popup =====*/
#zoomer{
    background-image:none;
}

#zoomer .popupheader{
	display:block;
	border-bottom: 1px solid gray;
	margin: 10px;
	padding-bottom:10px;
}

#zoomer .popupheader a{
	position:absolute;
	right:10px;
	top:10px;
}
#zoomer #main{
	position:relative;
}
#zoomer #flash{
	margin-left:10px;
}
#zoomer #other{
	position:absolute;
	top:0px;
	left:620px;
	width:80px;
}
#zoomer #other a{
	margin: 5px;
}

#zoomer h2{
	font-size:12px;
	margin:20px 0 5px 0;
	text-align:center;
	xborder-top:1px solid gray;
	padding-top:5px;
}


/*===== Pickup =====*/
.pickup .inner .text{
}


.pickup .rbl{
	position:static;

}
.pickup .rbl input,
.pickup .rbl label{
	display:inline;
	float:none;
}
.pickup .rbl input{
	margin: 0px 2px 0px 0px;
}

.pickup .rbl label{
	padding-top:2px;
	margin: 0px 20px 0px 0px;
}
.pickup .row{
	width:440px;
	position:static;
}
.pickup .lab{
	display:block;
	float:left;
	width:150px;
}
.pickup .tbx{
	font-size:11px;
}
.pickup .tbxsmall{
	width:50px;
}
.pickup .factuurinfo{
	cursor:help;
	margin-left:5px;
}

.pickup .abholung table{
	margin:0px !important;
}
.pickup .inner .text .abholung table td{
	border-width:0px;
	padding: 1px;
}

.pickup .bt{
	background-image:url(/images/buttons/button.png);
	background-position: 0 -22px;
	color:white;
	display:block;
	float:left;
	font-size:11px;
	font-weight:bold;
	height:22px;
	line-height:22px;
	overflow:hidden !important;
	text-align:center;
	white-space:nowrap;
	width:120px;
}
.pickup .bt:hover{
	color:white;
	background-position: 0 -44px;
}

.pickup .inner{
	overflow:visible;
}


.pickup .sender{
	display:block;
	width:450px;
	height:40px;
	text-align:right;
	padding: 0 0px;
}

.pickup .btncontinue{
	margin: 10px 0;
	float:right;
}
.pickup .btnback{
	background-position: 0 0px;
	color:black;
}
.pickup .btnback:hover{
	color:white;
}


.pickup .rbldate td{
	padding: 2px 0 !important;
}


.pickup  .feedback .bdy{
	display:block;
	margin-bottom:10px;
}






.pickup .abholung .lab{
	display:none;
}


.pickup .rbldate input{
	margin-top:1px;
	float:left;
}
.pickup .rbldate label{
	float:right;
	display:block;
	overflow:hidden;
	cursor:hand;
	width:300px !Important
}
.pickup .rbldate i,
.pickup .rbldate u,
.pickup .rbldate b{
	display:table-cell;
	float:left;
	text-decoration: none;
	font-weight:normal;
	width:80px;
	font-style:normal;
	padding-left:5px;
}


#factuurinfotxt{
	display:none;
}






/* temp Adaption iDeal*/
.idealButton{color:transparent;}
#idealIssuerId{display:none;}


/* fix Right Column Width on Adyen Pages */
#pageform .shipping{width:250px;}
#pageform .shipping h3{font-weight:bold;margin-bottom:0.5em;}
#pageform .shipping p{line-height:1.2em;}



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

ul.jd_menu li {
	float: left;
}

/* -- Sub-Menus -- */
ul.jd_menu ul{
	position: absolute;
	display: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	xz-index: 100;
}
ul.jd_menu ul li{
	float: none;
	margin: 0px;
}


ul.jd_menu ul{
	z-index:100;
}
ul.jd_menu ul ul{
	z-index:110;
}
ul.jd_menu ul ul ul{
	z-index:120;
}




ul.jd_menu_slate {
	height: 19px;
	clear: both;
}


ul.jd_menu_slate a, 
ul.jd_menu_slate a:active,
ul.jd_menu_slate a:link,
ul.jd_menu_slate a:visited {
	text-decoration: none;
	color: white;
	font-weight:bold;
}
ul.jd_menu_slate ul li a,
ul.jd_menu_slate ul li a:active,
ul.jd_menu_slate ul li a:link,
ul.jd_menu_slate ul li a:visited {
	font-size:11px;
	line-height:14px;
	color:black;
	font-weight:normal;
}
ul.jd_menu_slate li {
	cursor: pointer;
	white-space: nowrap;
}
ul.jd_menu_slate li ul li{
	padding: 0px 5px 1px 5px;
}
ul.jd_menu_slate li.jd_menu_active_menubar,
ul.jd_menu_slate li.jd_menu_hover_menubar {
	background-color:#3283C4;
}



ul.jd_menu_slate ul {
	background: white;
	border: 2px solid #3283C4;
}
ul.jd_menu_slate ul li.jd_menu_active,
ul.jd_menu_slate ul li.jd_menu_hover {
	cursor:default !important;
}
ul.jd_menu_slate ul li.jd_menu_active a.jd_menu_active,
ul.jd_menu_slate ul li.jd_menu_hover a.jd_menu_hover {
	color: #3283C4;
}


ul.jd_menu_slate div{
	color:white;
}
ul.jd_menu_slate ul div {
	color:black;
}
ul.jd_menu_slate ul .t2first div,
ul.jd_menu_slate ul .t2 div,
ul.jd_menu li.navsale a{
	font-size:12px;
	font-weight:bold;
	padding-top:5px;
}

ul.jd_menu_slate ul .t2 div{
	background-repeat: repeat-x;
	background-image:url(/images/bg/dotter.gif);
}






.nav{
	position:relative;
	z-index:100;
}

.menu1{
	float:left;
	position:absolute;
	top:5px;
	left:5px;
}
.menu2{
	float:right;
	position:absolute;
	top:7px;
	right:5px;
}


.menu2 ul.lang img{
	margin-right:3px;
}

#nav-sale ul li div{
	color:black;
}

.nav .selected,
.menu2 .lang li.selected a{
	font-weight:bold;
	color:#3283C4 !important;
}



.nav a.sel{
	color:#3283C4 !important;
}
.jd_menu_hover_menubar a.sel,
.jd_menu_active_menubar a.sel{
	color:white !important;
}

/*== Image Hover==*/
.nav .top{
	text-transform: uppercase;
	display:block;
	height:19px;
	background-position:0 0;
	overflow:hidden;
}
.nav .top span{
	display:none;
}
.nav .sel{
	background-position:0 -19px;
}
.nav .jd_menu_hover_menubar{
	background-position:0 -38px;
}

#nav-home			{background-image:url(/images/nav/home.gif);width:49px;}
#nav-women			{background-image:url(/images/nav/women.gif);width:59px;}
#nav-men				{background-image:url(/images/nav/men.gif);width:39px;}
#nav-bags			{background-image:url(/images/nav/bags.gif);width:43px;}
#nav-boards-gear	{background-image:url(/images/nav/gear.gif);width:43px;}
#nav-eyewear		{background-image:url(/images/nav/eyewear.gif);width:64px;}
#nav-sale			{background-image:url(/images/nav/sale.gif);width:38px;}
#nav-juniors		{background-image:url(/images/nav/juniors.gif);width:65px;}

#nav-service		{background-image:url(/images/nav/service.gif);width:51px;}
#nav-language		{background-image:url(/images/nav/language.gif);width:64px;}



/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#dddddd;
	filter:alpha(opacity=90);
	-moz-opacity: 0.90;
	opacity: 0.90;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 1px solid #525252;
	text-align:left;
	top:130px;
	left:50%;
	padding-bottom:5px;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
	display:none;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
	overflow:hidden;
}

#TB_closeWindow,#TB_caption{
	display:none;
}

/* global */
#cluetip-close img {
  border: 0;
}
#cluetip-title #cluetip-close {
  float: right;
  position: relative;
}
#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url(wait.gif);
}
/***************************************
   =cluetipClass: 'default' 
-------------------------------------- */

.cluetip-default {
  background-color: #d9d9c2;
}
.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #d9d9c2;
}
.cluetip-default h3#cluetip-title {
  margin: 0 0 5px;
  padding: 8px 10px 4px;
  font-size: 10px;
  font-weight: normal;
  background-color: #87876a;
  color: #fff;
}
.cluetip-default #cluetip-title a {
  color: #d9d9c2;
  font-size: 0.95em;
}  
.cluetip-default #cluetip-inner {
  padding: 10px;
}
.cluetip-default div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/***************************************
   =cluetipClass: 'jtip'
-------------------------------------- */
.cluetip-jtip {
  background-color: #eeeeee;
}
.clue-right-jtip {
  xbackground-image: url(arrowleft.gif);
  xbackground-repeat: no-repeat;
  xpadding-left: 10px;
}
.clue-left-jtip {
  xbackground-image: url(arrowright.gif);
  xbackground-repeat: no-repeat;
  xpadding-right: 10px;
}

.cluetip-jtip #cluetip-outer {
  border: 1px solid black;
  position: relative;
  background-color: #eeeeee;
}

.cluetip-jtip h3#cluetip-title {
  margin: 0 0 5px;
  padding: 2px 5px;
  font-size: 12px;
  font-weight: normal;
  background-color: #ccc;
  color: #333;
  
  background-color:#3283C4;
  color:white;
  font-weight:bold;
}

.cluetip-jtip #cluetip-inner {
  padding: 0 5px 5px;
  display: inline-block;
  font-size:10px;
}
.cluetip-jtip div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

.cluetip-inner img{
	float:right;
}

/* Required style sheet for Thickbox interface */


/* Minimum requirements */
html, body {
    margin: 0;
    padding: 0;
    min-height: 100%;
}
html>body #tb-dim, html>body #tb-loading, html>body #tb-modal { /* IE 7 should always use fixed positioning, thus override IE 6 hack (also applied by IE 7 in Quirks Mode) with higher specificity */
    position: fixed;
}
#tb-dim {
    top: 0;
    left: 0;
    z-index: 9998;
    width: 100%;
    height: 100%;
}
#tb-loading, #tb-modal {
    top: 50%;
    left: 50%;
}
#tb-loading {
    z-index: 9999;
    margin: -25px 0 0 -25px;
    width: 50px;
    height: 50px;
}
#tb-modal {
    display: none;
    z-index: 10000;
}
#tb-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
}

/* IE 6 specific */
* html #tb-dim, * html #tb-loading, * html #tb-modal {
    position: absolute;
}
* html #tb-dim iframe { /* hide selects in IE 6, iframe is not required and not present in IE 7 */
    width: 100%;
    height: 100%;
    filter: Alpha(Opacity=0);
}

/* Default skin for Thickbox interface */

/* All types */

/* building blocks */
#tb-dim {
    background: #dddddd;
    opacity: .9;
}
#tb-loading {
    background: url(jquery.thickbox.spinner.gif) no-repeat 50% 50%;
}
#tb-modal {
    border: 1px solid #c3c3c3;
    background: #fff;
	 xwidth:380px !important;
	 height:350px !important;
}
#tb-modal * {
    margin: 0;
    padding: 0;
    font: 12px/1.3 Arial, Helvetica, Geneva, "sans-serif";
}
#tb-content {
    padding: 10px;
}
#tb-title {
	 display:none;
}
#tb-close a { /* image replacement */
    position: absolute;
    top: 2px;
    right: 2px;
    z-index: 999;
    overflow: hidden;
    width: 15px;
    height: 15px;
    background: url(/images/buttons/close.gif) no-repeat 0 0;
    line-height: 30px;
    text-indent: 1000px;
}

/* round corners */
#tb-modal .tl, #tb-modal .tr, #tb-modal .br, #tb-modal .bl {
    position: absolute;
    width: 3px;
    height: 3px;
    background: no-repeat;
}
#tb-modal .tl, #tb-modal .tr {
    top: 0;
}
#tb-modal .br, #tb-modal .bl {
    top: 100%;
    margin-top: -3px;
    /*bottom: 0;*/ /* stupid IE 6 borks on that one */
}
#tb-modal .tl, #tb-modal .bl {
    left: -1px;
}
#tb-modal .tr, #tb-modal .br {
    right: -1px;
}
#tb-modal .tl {
    background-image: url(corner_thickbox_tl.png);
}
#tb-modal .tr {
    background-image: url(corner_thickbox_tr.png);
}
#tb-modal .br {
    background-image: url(corner_thickbox_br.png);
}
#tb-modal .bl {
    background-image: url(corner_thickbox_bl.png);
}

/* Specific types: ajax, confirm, external, image, inline. The modal window belongs to a class of one of these types. */

/* confirm */
.tb-confirm #tb-content a {
    color: #666;
}
#tb-confirm {
    float: left;
}
#tb-cancel {
    float: right;
}

/* external */
.tb-external #tb-content iframe {
    padding: 0;
    width: 100%;
}

/* image */
.tb-image #tb-content img {
    display: block;
}
#tb-browse {
    padding: 12px 0 0;
    text-align: center;
	 width:95%;
}
#tb-next {
    float: right;
}
#tb-prev {
    float: left;
}
#tb-browse em {
    font-style: normal;
	 display:none;
}


/* IE fixes - WARNING: do not group selectors, otherwise IE 6 will ignore complete rule (because of the + combinator) */
* html #tb-dim { /* @ IE 6 & IE 7 Quirks Mode */
    filter: Alpha(Opacity=70);
}
*:first-child+html #tb-dim { /* @ IE 7 Standards Mode */
    filter: Alpha(Opacity=70);
}




/*============================================================
										Order08 
==============================================================*/
.order08 .inner{height:410px;}
.order08 .scroller{
height:410px;
position:relative;
overflow:auto;
}
.order08 .right{height:410px;}

.order08 .scroller h2{
	margin-bottom:5px;
}
.order08 .right{
	background-image:url(/images/bg/line-v.gif);
	background-position:left;
	width:290px;
	height:410px;
	position:absolute;
	right:0px;
	top:0px;
	text-align:left;
	overflow:hidden;
}

.order08 .footer{
	background-image:url(/images/bg/line-h.gif);
	background-position:center top;
	font-size:10px;
	line-height:30px;
	overflow:hidden;
	position:relative;
}
.order08 .right h2{
	margin:0px;
	padding:0px;
}
.order08 .right .in{
	display:block;
	overflow:hidden;
	border:5px solid white;
	width:270px;
}
.order08 .right .in .in{
	border-width:0px;
}


/* weiter */
.order08 .footer .steps{
	width:780px;
	margin: 7px 5px;
}




/*==== Basket 08 =====*/
.basket08 .right .status,
.basket08 .right .shipping,
.basket08 .right .voucher,
.basket08 .right .error{
	margin: 10px;
}
.basket08 .right .shipping,
.basket08 .right .voucher{
	border-width:0px;
	width:270px;
	padding:0px;
}

/* status */
.basket08 .right .status{
	position:absolute;
	bottom:0;
	left:0;
	width:270px;
}
.basket08 .right .status label{
	display:block;
	float:left;
	width:200px;
}
.basket08 .right .status span{
	display:block;
	float:right;
}
.basket08 .right .status .low{
	color:#767676;
}
.basket08 .right .in{
	border:5px solid #eeeeee;
	width:260px;
}

.basket08 .right .express{
	border-top:5px solid #eeeeee;
}
.basket08 .right .express .cbx{
	float:left;
}
.basket08 .right .express a{
	float:left;
	margin-left:5px;
	margin-top:2px;
}


/* shipping */
.basket08 .right .shipping{
	background-color:#eeeeee;
}
.basket08 .right .shipping .ddl{
	width:184px;
}

/* voucher */
.basket08 .right .voucher{
	background-color:#eeeeee;
}
.basket08 .right .voucher .tbx{
	width:180px;
}

.order08 .right .voucherstatus {
	background-color:white;
	width:250px;
}
.order08 .right .voucherstatus .in{
	width:240px !important;
}




/* warning */
.order08 .right .warning{
	color:#ca0c0e;
	border:2px solid #ca0c0e;
	font-weight:bold;
	margin: 5px 0;
	display:block;
	clear:both;
}
.order08 .right .warning .in{
	border: 5px solid white;
	width:250px;
}



/*===== Adress08 =====*/

.adress08 .row{
	width:460px;
}
.adress08 .row label{
	width:150px;
}

.adress08 .right .shipto{
	margin: 10px;
	border-width:0px;
}
.adress08 .right .shipto .in,
.adress08 .right .altadress .in{
	border-width:0px;
}
.adress08 .right .altadress{
	width:280px;
}
.adress08 .right .altadress .in,
.adress08 .right .pack .in{
	margin:5px 0px 5px 10px !important;
	width:270px;
}

.adress08 .right .row{
	width:260px;
	padding-right:0px;
}
.adress08 .right label{
	width:80px;
}
.adress08 .right .tbx{width:140px;}
.adress08 .right .tbxmedium{width:75px;}
.adress08 .right .tbxsmall{width:35px;}





.adress08 .right .shipto{
	margin: 10px;
	background-color:#eeeeee;
}

.adress08 .right .shipto{
	width:270px;
}

.adress08 .right .shipto .in{
	display:block;
	margin: 5px !important;
	overflow:hidden;
}



.adress08 .right .shipto table td{
	vertical-align: middle;
	padding-bottom:3px;
}
.adress08 .right .shipto table td input{
	height:12px;
}
.adress08 .right .shipto table td label{
	margin:0px;
	padding:0px;
}


.adress08 .warning{
	position:absolute;
	bottom:5px;
	left:10px;
	width:270px;
}



/*===== Payment =====*/
.payment08 fieldset{
	border:1px solid #eeeeee;
	padding: 5px 10px;
	margin-bottom:10px;
	position:relative;
}
.payment08 fieldset legend{
	position:absolute;
	top:0px;
	left:0px;
	font-weight:bold;
}
.payment08 fieldset.hover{
	cursor:pointer;
	border-color:#3283c4;
	padding: 5px 10px;
	margin-bottom:10px;
	position:relative;
	min-height:40px;
}

.payment08 fieldset .spc{
	display:block;
	float:left;
	width:1px;
	height:30px;
}


.payment08 fieldset .pict{
	float:left; 
	margin-left:15px;
	margin-right:5px;
}
.payment08 fieldset .txt{
	float:left; 
	margin-right:10px;
	width:300px;
}
.payment08 fieldset .infoicon{
	float:left;
	margin-top:1px;
	margin-left:10px;
}



/*===== Confirm08 =====*/
.order08 .right .in h2 a{
	color:#ca0c0e;
}

.order08 .right .order,
.order08 .right .pay,
.order08 .right .ship{
	margin: 5px;
}
/* status */
.order08 .right .status{
	position:absolute;
	bottom:0;
	right:0;
	width:280px;
	margin:5px;
}
.order08 .right .status label{
	display:block;
	float:left;
	width:200px;
}
.order08 .right .status span{
	display:block;
	float:right;
}
.order08 .right .status .low{
	color:#767676;
}
.order08 .agb{
	border-width:0px;
	display:block;
	background-color:#eeeeee;
	overflow:hidden;
}

/* warning */
.order08 .right .status br{
	clear:both;
}


.order08 .right .agb{
	border-width:0px;
	border-top: 5px solid white;
	border-bottom: 5px solid white;
	position:relative;
	width:270px;
	padding: 0px;
	margin: 0;
	display:block;
	clear:both;
	background-color:#eeeeee;
}

.order08 .right .agb .in{
	display:block;
	padding: 0px !important;
	margin:5px !important;
	overflow:hidden;
	position:relative;
	clear:both;
	zoom:1.01;
	border-width:0px;
}

.order08 .right .agb .in .cbx{
	float:none;
}

.order08 .right .agb .in .cbx label{
	width:auto;
}

.order08 .right .agb .in .cbx label{
	padding:0px !important;
}




/*===== iFrame Page =====*/
.content .iframe iframe{
	border-width:0px;
}



/*===== Popup (Packstation, ... ====*/
.popup {
	background-color:white;
	background-image: none;
	width:100%;
	height:100%;
	overflow:auto;
	display:block;
}
.popup div{
	margin:10px;
}









.order08 .right .scr{
	width:290px;
	height:220px;
	display:block;
	overflow-x:hidden;
	overflow-y:auto;
}
.order08 .right .scr .order,
.order08 .right .scr .ship,
.order08 .right .scr .pay{
	margin: 2px 5px;
}
.order08 .right .scr .pay{
	width:290px;
	border-width:0px;
	padding:0px;
	margin-bottom:0px;
}


.order08 .right .status{
	background-color:white;
}