/* Main Container Wrap */
#wrap {
	width: 768px;
	min-height: 600px;	
	_height: 600px;
	border: 1px solid #cfd4d9;
	border-top: none; 
	margin-bottom: 10px;
}

.widepage #wrap {
	width: 968px;	
}

#location {
	padding: 15px 0 30px 20px;
}
#location a {
	display: inline;
}

h2 {
	color: #00909b;
	font-size: 12px;
	padding: 0 0 5px 0;
}

/* --- CMS --- */

/* imprimt */
.imprint {
	background: #f4f7ec url(/images/app/bg_logo_right.gif) 0 0 no-repeat;
	background-position: top right;
}
.intern {
	background: #fff8e5 url(/images/app/bg_logo_right.gif) 0 0 no-repeat;
	background-position: top right;	
}

/* cms */
.static {
	font-size: 12px;
/*	line-height: 18px;*/
	line-height: 150%;	
	margin: 0 20px 20px 20px;	
}
.steel {
	margin-left: 0;
}

/*.oneCol {
	margin: 0 20px 20px 20px;
}
*/


/* subtitle */
.static span,
.static span a {
	line-height: 15px;
	color: #00909b;
	font-size: 10px; 
}


.catRow {
	padding-top: 5px;
	padding-bottom: 5px;
}


/* --- homePage --- */
.home {
	background: transparent url(/images/app/bg_home.gif) 0 140px no-repeat;
}

.homepageTeaser {
	float: left;
	margin-top: 50px;
}

.homepageTeaser dt a:hover {
	opacity: 0.8;
  	filter: Alpha(opacity=80);
}
/* title */
.homepageTeaser dd {
	margin: 0 0 0 10px;
	width: 170px;
	border-left: 1px solid #006ab2; 
	border-bottom: 1px solid #006ab2;	
	border-top: none;
	text-align: right;
}
.homepageTeaser dd a {
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	font-size: 18px;
	display: block;
	height: 20px;
	padding: 10px 0 2px 0;
	text-transform: uppercase;
	color: #006ab2;
	text-decoration: none;	
}
.homepageTeaser dd a:hover {
	text-decoration: none;
}

table.intro {
	padding: 20px 0 20px 0;
	_margin-top: 30px;
}
table.intro td {
	vertical-align: top;
}
table.intro td p.introtext {
	font-size: 12px;
	padding: 0 0 20px 140px;
	line-height: 18px;
}

/* CMS teaser */
table.intro table img {
	margin: 0 0 0 10px; 
}
table.intro table a {
	display: inline;
}


/* --- BASKET --- */
div.basket {
	font-size: 11px;
	width: 730px;
/*	position: relative;*/
}

table.basket {
	margin-top: 20px;
	border-top: 1px solid #cfd4d9;
	border-left: 1px solid #cfd4d9;	
	background-color: #fdfcf3;
}

table.basket td,
table.basket th {
	border-bottom: 1px solid #cfd4d9;
	border-right: 1px solid #cfd4d9;	
	padding: 5px 5px 2px 5px;
	line-height: 15px;
	vertical-align: top;
}
table.basket th {
	padding-top: 2px;
 	background-color: #f9ecae;
	border-bottom: none;
	border-right: none; 
	text-align: left;
}
table.basket td.data,
table.basket td.high {
	background-color: #fdfbdf;
}
table.basket td.data {
	vertical-align: bottom;
	border-right: none;	
}
table.basket td.last,
table.basket th.last {
	border-right: 1px solid #cfd4d9;
}
table.basket td.summary {
	background-color: #f9ecae!important;
	font-weight: bold;
}
table.basket td p {
	margin: 0 10px 10px 10px;
}
table.basket td a,
table.basket td img {
	display: inline;
}

table.basket input.articleno {
	width: 78px;
}
table.basket input.articledesc {
	width: 195px;
	_width: 185px;	
}
table.basket input.articlequantity {
	width: 30px;
}
table.basket input.articlenoarticledesc {
	width: 300px;
	_width: 280px;	
}
/* indicator */
.indicator {
	margin: 5px 0 0 25px;
}
/*  */
#positionTracker {
	position: relative;	
}
#selectArticle {
	position: absolute;
	top: 20px;
	_top: 0;	
	left: 0;
	width: 710px;
	height: 400px;
	background-color: #fdfbdf;
	border: 10px solid #f9ecae;
}
#selectArticle div {
	margin: 20px 10px 20px 20px;
	height: 340px;
	overflow: auto;		
}
#selectArticle div ul {
	list-style-type: none;
	margin: 10px 0 0 0;
}
#selectArticle div ul li {
	margin-bottom: 5px; 	
}
#selectArticle div ul li a {
	background: transparent url(/images/app/basket_li.gif) 0 2px no-repeat;
	padding: 0 0 0 20px;
}
#selectArticle a.close {
	margin: 0 0 0 20px;
	font-weight: bold;
}

/* deliveryData */
table.basket .deliveryData {
/*	border: 1px solid red;*/
	height: 25px;
}
#deliveryDataDateValue,
#deliveryDataPicUpDateValue {
	width: 67px;
	display: none;
}
#deliveryDataEarlyTourValue {
	display: none;	
	width: 90px;	
}


/* --- directorder --- */
table.basket input.directarticleno {
	width: 120px;
}



/* --- teaser --- */
.teaser {
	text-align: left;
	font-size: 11px;
	width: 128px;
	border: 1px solid #cfd4d9;
	background-color: #f3f8fb;
	margin-bottom: 20px; 
}
/* headline */
.teaser h3 {
	padding: 5px 0 0 4px;
	font-size: 11px;
	height: 24px;
	background-color: #b8d8ef;
}
/* main text */
.teaser p {
	padding: 4px 4px 0 4px;
}
.teaser img {
	margin-top: 5px;
}
/* colors for blond teaser */
.blond {
	background-color: #fefdef;	
}
.blond h3 {
	background-color: #f9ecae;
}
/* image/teaser withour margin */
.teaser .simple {
	margin: 0;
}
/* optional space after each href */
.teaser a.space {
	margin-bottom: 8px;
}
.teaser a.simple {
	text-decoration: none;
}
.teaser a.raquo span {
	font-size: 11px!important;
	color: #505a64;	
	text-decoration: underline;
}
.teaser a.raquo:hover span {
	text-decoration: none;
}




/* --- manuSearch */
table.manuSeach {
	margin: 20px 0 20px 0;
	background-color: #f4f7ec;
}
table.manuSeach input.name {
	width: 400px;
}
table.manuSeach input.postcode {
	width: 40px;
}
table.manuSeach input.city {
	width: 287px;
}
/* result */
.manuSearchResult {
/*	border: 1px solid red;*/
	padding: 10px;
	width: 560px;
	background-color: #f4f7ec;	
	margin: 0 0 10px 0;
}
.manuSearchResult a {
	width: 55px;
}
.frieling {
	background-color: #f3f8fb;	
}	



/* --- contact --- */
div.contact {
	background: #f4f7ec url(/images/app/bg_content_contact.gif) 0 0 repeat-y;
}
table.contact {
	margin: 20px 0 20px 0;
}
table.contact td {
	font-size: 11px;
	padding: 2px 0 3px 0;
}
table.contact td.duty {
	color: #00909b;
}
table.contact td input.std {
	width: 225px;
	margin-right: 10px;
}
table.contact td input.check {
	margin-right: 10px;
	border: none;
}
table.contact td textarea {
	width: 225px;
	height: 90px;
}


/* --- bathroom Arrangement */
#bathroomArrangement {
	border: 1px solid #cfd4d9;
	margin: 20px 0 20px 0;
	width: 580px;
	height: 580px;	
}


/* --- detailView --- */
#dvLeft img {
	border: none;		
}
/* container of product image an icons */
#dvLeft {
	float: left;
	width: 170px;
/*	border: 1px solid blue; */
	height: auto;		
}
#dvLeft div.icons {
	margin: 0 0 20px 0; 
}
#dvLeft div.icons img {
	display: inline;
	margin: 0 10px 10px 0;
}

/* container of description an label */
#dvRight {
	float: right;
	width: 390px;
/*	border: 1px solid green; */
	height: auto;		
/*	margin-bottom: 20px;*/	
}
/* internal container */

/*
#dvRight div {
	float: left;
	border: 1px solid yellow;
	width: 290px;	
	margin-bottom: 40px;
}
*/

/* label on the right side of the description */
#dvRight .label {
	float: right;
	width: 102px;
/*	border: 1px solid red; */
	height: auto;			
}
/* Label */
#dvRight .label img {
	margin-bottom: 10px;
}

/* price, quantity and variation */
#dvRight .conditions {
	margin-top: 20px;
}
#dvRight .conditions td {
	padding: 0 10px 10px 0;
	color: #00909b;
	font-weight: bold;	 
}
#dvRight .conditions .quantity {
	width: 40px;
}
#dvRight .conditions .variation {
	width: 250px;
}
#dvRight .conditions .btn {
	margin-top: 10px;
/*	width: 200px;*/
}

#crossSelling {
	padding: 20px 0 0 0;
	_margin-top: 40px;
	clear: both;
	border-top: 1px solid #8c96a0;
}
#crossSelling td a {
	font-size: 11px;
	line-height: 15px;
}
#crossSelling .prodImg {
	border: 1px solid #8c96a0;
	margin: 15px 10px 5px 0;
}

/* --- status availability --- */
a.lieferstatus10,
a.lieferstatus20,
a.lieferstatus30,
a.lieferstatus40 {
	display: block;
	padding: 0 0 10px 25px;
	background: transparent url(/images/app/liefer/icon10.gif) 0 2px no-repeat;
}

a.lieferstatus20 {
	background: transparent url(/images/app/liefer/icon20.gif) 0 2px no-repeat;	
}

a.lieferstatus30 {
	background: transparent url(/images/app/liefer/icon30.gif) 0 2px no-repeat;	
}

a.lieferstatus40 {
	background: transparent url(/images/app/liefer/icon40.gif) 0 2px no-repeat;	
}

a.lieferstatusxx {
	background: transparent url(/images/app/liefer/iconxx.gif) 0 2px no-repeat;	
}

/* --- pList ProductList --- */
.pList h4 {
	background-color: #f4f7ec;	
	padding: 5px;
	font-size: 12px;
	font-weight: normal;
}
.pList .container td {
	font-size: 11px;
	vertical-align: top;
	padding: 2px 2px 4px 2px;
}
.pList .container a.more {
	font-style: italic;
	background-image: none;
	padding: 0;
	display: inline;
}
.pList .container td.pImage {
	width: 110px;
	padding: 0!important;
}
.pList .container td.pImage img {
	margin: 5px 0 5px 0;
}
a.showArticle {
	display: block;
	margin-bottom: 15px;
	font-size: 11px;
	background-color: #E0EDF6;
	text-decoration: none;
}

table.articleList {
/*	background-color: #CFD4D9;	*/
	border-top: 1px solid #505a64;	
}
table.articleList td {
	padding: 0 0 0 5px;
}

table.articleList .quantity,
table.articleList .store {
	text-align: right;
	padding-right: 5px;
}
table.articleList .quantity input {
	width: 40px;
}
table.articleList .store {
	font-size: 11px;
}
table.articleList .space, 
table.articleList .basket {
	padding-top: 10px;
}
table.articleList .basket {
	padding-bottom: 10px;
	padding-right: 5px;	
}

/* short view */
.pListShort {
	margin-bottom: 10px;
}
.pListShort h4 {
	margin: 0 0 10px 0;
}


/* selection on top */
#selection {
	background-color: #E0EDF6;	
	border-bottom: 1px solid #505a64;		
	margin-bottom: 10px;
	padding: 2px;
	width: 500px;
}
#selection td {
	padding: 0 0 2px 5px;
	_padding: 2px 0 2px 5px;
}
#selection td select {
	width: auto;
}


/* pager */
.pager a {
	text-decoration: none;
	font-size: 11px;
}
.pager a:hover {
	text-decoration: underline;
}
.pager a.active {
	font-weight: bold;
}


/* --- delivery addresses */
table.basket .newDeliveryAddress td {
	border: none;
}
table.basket td.address {
	border-bottom: none;
	padding-bottom: 5px;
}
table.basket .newDeliveryAddress td input.name,
table.basket .newDeliveryAddress td input.street {
	width: 300px;
}
table.basket .newDeliveryAddress td input.postcode {
	width: 80px;
}
table.basket .newDeliveryAddress td input.city {
	width: 210px;
}


/* --- bill overview --- */
table.bill {
	margin-bottom: 10px;
}
table.bill td {
	font-size: 11px;
}
table.bill td.bill {
	border-right: none;
}
table.bill td.sort {
	font-size: 10px;
}
table.bill td.icons img {
	margin: 0 2px 0 0;
}


/* steel */
.steel .mood img {
	margin-bottom: 40px;
}
.steel table td div {
	background-color: #f4f7ec;
	padding: 0 10px 10px 10px;	
	_padding: 10px;		
}
/* sizes of form elements */
.steel input.articleno {
	width: 80px;
}
.steel input.desc {
	width: 200px;
} 
.steel input.size {
	width: 110px;
} 
.steel input.quantity {
	width: 40px;
}  
.steel textarea.comment {
	width: 380px;
	height: 50px;
} 
.steel table table td.left {
	padding-left: 5px;
}
.steel table table td.right {
	padding-right: 5px;
}
.steel table table.wishes {
	background-color: White;
	border: 1px solid #6e7882;
}


/* print popup */
body.print #wrap {
	border: none;
	color: black;
}
body.print td.data {
	border-bottom: 1px solid red;
	background-color: White;
}
body.print table.basket,
body.print table.basket td,
body.print table.basket th {
	border-color: black;
	color: black;
	background-color: White;
}
body.print table.basket th {
	border-bottom: 1px solid black;
	background-color: white;
}
body.print td.summary,
body.print td.hide {
	background-color: white!important;	
}

/* favorit */
.ajaxAddfavorit img {
	display:inline;
	border:none;
}

.addfav {display:none;}

.bubble {
		height:70px;
		width:200px;
		border:solid 2px #CFD4D9;
		position:absolute;
		z-index:10;
		-moz-border-radius:10px;
		text-align:center;
		padding-top:10px;
		margin:5px;
		background:#FDFBDF;
		color:#505A64;
	}
.errbubble {
		background:#CC0000;
		color:#FFF;
	}
	
.addakt {
	    display:none;
	    //right:0px;
	    //bottom:50px;
	    width:190px;
        }


/* navigation.css */

#mainnav {
	width: 650px;
	height: 21px;
	list-style-type: none;
	z-index: 50;
}

#mainnav li {
/*	width: 122px;*/
	height: 21px;
	position: absolute;
	display: block;	
	text-align: center;
	background: transparent url(/images/app/nav/bg_nav_left.gif) 0 0 no-repeat;
}

#mainnav li a {
	font-size: 12px;
	text-decoration: none;
	display: block;
	height: 21px;
	_height: 15px;
	padding: 3px; 0 0 0;	
	background: transparent url(/images/app/nav/bg_nav_right_trans.gif) 0 0 no-repeat;	
	background-position: top right;
}

/* width for every li */
#n1 { 
	width: 122px;  
	left: 0; 
}
#n2 { 
	width: 95px;
	left: 122px; 
}
#n3 { 
	width: 175px;
	left: 217px; 
}
#n4 { 
	width: 125px;
	left: 392px; 
}

#n4 a {
	background: transparent url(/images/app/nav/bg_nav_right_last_trans.gif) 0 0 no-repeat!important;	
	background-position: top right!important;
}

/* not for IE */
#mainnav li:hover { 
	background-color: #dce6c4;
}

#mainnav li.active {
	background-position: 0 -21px!important;	
}

/* mouseover menues */
#mainnav ul {
   position: absolute;
   top: 21px;	
   _top: 20px;
   left: 0;		 
 	width: 170px;
	text-align: left;	
	background: none;
	background-color: #dce6c4;	
	border: 1px solid #cfd4d9;
	border-top: none;
	padding: 10px 0 10px 0;	
	list-style-type: none;
	/* hide on startup */
	display: none;
	z-index: 99;
}

#mainnav li ul li,
#mainnav li ul li a {
	background-image: none;
   width: 170px;
	_width: 152px;
   position: relative;
   height: 20px;	 
	text-align: left;
}
	
#mainnav ul li a {
	margin: 4px 0 4px 18px;
	_margin: 0 0 0 18px;
	background: transparent url(/images/app/raquo_simple_gray.gif) 0 7px no-repeat!important;
	padding: 2px 0 2px 10px;		
}

/* mousevoer color */
#mainnav ul li a:hover {
	color: #006ab2;
}

/* another width for n2 and n3 */
#mainnav #n2 ul,
#mainnav #n3 ul {
	width: 200px;
}			

#mainnav #n4 ul {
	_background: #dce6c4 url(/images/app/nav/bg_last_ul.gif) 0 0 repeat-x;
}			



/* --- productlist --- */
.plNav,
.plNav ul {
	list-style-type: none;
	font-size: 11px;
}
.plNav li {
	_height: 1%;
}
.plNav a {
	display: block;
	text-decoration: none;
	padding: 0 0 0 18px;
	background: transparent url(/images/app/plnav_top.gif) 0 3px no-repeat;
}
.plNav ul {
	padding: 5px 0 0 15px;
}
.plNav ul a {
	background: transparent url(/images/app/plnav_sub.gif) 0 3px no-repeat;	
}
.plNav ul a:hover {
	background: transparent url(/images/app/plnav_top.gif) 0 3px no-repeat;	
}
.plNav {
	padding-bottom: 20px; 
	width: 200px;
}
.bill .plNav {
	width: 160px;
}
.plNav a:hover {
	color: #006ab2;
}
.plNav a.active {
	color: #006ab2;
	font-weight: bold;
	background: transparent url(/images/app/plnav_top.gif) 0 3px no-repeat;		
}
/* more */
.plNav ul a.more,
.plNav ul a:hover.more {
	padding-top: 5px; 
	background: transparent url(/images/app/plnav_more.gif) 0 8px no-repeat;	
	font-style: italic;
}
.plNav ul a.less,
.plNav ul a:hover.less {
	padding-top: 5px; 
	background: transparent url(/images/app/plnav_less.gif) 0 8px no-repeat;	
	font-style: italic;
}
.plNav ul a.selected {
	background-image: none;
	padding-left: 0;
}
.plNav ul a:hover.selected {
	color: #505a64;
}



/* Search Category */
.searchCategory {
	font-size: 11px;
	width: 180px;
	margin-top: 10px;
}

.searchCategory input.search {
	width: 110px;
}

.searchCategory b {
	line-height: 20px;
}

.searchBill {
	margin-top: 0;
	margin-bottom: 20px;
}












/* tango skin */
.jcarousel-skin-tango .jcarousel-container {
    -moz-border-radius: 10px;
    background: #f3f8fb;
    border: 1px solid #b8d8ef;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 640px;
    padding: 20px 40px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 210px;
    height: 525px;
    padding: 40px 10px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  640px;
    height: 170px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  210px;
    height: 525px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 203px;
    height: 165px;
    border: 1px solid #00909b;
    background: #fff;
    text-align: center;
    
}

.jcarousel-skin-tango .jcarousel-item img {
    margin: 0px 0px;
    display: inline;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 90px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 90px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}


/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 98px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 98px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

/* --- UGL --- */	

input#uglfile {
	border: 0px none;
	background: transparent;
	color: #505A64;
}