/* 	
	Dammenberg
	Black & White layout theme
	(c) 2007 Ville Saarivaara
*/

/*////////////////////////////////////////////////////////////
		CSS-reset:
////////////////////////////////////////////////////////////*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, 
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;	border-spacing: 0;}



/*////////////////////////////////////////////////////////////	
	MEDIA: SCREEN
////////////////////////////////////////////////////////////*/

@media screen {
	
				/*////////////////////////////////////////////////////////////	 	
					DIV SETTINGS
				////////////////////////////////////////////////////////////*/
				body
				{
					color: #6b6b6b;

					margin: 0px 0px 0px 0px;

					font-family: Tahoma, Verdana, Arial, Sans-serif;
					font-size: 0.8em;
					text-align: left;
		
					text-indent: 0.0cm;
					
					background: url(../../img/elem/body_background_gradient.png) repeat-x #fff;					
				}
				
					.clear {
						clear: both;
					}

					img {
					  border: 0px;
					}
	
					input {
	
					}
	
						.button { 
							font-family: Tahoma, Verdana, Arial, Sans-serif;
							font-size: 0.9em;
							color: #fff;
							background-color: #e4a34f;
			
							padding-top: 1px;
							padding-right: 4px;
							padding-bottom: 1px;
							padding-left: 4px;
			
							margin-top: 3px;
			
							border: solid 1px #f2c78e;
							border-right: solid 1px #8a7151;
							border-bottom: solid 1px #8a7151;
						}
		
						.button_red { 
							font-family: Tahoma, Verdana, Arial, Sans-serif;
							font-size: 0.9em;
							color: #fff;
							background-color: #893434;
			
							padding-top: 1px;
							padding-right: 4px;
							padding-bottom: 1px;
							padding-left: 4px;
			
							margin-top: 3px;
			
							border: solid 1px #d0a8a8;
							border-right: solid 1px #582222;
							border-bottom: solid 1px #582222;
						}		

				#d_banner
				{
					text-align: left;
					float: none;

					position: absolute;
					left: 0px;
					top: 0px;
	
					width: 68px;
					height: 138px;

					background-color: transparent;
					background: url(../../img/elem/d_banner.png) top left;
					background-repeat: no-repeat;		
				}


				#themepicture
				{
					text-align: left;
					float: none;

					position: absolute;
					right: 0px;
					top: 160px;
	
					width: 185px;
					height: 369px;

					background-color: transparent;
					background: url(../../img/elem/theme_chocolate_button.png) top left;
					background-repeat: no-repeat;	
				}

				#header 
				{
					text-align: left;
					float: none;

					width: 100%;
					height: 45px;
					min-width: 600px;
	
					background: url(../../img/elem/header_bg.png) repeat-x;
				}	

					#header_companylogo 
					{
						text-align: left;
						float: left;

						width: 110px;
						height: 45px;

						padding: 0px 0px 0px 100px;
		
						background: url(../../img/elem/dammenberg_logo_text.png) top right;
						background-repeat: no-repeat;
		
					}
	
	
					#header_selectionbar
					{
						text-align: left;
						float: right;

						padding: 25px 20px 0px 0px;
		
						width: 200px;
		
						background-color: transparent;
					}
	
	
				#mainmenu
				{
					text-align: left;
					float: none;

					width: 100%;
					height: 26px;
					min-width: 800px;

					margin-top: 2px;
					margin-bottom: 30px;
	

					background: url(../../img/elem/main_menu_bg.png) repeat-x #000;
	
				}	

					#mainmenu_left 
					{
						text-align: left;
						float: left;
						min-width: 500px;

						height: 26px;

						padding: 0px 0px 0px 100px;
	
						background-color: transparent;
					}
	
					.mainmenu_itemblock
					{
						float: left;
						height: 21px;
		
						border-left: solid 1px #000;
						border-right: solid 1px #262626;
		
						padding: 5px 10px 0px 10px;
		
						background-color: transparent;
					}
	
	
					#mainmenu_selectionbar
					{
						text-align: left;
						float: right;

						padding: 1px 20px 0px 0px;
		
						height: 20px;
		
						width: 200px;
		
						background-color: transparent;
					}
	
				#text_main_container
				{
					margin: 80px 250px 30px 120px;
	
					min-width: 600px;
				}

				#text_main_subcontainer
				{
					float: left;
					width: 100%;
					clear: both;
	
					margin: 0px 0px 30px 0px;
				}

				#text_blackbox
				{
					text-align: left;
					min-width: 400px;
					float: left;
					clear: both;
	
					padding: 10px 10px 10px 10px;
					margin: 10px 0px 10px 0px;

					border-top: solid 1px #707777;
					border-right: solid 2px #1a2727;
					border-bottom: solid 2px #1a2727;
					border-left: solid 1px #f2c78e;

					background-color: #454c4c;
				}

					.form_details
					{
						float: left;
					}
	
				#text_blackbox_column
				{
					text-align: left;
					float: left;
	
					margin-right: 30px;
	
					background-color: transparent;
				}



				#footer_copyright_bar
				{
					clear: both;
					float: none;
	
					padding: 20px 0px 0px 0px;
					margin-top: 100px;
	
	
					border-top: double 3px #5f696a;
				}

					.copyrightbox {
						float: left;
		
						padding: 0px 5px;
						border-right: solid 1px #c9c9c9;
					}
					

				/* Ajankohtaiset-sivun laatikot */
				.announcement_box
				{
					padding: 15px 0px 5px 0px;
					margin: 0px 0px 10px 20px;
					border-top: dotted 1px;
				}

				.announcement_image
				{
					float: right;
					margin: 5px;
				}


				/* Tuotesivujen laatikot*/

				.productpage_chocolatetypebox
				{
					padding: 15px 0px 10px 0px;
					margin: 20px 0 60px 0px;
					border-top: dotted 1px;
					border-bottom: dotted 1px;
					width: 600px;
				}

				.productpage_details_text
				{
					max-width: 600px;
				}


				/* Valikon määrittelyt */
				.dropmenudiv_mobile {
					display: none;
				}

				#dropmenudiv {
					position:absolute;
					z-index: 100;

					margin: 5px 10px 10px 0px;
					padding: 8px 0px 5px 0px;
	
					border-top: solid 1px #f2c78e;
					border-right: solid 2px #8a7151;
					border-bottom: solid 2px #8a7151;
					border-left: solid 1px #f2c78e;

					font-family: Tahoma, Verdana, Arial, Sans-serif;
					font-size: 0.9em;
					font-weight: normal;
					line-height: 2.0em;

					text-align: left;

					color: #fff;
	
					background-color: #000;
				}

				#dropmenudiv a{
				  width: 100%;
				  display: block;
				  padding-left: 10px;
				  width: 140px;
				  color: #fff;
				}

				#dropmenudiv a:link{
				  text-decoration: none;
				}

				#dropmenudiv a:visited{
				  font-weight: normal; 
				  text-decoration: none; 
				}

				#dropmenudiv a:hover, a:active{
				background-color: #8a7151;
				text-decoration: none;
				color: #fff;
				}
	
	
	
				/*////////////////////////////////////////////////////////////	 	
					TEXT PARAGRAPH SETTINGS
				////////////////////////////////////////////////////////////*/
	
				h1
				{
					font-family: Tahoma, Verdana, Arial, Sans-serif;
					font-size: 2em;
					font-weight: normal;

					margin: 40px 0 20px 0;

					color: #513827;
				}

				h2
				{
					font-family: Tahoma, Verdana, Arial, Sans-serif;
					font-size: 1.5em;
					font-weight: normal;

					margin: 40px 0 20px 0;

					color: #513827;
				}

					.chocolatetypes
					{
						margin: 0 0 10px 0;
						font-size: 1.3em;
					}
					
					.announcement_title {
						margin-top: 0px;
					}

				p 
				{
					font-family: Tahoma, Verdana, Arial, Sans-serif;
					font-size: 1em;
					line-height: 1.6em;
					text-indent: 0.0cm;

					padding: 0px;
					margin: 0px;

					color: #6b6b6b;
					background-color: transparent;
				}
				
					.announcement_date {
						text-indent: 5px;
						margin: 30px 0 0 20px;
					}
				
				
					.copyright_text {
						font-size: 0.8em;
					}

					.standard_paragraph {
						margin-left: 20px;
						margin-bottom: 10px;
					}

					.boldtext 
					{
						font-weight: bold;
					}

					.whitetext
					{
						color: #fff;
					}

					.field_desc
					{
						color: #fff;
						font-size: 0.8em;
					}

					.chocolatetypetext
					{
						font-weight: bold;
						font-size: 1.0em;
						margin-left: 10px;
					}	

					.mainmenutext
					{
						color: #fff;
						background-color: transparent;
					}

						a.mainmenuitem:link,
						a.mainmenuitem:visited
						{ 
						font-size: 0.9em;
						font-weight: normal;
					    color: #fff;
						text-decoration: none;
						background-color: transparent;
						} 

						a.mainmenuitem:hover
						{ 
					    z-index: 11;
						text-decoration: none;
						color: #f2c78e;
						background-color: transparent;
						}

						a.mainmenuitem:active
						{ 
					    z-index: 11;
						text-decoration: none;
						color: #fff;
						background-color: transparent;
						} 		

					.headertext
					{
						font-size: 0.9em;
						color: #fff;
					}


				/* 
					Links
				*/
				
				a:link,
				a:visited {
					color: #6b6b6b;
				}

				a.chocolatetype
				{
					color: #6b6b6b;
					text-decoration: none;
					background-color: transparent;
					border-bottom: dotted 1px;
				}

				a.chocolatetype:hover
				{
					color: #8a7151;
					text-decoration: none;
					border-bottom: none;
				}
				
				
				/*
					Lists
				*/
				
				.basic_list {
					margin-bottom: 20px;
				}
				
					.product_feature_list {
						list-style-type: disc;
						font-weight: bold;
						line-height: 1.2em;
					
						margin-left: 20px;
					}
					
				.basic_table {
					margin-left: 20px;
				}
}





/*////////////////////////////////////////////////////////////	
	MEDIA: HANDHELD
////////////////////////////////////////////////////////////*/

@media handheld {

				/*////////////////////////////////////////////////////////////	 	
					HANDHELD DIV SETTINGS
				////////////////////////////////////////////////////////////*/
				body {
					margin: 0;
					
					background: #fff;
				}
				
				#header 
				{
					text-align: left;
					float: none;
					height: 45px;

					background: url(../../img/elem/header_bg.png) repeat-x;
				}	

					#header_companylogo 
					{
						text-align: left;
						float: left;

						width: 110px;
						height: 45px;

						padding-left: 10px;
		
						background: url(../../img/elem/dammenberg_logo_text.png) top right;
						background-repeat: no-repeat;
					}
					
				#header_selectionbar {
					display: none;
				}

				#themepicture
				{
					display: none;
				}
				
				#mainmenu_selectionbar {
					padding: 5px;
					margin-bottom: 5px;
				}
				
				
				#text_main_container
				{
					margin: 5px;
				}
				
				#footer_copyright_bar
				{
					clear: both;
					float: none;
					
					padding: 20px 0px 0px 0px;
					margin-top: 20px;
	
	
					border-top: double 3px #5f696a;
				}

					.copyrightbox {
						float: none;
		
						padding: 0px 5px;
					}	
					
				/* Ajankohtaiset-sivun laatikot */
				.announcement_box
				{
					padding: 10px 0px 5px 0px;
					margin: 0px 0px 10px 0px;
					border-top: dotted 1px;
				}

				.announcement_image
				{
					display: none;
				}	
				
				/* Tuotesivujen laatikot*/
				.productpage_chocolatetypebox
				{
					padding: 5px 0px 10px 0px;
					margin: 10px 0px 30px 0px;
					border-top: dotted 1px;
					border-bottom: dotted 1px;
				}										


				/*////////////////////////////////////////////////////////////	 	
					HANDHELD TEXT PARAGRAPH SETTINGS
				////////////////////////////////////////////////////////////*/

				h1
				{
					font-family: Tahoma, Verdana, Arial, Sans-serif;
					font-size: 1.5em;
					font-weight: bold;

					margin: 20px 0 10px 0;

					color: #513827;
				}

				h2
				{
					font-family: Tahoma, Verdana, Arial, Sans-serif;
					font-size: 1.2em;
					font-weight: bold;

					margin-bottom: 10px;

					color: #513827;
				}

				p 
				{
					font-family: Tahoma, Verdana, Arial, Sans-serif;
					font-size: 1em;
					line-height: 1.6em;
					text-indent: 0.0cm;

					padding: 0px;
					margin: 0px;

					color: #6b6b6b;
					background-color: transparent;
				}
				
					.copyright_text {
						font-size: 0.8em;
					}

					.standard_paragraph {
						margin-left: 10px;
						margin-bottom: 10px;
					}

					.boldtext 
					{
						font-weight: bold;
					}

					.whitetext
					{
						color: #fff;
					}

					.field_desc
					{
						color: #fff;
						font-size: 0.8em;
					}

					.chocolatetypetext
					{
						font-weight: bold;
						font-size: 1.0em;
						margin-left: 10px;
					}
											
								
				/* Valikon määrittelyt */

				#dropmenudiv {
					display: none;
				}
								
				.mainmenutext
				{
					color: #fff;
					background-color: transparent;
				}
				
				.mainmenu_itemblock
				{
					float: none;
		
					padding: 3px 3px 3px 5px;
	
					border-top: solid 1px #4a4a4a;
					border-right: solid 1px #000;
					border-bottom: solid 1px #000;
					border-left: solid 1px #4a4a4a;
	
					background: #262626;
				}
				
				.mainmenu_itemblock:hover {
					background: #4a4a4a;
				}

					a.mainmenuitem 
					{ 
						font-family: Tahoma, Verdana, Arial, Sans-serif;
						font-size: 1em;						
						font-size: 0.9em;
						font-weight: normal;
				    	color: #fff;
						text-decoration: none;
						background-color: transparent;
					} 

					a.mainmenuitem:hover
					{ 
					    z-index: 11;
						text-decoration: none;
						color: #f2c78e;
						background-color: transparent;
					}

					a.mainmenuitem:active
					{ 
					    z-index: 11;
						text-decoration: none;
						color: #f2c78e;
						background-color: transparent;
					}
				
				.submenuitem {
					float: none;
		
					padding: 3px 3px 3px 10px;
					
					border-top: solid 1px #262626;
					border-right: solid 1px #000;
					border-bottom: solid 1px #000;
					border-left: solid 1px #262626;					
	
					background-color: #191919;					
				}
				
				.submenuitem:hover {
					background: #262626;
				}
				
				
				/* Links */

				a.chocolatetype
				{
					color: #6b6b6b;
					text-decoration: none;
					background-color: transparent;
					border-bottom: dotted 1px;
				}

				a.chocolatetype:hover
				{
					color: #8a7151;
					text-decoration: none;
					border-bottom: none;
				}							
	
}