/* -- resetten ---------------------------------------------------------------------------------------- */
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,blockquote,th,td,p{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;font-size:inherit;font-size:100%;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ul {margin:0 0 0 15px;padding:0;} ol {margin:0 0 0 30px;padding:0;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
form {display: inline;}
*:focus {outline:none;}
/* -- basic  ------------------------------------------------------------------------------------------- */
html {
	/* voor het tonen van de (non)actieve scrolbar, zodat de pagina niet verschuift */
	height: 100%;
	overflow: -moz-scrollbars-vertical;
}

body {
	background: #ebebeb url("../images/bg.jpg") no-repeat center top;
	color: #595959;
	font-family: Helvetica, Arial, Verdana, Tahoma;
	text-align: center;
	font-size: 12px;
}

div.container {
	width: 960px;
	margin: 0 auto;
	border: 0;
	background-color: #fff;
	text-align: left;
	min-height: 500px;/*zie lt_ie7.css*/
	border-bottom:1px solid #cbcbcb;
}

/* -- basic link --- do change! ------------------------------------------------------------------------ */
a {color:#595959;}
a:visited {color:#595959;}
a:hover {color:#595959; text-decoration:none;}
a:active {color:#595959;}


/* -- Text elements ----------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {color:#f00;}
h1 {font-size: 23px; border-bottom:1px dotted #ccc; padding:0 0 10px 0; color:#1a1a1a; font-family:Georgia; font-weight:normal;}
h2 {font-size: 1.2em;}
h3 {font-size: 1.1em;}
h4, h5, h6 {font-size: 1em;}

p.headertext {
	margin:10px 0 10px 0;
	line-height: 21px;
	font-size:14px;
}

p {
	margin:10px 0 10px 0;
	line-height: 21px;
	color:#595959;
	font-size: 14px;
}

/* -- form specifications ----------------------------------------------------------------------------- */
input.textfield, textarea.textfield {
	border: solid 1px #aaa;
	padding: 2px;
	width: 219px;
}
select.select {
	border: solid 1px #aaa;
	padding: 2px;
}

input.submit {
	background-color:#1e1d1d;
	padding:4px 5px;
	border:none;
	color:#fff;
	font-weight:bold;
}

/* -- Basic layout elements --- dont change! ---------------------------------------------------------- */
/* -- Om kolommen te maken zet je een 'wrapper' direct om gefloate elementen heen. zie voorbeeldkolommen hieronder */
div.wrapper { width:100%;}
div.wrapper2 {display: table; width:100%; margin-bottom:60px;}

/* -- kolommen (gebruiken voor layout) ------------------------------------------------------- */
div.main {
	margin: 20px 0;
}
div.col1-left {
	margin:0 0 0 20px;
	width:290px;
	float:left;
	display:inline-block;
}
div.col1-right {
	margin:0 20px 0 0;
	width:605px;
	float:right;
	display:inline;
}
div.main2 {
	margin: 10px 0;
}
div.col2-left {
	width:290px;
	float:left;
	margin:0 0 0 25px;
	display:inline-block;
}
div.col2-right {
	width:290px;
	float:right;
	display:inline-block;
	margin:0 20px 0 0;
}

div.col3-left {
	margin:30px 0 0 20px;
	width:460px;
	float:left;
	display:inline;
}
div.col3-right {
	margin:30px 20px 0 0;
	width:430px;
	float:right;
	display:inline;
}

div.col4-left {
	margin:0 20px 0 20px;
	width:920px;
	float:left;
	display:inline-block;
}

div.col5-left {
	margin:0 20px 0 20px;
	width:600px;
	float:left;
	display:inline-block;
}

div.col6-left {
	margin:0 20px 0 20px;
	width:600px;
	float:left;
	display:inline-block;
}


/* -- specific elements ------------------------------------------------------------------------------- */

/* header */
div.header {
	height: 95px;
}

div.header-right {
	background: url(../images/header_right.jpg) no-repeat;
	width:550px;
	height:95px;
	float:left;
}

div.headertext-left {
	color:#595959;
}

div.visual img {
	display:block;
}

div.logo {float:left;}
div.logo img {display:block;}

/* menu */

ul.menu {
	float: right;
	display:block;
	margin:64px 0 0 0;
	padding:0;
	list-style:none;
}

ul.menu li.home a, ul.menu li.home a:visited  {background-image:url(../images/home_positive.jpg); width:100px; height:30px; display:block;}
ul.menu li.home a:hover, ul.menu li.home a.active {background-image:url(../images/home_positive.jpg);  width:100px; height:30px; display:block;}

ul.menu li.producten a, ul.menu li.producten a:visited  {background-image:url(../images/producten_positive.jpg); width:100px; height:30px; display:block;}
ul.menu li.producten a:hover, ul.menu li.producten a.active {background-image:url(../images/producten_positive.jpg);  width:100px; height:30px; display:block;}

ul.menu li.prijzen a, ul.menu li.prijzen a:visited  {background-image:url(../images/prijzen_positive.jpg); width:100px; height:30px; display:block;}
ul.menu li.prijzen a:hover, ul.menu li.prijzen a.active {background-image:url(../images/prijzen_positive.jpg);  width:100px; height:30px; display:block;}

ul.menu li.bestellen a, ul.menu li.bestellen a:visited  {background-image:url(../images/bestellen_positive.jpg); width:100px; height:30px; display:block;}
ul.menu li.bestellen a:hover, ul.menu li.bestellen a.active {background-image:url(../images/bestellen_positive.jpg);  width:100px; height:30px; display:block;}

ul.menu li.contact a, ul.menu li.contact a:visited  {background-image:url(../images/contact_positive.jpg);  width:100px; height:30px; display:block;}
ul.menu li.contact a:hover, ul.menu li.contact a.active {background-image:url(../images/contact_positive.jpg);  width:100px; height:30px; display:block;}

ul.menu li.home {
	float: left;
	margin-right:5px;
}

ul.menu li.producten {
	float: left;
	margin-right:5px;
}

ul.menu li.prijzen {
	float: left;
	margin-right:5px;
}

ul.menu li.bestellen {
	float: left;
	margin-right:5px;
}

ul.menu li.contact {
	float: left;
	margin-right:0;
}

div.contact-banner {
	display: inline-block;
	margin:30px 0 20px 0;
}

div.contact-banner img {
	display:block;
}

div.bg-yellow {
	background: url(../images/bg_yellow.jpg) repeat-x;
	width:100%;
	height:6px;
}

/* Kies uw model */

div.modelpic {
	float: left;
	width: 290px;
	display:block;
	margin:0 0 40px 0;
}

div.modelpic span {
	float: left;
	display:block;
	width:150px;
	font-size:14px;
	line-height: 21px;
}

div.modelpic img {
	display:block;
	float: left;
	width: 140px;
}

/* Contact formulier */

table.contactformulier td {
	height: 25px;
	width: 225px;
}

/* Produkten pagina */

.produkt {
    border: 2px solid #f2d225;
}

/* footer */
div.footer {
	width: 960px;
	margin: 25px auto 0 auto;
	border: 0;
	text-align: left;
}

div.footer-left {
	background: url(../images/footer_left.jpg) no-repeat;
	width: 490px;
	height: 58px;
	padding: 22px 0 0 0;
	float: left;
	color: #a2a2a2;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

div.footer-left img {display:block;}

div.footer-right {
	background-color:#ebebeb;
	float: right;
	text-align:right;
	color: #a2a2a2;
}

div.footer-left a, div.footer-right a {
	color: #a2a2a2;
	text-decoration: none;
}

div.footer-left a:hover, div.footer-right a:hover {
	text-decoration: underline;
}