/* 	nadel-adel.de
	screen.css - default screen style
	(c) mail@tombreit.de 2007
	*/

#flyer {
	position: absolute; 
	top: 0; 
	right: 0; 
	width: 85px; 
	height: 85px; 
	overflow: hidden;
	}
#flyer p {	

	}
#flyer a {
	background: url(flyer-download.gif) no-repeat 0 100%; 
	display: block; 
	padding: 5px 5px 0 0; 
	width: 80px; 
	height: 80px; 
	text-indent: -9999em; 
	}


body {
	font-size: 85%; 
	background-color: white;
	position: relative; 
	}
body * {
	font-size: 1em; 
	}
body, 
body * {
	margin: 0;
	padding: 0; 
	border: none; 
	font-family: Verdana, sans-serif;
	line-height: 160%; 
	}

#header a,
#mainnav a, 
#sidebar a {
	outline: none;
	}



#header,
#mainnav, 
#bodywrapper,
#footer {
	margin: 0 auto; 
	width: 900px; 
	}

#header h1 {
	height: 90px; 
	background-image: url(nadel-adel_wortbildmarke.png); 
	background-repeat: no-repeat;
	background-position: 0 100%;
	}
#header a {
	display: block; 
	height: 70px; 
	width: 550px; 
	text-decoration: none; 
	}
#header span {
	visibility: hidden; 
	}



#mainnav {
	z-index: 2;
	position: relative; 
	top: 0px;
	margin-top: -30px; 
	}
#mainnav li, 
#mainnav a {
	display: block; 
	float: left; 
	}
#mainnav li {
	border: 0px solid red; 
	padding: 0 1em; 
	background: url(mainnav-divide.png) no-repeat 0 24px; 
	}
#mainnav a {
	width: 9.5em; 
	position: relative;
	z-index: 3; 
	font-size: 110%; 
	line-height: 140%; 
	text-transform: lowercase;
	color: #900D3E;
	text-align: center; 
	text-decoration: none; 
	padding: 20px 0 30px 0;
	height: 35px; 
	border: 0px solid blue; 
	}
#mainnav .first {
	padding-left: 40px; 
	background-image: none;
	}
#mainnav .current a, 
#mainnav .current a:hover {
	background: url(rose-current.gif) no-repeat 50% 100%;
	color: black; 
	}
#mainnav a:hover {
	background: url(rose-hover.gif) no-repeat 50% 100%;
	color: black; 
	}



#contentwrapper {
	clear: both; 
	position: relative; 
	z-index: 1;
	top: -20px; 
	padding: 15px 0;
	border-color: #EDD1C4; 
	border-style: solid; 
	border-width: 1px 0; 
	background-color: transparent;
	background-image: url(content-bg.png);
	background-repeat: repeat;
	}

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

#sidebar { 
	border: 1px solid #EDD1C4; 
	height: 400px; 
	padding: 5px; 
	position: relative; 
	left: 40px;
	left: 0; 
	width: 200px; 
	float: left; 
	background-color: white;
	background-image: url(sidebar-bg3.jpg);
	background-repeat: no-repeat;
	background-position: 100% 100%; 
	}

#sidebar li,
#sidebar a {
	display: block;
	position: relative; 
	background-repeat: no-repeat;
	}
#sidebar li {
	list-style-type: none; 
	margin-bottom: 3px; 
	background-image: url(sidebar_button.gif);
	background-position: 0 0;
	}

#sidebar a {
	background-image: url(sidebar_button.gif);
	background-position: 0 100%;
	padding: 0.1em 0.4em 3px 0.4em; 
	color: white; 
	text-align: right; 
	text-decoration: none; 
	}


#sidebar a span {
	visibility: hidden; 
	font-weight: bold; 
	position: absolute;
	left: 4px;  
	top: 0; 
	}
#sidebar a:hover span { 
	visibility: visible; 
	}
#sidebar .current a span {
	visibility: visible;
	}





#content {
	margin-left: 230px; 
	border: 1px solid silver; 
	padding: 5px; 
	width: 660px; 
	height: 400px; 
	background-color: white; 
	background-image: url(termine_660x400.jpg);
	background-repeat: no-repeat;
	background-position: 5px 5px; 
	}
.nosubmenu #bodywrapper {
	border: 0px solid white; 
	}
.nosubmenu #content {
	margin-left: 40px; 
	margin-left: 0; 
	width: auto; 
	width: 890px; 
	background-image: url(index_bg.jpg);
	background-position: 5px 5px; 
	}

#content div {
	height: 400px; 
	overflow: auto; 
	background-image: none; 
	background-color: transparent; 
	}
#content div div {
	height: auto; 
	width: auto; 
	overflow: visible; 
	padding: 10px; 
	margin: 10px 30px 10px 30px; 
	background-image: url(white-90pc.png);
	background-repeat: repeat; 
	background-color: transparent; 
	}
#content div div div {
	background-image: none; 
	padding: 0; 
	margin: 0; 
	}

#content * {
	color: #900D3E;
	}
#content a:before {
	display: inline; 
	content: "\00BB\00A0";
	}
#content .produkte a:before,
#content .thumbonly a:before {
	content: "";
	}

#content .gmaplink {
	background: url(maps-icon.png) no-repeat 0 0; 
	padding-left: 22px; 
	content: "";
	}
#content .gmaplink:before {
	content: ""; 
	}

#content h2 	{ margin-bottom: 0.6em; border-bottom: 1px dotted #900D3E; display: none;  }
#content h3 	{ margin: 1em 0 0.3em 0; }
#content p 	{ padding: 0.2em 0 ; }
#content ul 	{ margin-left: 2em; }
#content table 	{ width: 100%; }

.kosten {
	font-weight: bold; 
	color: #A51340; 
	}

#footer {
	position: relative; 
	top: -20px;  
	right: 40px; 
	clear: both; 
	text-align: right; 
	}
#footer ul {
	display: inline; 
	}
#footer li {
	display: inline; 
	}
#footer a {
	font-size: 0.9em; 
	padding: 0.1em 1.5em; 
	color: #707070;
	text-transform: lowercase; 
	text-decoration: none; 
	}
#footer a:hover {
	text-decoration: underline;
	color: #900D3E;
	}






/* 	
	nadel-adel.de
	customization
	(c) mail@tombreit.de 2007
	*/

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* +++ startseite +++ */
.index .nosubmenu #content { background-image: url(wolle-startseite_4.jpg); }

/* +++ sticken im garten +++ */
.sticken_im_garten #sidebar { background-position: -210px 100%; }
.sticken_im_garten #content { background-image: url(zweitaschen_560x400.jpg); }
.sticken_im_garten .s1 { background-color: #F3A3B6; }
.sticken_im_garten .s2 { background-color: #FF7697; }
.sticken_im_garten .s3 { background-color: #F798B4; }

/* +++ eigene kreationen +++ */
.eigene_kollektionen .nosubmenu #content { background-image: url(wolle-startseite_2.jpg); }
/* .eigene_kollektionen #sidebar { background-position: -420px 100%; } */
.eigene_kollektionen .s1 { background-color: #9CCE2E; }
.eigene_kollektionen .s2 { background-color: #C3BB1F; }
.eigene_kollektionen .s3 { background-color: #B1B62A; }
.eigene_kollektionen .s4 { background-color: #59AA1F; }
.eigene_kollektionen .s5 { background-color: #9CCE2E; }
.eigene_kollektionen .s6 { background-color: #C3BB1F; }
.eigene_kollektionen .s7 { background-color: #B1B62A; }
.eigene_kollektionen .s8 { background-color: #59AA1F; }
.eigene_kollektionen .s9 { background-color: #9CCE2E; }
.eigene_kollektionen .s10 { background-color: #C3BB1F; }
.homedecoration #sidebar 	{ background-position: -1050px 100%; }
.modeaccessoires #sidebar 	{ background-position: -1260px 100%; }
.praktisches #sidebar 		{ background-position: -1680px 100%; }

/* +++ handarbeitskurse +++ */
.handarbeitskurse #sidebar { background-position: -210px 100%; }
.handarbeitskurse .s1 { background-color: #E0899E; }
.handarbeitskurse .s2 { background-color: #F3A3B6; }
.handarbeitskurse .s3 { background-color: #FF7697; }
.handarbeitskurse .s4 { background-color: #F798B4; }
.handarbeitskurse .s5 { background-color: #E0899E; }
.handarbeitskurse .s6 { background-color: #FF7697; }
.handarbeitskurse .s7 { background-color: #F3A3B6; }

/* +++ verkauf im haus +++ */
.material_zum_selbermachen #sidebar { background-position: -630px 100%; }
.material_zum_selbermachen .s1 { background-color: #CD5C5C; }
.material_zum_selbermachen .s2 { background-color: #C3BB1F; }
.material_zum_selbermachen .s3 { background-color: #9CCE2E; }
.material_zum_selbermachen .s4 { background-color: #588E03; }
.material_zum_selbermachen .s5 { background-color: #CD5C5C; }

/* +++ markttermine +++ */
.markttermine #sidebar { background-position: -840px 100%; }
.markttermine #content { background-image: url(knoepfe_890x400.jpg); }
.markttermine .s1 { background-color: #C3BB1F; }
.markttermine .s2 { background-color: #B1B62A; }
.markttermine .s3 { background-color: #59AA1F; }
.markttermine .s4 { background-color: #C3BB1F; }
.markttermine .s5 { background-color: #9CCE2E; }
.markttermine .s6 { background-color: #C3BB1F; }
.markttermine .s7 { background-color: #B1B62A; }
.markttermine .s8 { background-color: #59AA1F; }
.markttermine .s9 { background-color: #9CCE2E; }


/* +++ marmel-adel +++ */
.marmel-adel #content { background-image: url(marmel-adel_bg.jpg); }


/* +++ impressum / sitemap +++ */
.impressum #content, 
.sitemap #content { 
	background-image: url(gras_890x400.jpg); 
	}



.onthispage {
	margin-bottom: 2em !important; 
	border-bottom: 2px solid white; 
	border-top: 2px solid white;
	float: left; 
	width: 100% !important	; 
	}
.onthispage ul {
	margin: 0 0 0 0em !important; 
	padding: 0; 
	}
.onthispage li {
	float: left; 
	width: 30%; 
	margin-right: 3%;
	list-style-type: none; 
	}
.onthispage li.last {
	margin-right: 0; 
	}
.onthispage li a {
	display: block; 
	text-align: left; 
	font-weight: bold; 
	}

/* +++ kontakt +++ */
.kontakt #sidebar { background-position: -1470px 100%; }


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/*  +++ produkt-archiv submenu +++ */

.produkt-archiv #sidebar li,
.produkt-archiv #sidebar li a {
/*
	background-color: white;
	background-image: none;
	color: gray; 
	margin: 0;
	padding: 0;
*/

	}
.produkt-archiv #sidebar li a {
/*
	border-bottom: 1px solid silver; 
*/
	}

.sitemap ul li a br, 
ul.archiv-uebersicht li a br {
	display: none; 
	}



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.dekothumb {
	clear: right; 
	float: right; 
	width: 180px; 
	margin: 0 0 4px 4px; 
	padding: 2px; 
	border: 1px solid white; 
	}

.dekowide {
	clear: right; 
	float: right; 
	width: 100%; 
	margin: 0 0 4px 4px; 
	padding: 2px; 
	border: 1px solid white; 
	}

#inlinekontakt, 
#anmeldung {
	clear: both; 
	margin: 2em 0 !important; 
	padding: 0.2em 0.4em !important; 
	border: 0.2em solid white; 
	}
#inlinekontakt h3, 
#anmeldung h3 {
	margin: 0 !important; 
	border-bottom: 1px solid white; 
	}

/* +++ handarbeitskurse +++ */
.handarbeitskurse h3 {
	padding-top: 1em; 
	border-bottom: 3px solid white; 
	}
	
.termine_anmeldung-handarbeitskurs #content h3 {
	margin: 2em 0 1em 0; 
	border-bottom: 1px solid white; 
	}




/* +++ stickartenbeschreibung +++ */
.stickartenbeschreibung #content li {
	font-weight: bold; 
	padding-bottom: 1.5em; 
	}
.stickartenbeschreibung #content  span {
	font-weight: normal; 
	}
.stickartenbeschreibung #content  img {
	width: 200px; 
	display: block; 
	margin: 4px 0; 
	border-width: 1px 0px 0px 1px;
	border-style: inset;
	border-color:  silver; 
	}


/* +++ google map / wegbeschreibung +++ */

#content #map div span, 
#content #map div a {
	visibility: hidden; 
	font-size: 8px; 
	text-decoration: none; 
	}

/* +++ marktermine tabelle +++ */
.markttermine th {
	font-weight: bold; 
	background-color: white; 
	}
.markttermine th, 
.markttermine td {
	border-bottom: 2px solid white; 
	border-left: 2px solid white; 
	text-align: left; 
	padding: 0.1em 0.2em; 
	}
.markttermine td span {
	font-size: 0.9em; 
	}



/* +++ products list view +++ */
#content ul.produkte {
	margin: 0; 
	padding: 1em 0 2em 0; 
	}

.eigene_kollektionen #content ul.produkte {
	padding: 0; 
	}

.produkte li,
.produkte a {
	display: block; 
	clear: both; 
	}
.produkte li, 
.produkte a, 
.produkte span {
	line-height: 130%; 
	}

.produkte li {
	list-style-type: none; 
	clear: both; 
	padding: 0.5em 0; 
	}
.produkte a {
	text-decoration: none; 
	border: 2px solid white; 
	padding: 4px 4px 24px 4px; 
	}
.produkte a:hover {
	background-color: white; 
	}
.produkte img {
	float: left; 
	width: 100px; 
	height: 80px;  
	border: 3px solid white; 
	margin-right: 10px; 
	}


.produkte span 		{  }
.produkte .title 	{ border-bottom: 1px dotted #900D3E; font-weight: bold; margin-bottom: 10px;  }
.produkte .meta 	{ border-bottom: 0px dotted blue; }
.produkte .detail 	{ display: block; text-align: right;  border: 0px solid red; font-size: 0.9em; padding-top: 0em;    }
/* +++ // products list view +++ */


/* +++ products image list view (no descriptions)  +++ */

.material_zum_selbermachen #content h3 {
	padding-top: 1em; 
	}

#content ul.thumbonly {
	margin-left: 0; 
	}
.thumbonly li {
	list-style-image: none; 
	display: block; 
	float: left; 
	width: 100px; 
	margin: 0 10px 10px 0;
	}
.thumbonly li a {
	overflow: hidden;
	display: block; 
	border: 4px solid white;  
	}
.thumbonly li a:hover {
	border-color: #6AC977; 
	}
.thumbonly li a img {
	width: 92px; 
	display: block; 
	}
	

/* +++ // products image list view (no descriptions)  +++ */



/* 	IMAGE-OVERLAY */
/*	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	*/


#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img { border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	margin: 0; 
	padding: 10px; 
	}
#outerImageContainer {

	}
#outerImageContainer #imageContainer {
	margin: 0; 
	padding: 0px 0 0 0; 
	}
#outerImageContainer #imageContainer img {
	position: relative; 
	top: 10px; 
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../style/blank.gif) no-repeat;  /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
/*
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
*/
#prevLink:link, #prevLink:visited { background: url(../style/prev.gif) left 15% no-repeat; }
#nextLink:link, #nextLink:visited { background: url(../style/next.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%; 
	border: 0px solid green; 
	}

#imageData			{ padding: 0 10px; color: #666; }
#imageData #imageDetails	{ width: 70%; float: left; text-align: left; }	
#imageData #caption		{ font-weight: bold;	}
#imageData #numberDisplay	{ display: block; clear: left; padding-bottom: 1.0em;	}
			

#imageData #bottomNavClose { 
	width: 98px; 
	height: 22px;
	line-height: 22px;  
	float: right;  
	padding-bottom: 0.7em;
	position: relative; 
	z-index: 130;
	border: 0px solid red; 
	}
#imageData #bottomNavClose img { 
	display: block; 
	width: 98px; 
	height: 22px;
	overflow: hidden; 
	}

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #eee; 
	}