charset "UTF-8";
/* CSS Document */

html {
	height:100%;
	margin-bottom:0px;
}

form {
	margin:0;
	padding:0;
}

img,table {
	border:none;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.5em;
	margin:0;
	padding:0;
	font-size:12px;
	background:#CCC;	
}

/* ****STANDAARDLINKS***************************************************************** */
a:link, a:visited {
	text-decoration:underline;
	font-weight:normal;
	color:#000;
}

a:hover {
	text-decoration:underline;
	font-weight:normal;
	color:#666;
	text-decoration:none;
}


/* ****TYPOGRAFIE***************************************************************** */

p {
	margin-top:0;
	margin-bottom:10px;
	text-align:left;
}

h1, h2, h3 { 	
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-weight:bold;
	text-align:left;
}

h1 {
	font-size:24px;
}

h2 {
	font-size:18px;
	color:#F00;
}

h3 {
	font-size:16px;
}

h4 {
	font-size:14px;}


ul{
	list-style:disc;
	color:#666666;
}


/* ****HOOFDELEMENTEN***************************************************************** */

#container {
	position:relative;
	width:1024px;
	background:#CCC;
	margin:0 auto;
	display:block;
	padding:0 22px 0 22px;
	height:auto !important;
	height:100%;
	min-height:100%;
}

#header {
	background:#FFF url(../images/header.png) top center no-repeat;
	position:relative;
	width:980px;
	height:190px;
	z-index:10;
}

#topnav{
	position:relative;
	padding:116px 20px 0px 750px;
	float:left;
}

#columns{
	position:relative;
	text-align:left;
	width:980px;
	height:550px;
	min-height:550px;
	background:#FFF;
}

#iframe{
	position:relative;
	text-align:left;
	width:980px;
	height:500px;
	min-height:500px;
	background:#FFF;
	border:#FFF 0px none;
}

#leftcolumn{
	position:relative;
	width:230px;
	float:left;
	text-align:left;
}

#mainnav{
	display:block;
}

#rightcolumn {
	position:relative;
	width:700px;
	float:left;
	text-align:left;
	display:block;
	}

#pathway {
	position:relative;
	width:700px;
	text-align:left;
	padding:0 0 10px 10px;
	/*background-color:#093;*/
	}

#content {
	position:relative;
	height:400px;
	min-height:400px;
	width:700px;
	padding:0 0 0 10px;
	
	/*background-color:#093;*/
	}


#footer {
	width:980px;
	background:#CCC url(../images/footer.png) top center no-repeat;
	height:55px;
	color:#FFF;
	text-align:center;
	padding:12px 0 0 0;
	font-size:14px;
}


#payoff {
	text-align:center;
	color:#333;
	font-size:9px;
	background-color:#CCC;
	width:980px;
}


/* ****TOPNAV CLASSES***************************************************************** */

#topnav a.home{
	background:url(../images/home.png) top center no-repeat;
	float:left;
	width:90px;
	height:36px;
}

#topnav a.home:hover{
	background:url(../images/home-hover.png) top center no-repeat;
	float:left;
	width:90px;
	height:36px;	}

#topnav a.contact{
	background:url(../images/contact.png) top center no-repeat;
	float:left;
	width:90px;
	height:36px;
	}

#topnav a.contact:hover{
	background:url(../images/contact-hover.png) top center no-repeat;
	float:left;
	width:90px;
	height:36px;
	}
	

/* ****MAINNAV CLASSES***************************************************************** */

#mainnav ul{
	list-style-type:none;
	padding-bottom:15px;

	}

#mainnav li{
	padding-bottom:5px;
	}

#mainnav a.reclame{
	background:url(../images/reclame.png) top center no-repeat;
	float:left;
	width:230px;
	height:48px;
	}

#mainnav a.reclame:hover{
	background:url(../images/reclame-hover.png) top center no-repeat;
	float:left;
	width:230px;
	height:48px;	}

#mainnav a.geschenken{
	background:url(../images/geschenken.png) top center no-repeat;
	float:left;
	width:230px;
	height:70px;
	}

#mainnav a.geschenken:hover{
	background:url(../images/geschenken-hover.png) top center no-repeat;
	float:left;
	width:230px;
	height:70px;
	}
	
	
#mainnav a.projecten{
	background:url(../images/projecten.png) top center no-repeat;
	float:left;
	width:230px;
	height:70px;
	}

#mainnav a.projecten:hover{
	background:url(../images/projecten-hover.png) top center no-repeat;
	float:left;
	width:230px;
	height:70px;
	}

/* ******************************************************************************* */

.clr {
	clear:left;
}

/* ****THUMBNAILS***************************************************************** */
.thumbnails {
	margin-top:10px;
	width:700px;
	height:90px;
	padding:0 0 10px 10px;
}


.thumbnails img {
	width:90px;
	height:90px;
	padding:0 0 0 10px;
	float:left;
}
/* **** FORMULIEREN ***************************************************************** */
#form {
	position:relative;
	width:600px;
	display:block;
	}
	
.formitem, .buttons {
	position			:relative;
	width				:600px;
	padding				:10px 0 0 0;
	display				:block;
	}
	
.formitem label, .buttons label{
	width				:100px;
	height				:21px;
	float				:left;
	color				:black;
	line-height			:21px;
	clear				:left;

}	

.formitem input, .formitem inputbox, .formitem select, .formitem textarea{
	border				:1px solid #CCC;
	width				:300px;
	height				:18px;
	padding				:1px 0 0 2px;
	font-family			:Arial, Helvetica, sans-serif;
	font-size			:12px;
}

.formitem textarea{
	height				:60px;

}


.buttons input{
	border				:#CCC 1px solid;
	background			:#FFF;
	font-size			:12px;
	color				:#CCC;
	width				:100px;
	padding				:5px;
	}


.buttons input:hover{
	border				:#CCC 1px solid;
	width				:50px;
	background			:#F00;
	font-size			:12px;
	color				:#FFF;
	width				:100px;
	padding				:5px;}

label.radio_label{
	float				:left;
	display				:inherit;
	width				:10px;
}