@import url(resetclearfix.css);

html {
	/* voor het tonen van de (non)actieve scrolbar, zodat de pagina niet verschuift */
	height: 100%;
	overflow: -moz-scrollbars-vertical;
}

body {
	background: #fff url("../images/bg.jpg") repeat-x;
	color: #272525;
	font: 12px Arial, Verdana, Tahoma, Trebuchet MS;
}

div.container {
	width: 960px;
	margin: 66px auto 100px auto;
	border: 0;
	text-align: left;
	min-height: 500px;/*zie lt_ie7.css*/
}

/* -- basic link --- do change! ------------------------------------------------------------------------ */
a {color:#272525;}
a:visited {color:#272525;}
a:hover {color:#272525;}
a:active {color:#272525;}


/* -- Text elements ----------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {color:#000;}
h1 {font-size: 16px; font-weight:bold; border-bottom:1px dotted #bfbfbf; padding:0 0 10px 0; margin-bottom:32px;}
h2 {font-size: 16px; font-weight:bold; border-bottom:1px dotted #bfbfbf; padding:0 0 10px 0; margin-bottom:15px;}
h3 {font-size: 12px;}
h4, h5, h6 {font-size: 10px;}

p.news {
	margin:0 0 15px 0;
	line-height:18px;
}

p.news img {
	display:block;
}

/* -- form specifications ----------------------------------------------------------------------------- */
select, input, textarea {
	font: normal 100% Arial, Verdana, Tahoma, Trebuchet MS;
	color: #000;
}
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 {overflow:hidden;width:912px; margin:0 auto;}

/* -- kolommen (gebruiken voor layout) ------------------------------------------------------- */
div.main {
	margin: 20px 0;
}
div.col1-left {
	width:650px;
	float:left;
	margin: 0 0 0 0;
}

div.main2 {
	margin: 10px 0;
}

div.col2-right {
	width:241px;
	float:right;
	padding:62px 0 24px 0;
}


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

/* header */
div.header 	   {width: 431px;}
div.header img {display: block;}

div.visual img {display: block;}

div.news-pic {
	background: url("../images/news_pic.jpg") no-repeat;
	width: 650px;
	height: 60px;
	margin-top:25px;
}

/* content */

div.news-blokje {margin:0 0 35px 0; line-height:18px;}

div.blokje {margin:0 0 20px 0;}

div.blokje img {display:block;}

div.news-pic img {display:block;}

/* sitemap */

div.sitemap {
	margin: 30px 0 0 0;
}

/* offerte */

table.offerteformulier {

}

table.offerteformulier td {
	width: 215px;
	height: 25px;
}

div.bedankt {
	margin: 30px 0 0 0;
}

/* footer */
div.footer {
	font-size:11px;
	color:#000;
	width: 912px;
	margin: 0 auto 20px auto;
	text-align: left;
	border-top:1px dotted #bfbfbf;
	padding:10px 0 0 0;
}

	div.footer .right {
		display: block;
		width: 100px;
		float: right;
		text-align: right;
	}

div.footer a:link, div.footer a:visited  {
	color:#000;
	text-decoration:none;
}

div.footer a:hover, div.footer a:active  {
	color:#000;
}