/* Stylesheet INADA :: v1.1 (25-04-2007) */
/* Coded by "WeCode.nl" */
/* You may learn from this CSS and use its techniques in your own projects, but the unique combination of images, colors, sizes, typography, and positioning ("the design") is copyright (c) 2007 "Heck Media Management" and may not be used by anyone but us. */ /*

	Style Index
	---------------------
	$1 - Site Structure Styles
	$2 - Content Styles
	$3 - Lists Styles
	$4 - Images Styles
*/ 







/*** $1 - Site Structure Styles ***/

	*{
		margin:0;
		padding:0;
	}
	
	body {
		background:#000;
		color:#000;
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		margin:5px 0 0 0;
	}
	
	#container {
		border:3px solid #E7211A;
		margin: 0 auto;
		min-height:430px;
		width: 970px;
	}
	
	*html #container {
		width: 970px;
	}
	#body_home #container {
		background: url(../images/life_cooking2.jpg) no-repeat #000000 center -40px;
	}
	#body_product #container {
		background: url(../images/bg_container_product.jpg) no-repeat #A9A8A8 top right;
	}
	#body_history #container {
		background:#fff;
	}
	#body_content_template #container {
		background: url(../images/bg_content_template.jpg) no-repeat #A9A8A8 top right;
	}
		
	#topdetails {
		color:#a9a9a8;
		text-align:right;
		margin: 0 auto 20px auto;
		width: 940px;
	}
	
	#content {
		height:441px;
		margin:0 auto;
		width:970px;
	}
	
	#nav {
		background-color:#E61202;
		height:28px;
		padding-left:10px;
		width:960px;
	}
	
	#body_product #column_left {
		float:left; 
		width:482px;
	}
	
	#body_history #column_left {
		background:#E61202;
		float:left;
		height:391px;
		padding:40px 20px 10px 50px;
		width:210px;
	}
	
	#body_content_template #column_left {
		float:left;
		height:150px;
		padding:280px 20px 10px 50px;
		width:213px;
	}
	
	#body_content_template #column_right {
		float:right;
		padding: 30px 10px 0 10px;
		width:538px;
	}
	#body_product #column_right {
		float:right;
		padding: 20px 10px 0 10px;
		width:468px;
	}
	
	#body_history #column_right {
		background:#fff;
		float:right;  
		height:380px;
		padding: 20px 30px 0 10px;  
		overflow: auto;
		width:650px;
	}
	
	.scroll {
		height:310px;
		overflow:auto;
	}
	
	.scroll_long {
		height:410px;
		padding:0 40px 0 0;
		overflow:auto;
	}
	
	.pictures_right {
		display:block;
		text-align:right;
	}






/*** $2 - Content Styles ***/

h1 {
	font-size:24px;
	margin:0 0 10px 0;
}

h2 {
	color: #FF0000;
	font-size:36px;
	font-weight:normal;
	width:410px;
}

h4 {
	color: #FF0000;
	font-size:18px;
	font-weight:normal;
	margin:25px 0 0 0;
	width:410px;
}

#body_product h1 {
	color:#FFFFFF;
	font-size:36px;
	font-weight:normal;
}
#body_history h1 {
	color:#FFFFFF;
	font-size:24px;
	font-weight:normal;
	margin:0 0 15px 0;
}

#body_content_template h1 {
	font-size:18px;
	font-weight:normal;
	text-align:right;
}

#body_history h2 {
	background:url(../images/bg_h2.gif) repeat-x 0 32px;
	color:#7b8386;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:32px;
	padding:0 0 0 10px;
	width:620px;
}
	
.downloads h2 {
	color:#d32b27;
	font-size:12px;
	font-weight:bold;
}

.history_chairs li h3 {
	width:190px;
	background:#D2A878;
	font-size:14px;
	float:right;     
	margin: 15px 0 0 0;
}

#body_content_template #column_left p {
	font-weight:bold;
	text-align:right;
}

.history_chairs li p {
	width:190px;
	float:right;
}

.white {
	color:#FFFFFF;
}

.grey {
	color:#5a5b5a;
}

.downloads {
	color:#d32b27;
	position:absolute;
	top:395px;
}

.picture_info {
	font-size:11px;
	position:absolute;
	top:495px;
}

.downloads a {
	color:#d32b27;
}	

#body_content_template #column_right p{
	padding: 0 40px 0 0;
}





/*** $3 - Lists Styles ***/

#nav ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

#nav ul ul {
	padding-left:7px;
	text-align:center;
	width:150px;
}

#nav li {
	float:left;
	font-weight:bold;
	position:relative;
}

#nav a, #nav a:visited {
	background:#E61202;
	color:#fff;
	display:block;
	font-weight: bold;
	font-size:14px;
	height:25px; 
	line-height:24px;
	padding:4px 28px 0 18px; 
	text-decoration:none; 
}

#nav ul ul a.drop:hover {
	background:#E61202;
}

#nav ul ul :hover > a.drop {
	background:#E61202;
}

#nav table {
	border-collapse:collapse; 
	border:0; 
	bottom:-1px;
	left:0; 
	position:absolute; 
}

#nav ul ul {
	bottom:21px;
	left:0; 
	padding-bottom:8px;
	position:absolute;
	visibility:hidden;
	width:130px;
}

*html #nav ul ul {
	bottom:20px;
}

*html #nav ul table {
	width:130px;
}

#nav ul ul a:link, #nav ul ul a:visited {
	background: #737777;
	color:#fff;
	font-size:15px;
	height:auto; 
	line-height:1.5em; 
	padding:4px 10px; 
	width:145px;
	border:1px solid #aeb0b0;
	border-width:1px 0 0 0;
}
* html #nav ul ul a{
	width:140px;
	w\idth:119px;
}
* html #nav ul ul .last a{
	width:120px;
	w\idth:99px;
}

#nav a:hover, #nav ul ul a:hover{
	background:#fff;
	color:#fff; 
}

#nav :hover > a{
	background:#E61202;
	color:#fff;
}

#nav ul ul :hover > a {
	background: #737777;
	text-decoration:underline;
	border:1px solid #aeb0b0;
	border-width:1px 0 0 0;
}

#nav ul li:hover ul, #nav ul a:hover ul{
	height:auto;
	visibility:visible;
}

#nav_modellen a:link, #nav_modellen a:visited {width:90px;}
#nav_family a:link, #nav_family a:visited {width:115px;}
#nav_video a:link, #nav_video a:visited {width:90px;}
#nav_massage a:link, #nav_massage a:visited {width:90px;}
#nav_b2b a:link, #nav_b2b a:visited {width:100px;}
#nav_wellness a:link, #nav_wellness a:visited {width:110px;}
#nav_referenties a:link, #nav_referenties a:visited {width:120px;}
#nav_contact a:link, #nav_contact a:visited {width:90px;}

.last {
	width:100px;
}

a.link_media {
	color:#FFFFFF;
	display:block;
	font-weight: bold;
	font-size:14px;
	margin: 15px auto 0 auto;
	padding: 0 0 0 17px;
	text-decoration:none;
	width: 930px;
}

*html a.link_media {
	padding: 0 0 0 16px;
}

*> a.link_media{
	padding: 0 0 0 16px;
}

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

ul {
	margin:20px;
}

.downloads ul {
	margin:5px 0 0 15px;
}
    
ul.history_chairs {
	margin:0; 
	padding:0;
}
.history_chairs li {
	width:280px;
	float:left;
	margin:0 20px 10px 5px;
	padding:0;
	list-style:none;
}


ol {
	margin:20px 0 0 10px;
}

ol li {
	margin:0 0 0 20px;
	list-style: decimal;
	padding: 0 0 0 10px;
}



/*** $4 - Images Styles ***/

#topdetails img {
	margin-left:10px;
	position:relative;
	top:9px;
}

img {	
	border:0;
	margin:0;
	padding:0;
}

.pictures img {
	float:left;
}

#body_history #column_left img {
	margin:10px 0;
}
	
.history_chairs li img {
	float:left;
}









/*** $5 - Form Styles ***/

		/* 5.1 - General Form Styles */
		
			form {
				margin:18px 0 0 0;
			}
			
			form br {
				clear:both;
			}
			
			fieldset {
				border:1px solid #d4d4d4;
				clear:left;
				margin:0 0 18px 0;
				padding:0 9px 9px 9px;
			}
			
			fieldset.submit {
				border:0;
				margin:18px 0 0 0;
				padding:0 0 9px 0;
			}
			
			legend {
				color:#666;
				font-weight:bold;
				padding: 1px 3px 1px 3px;
			}
			
			label {
				color:#000;
				float:left;
				margin:9px 0 0 0;
				width:95px;
			}
			
			label.long {
				width:auto;
			}
			
			label.radio {	
				float:none;
			}
			
			input {
				border:1px solid #bbb;
				float:left;
				margin:9px 0 0 10px;
				width:180px;
			}
			
			input:focus, textarea:focus, select:focus{
				border:1px solid #999;
			}				
						
			select {
				border:1px solid #bbb;
				float:left;
				margin:9px 0 0 10px;
				width:180px;
			}
			
			textarea {
				border:1px solid #bbb;
				float:left;
				height:150px;
				margin:9px 0 0 10px;
				width:280px;
			}
			
			.radio {
				border:0;
				float:none;
				width:auto;
			}
			
			.submit {
				margin:0 20px 0 0;
				width:auto;
			}
				
			.required {
				color:#FF0000;
				font-weight:bold;
			}