@media print {
  	div { display: none; }
  	.wrapper { display: block; }
  	div#bg { display: block; }
  	.outer { display: block; }
  	.float-wrap { display: block; }
  	.center { display: block;} 
    .container-left {display:none}
    .left {display:none}
}

@media screen {
body { 
  	margin: 0;
  	padding: 0;
  	text-align: center;
  	background-image:url(/editor/images/total_bg.jpg);
  	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-style:normal;
    color:#0B2857;
    font-size:11px;
	}


.wrapper {
  	margin: 0 auto;
  	width: 802px;
  	text-align: left;
    background: url(/editor/images/boven_top.gif) no-repeat;
  	margin-top:22px;
  	border:2px #FFF solid;
}

div#header {
    height: 153px;
    width: 802px;
    background: url(/editor/images/a_03.jpg) no-repeat;
    margin:0;
    padding:0;
    display: block;
}

div#bg {
    background: url(/editor/images/body_bg.jpg) repeat;
    padding:0;
    margin:0;
}

.outer {
  	position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
  	margin-left: 176px;    /*** Critical left col dimension value ***/
  	width: 406px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
  	/*background: #fff;  /*** Sets background of center col***/
}

.float-wrap {
  	float: left;
  	width: 461px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
  	background:#FFF;
  	margin-right:6px;
  	position:relative;
}

.center {
  	float: right;
  	width: 446px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
  	background:#FFF; 
  	padding:6px;
  	/* Hidden from IE-mac */
}
.container-left {
  	width: 176px;    /*** Critical left col dimension value ***/
  	padding-bottom: 120px;   /*** To keep content from going underneath the AP bottom boxes ***/ 
  	background:url(/editor/images/schroeven.jpg) no-repeat bottom;	
  	display:block;
}

.left {
  	background:url(/editor/images/fill.jpg) repeat-y;	
  	position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
  	width: 176px;    /*** Critical left col/divider dimension value ***/
  	margin-left: -176px;    /*** Critical left col/divider dimension value ***/
  	padding-bottom:50px;
  	margin-bottom:0;
	
}

* html .left {
  	float:left;	
}


.right {
  	float: left; 
  	position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
  	width: 162px;    /*** Critical right col/divider dimension value ***/
  	margin-right: -162px;    /*** Critical right col/divider dimension value ***/
  	margin-left: 0;   /*** Static fix ***/
}



div#nieuws {
  	width:158px;
  	margin: 0 0 0 1px;
  	background:#FFF url(/editor/images/fill_news.jpg) repeat-y;
  	padding-top: 1px;
  	padding-bottom:5px;
	
}

	/* nieuws headlines */
ul.nheadlines {
  	list-style:none;
  	font-size: 10px;
  	margin:0 0 4px 2px;
  	padding:0 ;
  	display:block;
		
}
	
ul.nheadlines li {
  	padding: 2px;
  	margin: 0;
  	color:#505050;
		
			
}
ul.nheadlines li a{
  	color:#505050;
  	padding:0;
  	margin:0;
  	text-decoration:none;
			
}
.titel_nieuws {
  	font-weight:bold;
  	font-size:11px;
  	color:#1B46AB;
}

h3#titel {
  	font-weight:bold;
  	font-size:11px;
  	color:#0F3A71;
}


div#adres {
  	margin:5px 0;
  	padding:0;
  	height:auto;

}
/* \*/
* html .right {
  	margin-left: 0px; 
  	margin-right: -500px; 
  	mar\gin-right: -162px;

}
/* */

.container-right { 
  	/* \*/width: 150px;/* Hidden from IE-Mac */   /*** Critical right col dimension value ***/
  	margin-left: 3px;    /*** Critical right divider dimension value ***/
  	padding-bottom: 110px;   /*** To keep content from going underneath the AP bottom boxes ***/
}

/* \*/
* html .container-right {
  	fl\oat: right;
  	margin-left: 2px; 
  	mar\gin-left: 0px; 
}


/*nav*/
#nav, #nav ul { /* all lists */        
    margin:19px 0;
    list-style: none;
    float : left;
    width: 125px;
    padding-left: 10px;
}

#nav li { /* all list items */
    float : left;
    line-height : 1.25em;
    width: 155px;
}

#nav li ul { /* second-level lists */
    opacity: .9;
    filter: alpha(opacity=90);
    position : absolute;
    left: -999em;
    margin-left : 125px;
    margin-top : -15px;
    width: 175px;    
}

	   
#nav li a {		
    width: 140px;
    display : block;
    text-decoration : none;
    color:#1A1C1E;
  	font-weight:bold;
  	padding:5px 5px 5px 15px;	
  	border-bottom:#F8F8F8 dotted;
  	background-image:url(/editor/images/zw-up.gif);
  	background-position:left;
  	background-repeat:no-repeat;		
}

#nav li ul li a {
    width: 175px;
    margin: 0;
    padding: 2px 0 3px 0;
    color: #194575;
    text-decoration: none;
    border-bottom : 2px solid #F5D81F;
  	font-weight:bold;
  	font-size:10px;
}

#nav li a:hover {
    color:#0E3D71;   
    text-decoration:none;
    background-image:url(/editor/images/bl-up.gif);
}
#nav li a.active {	
    color:#0E3D71;
    padding:5px 5px 5px 15px;	
    margin:0;
    background-image:url(/editor/images/bl-down.gif);
    background-position:left;
  	background-repeat:no-repeat;	
	}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
    left: auto;

}

ul#floatMenu {
    background-color: #EFC50F;
    padding: 4px;
  	margin-top:2px;
}

ul#floatMenu li a {
    width: 115px;
    display : block;
    text-decoration : none;
    background-color : #EFC50F;
  	background-image:none;
}

#floatMenu li ul li a {
    width: 200px;
    margin: 0;
    padding: 0 0 3px 0;
    color: #194575;
    text-decoration: none;
  	font-weight:bold;
}
		
#floatMenu li a:hover {
    color : #000;
    text-decoration:none;
  	font-weight:bold;
  	background-image:none;
	
}
		
/* mailform */
div#mailform {
    margin-top:15px;
    margin-left:20px;
    width: 420px;
    height:300px;
}

div.formrow {
    margin: 2px 0;
}

div#mailform fieldset {
    padding: 0.7em;
    margin-bottom: 10px;
}

div.formrow label {
    padding-top:4px;
    text-align:right;
    display: block;
    float: left;
    width: 160px;
}

div#mailform textarea {
    padding: 2px;
    border: 1px gray inset;
	  width: 200px;
	  background-color: #F8F8F8;
}

div.formrow input {
    border: solid 1px gray;
    width: 200px;
    padding: 1px 3px;
    background-color: #F8F8F8;
}

div.formrow input:focus {
    border: brown solid 1px;
    background-color: white;
}

div.formsubmit {
    text-align: right;
    padding-right: 5px;
 }
 .veld{
		font-family: Arial;
		font-size: 11px;
		font-style: normal;
		font-weight: bold;
		font-variant: normal;
		background-color:#F0D390;
		color: #526B58;
		border: 1px solid #526B58;
 }

hr.submenu {
		width:230px;
		float:left;
}
     

div#images {
		margin:-120px 0;
		margin: 0;
}

/* =NAVIGATIE */
ul#topNav {
		 position: absolute;
		 list-style-type: none;
		 margin: 0;
		 padding: 0;
		 margin:135px 0 0 175px;
		 display: block;
		 float:left;	
	
}

#topNav li.home {
		 width:91px;
		 height:19px;
		 display: block;
		 margin: 0;
		 padding: 0;
		 font-size: 11px;
		 font-weight:bold;
		 float: left;
}

#topNav li.home a {
	 	padding-top:3px;
		padding-bottom:5px;
		padding-left: 25px;
		width: 66px;
	    height: 10px;
		display: block;
		background:url(/editor/images/a-geel01.jpg) no-repeat;	
	 	color:#000000;
	 	text-decoration:none;
}
#topNav li.home a:hover {
		background:url(/editor/images/a-wit01.jpg) no-repeat;	
}
	
#topNav li.home a.active {
		background:url(/editor/images/a-wit01.jpg) no-repeat;	
}


#topNav li.van_mierlo {
		 width:96px;
		 height:19px;
		 display: block;
		 margin: 0;
		 padding: 0;
		 font-size: 11px;
		 font-weight:bold;
		 float: left;
}

#topNav li.van_mierlo a {
	 	padding-top:3px;
		padding-bottom:5px;
		width: 89px;
		padding-left: 7px;
	    height: 10px;
		display: block;
	 	background:url(/editor/images/a-geel02.jpg) no-repeat;	
	 	color:#000000;
	 	text-decoration:none;
	 
}
#topNav li.van_mierlo a:hover {
		background:url(/editor/images/a-wit02.jpg) no-repeat;	
}
	
#topNav li.van_mierlo a.active {
 	 	background:url(/editor/images/a-wit02.jpg) no-repeat;	
}

#topNav li.nieuws {
		 width:93px;
		 height:19px;
		 display: block;
		 margin: 0;
		 padding: 0;
		 font-size: 11px;
		 font-weight:bold;
		 float: left;
}
#topNav li.nieuws a {
	 	padding-top:3px;
		padding-bottom:5px;
		width: 76px;
		padding-left:17px;
		height: 10px;
		display: block;
	 	background:url(/editor/images/a-geel03.jpg) no-repeat;	
	 	color:#000000;
	 	text-decoration:none;
			
 
}
#topNav li.nieuws a:hover {
    background:url(/editor/images/a-wit03.jpg) no-repeat;	
}
	
#topNav li.nieuws a.active {
 	 	background:url(/editor/images/a-wit03.jpg) no-repeat;	
}

#topNav li.contact {
	 width:96px;
	 height:19px;
	 display: block;
	 margin: 0;
	 padding: 0;
	 font-size: 11px;
	 font-weight:bold;
	 float: left;
}
#topNav li.contact a {
	 	padding-top:3px;
		padding-bottom:5px;
		width: 87px;
		padding-left:9px;
	  height: 10px;
		display: block;
	 	background:url(/editor/images/a-geel04.jpg) no-repeat;	
	 	color:#000000;
	 	text-decoration:none;
	 
}
#topNav li.contact a:hover {
 	background:url(/editor/images/a-wit04.jpg) no-repeat;	
}
	
#topNav li.contact a.active {
 	 	background:url(/editor/images/a-wit04.jpg) no-repeat;	
}


#topNav li.bestellen {
		 width:92px;
		 height:19px;
		 display: block;
		 margin: 0;
		 padding: 0;
		 font-size: 11px;
		 font-weight:bold;
		 float: left;
}
#topNav li.bestellen a {
	 	padding-top:3px;
		padding-bottom:5px;
		width: 100%;
	  height: 10px;
		display: block;
	 	background:url(/editor/images/a-geel05.jpg) no-repeat;	
	 	color:#000000;
	 	text-decoration:none;
 
}
#topNav li.bestellen a:hover {
 	background:url(/editor/images/a-wit05.jpg) no-repeat;	
}
	
#topNav li.bestellen a.active {
 	 	background:url(/editor/images/a-wit05.jpg) no-repeat;	
}


/*kruimel pad */
	ul#kruimels {
		margin:10px 0 0 -20px;
		padding: 0 20px;
		width: auto;
		list-style-type: none;
		z-index: 100;
		display:block;
	
}
	
ul#kruimels li {
		margin: 0;
		display:block; 
		padding:0;
		float: left;
		color:#999;
		padding-bottom:4px;
}
		 
ul#kruimels li a{
		margin: 0;
		display:block; 
		padding: 0 5px;
		float: left;
		color:#999;
		text-decoration:none;
}
		 
		 
.clear { 
	clear: both; 
}

.bottom {

}


div#producten {
  	float:left;
  	width:190px;
  	height:110px;
  	background:url(/editor/images/blauwvlak.gif) no-repeat;
  	margin-left:8px;
}
div#producten img {
		display:block;
		margin-left:26px;
		margin-top:8px;
		width:75px;
		height:95px;
}

div#prDescr {
		display:block;
		width:75px;
		height:69px;
		margin-left:105px;
		margin-top:-94px;
		color:#FFF;
		font-weight:bold;
}
div#prDescr a{
		color:#FFF;
		font-weight:bold;
		text-decoration:none;
}


div#prPrice {
		background:#FFF;
		width:75px;
		height:20px;
		margin-left:101px;
		color:#0D3D71;
		font-weight:bold;
		padding-left:4px;
		padding-top:5px;
}
 div#printen {
  	margin-top:-30px;
  	position:absolute;
  	bottom:0; 
 }

.verder a{
		color:#505050;
		padding:0;
		margin:0;
		text-decoration:none;
}

.tabel td {
   border: 1px solid #cccccc;
   text-align:center;
   height:74px;
   width:72px;
}

}