/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

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

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background:url(images/background.gif);
 
 background-position:center top;
}

#wrapper { 
 margin: 0 auto;
 width: 953px;
}
#faux {
 background: url(images/bg2.gif);
 background-repeat:no-repeat;
 background-position:0px 20px;
 margin-bottom: 0px;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%
}
#header {
 width: 932px;
 padding-left: 10px;
 padding-right:10px;
 height: 53px;
 margin: 30px 0px 6px 0px;
}
#naw {
 width:186px;height:53px;
 background:url(images/header-naw.gif);
 background-repeat:no-repeat;
 display:inline;float:left;
}

#main { 
 background: url(images/bgtop.gif);
 background-repeat:no-repeat;
 float: left;
 color: #333;
/* border: 1px solid red;*/
 margin: 0px;
 padding: 0px;
 width: 953px;
 display: inline;
 position: relative;
}

#leftcolumn {
  float: left;
 color: #333;
 /*border: 1px solid red;*/
 margin-left: 14px;
 margin-top:1px;
 padding: 0px;
 width: 445px;
 display: inline;
 position: relative;
 background:url(images/background2.gif);
 height:510px;
 padding:30px;
 border-bottom:12px solid #C7BEAF;
 overflow-y: scroll; overflow-x:
}

#rightcolumn {
  display: inline;
 color: #333;
 margin: 0px;
 padding: 0px;
 width: 400px;
 float: right;
 height:582px;
 background:#edb4e4;
 margin-right:14px;
 margin-top:1px;
}

#footer { 
 width: 953px;
 clear: both;
 background: url(images/bgbottom.gif);
 background-repeat:no-repeat;
 background-position:bottom left;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height:35px;
}
#footer2 { 
 width: 953px;
 clear: both;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 padding-left:0px;
 padding-top:5px;
 
}
.clear { clear: both; background: none; }




/* menu */
#menu {float:right;display:inline;margin-top:39px;}
#menu ul {list-style:none}
#menu a {display:block;text-decoration:none;}
#menu li {
 display:inline;
 float:left;
}

#menu .home img {width:60px;height:14px;}
#menu .home a{
 background:url(images/menutop.gif);
 width:60px;
 height:14px;
 background-position:0px 0px;
}
#menu .home a:hover{
 background:url(images/menutop.gif);
 width:60px;
 height:14px;
 background-position:0px 13px;
}

#menu .over img {width:80px;height:14px;}
#menu .over a{
 background:url(images/menutop.gif);
 width:80px;
 height:14px;
 background-position:-60px 0px;
}
#menu .over a:hover{
 background:url(images/menutop.gif);
 width:80px;
 height:14px;
 background-position:-60px 13px;
}

#menu .producten img {width:150px;height:14px;}
#menu .producten a{
 background:url(images/menutop.gif);
 width:150px;
 height:14px;
 background-position:-140px 0px;
}
#menu .producten a:hover{
 background:url(images/menutop.gif);
 width:150px;
 height:14px;
 background-position:-140px 13px;
}

#menu .webshop img {width:80px;height:14px;}
#menu .webshop a{
 background:url(images/menutop.gif);
 width:80px;
 height:14px;
 background-position:-290px 0px;
}
#menu .webshop a:hover{
 background:url(images/menutop.gif);
 width:80px;
 height:14px;
 background-position:-290px 13px;
}

#menu .links img {width:70px;height:14px;}
#menu .links a{
 background:url(images/menutop.gif);
 width:70px;
 height:14px;
 background-position:-370px 0px;
}
#menu .links a:hover{
 background:url(images/menutop.gif);
 width:70px;
 height:14px;
 background-position:-370px 13px;
}

#menu .openingstijden img {width:150px;height:14px;}
#menu .openingstijden a{
 background:url(images/menutop.gif);
 width:150px;
 height:14px;
 background-position:-440px 0px;
}
#menu .openingstijden a:hover{
 background:url(images/menutop.gif);
 width:150px;
 height:14px;
 background-position:-440px 13px;
}

#menu .contact img {width:70px;height:14px;}
#menu .contact a{
 background:url(images/menutop.gif);
 width:70px;
 height:14px;
 background-position:-588px 0px;
}
#menu .contact a:hover{
 background:url(images/menutop.gif);
 width:70px;
 height:14px;
 background-position:-588px 13px;
}


/* fotos */
#foto1 {
 width:400px;height:371px;
}
#foto2, #foto3 {
 width:171px;height:171px;
 margin:14px;
 display:inline;float:left;
}


/* footer */

#footerlinks,#naw {padding:0px;margin:0px;float:left;}
#footerlinks li {color:black;list-style:none;display:inline;height:27px;margin-bottom:2px;}
#footerlinks li a {
 color:black;
 text-transform:lowercase;
 text-decoration:none;
 margin-left:0px;
 margin-right:15px;
 font-size:11px;
}
#footerlinks li a:hover {text-decoration:underline;}

#links {margin-left:12px;}

#copyright {color:black;font-size:11px;margin-right:10px;float:right;margin-top:2px;}
#copyright a{color:black;text-decoration:none;}
#copyright a:hover {text-decoration:underline;}
#copyright img {border:0px;vertical-align:bottom;margin-left:10px;margin-bottom:1px;}

#webstijl {margin-left:30px;}


/* typo */
#leftcolumn {color:#666666; line-height:20px;}
#leftcolumn .kop {font-weight:bold;margin-bottom:0px;}
#leftcolumn p {margin-bottom:12px;}
#paginatitel {margin-bottom:16px;margin-top:20px;} 
.leesverder {float:right;margin-top:-10px;}
#leftcolumn ul {margin-left:20px;}
#leftcolumn a {color:#625a3d;}
/*form */
.field {border:1px solid #625a3d;}