/******************************************************* // Camping Napoleon Version 1.0 // *****************************************************/


/* Layout of main template */
/*///////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////*/

body{
	color: #b1e001;
	text-align:center;
	background: #b1e001;
	}

#container
	{
	background: #b1e001 url(../images/bg_wrap_small.gif) repeat-x;
	margin:0;
	}
	
/* Container div
--------------------------------------------------------------- */	
#placeholder
	{
	margin: 0 auto;
	position: relative;
	}

#header
	{
	/*margin-bottom: 2em;*/
	width: 900px;
	margin: 0 auto;
	background: url(images/bg_header.gif) right 7px no-repeat;
	height: 225px;
	}
	
/* vervang het logo door een afbeelding */

#site_title
	{
	position: relative;
	margin: 0 auto;
	/*top: 30px;*/
	width: 400px;
	height: 170px; 
	color:#b1e001;
	}

#site_title .replace, #site_title .replace span
	{ 
	width: 400px;
	height: 170px; 
	background:url(../images/title.png) no-repeat; 
	}
	
	
/* baseline */

#site_baseline
	{
	position: relative;
	text-align:center;
	top: 10px;
	font-size: 1.2em;
	color:#ffffff;
	}
/* Body div
--------------------------------------------------------------- */	
#cn_body{
	/*margin-bottom: 2em;*/
	width: 900px;
	margin: 0 auto;
	}
	
/* Lijst talen homepage
--------------------------------------------------------------- */	
.lijst_talen_index{
	position: relative;
	margin:0 0 30px 240px;
	}
.lijst_talen_index li{
	position: relative;
	float: left;
	text-transform:uppercase;
	font-size: .8em;
	}
.lijst_talen_index li img{
	vertical-align: middle;
}

/* Image Home
--------------------------------------------------------------- */
.homeprent{
	position: relative;
	display: block;
	clear: both;
	margin: 20px 0;
}
.homeprent img{
	border:7px solid #476c5e;
}

/* Lijst talen overige
--------------------------------------------------------------- */	
.lijst_talen_overig{
	position: relative;
	float: left;
	width: 100%;
}

.lijst_talen_overig li{
	position: relative;
	float: left;
	}

.lijst_talen_overig li img{ 
	border: 1px solid #fff;
}
.lijst_talen_overig li a{ 

}		


/* Payments
-------------------------------------------------------- */
#payments{
	position: relative;
	display: block;
	margin:0 0 30px 250px;
	width: 400px;
}
#payments li{
	margin: 20px 0;
	float: left;
	width: 25%;
	height: 50px;
	text-align: center;
}

/* Footer
-------------------------------------------------------- */
#cn_footer{
	padding: 10px 0 100px 0;
	background-color: #083643;
	text-align: left;
	width: 100%;
	}

#cn_copyright{
	margin: 0 auto;
	width: 900px;
	position: relative;
	color: #fff;
	font-size: .9em;
	letter-spacing: .1em;	
	padding: 15px 0;
	}
#cn_copyright p{
	line-height: 1.5em;
	}	
#cn_copyright a{
	color: #b8ecd7;
	padding-bottom:1px;
	background:#083643;
	-webkit-transform: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	}
	
#cn_copyright a:hover{
	color: #083643;
	background:#b8ecd7;
	}
	
#copyright_list{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	text-align: left;
	margin: 0;
	}

#copyright_list li{
	position: relative;
	display: block;
	font-size: 0.9em;
	
	padding: 0;
	border-bottom: none;
	}
.bigger{
	line-height: 2em;
	font-size: 1.2em;
}
.kolom1{
	float: left;
	text-align:left;
	width:450px;
	}
	
.kolom1 p{
	margin-right:30px;
	}
	
.kolom1 img{
	border: 5px solid #476c5e;
	padding:0;
	margin: 0 0 20px 0;
	width:300px;
	height:264px;
	}
	
.kolom2{
	float: right;
	text-align:left;
	width:420px;
	}
.kolom2 img
	{
	border: 5px solid #476c5e;
	padding:0;
	margin:10px 0;
	width:300px;
	height:264px;
	}
.kolom_content{
	margin: 0 0 50px 0;
}
.kolom3
	{
	float: left;
	text-align:center;
	}

.kolom4
	{
	float: left;
	text-align:center;
	}
	
#h_link a{
	text-align: center;
	display: block;
	width: 25%;
	margin: 8px 0 0 0;
	padding: 10px;
	background: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	}
#h_link a:hover{
	color: #fff;
	background: #083643;
	}	
.lijst_adres{
	margin-left: 250px;
	position:relative;
	color: #000;
}
.lijst_adres li{
	height: 25px;
	text-align: left;
}
.lijst_adres .facebook, p.facebook{
	background:url(../images/facebook-icon.png) no-repeat ; 
	padding-left: 35px;
	color: #000;
}
.col1{
float:left;
width:10px;
text-align:right
}

.col2{
margin-right:10px;
padding-right:10px;
float:left;
width:420px;
text-align:right;
color:#000;
}

.col3{
margin-left:10px;
padding-left:10px;
float:left;
width:420px;
text-align:left;
color:#000;
}

.col4{
float:left;
width:10px;
text-align:left
}

.pic_rec_left{
padding: 0 0 10px 10px;
}

.pic_rec_right{
padding: 0 10px 10px 0;
}

.blauw{
text-align:right;
color:#083643;
}


/* misc. 
--------------------------------------------- */

hr, .hide {
	display: none;
	}
a img {
	border: none;
	}
/* self-clear floats */
.group:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }