@import url("reset.css"); /* Eric Meyer global reset */

/* webEmbryo - voor screen gebruik
Gebruik dit stylesheet om aan te geven 'hoe' de elementen op de pagina komen te staan.
Bijvoorbeeld: wat de width, height, margins, padding en float's doen met Div's.
*/

/* common tags 
============================================================= */

body, th, td, div, ul li, li, input, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
}

body{
	margin: 0 auto;
	padding: 0;
}

a img, img {
	border: none;
}

/* Block structure grid 

div.col1,
div.col2,
div#wrapper {
	border: 1px solid red;
}
div#header,
div#aniHeader {	
	border-bottom: 1px solid red;
}

div#footer {
	border-top: 1px solid red;
}
*/

/* common / trigger classes
============================================================= */

.hide {
	display: none;
}

hr {
	height: 0px;
	overflow: hidden;
	border: 0;
	border-style: solid;
	margin: 20px 0;
	padding: 0;
}

/* wrapper
============================================================= */

div#wrapper {
	width: 995px;
	margin: 0 auto;
	padding: 0;
	min-height:595px;
	position: relative;
}

/* header
============================================================= */

div#header {
	display: block;
	height: 65px;
	position: relative;
}

div#pageHeader {
	display: block;
	height: 31px;
	position: relative;
	top: -53px;
}

div#header img#logo {
	position: relative;
	top: 3px;
	left: 21px;
}

div#header p#payOff {
	position: absolute;
	top: 18px;
	left: 210px;
}
div#header p#talen {
	position: absolute;
	top: 14px;
	right: 45px;
}

/* jQuery / suckerfish dropdown menu
============================================================= */

div#mainNav {
	position: relative;
	top: 7px;
	left: 21px;
}

div.pageNav {
	position: relative;
	top:1px;
	left: 21px;
}


/* mainContent
============================================================= */

div#mainContent {
	min-height: 508px;
	overflow: hidden;
}

/* mainContent > aniHeader (UFO flash)
============================================================= */

div#aniHeader {
	display: block;
	height: 295px;
	overflow: hidden;
	/* margin: 0 0 51px 0; */
	margin: 0 0 11px 0;
}

/* mainContent > col1 & col4
============================================================= */

body.defaultPage div.col1 {
	margin: 0 25px 0 40px;
	padding: 0 0 0 0;
	display: block;
	width: 430px;
	min-height: 211px;
	float: left;
}
body.defaultPage div.col4 {
	margin: 0 0 0 40px;
	padding: 0 0 0 0;
	display: block;
	width: 920px;
	min-height: 211px;
	float: left;
}

/* bntItem
============================================================= */

div.btnItem {
	display: block;
	height: 68px;
	padding: 0 0 0 68px;
}

div.btnItem h4 {
	margin: 0;
	padding: 19px 0 0 0;
}

/* mainContent > col2
============================================================= */

div.col2 {
	margin: 0 25px 0 502px;
	padding: 0 0 0 0;
	display: block;
	min-height: 211px;
}

div.col2 img.leftImg {
	margin: 0 10px 10px 0;
}

div.col2 img.rightImg {
	margin: 0 0 10px 10px;
}

div.col2 div.colLeft {
	margin:0px;
	padding:0px;
	display: block;
	float:left;
	width:250px;
}
div.col2 div.colRight{
	margin:0px;
	padding:0px;
	display: block;
	float:right;
	width:200px;
}
/* locatie en info > google maps
============================================================= */

div.col2 div.googleMaps {
	margin: 0 0 20px 0;
}

div.col2 iframe.googleMaps {
	margin: 0 0 20px 0;
}

div#googleMaps {
	display: block;
	width: auto;
	height: 500px;
}

div#googleMaps p.address {
	margin: 0;
	padding: 0;
}

/* locatie en info
============================================================= */

body.locatie div.col1 {
	width: 375px !important;
	margin-left: 0;
	float: left;
}

body.locatie div.col2 {
	width: 480px !important;
	margin: 0 20px 0 503px;
	margin: 0 20px 0 492px;
}

body.locatie div.col1 img.payOff {
	margin-bottom: 25px;
}


/* aanvraag formulier en info
============================================================= */

body.aanvraagformulier div.col1, 
body.aanvraagformulier div.col2 {
	min-height: 160px !important;
}

div.aanvraagForm fieldset {
	margin: 0 0 30px 0;
	padding: 0;
}

div.aanvraagForm fieldset legend {
	display: none;
}

div.aanvraagForm fieldset p {
	margin: 0 0 5px 0;
	padding: 0;
	clear:both;
}

div.aanvraagForm label {
	display: block;
	width: 472px;
	margin-right: 28px;
}

div.aanvraagForm input[type=text] { /* Win/IE6 settings are in ie6.css based on a classname done with javascript */
	width: 300px;
}

div.opsomming {
	overflow: hidden;
	width: 200px !important;
	position: relative;
	top: -5px;
}


div.opsommingBlock {
	overflow: hidden;
	position: relative;
	top: -6px;
}

div.opsommingBlock label {
	width: 120px !important;
	position: relative;
}

div.somBlock {
	display: block;
	width: 120px;
	float: left;
	margin-right: 20px;
}

/* prijslijst > col1
============================================================= */

body.prijslijst div.col1 {
	margin: 0 29px;
}

div.prijstlijst div.prijslijstHeader {
	display: block;
	height: 70px;
	overflow: hidden;
}

div.prijstlijst div.prijslijstDivider {
	display: block;
	height: 50px;
	overflow: hidden;
}

div.prijstlijst div.prijslijstFooter {
	display: block;
	height: 39px;
	overflow: hidden;
}

div.prijstlijst table {
	width: 927px;
	margin: 0 37px;	
}

div.prijstlijst table tr th,
div.prijstlijst table tr td {
	padding: 5px;
}

div.prijstlijst h4 {
	width: 915px;
	margin: 0 37px;
	padding: 5px;
}

/* default > col2
============================================================= */

div.col1 h1,
div.col2 h1 {
	margin: 0 0 17px 0;
}

div.col1 p,
div.col2 p {
	margin: 0 0 20px 0;
}

body.home div.col1 p {
	margin: 7px 0 10px 0;
	padding-left: 35px;
}

/* user inlog form
============================================================= */

form.userLogin {
	margin: 0;
	padding: 0;
	clear: right;
}

form.userLogin label {
	display: block;
	width: 120px;
	float: left;
}	

/* footer
============================================================= */

div#footer {
	height: 47px;
}

/* default floats & clearings
============================================================= */

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.clearLeft {
	clear: left;
}

.clearBoth {
	clear: both;
}

.clearRight {
	clear: right;
}