html, body { 
	background-color: #ececea;
	color: #333;
	}
	
#doc4, #doc2  {
	background-color: #fff;
	}
#doc2 {
	border-right: 13px solid #fff;
	border-left: 13px solid #fff;
	}
#ft {
	padding: 0 0 0px 0;
	}
	
.yui-t8 #yui-main{float:right;margin-left:-25em;/* IE: preserve layout at narrow widths */}	

.yui-t8 .yui-b {float:left;width:18.4608em;*width:18.016em;}
.yui-t8 #yui-main .yui-b {margin-left:19.4608em;*margin-left:19.016em;}


	
/* ----------------------------------- header ---------------------------------- */
	
#hdr {
	position: relative;
	height: 140px;
	margin: 0 15px;
	}
#hdr h1 {
	position: absolute;
	top: 70px;
	left: 0px;
	z-index: 5;
	}
#hdr h1 a {
	display: block;
	width: 170px;
	height: 50px;
	background: url('../img/poncius.png') no-repeat; 
	text-decoration: none;
	text-indent: -3000px;
	}
#hdr ul {
	margin-left: 120px;
	border-top: 2px solid #D9D9D9;
	width: auto;
	}
#hdr ul li {
	float: left;
	width: 150px;
	padding:  20px 0 0 0;
	}
#hdr ul li a {
	display: block;
	text-decoration: none;
	font-size: 116%;
	font-weight: bold; 
	letter-spacing: -0.75px;
	color: #333;
	border-left: 1px solid #CAC9C4;
	padding: 0px 10px;
	}
#hdr ul li a:hover {
	color: #989898;
	}	
	
#hdr ul li.on {
	background-color: #666;
	padding: 0px;
	}
#hdr ul li.on a {
	color: #fff;
	padding: 20px 10px;
	}	
		
	
/* ----------------------------------- heading ---------------------------------- */

#heading {
	position: relative;
	margin: 0 15px;
	height: 165px;
	border-bottom: 2px solid #D8D8D8;
	}
#heading h2 {
	padding: 60px 0 0 0;
	font-size: 77px;
	color: #fff;
	font-weight: bold;
	letter-spacing: -4px;
	}

ul#sterkemerken {
	height: 130px;
	background-color: #9B9B9B;
	width: auto;
	}
ul#sterkemerken li {
	position: relative;
	height: 130px;
	float: left;
	width: 24.89%;
	border-left: 1px solid #fff;
	}

ul#sterkemerken li a {
	display: block;
	position: absolute;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	height: 15px;
	width: 230px;
	bottom: 0px;
	padding: 5px 0px 5px 5px;
	border-top: 1px solid #fff;
	font-size: 92%;
	background-image: url('../img/opacity-60.png');
	cursor: pointer;
	}

*html ul#sterkemerken li a {
	background-color: #000;
	filter: alpha(opacity=60);
	background-image: none;
	}
ul#sterkemerken li a div {
	display: none;
	position: absolute;
	top: 30px;
	left: 5px;
	width: 200px;
	font-size: 77%;
	color: #fff;
	}
ul#sterkemerken li.sm56 	{	background: url('../img/muranodue.jpg') no-repeat top center;	}
ul#sterkemerken li.sm70		{	background: url('../img/tivoliaudio.jpg') no-repeat top center;	}
ul#sterkemerken li.sm61		{	background: url('../img/evasolo.jpg') no-repeat top center;	}
ul#sterkemerken li.sm69		{	background: url('../img/zack.jpg') no-repeat top center;	}
ul#sterkemerken li.sm102	{	background: url('../img/sandeluce.jpg') no-repeat top center;	}
ul#sterkemerken li.sm86		{	background: url('../img/terzani.jpg') no-repeat top center;	}
ul#sterkemerken li.sm84		{	background: url('../img/flos.jpg') no-repeat top center;	}
ul#sterkemerken li.sm85		{	background: url('../img/leucos.jpg') no-repeat top center;	}
ul#sterkemerken li.sm87		{	background: url('../img/vibia.jpg') no-repeat top center;	}
ul#sterkemerken li.sm88		{	background: url('../img/cininils.jpg') no-repeat top center;	}
ul#sterkemerken li.sm89		{	background: url('../img/tossb.jpg') no-repeat top center;	}
ul#sterkemerken li.sm90		{	background: url('../img/fabbian.jpg') no-repeat top center;	}
ul#sterkemerken li.sm81		{	background: url('../img/vessel.jpg') no-repeat top center;	}
ul#sterkemerken li.sm101	{	background: url('../img/senz.jpg') no-repeat top center;	}
	
ul#sterkemerken li.sm74		{	background: url('../img/stelton.jpg') no-repeat top center;	}
ul#sterkemerken li.sm73		{	background: url('../img/menu.jpg') no-repeat top center;	}
ul#sterkemerken li.sm83		{	background: url('../img/stadlerform.jpg') no-repeat top center;	}
ul#sterkemerken li.sm78		{	background: url('../img/blomus.jpg') no-repeat top center;	}
ul#sterkemerken li.sm79		{	background: url('../img/philippi.jpg') no-repeat top center;	}
ul#sterkemerken li.sm80		{	background: url('../img/radius.jpg') no-repeat top center;	}
	
ul#sterkemerken li.sm77		{	background: url('../img/jacobjensen.jpg') no-repeat top center;	}
ul#sterkemerken li.sm76		{	background: url('../img/alessi.jpg') no-repeat top center;	}
ul#sterkemerken li.sm75		{	background: url('../img/mondaine.jpg') no-repeat top center;	}
ul#sterkemerken li.sm82		{	background: url('../img/idea.jpg') no-repeat top center;	}
	
ul#sterkemerken li.sm57		{	background: url('../img/noteborn.jpg') no-repeat top center;	}
ul#sterkemerken li.sm59		{	background: url('../img/diecollection.jpg') no-repeat top center;	}
ul#sterkemerken li.sm91		{	background: url('../img/interstar.jpg') no-repeat top center;	}
	
		
		
	
	
	
	
		

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
/* ----------------------------------- Base ---------------------------------- */
	
h3 {
	font-size: 121%;
	color: #333333;
	margin: 0 0 0.8em 0;
	letter-spacing: -0.75px;
	}
	
h2#description {
	font-size: 36px;
	color: #C7C6C6;
	font-weight: bold;
	letter-spacing:-2px;
	line-height: 38px;
	margin: 0 0 25px 0
	}
	
	
/* ----------------------------------- intro ---------------------------------- */

#home_left h3 {
	font-weight: bold;
	}
#home_left h3 {
	font-weight: bold;
	}
#home_left p {
	color: #383838;
	line-height: 136.5%;
	padding: 0 35px 0 0;
	margin: 0 0 1.9em 0;
	}
#home_left table {
	color: #383838;
	}
#home_left table th {
	padding: 0 15px 0 0;
	}	
	
.description h3 {
	font-weight: bold;
	}
.description p {
	color: #383838;
	line-height: 136.5%;
	padding: 0 35px 0 0;
	margin: 0 0 1.9em 0;
	}
.description table {
	color: #383838;
	}
.description table th {
	padding: 0 15px 0 0;
	}	
	
	
	
/* ----------------------------------- adres ---------------------------------- */

#adres {
	padding: 0 0 0 30px;
	margin: 0 0 1.9em 0;
	}
#adres h3 {
	font-weight: bold;
	}
#adres .map {
	background-color: #ECECEA;
	padding: 5px;
	}
#adres .map a {
	float: left;
	margin: 0 7px 0 0;
	}

/* ----------------------------------- nieuwtjes ---------------------------------- */

#nieuwtjes {
	padding: 0;
	}
#nieuwtjes h3 {
	font-weight: bold;
	}
#nieuwtjes ul li {
	margin: 0 0 25px 0;
	background: url('../img/nws_li.gif') repeat-y left top;
	}
#nieuwtjes ul li a {
	padding: 0 0 5px 43px;
	display: block;
	text-decoration: none;
	color: #383838;
	background-image: url('../img/nws_li_a.gif');
	background-repeat: no-repeat;
	background-position: 0px -100px;
	}
#nieuwtjes ul li a:hover {
	color: #000;
	background-position: 0px -100px;
	}	
	
#nieuwtjes ul li a h4 {
	font-size: 128.5%;
	font-weight: bold;
	}
#nieuwtjes ul li a:hover h4 {
	text-decoration: underline;
	}		
	
#nieuwtjes ul li a h5 {
	font-size: 121%;
	font-weight: bold;
	letter-spacing: -1px;
	color: #A5A5A5;
	}
	
	
/* ----------------------------------- Breadcrumb ---------------------------------- */

ul#breadcrumb  {
	width: auto;
	margin: 0 15px;
	border-top: 2px solid #D8D8D8;
	padding: 15px 0 0 0;
	}
ul#breadcrumb li {
	float: left;
	font-size: 167%;
	font-weight: bold;
	letter-spacing: -1px;
	}
ul#breadcrumb li span {
	padding: 0 10px;
	}
ul#breadcrumb li a {
	color: #333;
	text-decoration: none;
	}
ul#breadcrumb li em {
	color: #C7C6C6;
	font-weight: bold;
	}

	
/* ----------------------------------- bd ---------------------------------- */

#bd {
	clear: left;
	background-color: #fff;
	padding: 15px 15px 35px 15px;
	min-height: 300px;
	}

/* ----------------------------------- content ---------------------------------- */

#content {
	font-size: 108%;
	color: #383838;
	line-height: 136.5%;
	}	
#content p {
	margin-bottom: 1em;
	}
	
	
#content a {
	color: #A02201;
	}
#content a:hover {
	background-color: #ECECEA;
	}	
/* ----------------------------------- footer ---------------------------------- */
		
	
#mixnpick {
	margin: 0 3px;
	background-color: #666;
	padding: 15px;
	}
#ft h3 {
	float: right;
	font-weight: bold;
	font-size: 138.5%;
	letter-spacing: -1px;
	color: #fff;
	}
#ft ul {
	float: left;
	}
#ft ul li a {
	text-decoration: none;
	color: #fff;
	font-size: 85%;
	}	
#ft ul li a:hover {
	text-decoration: underline;
	}
#ft p {
	font-size: 85%;
	padding: 20px 0;
	color: #383838;
	}
	
	
	
/* ----------------------------------- submenu ---------------------------------- */
#submenu ul li {
	border-top: 1px solid #F2F2F2;
	margin: 0 10px 0 0;
	}
#submenu #LM_level_2 {
	margin-left: 15px;
	}

#submenu ul li a {
	font-size: 85%;
	font-weight: bold;
	display: block;
	padding: 5px 0 5px 0;
	color: #989898;
	text-decoration: none;
	}	

#submenu ul li span {
	font-size: 85%;
	font-weight: bold;
	display: block;
	padding: 5px 0 5px 0;
	color: #000;
	text-decoration: none;
	}	
	
	
/* ----------------------------------- mailform ---------------------------------- */

#mailForm {
	}
#mailForm fieldset {
	background: #F5F5F5;
	padding: 10px;
	}
#mailForm fieldset input,
#mailForm fieldset textarea {
	letter-spacing: 100%;
	padding: 3px;
	border: 1px solid #D8D8D8;
	}	
.entrycaption {
	margin: 0 0 10px 0;
	}
.entrycaption img {
	float: left;
	margin: 0 10px 0 0;
	}
.entrycaption span {
	color: #666;
	font-size: 68.5%;
	line-height: 77%;
	}
#mailForm label {
	width: 140px;
	display: inline-block;
	vertical-align: top;
	padding: 3px 10px 0 0;
	}
.ecaptcha {
	padding: 0 0 0 155px;
	}
#mailForm label.error {
	display: block;
	font: 85% arial, sans-serif;
	width: auto;
	font-style: italic;
	font-weight: normal;
	color: #A02201;
	padding: 5px 0 0 155px;
	}
#mailForm input.error,
#mailForm textarea.error  {
	background-color: #fff;
	border-style: dotted;
	border-width: 1px;
	border-color: #A02201;
	margin: 0;
	font: 100% arial, sans-serif;
	color: #000;
	}
#mailForm .btn-container {
	padding: 0 0 10px 155px;
	}