html {
	height:100%;
	margin:0;
	padding:0;
}
body {
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#cdcdcd url(images/bg.jpg) top center no-repeat ;
	color:#333;
	margin:0;
	padding:0;
	height:100%;
}

h1 {
	font-size:16px;
	font-weight:600;
	color:#666;
	border-bottom:1px solid #666;
}
h2 {
	font-size:14px;
	font-weight:600;
	color:#336699;
}
h3 {
}
.imgfloat{
	float:left;
	margin:0 10px 10px 0;
}	
.clear {clear:left;}
.arrow {
	background:url(images/arrow.jpg) left top no-repeat;
	padding-left:20px;
}
#container {
	position:relative;
	width:950px;
	left: 50%;
	margin-left: -475px;
	padding:0;
	height: auto !important; /* Use the correct setting in compliant browsers */
    _height:100%;		/*for IE*/
	min-height:100%;	/*for Firefox*/
}
#header{
	position:relative;
	width:950px;
	height:220px;
	background:url(images/first_descents.png) top left no-repeat;
	}
#header h1 {
	position:absolute;
	display:block;
	width:205px;
	height:140px;
}
#header a.home {
	position:absolute;
	width:100%;
	height:100%;
	text-indent:-9999px;
}
#pagina {
	padding-bottom:150px;	/*for footer*/
	background:url(images/bg_main.png) top center no-repeat;
	min-height:600px;
	z-index:0;
}
#content{
	position:relative;
	padding-top:10px;
	z-index:5;
}

.contentleft{
	float:left;
	width:620px;
	margin:20px 0 0 30px;
	z-index:6;
}

.contentright{
	float:right;
	width:250px;
	margin:20px 30px 0 0;
	z-index:6;
}

#footer {
	width:100%;
	height:200px;			/*for footer*/
	margin-top:-200px;		/*for footer*/
}
#footermain {
	position:relative;
	background:url(images/bg_footer.png) top left no-repeat;
	width:950px;
	left: 50%;
	margin-left: -475px;
	z-index:0;
	height:200px;
	color:#e8e8e8;
	padding:12px 0 0 20px;
	font-size:11px;
}
#footermain a {
	color:#e8e8e8;
	text-decoration:none;
}	
#footermain a:link, a:visited, a:active {
	color:#e8e8e8;
	text-decoration:none;
}
#footermain a:hover {
	text-decoration:underline;
}

.calendaricon{
			width:85px;
			height:85px;
			background-image:url(images/cal.png);
			background-repeat: no-repeat;
}

.maand{
			color:#FFFFFF;
			font-weight:bold;
			padding-top:10px;
			text-align:center;
}

.dag{
			color:#333333;
			font-weight:bold;
			font-size:23px;
			padding-top:0px;
			text-align:center;
}

.dagnaam{
			color:#777777;
			font-weight:normal;
			padding-top:0px;
			text-align:center;
}

.blog{
	float:left;
	width:620px;
	margin:0 0 15px 0;
}	
.blogleft{
	float:left;
	width:100px;
}
.blogright{
	float:right;
	width:515px;
}		
/* --------------- Navigatie ----------- */

.navig {
	list-style:none;
	padding:0;
	margin-top:0px;
	margin-left:10px;
	width:930px;
	height:50px;
}
.navig li {
	float:left;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:600;
	height:40px;
	border-right:1px solid #000;
}
.navig li a {
	text-decoration:none;
	display:block;
	padding:15px 20px 15px 20px;
	margin:0;
}
.navig li a:link, li a:visited, li a:active {
	color:#FFF;
}

.navig li a:hover {
	color:#FFF;
	background:#264766 url(images/bg_nav.jpg) top left no-repeat;
}

.navig_pipe{
	float:left; 
	position:relative;
}	
/* ----------------- Fotokader Home -------------  */

#fotokader {
	margin-top:-2px;
	height:265px;
	padding:16px 0 0 16px;
	width:643px;
	position:relative;
	background:url(images/fotokader.jpg) top left no-repeat;
}
#fotokader_route {
	margin-top:-2px;
	height:500px;
	padding:16px 0 0 16px;
	width:643px;
	position:relative;
	background:url(images/fotokader_route.jpg) top left no-repeat;
}
.fotokader_right {
	float:left;
	margin-top:-2px;
	height:500px;
	padding:16px 0 0 16px;
	width:290px;
	position:relative;
	background:url(images/fotokader_right.jpg) top right no-repeat;
}
.clip {
	float:left;
	height: 90px;
	width: 120px;
	margin:0 6px 6px 0;
	border:1px solid #333;
}
.clip img {
	position: absolute;
	width:150px;
	clip: rect(0px 120px 90px 0px);
}

/* -------------- Forms ---------------*/
#newsletter {
	float:right;
	background:#e4e4e4 url(images/bg_news.jpg) top left no-repeat;
	padding:50px 10px 10px 10px;
	width:190px;
	border:1px solid #b2b2b2;
	margin:20px 0 20px 0;
}
#newsletter input.veld {
	width:175px;
	margin-bottom:5px;
	padding:3px;
}

.button {
	background:url(images/bg_button.jpg) top left repeat-x;
	border:1px solid #b2b2b2;
	height:30px;
	cursor:pointer;
	width:100px;
	float:right;
	margin:3px 3px 5px 0;
}
/* ------------ Contact -------------*/
#contactform {
	margin-top:20px;
}
label {
	float:left;
	clear:left;
	width:80px;
	display:block;
	margin-top:6px;
}
input, textarea, select{
	font-family:Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
}
.veld {
	width:250px;
	margin-bottom:6px;
	border:1px solid #333;
}
.highlight {
	width:250px;
	margin-bottom:6px;
	border:1px solid #F00;
}
.textveld {
	width:310px;
	margin-bottom:6px;
	height:70px;
	overflow:auto;
	border:1px solid #333;
}
.highlighttextveld {
	width:310px;
	margin-bottom:6px;
	height:70px;
	border:1px solid #F00;
	overflow:auto;
}
.contactbutton {
	margin:10px 0 10px 80px;
	width:100px;
	background:url(images/bg_nav.jpg) top left no-repeat;
	border:1px solid #000;
	color:#FFFFFF;
	font-weight:600;
	height:30px;
	cursor:pointer;
}
.newsbutton {
	margin:10px 0 10px 350px;
	width:100px;
}
.nietverzonden{
	width:340px;
	margin:20px 0 20px 80px;
	color:#F00;
	background:#FFFFFF;
	font-weight:600;
	padding:5px;
	border:1px solid #F00;
}
.dropveld {
	width:265px;
	margin-bottom:4px;
}
.verzonden{
	width:340px;
	margin:20px 0 20px 110px;
	color:#7b634b;
	font-weight:600;
	padding:5px;
	border:1px solid #7b634b;
}	

/* --------------Nieuwsbrief --------------- */
.nieuwsbrief_fouttitel{
	padding:20px 0 0 0;
	font-size: 9px;
	font-weight:600;
	color:#990000;
}	
.nieuwsbrief_verzonden{
	padding:20px 0 0 10px;
	font-size: 9px;
	font-weight:600;
	color:#00CC00;
}	
.nieuwsbrief_list{
	padding:0px;
	list-style:square;
	font-size: 10px;
	margin:0;
	padding:0;
}	

/*--- BOX 1 ---*/
.box1{
	display:block;
	width:240px;
	padding:0 0 20px 0;
}
.box1 .top{
	background:url(images/box1_top.png) top left no-repeat;
	height:10px;
}
.box1 .center{
	background:url(images/box1_center.png) #e2e2e2 repeat-y;
	min-height:10px;
	padding:0 20px 0 20px;
}
.box1 .bottom{
	background:url(images/box1_bottom.png) top left no-repeat;
	height:10px;
}
.box1 h1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:600;
	color:#333333;
	margin-top:0;
	border:0;
}	
a{
	color:#333333;
}	
a:link, a:active, a:visited{
	color:#333333;
	text-decoration:none;
}
a:hover{
	color:#000000;
	text-decoration:underline;
}