/*
 * Neumann Wolff Kalendershop CSS
 * Author: Tim Isenheim
 * Author-URL: http://www.freshlabs.de
 */

@import url(neumannwolff.css);
@import url(products.css);
@import url(lightbox.css);
@import url(forms.css);


*{ margin: 0; padding: 0; }

a img{ border: 0 none;}

html{
	font: 62.5%/170% "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	
	height: 100%;
}

body{
	font-size: 1.1em;
	/*text-align: center;*/
	
	height: 100%;
}

.wrapper{
	position: relative;
	min-height: 100%;
	background: url(../img/layout/bg-flowers-pt1.gif) no-repeat left bottom;
}

.blindbox{
	background: url(../img/layout/bg-flowers-pt2.gif) no-repeat right bottom;	
	position: absolute;
	right: 0;
	bottom: 30px;
	width: 604px;
	height: 337px;
	z-index: 0;
}

* html .wrapper
{
height: 100%;
}

.wrapcontent{
	padding-bottom: 8em;
	
}

#footer{
	position: relative;
	margin-top: -2.8em;
	line-height: 2.8em;
}


/* LINKS [a]
-------------------------------------*/

a:visited{}
a:focus{}
a:hover{ color: #000; }
a{ color: #00214c; }

.sidebar .pinkbox a:visited{ color: #CF676E; }
.sidebar .pinkbox a:hover{ color: #000; }
.sidebar .pinkbox a{ color: #900; }

.sidebar .bluebox a:visited{ color: #00214C; }
.sidebar .bluebox a:hover,
.sidebar ul.faqs li.current a{ color: #fff; background: #00214C; text-decoration: none; }
.sidebar .bluebox a{ color: #00214C; }

/* LAYOUT
-------------------------------------*/

div.inner{
	width: 1052px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}

#masthead{
	width: 100%;
	height: 70px;
	background: #00214C;
}

#masthead .inner{ height: 70px; }

#masthead h1{ padding: 8px 0 0 0; }
#masthead h1 a{
	display: block;
	background: url(../img/layout/nw-logo.gif) no-repeat center;
	width: 350px;
	height: 55px;
}
#masthead h1 a span{ display: none; }

	/* LEFT COLUMN [leftcol] */
	#leftcol{
		float: left;
	}
	
	/* CENTER COLUMN [centercol] */
	#centercol{
		float: left;
		width: 630px;
		margin: 0 40px 40px 40px;
		background: #fafcfe;
	}
	
	body.home #centercol{ background: 0 none; border: 0 none; }
	
	body.minimal #content{
		width: 400px;
	}
	
	#centercol div{ position: relative; }
	
	#leftbigcol{ width: 960px; background: #fafcfe; }
	body.customer #leftbigcol{ float: left; width: 830px; }

	/* RIGHT COLUMN [rightcol] */
	#rightcol{
		float: right;
	}
	
	/* SIDEBAR COLUMNS [leftcol][rightcol] */
	.sidebar{ width: 170px; }
	
	.sidebar h3{
		color: #fff;
		font-size: 1.3em;
	}
	
	
	.sidebar .categories  a.pushbutton:hover{
		color: #fff;
		background: url(../img/layout/pushbutton-off.gif) no-repeat center;
	}
	
	.pushbutton, a.pushbutton {
		width: 76px;
		height: 16px;
		display: block;
		background: url(../img/layout/pushbutton-off.gif) no-repeat center;
		float: left;
		font-size: 0.9em;
		text-align: center;
		color: #00214c;
		text-decoration: none;
	}
	
	.pushbutton.current{
		background: url(../img/layout/pushbutton-on.gif) no-repeat center;
	}
	

	

/* MAIN */
#main{
	z-index: 10;
}
#main.inner{
	margin-top: 66px;
}

.maincontent{ margin: 24px; position: relative; }

.acl{
	color: #5E81AE;
	position: absolute;
	top: 0;
	right: 0;
}

.acl a:visited, .acl a{
	color: #5E81AE;
}

.acl a:hover, .acl a:focus{ color: #fff;}

/* MAIN MENU [mainNav]
-------------------------------------*/

ul#mainNav{
	position: absolute;
	right: 0;
	bottom: 0;
	list-style: none;
}

ul#mainNav li{
	float: left;
	margin: 0 0 0 3px;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
}

ul#mainNav li a:visited,
ul#mainNav li a{
	display: block;
	background: #5e81ae url(../img/layout/navtab-default.gif) no-repeat center bottom;
	width: 102px;
	height: 29px;
	line-height: 29px;
	text-decoration: none;
}

ul#mainNav li.contact a:visited,
ul#mainNav li.contact a{
	background: #c00 url(../img/layout/navtab-contact.gif) no-repeat center bottom;
	color: #fff;/*#550a0a;*/
}

ul#mainNav li.contact a:visited:hover, ul#mainNav li.contact a:hover{
	background: #c00 url(../img/layout/navtab-contact-hover.gif) no-repeat center bottom;
	color: #fff;
}

ul#mainNav li a:hover{
	background: #5e81ae url(../img/layout/navtab-hover.gif) no-repeat center bottom;
}

ul#mainNav li.current a,
ul#mainNav li.contact.current a:visited,
ul#mainNav li.contact.current a{
	background: #fff url(../img/layout/navtab-active.gif) no-repeat center bottom;
	color: #222;
}

/* HTML
-------------------------------------*/

h2, h3{ font-weight: normal; }

h3{ font-size: 1.2em; }
h4{ font-size: 1.0em; }

h3.thanks,h3.section{ font-weight: bold; font-size: 1.6em; margin: 12px 0 6px 0;}
h3.section{ font-size: 1.3em; }

h4.caption{ margin: 0 24px;}

.vcard{ font-style: normal;}
.vcard span{
	display: block;
}


/* CONTENT
-------------------------------------*/

#centercol h2,
#leftbigcol h2{
	color: #fff;
	background: #00214C url(../img/layout/catalog-blue-top.gif) no-repeat left top;
	padding: 5px 0 5px 10px;
	font-size: 1.3em;
}

#leftbigcol h2{
	color: #fff;
	background: #00214C;
}

h2 span.subtitle{ line-height: 1.0em; font-size: 0.7em; margin-left: 8px; }

.content_meta{
	color: #666;
	background: #d1e2f7;
	padding: 6px 10px;
	position: relative;
	line-height: 120%;
}

.content_meta p.paging{
	position: absolute;
	right: 6px;
	top: 6px;
}

.content_meta p.paging span a{
	background: #ABBFD8;
	padding: 1px 4px;
	text-decoration: none;
}

.content_meta p.paging span a:hover{
	background: #00214C;
	color: #fff;
}

.content_meta p.paging span.current{
	background: #00214C;
	color: #fff;
	padding: 1px 4px;
}

.content_meta p.paging span{
	margin-right: 2px;
}

/* Teaser */

.teaser img{
	float: left;
	width: 314px;
	margin-right: 10px;
}

.teaser p{
	clear: both;
	padding: 20px 30px 30px 0;
	font-size: 1.2em;
	line-height: 170%;
}

ul.features{
	padding: 4px 0 0 0;
	list-style: none;
}

ul.features li{
	background: url(../img/layout/pink-arrow.gif) no-repeat left center;
	padding: 0 6px 0 20px;
	line-height: 2.0em;
}

.teaser ul.features{
	font-size: 1.2em;
	padding: 55px 0 0 10px;
	float: left;
}


/* SectionNav */

ol.SectionNav li{
	list-style: none;
	margin: 12px 12px 12px 0;
	padding: 0;
	float:left; 
	width: 46%;
}

ol.SectionNav li{ position: relative; }
ol.SectionNav li p{ margin-bottom: 10px; }

div.subsection{
	border-bottom: 1px solid #D1E2F7;
	padding-bottom: 12px;
}


/* Adressbook */

#AddressBookHelper{
	position:absolute;
	top: 30px;
	right: 24px;
	width: 350px;
}

#AddressBookHelper p{
	margin: 0 0 12px 0;
	font-size: 1.2em;
	line-height: 180%;
}


/* FOOTER
-------------------------------------*/

#footer{
	clear: both;
	background: #00214c;
	color: #fff;
	width: 100%;
}

#footer div.inner{ text-align: center; }

#footer a:visited, #footer a{ color: #fff; }


/****************************************/
/* Catgories Sidebar Block*/

.sidebar .categories,
.sidebar #search,
.sidebar #CustomerQuestions,
.sidebar #customer_group_box,
.sidebar #Tags{
	margin-bottom: 20px;
}

.sidebar .bluebox h3,
.sidebar .pinkbox h3{
	color: #fff;
	font-size: 1.2em;
	background: #00214C url(../img/layout/sidebar-blue-top.gif) no-repeat center top;
	padding: 5px 0 5px 10px;
}

.sidebar .categories ul{
	background: #d1e2f7;
	list-style: none;
	font-size: 1.2em;
}


.sidebar .categories ul ul{
	font-size: 0.9em;
}


.sidebar .categories ul li a{
	display: block;
	background: url(../img/layout/sidebar-blue-arrow.gif) no-repeat 9px 9px;
	border-bottom: 1px solid #abbfd8;
	padding: 7px 8px 8px 26px;
	margin: 0;
	text-decoration: none;
	overflow: hidden;
}

.sidebar .categories ul li a:hover,
.sidebar .categories ul li.category_selected a:visited,
.sidebar .categories ul li.category_selected a
{
	background: #00214C url(../img/layout/sidebar-blue-arrow-over.gif) no-repeat 9px 9px;
	color: #fff;
}

.content_meta p.paging a{padding:1px;}
.content_meta p.paging a:hover{
	background: #00214C;
	color: #fff;
	text-decoration: none;
}

.sidebar .categories ul li.category_selected.dropdown a:visited,
.sidebar .categories ul li.category_selected.dropdown a{
	background: #00214C url(../img/layout/sidebar-blue-arrow-down.gif) no-repeat 9px 9px;
	color: #fff;
}



/* Subkategorien *************************************************************
 * per default in hellblau gehalten
 */
.sidebar .categories ul li.category_selected ul.subcategory a:visited,
.sidebar .categories ul li.category_selected ul.subcategory a
{
	background: #EFF6FF url(../img/layout/sidebar-lightblue-arrow.gif) no-repeat 9px 9px;
	color: #00214C;
	border-bottom: 1px solid #D1E2F7;
}

.sidebar .categories ul ul.subcategory li.category_selected a:visited,
.sidebar .categories ul ul.subcategory li.category_selected a,
.sidebar .categories ul ul.subcategory li a:visited:hover,
.sidebar .categories ul ul.subcategory li a:hover
{
	background: #00214C url(../img/layout/sidebar-blue-arrow-over.gif) no-repeat 9px 9px;
	color: #fff;
}

/* Spezialkategorien **************************************************** */
	
	/* Classic-Kalender **************************************************** */
	.sidebar .categories ul li.classic-kalender a
	{
		background: #00214C url(../img/layout/sidebar-blue-arrow-over.gif) no-repeat 9px 9px;
		color: #fff;
		border-bottom: 1px solid #00142F;
	}

	/* Premium-Kalender **************************************************** */
	.sidebar .categories ul li.category_selected.dropdown.premium-kalender ul.subcategory a:visited,
	.sidebar .categories ul li.category_selected.dropdown.premium-kalender ul.subcategory a
	{
		background: #fce5e5 url(../img/layout/sidebar-pink-arrow.gif) no-repeat 9px 9px;
		color: #900;
		border-bottom: 1px solid #d58b8e;
	}
	
	.sidebar .categories ul li.premium-kalender a,
	.sidebar .categories ul li.premium-kalender ul.subcategory li.category_selected a:visited,
	.sidebar .categories ul li.premium-kalender ul.subcategory li.category_selected a,
	.sidebar .categories ul li.premium-kalender ul.subcategory li a:visited:hover,
	.sidebar .categories ul li.premium-kalender ul.subcategory li a:hover,
	.sidebar .categories ul li.category_selected.dropdown.premium-kalender ul.subcategory li.category_selected a:visited,
	.sidebar .categories ul li.category_selected.dropdown.premium-kalender ul.subcategory li.category_selected a,
	.sidebar .categories ul li.category_selected.dropdown.premium-kalender ul.subcategory a:visited:hover,
	.sidebar .categories ul li.category_selected.dropdown.premium-kalender ul.subcategory a:hover
	{
		background: #c00 url(../img/layout/sidebar-pink-arrow-over.gif) no-repeat 9px 9px;
		color: #fff;
		border-bottom: 1px solid #900;
	}
	
	.sidebar .categories ul li.category_selected.dropdown.premium-kalender a:visited,
	.sidebar .categories ul li.category_selected.dropdown.premium-kalender a{
		background: #c00 url(../img/layout/sidebar-pink-arrow-down.gif) no-repeat 9px 9px;
		color: #fff;
	}
	
	
	
	/* Buero-Kalender **************************************************** */
	.sidebar .categories ul li.category_selected.dropdown.buerokalender ul.subcategory a:visited,
	.sidebar .categories ul li.category_selected.dropdown.buerokalender ul.subcategory a
	{
		background: #ccc url(../img/layout/sidebar-lightgrey-arrow.gif) no-repeat 9px 9px;
		color: #333;
		border-bottom: 1px solid #999;
	}
	
	.sidebar .categories ul li.buerokalender a,
	.sidebar .categories ul li.buerokalender ul.subcategory li a:visited:hover,
	.sidebar .categories ul li.buerokalender ul.subcategory li a:hover,
	.sidebar .categories ul li.buerokalender ul.subcategory li.category_selected a:visited,
	.sidebar .categories ul li.buerokalender ul.subcategory li.category_selected a,
	.sidebar .categories ul li.category_selected.dropdown.buerokalender li.category_selected a:visited,
	.sidebar .categories ul li.category_selected.dropdown.buerokalender li.category_selected a,
	.sidebar .categories ul li.category_selected.dropdown.buerokalender li a:visited:hover,
	.sidebar .categories ul li.category_selected.dropdown.buerokalender li a:hover
	{
		background: #858b8b url(../img/layout/sidebar-grey-arrow-over.gif) no-repeat 9px 9px;
		color: #fff;
		border-bottom: 1px solid #666;
	}
	
	.sidebar .categories ul li.category_selected.dropdown.buerokalender a:visited,
	.sidebar .categories ul li.category_selected.dropdown.buerokalender a{
		background: #858b8b url(../img/layout/sidebar-grey-arrow-down.gif) no-repeat 9px 9px;
		color: #fff;
	}
	



/* --- */

/* Callback */

.sidebar #CustomerQuestions p{
	padding: 6px 0 6px 17px;
}

.sidebar #CustomerQuestions p.callmeback{ background: url(../img/icons/person.gif) no-repeat 5% 47%; }
.sidebar #CustomerQuestions p.samplerequest{ background: url(../img/icons/box.gif) no-repeat 5% 42%; }
.sidebar #CustomerQuestions p.contact{ background: url(../img/icons/group.png) no-repeat 5% 47%; }
.sidebar #CustomerQuestions p.faxorderform{ background: url(../img/icons/printer.png) no-repeat 5% 47%; }
.sidebar #CustomerQuestions p.catalogue{ background: url(../img/icons/book.png) no-repeat 5% 47%; }

/* Boxes */

.sidebar .bluebox,
.sidebar .bluebox h3,
#centercol h2,
#centercol{
	border-bottom: 2px solid #abbfd8;
}

.sidebar .bluebox h3.title{
	border: 0 none;
	padding: 4px 4px 2px 10px;
}

.sidebar .bluebox{ background: #d1e2f7; }

.sidebar .bluebox .switch{
	background: #00214C;
	padding: 5px 0;
	border-bottom: 2px solid #abbfd8;
}

/* Search Sidebar Block */
.sidebar .pinkbox{
	background: #fce5e5;
	color: #4F0003;
	border-bottom: 2px solid #d58b8e;
}

.sidebar .pinkbox h3{
	background: #cc0000 url(../img/layout/sidebar-pink-top.gif) no-repeat center top;
}

.sidebar .pinkbox h3 a{ color: #fff; text-decoration: none;}

.sidebar .takeaction{
	margin: 6px 12px;
}

.sidebar .takeaction a{ font-weight: bold; }


/* Sidebar forms */

.sidebar form,
.sidebar .minicontent{
	margin: 6px 8px 4px 8px;
	padding: 0;
	position: relative;
}

.sidebar form .input input{ width: 95%;}

.sidebar form .submit{
	padding: 2px 3px 6px 0;
	text-align: right;
}

.sidebar form small.fieldoption{
	position: absolute;
	left: 0;
}


/* FAQs */

.sidebar ul.faqs{
	font-size: 0.85em;
	list-style: none;
	margin-left: 11px;
	padding: 4px 0 12px 0;
}
	
.sidebar ul.faqs li{
	margin: 0;
	padding: 0 0 0 9px;
	background: url(../img/layout/sidebar-blue-arrow-mini.gif) no-repeat left center;
}


/* LISTS */

ol.addressbook{
	padding: 12px 0 8px 16px;
	font-size: 1.2em;
}

ol.addressbook li{
	margin: 0 12px 12px 0;
}


/* Shopping Cart
***********************/

#shopping_cart{
	padding: 12px 0;
	text-align: center;
}

#shopping_cart .cart{
	background: url(../img/cart.gif) no-repeat center top;
	width: 52px;
	height: 52px;
	position: relative;
	margin: 0 auto;
}

#shopping_cart .cart a:visited,
#shopping_cart .cart a{
	display: block;
	width: 52px;
	height: 52px;
	border: 0;
	text-decoration: none;
}

#shopping_cart .cart span{
	background: url(../img/cart_badge.gif) no-repeat 0 0;
	position: absolute;
	top: 3px;
	left: -8px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 1.2em;
	color: #fff;
	text-align: center;
}

.nwbutton a{
	color: #fff;
	background: #00214C url(../img/layout/btn-small-blue-left.gif) no-repeat left center;
	display: block;
	padding-left: 14px;
	line-height: 24px;
	height: 24px;
	margin: 10px 0;
	text-decoration: none;
	text-align: center;
}

.nwbutton a span{
	background: #00214C url(../img/layout/btn-small-blue-right.gif) no-repeat right center;
	display: block;
	padding-right: 14px;
}

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

.nwbutton.pink a{
	background: #cc0000 url(../img/layout/btn-small-pink-left.gif) no-repeat left center;
	color: #fff;
}

.nwbutton.pink a span{
	background: #cc0000 url(../img/layout/btn-small-pink-right.gif) no-repeat right center;
}

.ProductDetailOption{
	margin: 6px 0 0 0;
	width: 175px;
	text-align: center;
}

.ProductDetailOption a{
	padding-left: 10px;
	cursor: pointer;
}

#thumbjump a{
	background: url(../img/layout/blue-arrow-down.gif) no-repeat left center;
}

h4#thumbnails{ float: left;}

#topjump{
	float: right;
	margin: 0 24px 0 0;
	text-align: right;
}

#topjump a{
	background: url(../img/layout/blue-arrow-up.gif) no-repeat left center;
}

#newSearch.nwbutton{ width: 200px; margin: 0 0 12px 24px; }

p#ordersample{ width: 200px; position: absolute; left: 0px; bottom: 0px; text-align: left;  margin: 0; padding: 0;}

p.button{ font-weight: bold; }



.cakeSqlLog table {
	background: #f4f4f4;
}
.cakeSqlLog td {
	padding: 4px 8px;
	text-align: left;
}



/* Paging */
div.paging {
	color: #ccc;
	margin-bottom: 2em;
}
div.paging div.disabled {
	color: #ddd;
	display: inline;
}

/* Scaffold View */
dl {
	line-height: 2em;
	margin: 0em 0em;
	width: 90%;
}
dl.altrow {
	background: #f4f4f4;
}
dt {
	font-weight: bold;
	/*padding-left: 4px;*/
	vertical-align: top;
}
dd {
	margin-left: 12em;
	margin-top: -2em;
	vertical-align: top;
}

dl.specs-section{ width: 100%; }

.page dl{ width: 100%;}
.page dd{
	margin-left: 24em;
}


.option-section{
	float: left;
	width: 220px;
	padding: 16px 0;
}

.option-section.none{
	width: 100%;
	float: none;
}

.option-section ul li{
	list-style: none;
	background: url(../img/layout/pink-arrow.gif) no-repeat left center;
	padding: 4px 0 2px 16px;
}





.PhoneContact{ font-size: 1.1em;}

/* Related */
div.related {
	margin: 10px 24px;
	clear: both;
	display: block;
}

/* Debugging */
pre {
	color: #000;
	background: #f0f0f0;
	padding: 1em;
}

pre.cake-debug {
	background: #ffcc00;
	font-size: 120%;
	line-height: 18px;
	margin: 4px 2px;
	overflow: auto;
	position: relative;
}
div.cake-stack-trace {
	background: #fff;
	color: #333;
	margin: 4px 2px;
	padding: 4px;
	font-size: 120%;
	line-height: 18px;
	overflow: auto;
	position: relative;
}
div.cake-code-dump pre {
	position: relative;
	overflow: auto;
}
div.cake-stack-trace pre, div.cake-code-dump pre {
	color: #000000;
	background-color: #F0F0F0;
	border: 1px dotted #606060;
	margin: 4px 2px;
	padding: 4px;
	overflow: auto;
}
div.cake-code-dump pre, div.cake-code-dump pre code {
	clear: both;
	font-size: 12px;
	line-height: 5px;
	margin: 4px 2px;
	padding: 4px;
	overflow: auto;
}
div.cake-code-dump span.code-highlight {
	background-color: #FFFF00;
}


#creator{ margin-top: 40px; text-align: right;}


/* CLEARING
-------------------------*/

.clear {
	clear: both;
	margin: 0;
	padding: 0;
	}

.clearfix { 
	display: inline;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

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