@import url(styles.css);
@import url(menu.css);

/* GENERAL */

div {
	/*border: 1px solid #cccccc;*/
}
img {
	border: 0;
}
body {
	background: url(../images/back_gradient.gif) #fff repeat-x center 0px;
	margin: 0;
	padding: 0;
	height:100%;
	min-height: 100%;
	text-align:center;
	font-size: 62.5%;
}
html {
	margin: 0;
	padding: 0;
	height:100%;
}
#main {
	background-image: url(../images/back_wrapper.gif);
	background-repeat: no-repeat;
	border-top: 4px solid #160e56;
	height:100%;
	min-height:100%;
	margin: 0 auto -100px auto;
	width: 960px;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	color: #3c3c3c;
	font-size: 1.2em;
}
body>div#main {
	height: auto;
	min-height: 100%;
}
#cleaner {
	height: 100px;
	clear: both;
}


/* HOOFDING */


#header {
	height: 120px;
	padding-top: 20px;
}
#breadcrumbs {
	font-size: 0.9em;
	color: #878787;
	float: left;
	line-height: 0.8em;
}
#breadcrumbs a, #breadcrumbs a:active, #breadcrumbs a:hover, #breadcrumbs a:visited {
	color: #160e56;
	text-decoration: none;
	font-weight: bold;
}
#breadcrumbs a:hover {
	text-decoration: underline;
}
#logo {
	float:right;
	width:235px;
}
#menu { 
	clear: left;
	float: left;
	padding-top: 40px;
}
#submenu {
	width: 400px;
	padding: 6px 0 0 58px;
}
#submenu a, #submenu a:active, #submenu a:hover, #submenu a:visited {
	color: #888;
	text-decoration: none;
	font-weight: bold;
	padding: 0 4px;
}
#submenu a:hover {
	text-decoration: underline;
}


/* CONTENT */


#content {
	width: 630px;
	float: left;
}
#titel {
	background: url(../images/back_titel.gif) #e9fdc8 no-repeat 0px 0px;
	width: 630px;
	height: 95px;
	margin: -10px 0 10px -10px;
	padding: 24px 30px 0 35px;
}
#flash {
	width: 695px;
	height: 288px;
	margin: -10px 0 30px -10px;
}
.contentblok {
	width: 630px;
	padding: 0px 20px 20px 25px;
	background-image: url(../images/back_content.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	float: left;
}	
div.content_inner ul { 
	margin-left: 16px; 
	list-style-type: circle;

}
div.content_inner ul:not([attr*=""]) { margin-left: -25px; }

div.content_inner li { 
	margin: 0;
	padding: 0;
}
div.omschrijving {
	width: 250px;
	float: left;
	margin-bottom: 40px;
}
div.omschrijving_tekst {
	border-top: 3px solid #160e56;
	padding-top: 15px;
	color: #160e56;
	font-weight: bold;
}
div.omschrijving img {
	margin-bottom: 25px;
}
div.kenmerken {
	width: 350px;
	float: right;
	margin-bottom: 40px;
}
div.kenmerken img {
	margin-bottom: 25px;
}	
div.kenmerken_tekst {
	border-top: 3px solid #d2d800;
}	
p.kenmerken_header {
	color: #d2d800;
	padding: 4px 0 0 0;
	margin: 0;
	margin-bottom: 15px;
	width: 350px;
	font-weight: bold;
}
div.specificaties {
	border-top: 3px solid #d2d800;
	margin-top: 15px;
	width: 630px;
	clear: both;
}
p.specificaties_header {
	color: #d2d800;
	margin: 0;
	margin-bottom: 15px;
	padding: 4px 0 0 0;
	clear: both;
	font-weight: bold;
}


div.productblok {
	width:270px;
	float:left;
	margin-right:30px;
	padding:10px 0 20px 0;
	border-top: 2px solid #d2d800;
}
div.producttitel {
	width:150px;
	float:left;
}
.productfoto {
	float:right;
	margin-left: 20Px;
}





/* ZIJKANT */


#sidemenu {
	width: 190px;
	padding: 0px 20px 20px 25px;
	background-image: url(../images/back_sidemenu.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	float: right;
}
#sidemenu ul { 
	margin: 0 0 10px 0; 
	padding: 0;
}
#sidemenu li { 
	list-style-type: none;
	display: block;
	margin: 0; 
	padding: 0; 
}
.sidemenu_top {
	margin-left: -25px;
}

#sidemenu a, #sidemenu a:active, #sidemenu a:hover, #sidemenu a:visited {
	color: #3c3c3c;
	text-decoration: none;
	font-weight: normal;
}
#sidemenu a:hover {
	text-decoration: underline;
}


/* FOOTER */


#footer {
	height: 100px;
	width: 960px;
	text-align:left;
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	color: #3c3c3c;
	font-size: 1.1em;
}	
#footer_top {
	padding: 25px 0 6px 0;
}
#footer_bottom {
	border-top: 1px solid #ccc;
	padding-top: 6px;
	text-align: right;
}
#footer a, #footer a:active, #footer a:hover, #footer a:visited {
	color: #160e56;
	text-decoration: none;
	font-weight: bold;
}


/* CLEARFIX */


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