/* ============================================================	*/ 
/* ========	HTML STANDAARDEN  	===============================	*/
/* ============================================================	*/ 

html {
	height:100%;
	width:100%;
	overflow: -moz-scrollbars-vertical;
	}
body {
	margin:0 0 0 0;
	width:100%;
	height:100%;
	text-align:center;
	background:url('../gfx/bg-body.gif') repeat-x;
	}
	
img.png, div.png, a.png, span.png{ behavior: url(css/iepngfix.htc);}
img {border:0px solid #000000;}
	
body, table, th, td, p, input, textarea, select {
	font-family:Verdana, Arial, Helvetica, Sans-serif;
	font-size:11px;
	}
h1, h2, h3, h4, h5, h6 {
	margin:0 0 0px 0;
	}

.hidden 
{
	display: none;
	visibility: hidden;
}	
a, a:focus,a :hover {outline:none;text-decoration:none}
a {color:#009EE1;}
p {	margin:5px 0 5px 0;}
h1 {}
h2 {
	font-size:22px; 
	font-weight:normal;
	height: 27px;
	overflow: hidden;
	visibility:hidden;
	}
h3 {font-size:26px; font-weight:normal;}
h4 {font-weight:normal;
	line-height:16px;
	margin:11px 7px 0 0;
	font-size:9px;
	text-indent:6px;
}
h5 {}
h6 {}	

p {}
	
ol {}
ul {}
li {}
li li {}

label {
	
	}


.dontshow{
display:none;
visibility:hidden;
}

.hr {
	border-top:1px solid #009ee1;
	line-height:5px;
	font-size:1px;
	height:5px;
}
	
/* ============================================================	*/ 
/* ========	vervolg			  	===============================	*/
/* ============================================================	*/ 

body#vervolg  {
background:url('../gfx/bg-body-vervolg.gif') repeat-x;

}

div.flashheader{
position:absolute;
top:0;
left:0;
width:552px;
height:186px;
}

body#vervolg div.header {
width:839px;
height:231px;
/*background:url('../gfx/logo.gif') no-repeat 581px 52px;*/
}
body#vervolg a.logo {
position:absolute;
top:52px;
right:7px;
width:248px;
height:59px;
display:block;
background:url('../gfx/logo.gif') no-repeat;
}

	
		
body#vervolg div.contentBlock{
background-repeat:no-repeat;
}

body#vervolg div.colorblock{
position:absolute;
top:133px;
left:0px;
height:50px;
width:553px;
z-index:100;
background:#009ee1;
filter:alpha(opacity=70);
-moz-opacity:.70;
opacity:.70;
text-align:right;

}
	
body#vervolg div.colorblocktxt{
	float:right;
	height:19px;
	width:450px;
	margin:10px 25px 0 0;

}	
body#vervolg div.navigatie {
position:absolute;
float:left;
top:177px;
left:0px;
height:49px;
width:527px;
z-index:100;
padding-left:26px;
padding-top:5px;
background:#fff;
}	

body#vervolg div.navigatie h2{
position:relative;
float:left;
display:block;
padding-top:0px;
height:35px;
width:100px;
}	


div.sidenav{
position:absolute;
bottom:0px;
right:0px;
height:80px;
width:255px;
}
div.sidenav a{
text-indent:10px;
display:block;
font-size:13px;
color:#fff;
font-weight:bold;
background:url('../gfx/sidenav-n.gif') no-repeat center left;
}
div.sidenav a:hover, div.sidenav a.selected{
text-indent:10px;
display:block;
font-size:13px;
color:#fff;
font-weight:bold;
background:url('../gfx/sidenav-s.gif') no-repeat center left;
}



body#vervolg a.volgons {
	position:relative;
	float:left;
	background:url('../gfx/volg-ons.gif');
	width:90px;
	height:18px;
	color:#738b1b;
	font-weight:normal;
	line-height:16px;
	margin:11px 7px 0 0;
	font-size:9px;
	text-indent:6px;

	}


body#vervolg h4.zaken {
	position:relative;
	float:left;
	background:transparent url('../gfx/zaken.gif') top right no-repeat;
	width:110px;
	height:18px;
	color:#009ee1;
	}
	body#vervolg h4.zaken a {
		color: #009ee1;
		width: 100px;
		}

body#vervolg h4.plezier {
	position:relative;
	float:left;
	background:transparent url('../gfx/plezier.gif') top right no-repeat;
	width:110px;
	height:18px;
	/*color:#f7c69c;*/
	color:#ED7816;
	}
	body#vervolg h4.plezier a {
		color:#ED7816;
		width: 100px;
		}

a.sluiten {
	display:block;
	position:relative;
	float:left;
	background:url('../gfx/sluiten.gif');
	width:90px;
	height:18px;
	line-height:16px;
	color:#bc271b;
	text-indent:4px;
	margin-top:10px;
	}



	
/* ============================================================	*/ 
/* ========	Lente			  	===============================	*/
/* ============================================================	*/ 
	
		
body.lente div.contentBlock{
	background:url('../gfx/bg-lente.jpg') no-repeat;
	}
body.lente div.colorblock{
	position:absolute;
	top:233px;
	left:0px;
	height:100px;
	width:553px;
	z-index:100;
	background:#738b1b;
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;
	text-align:right;
	}
body.lente div.navigatie {
	background:url('../gfx/lente-tab-tekst.gif') no-repeat;
	}	
body.lente div.navigatie h2{
	display:block;
	padding-top:10px;
	height:35px;
	width:400px;
}	
a.lente-tab{
	width:66px;
	height:25px;
	display:block;
	position:absolute;
	top:-23px;
	left:-3px;
	z-index:60;
	}
a.lente-tabsel {
	width:66px;
	height:25px;
	display:block;
	position:absolute;
	top:-23px;
	left:-3px;
	z-index:60;
	}

a.lente-tabsel span {
	top:0px;
	width:66px;
	background:url('../gfx/lente-tab.png') no-repeat;}	
/*
a.lente-tab .selected {
	z-index:100;
}*/

a.lente-tab span{top:0px;width:66px;background:url('../gfx/lente-tab.png') no-repeat;}
a.lente-tab:hover span{top:-50px;width:66px;background:url('../gfx/lente-tab.png') no-repeat;}

div.lente,
p.lente{
	color:#738b1b;
	}
h3.lente {
	position:relative;
	float:left;
	font-size:15px;
	font-weight:normal;
	background:url('../gfx/but-lente-b.gif');
	width:154px;
	height:29px;
	margin-right:7px;
	}
h3.lente a{
	width:154px;
	height:29px;
	display:block;
	color:#738b1b;
	text-decoration:none;line-height:30px;text-indent:10px;
	}

/* ============================================================	*/ 
/* ========	zomer			  	===============================	*/
/* ============================================================	*/ 
		
body.zomer div.contentBlock{
	background:url('../gfx/bg-zomer.jpg') no-repeat;
	}
body.zomer div.colorblock{
	position:absolute;
	top:233px;
	left:0px;
	height:100px;
	width:553px;
	z-index:100;
	background:#eb6f07;
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;
	}
body.zomer div.navigatie {
	background:url('../gfx/lente-tab-tekst.gif') no-repeat;
	}	
body.zomer div.navigatie h2{
	display:block;
	padding-top:10px;
	height:35px;
	width:400px;
	}
a.zomer-tab {
	width:66px;
	height:25px;
	display:block;
	position:absolute;
	top:-23px;
	left:41px;
	z-index:50;
	}
a.zomer-tab span{top:0px;width:66px;background:url('../gfx/zomer-tab.png') no-repeat;}
a.zomer-tab:hover span{top:-50px;width:66px;background:url('../gfx/zomer-tab.png') no-repeat;}
a.zomer-tabsel {
	width:66px;
	height:25px;
	display:block;
	position:absolute;
	top:-23px;
	left:41px;
	z-index:70;
	}
a.zomer-tabsel span{top:-25px;width:66px;background:url('../gfx/zomer-tab.png') no-repeat;}	
div.zomer,
p.zomer{
	color:#eb6f07;
	}
h3.zomer {
	position:relative;
	float:left;
	font-size:15px;
	font-weight:normal;
	background:url('../gfx/but-zomer.gif');
	width:174px;
	height:29px;
	margin-right:7px;
	}
h3.zomer a{
	width:174px;
	height:29px;
	display:block;
	color:#ec7007;
	text-decoration:none;line-height:30px;text-indent:10px;
	}
	
/* ============================================================	*/ 
/* ========	herfst			  	===============================	*/
/* ============================================================	*/ 

body.herfst div.contentBlock{
	background:url('../gfx/bg-herfst.jpg') no-repeat;
	}
body.herfst div.colorblock{
	position:absolute;
	top:233px;
	left:0px;
	height:100px;
	width:553px;
	z-index:100;
	background:#eb6f07;
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;
	}
body.herfst div.navigatie {
	background:url('../gfx/lente-tab-tekst.gif') no-repeat;
	}	
body.herfst div.navigatie h2{
	display:block;
	padding-top:10px;
	height:35px;
	width:400px;
	}
a.herfst-tab{
	width:66px;
	height:25px;
	display:block;
	position:absolute;
	top:-23px;
	left:82px;
	z-index:40;
	}
a.herfst-tab span{top:0px;width:66px;background:url('../gfx/herfst-tab.png') no-repeat;}
a.herfst-tab:hover span{top:-50px;width:66px;background:url('../gfx/herfst-tab.png') no-repeat;}
a.herfst-tabsel {
	width:66px;
	height:25px;
	display:block;
	position:absolute;
	top:-23px;
	left:82px;
	z-index:100;
	}
a.herfst-tabsel span{top:-25px;width:66px;background:url('../gfx/herfst-tab.png') no-repeat;}	
div.herfst,
p.herfst{color:#eb6f07;}
h3.herfst {
	position:relative;
	float:left;
	font-size:15px;
	font-weight:normal;
	background:url('../gfx/but-herfst-b.gif');
	width:154px;
	height:29px;	
	margin-right:7px;
	}
h3.herfst a{
	color:#b94912;
	width:154px;
	height:29px;
	display:block;
	text-decoration:none;
	line-height:30px;
	text-indent:10px;
	}

/* ============================================================	*/ 
/* ========	winter			  	===============================	*/
/* ============================================================	*/ 

body.winter div.contentBlock{
	background:url('../gfx/bg-winter.jpg') no-repeat;
	}
body.winter div.colorblock{
	position:absolute;
	top:233px;
	left:0px;
	height:100px;
	width:553px;
	z-index:100;
	background:#009ee1;
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;
	}
body.winter div.navigatie {
	background:url('../gfx/lente-tab-tekst.gif') no-repeat;
	}	
body.winter div.navigatie h2{
	display:block;
	padding-top:10px;
	height:35px;
	width:400px;
	}
a.winter-tab{
	width:66px;
	height:25px;
	display:block;
	position:absolute;
	top:-23px;
	left:125px;
	z-index:30;
	}
a.winter-tab.selected{
	z-index:70;
	}
a.winter-tab span{top:0px;width:66px;background:url('../gfx/winter-tab.png') no-repeat;}
a.winter-tab:hover span{top:-50px;width:66px;background:url('../gfx/winter-tab.png') no-repeat;}
a.winter-tabsel {
	width:66px;
	height:25px;
	display:block;
	position:absolute;
	top:-23px;
	left:125px;
	z-index:100;
	}
a.winter-tabsel span{top:-25px;width:66px;background:url('../gfx/winter-tab.png') no-repeat;}	
div.winter,
p.winter{color:#009ee1;}
h3.winter {
	position:relative;
	float:left;
	font-size:15px;
	font-weight:normal;
	background:url('../gfx/but-winter.gif');
	width:174px;
	height:29px;
	margin-right:7px;
	}
h3.winter a{
	color:#009ee0;
	text-decoration:none;
	line-height:30px;
	text-indent:10px;
	width:174px;
	height:29px;
	display:block;
	}
	
/* ============================================================	*/ 
/* ========	LAYOUT BLOCKEN  	===============================	*/
/* ============================================================	*/ 

#container {
	position:relative;
	margin:0 auto 0 auto;
	width:839px;
	min-height:100%;
	text-align:left;
	background:transparent;
	}
	/* mozilla hax \*/
html>body #container {
    height:auto;
	}
	/* mozilla hax */

div.smalltxt {
	display:block;
	padding-top:5px;
	font-size:10px;
	float:right;
	width:250px;
	color:#ffffff;
	line-height:15px;
	}
#pSpinoff {
	display: block;
	margin-top: 15px;
	font-size:11px;
	float: left;
	clear: both;
	width: 248px;
	height: 80px;
	}
#pText {
	display: block;
	float:left;
	clear: both;
	font-size:11px;
	width: 248px;
	margin-top: 15px;
	position: relative;
	}

/* ============================================================	*/ 
/* ========	HEADER				===============================	*/
/* ============================================================	*/

div.header {
	position:relative;
	width:839px;
	height:333px;
	/*background:url('../gfx/logo.gif') no-repeat 581px 230px;*/
	}
a.logo {
	position:absolute;
	bottom:20px;
	right:5px;
	width:248px;
	height:59px;
	display:block;
	background:url('../gfx/logo.gif') no-repeat;
	}
div.topnav{
	margin-top:15px;
	position:relative;
	float:right;
	text-align:right;
	height:25px;
	width:220px;
	font-size:9px;
	color:#29a8e0;
	}
div.topnav a{
	font-size:9px;
	color:#29a8e0;
	}

div.taalblock{
	margin-top:15px;
	position:relative;
	float:right;
	text-align:right;
	height:20px;
	width:80px;
	font-size:9px;color:#29a8e0;
	}
div.taalblock a{
	display:inline-block;
	line-height:13px;
	width:13px;
	border:1px solid #29a8e0;
	margin-left:1px;
	font-size:8px;
	text-align:center;
	color:#29a8e0;
	}
div.taalblock a:hover{
	background-color:#29a8e0;color:#fff;
	}
div.taalblock a.selected{
	background-color:#29a8e0;color:#fff;
	}
div.taalblock a.selected:hover{
	background-color:#FFF;color:#29a8e0;
	}

/* ============================================================	*/ 
/* ========	NAVIGATIE			===============================	*/
/* ============================================================	*/

div.navigatie {
	position:absolute;
	top:333px;
	left:0px;
	height:100px;
	width:600px;
	z-index:100;
	padding-left:26px;
	}
div.navigatie a {
	background-repeat:no-repeat;
	background-position:top right;
	overflow:hidden;
	}
div.navigatie a:hover{
	background-repeat:no-repeat;
	background-position:bottom right;
	}
div.navigatie span{position:relative;height:75px;display:block;}

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

div.mainContent{
position:relative;
width:839px;
}

div.mainsubnav{
float:left;
height:244px;
width:280px;
}
div.mainsubnavtxt{
margin-left:30px;
margin-top:16px;
/*height:150px;*/
/*width:225px;*/
font-weight:bold;
font-size:11px;
line-height:16px;
color:#009ee0;
}

div.mainsubnavtxt a.sendafriend, 
div.mainsubnavtxt a.sendafriend:hover 
{
	margin-left: -10px;
}
div.mainsubnavtxt a{
/*text-indent:10px;*/
padding:0 0 0 10px;
display:block;
color:#009ee0;

}

div.mainsubnavtxt a.selected{/*text-indent:10px;*/
display:block;
color:#009ee0;
background:url('../gfx/subnavtxt-s.gif') no-repeat center left;
}

div.maintxt{
position:relative;
float:left;
background:#fff url('../gfx/bg-maincontent.gif') repeat-x;
width:553px;
}

div.maintxt h2
{
	padding-bottom: 10px;
	border-bottom:1px solid #009ee1;
}
div.txtmargin h5{
color:#009ee1;
margin-top:30px;
font-size:10px;
}
div.txtmargin a{
color:#009ee1;
font-size:10px;
font-weight:bold;
}


div.txtmargin{
position:relative;
margin:30px;
width:493px;
/*color:#666666;*/
font-size:10px;
line-height:16px;
}
div.googleblock{
text-align:center;
width:493px;
border:1px solid #009ee1;
height:375px;
margin:25px 0 20px 0;
padding-top:20px;
}

div.movblock{
position:absolute;
top:0px;
left:0px;
width:553px;
height:600px;
z-index:990;
background:#fff;
}

div.newsblock{
padding:10px 0 10px 0 ;
position:relative;
float:left;
width:493px;
border-bottom:1px solid #009ee1;
}

div.newsblock img{
float:left;
width:138px;
height:95px;
margin-right:10px;
overflow:hidden;
border:1px solid #009ee1;
}
div.newstxt{
position:relative;
/*float:left;*/
/*width:340px;*/
margin-left:155px;
}
div.newsheader{
position:relative;
float:left;
width:340px;
height:20px;
}

a.terug{
position:absolute;
top:20px;
right:0px;
color:#009ee1;
font-size:9px;
border-left:1px solid #009ee1;
padding-left:5px;
display:block;
z-index:100;
}

div.title{ float:left; font-size:10px; font-weight:bold; }
div.title span.zomer { color: #ec7007; }
div.title span.winter { color: #009ee1; }
div.datum{ text-align:right; float:right; font-size:9px; padding-left:5px; }
div.datum span.zomer { color: #ec7007; border-left: solid 1px #ec7007; padding-left:5px; }
div.datum span.winter { color: #009ee1; border-left: solid 1px #009ee1; padding-left:5px; }
div.newstxt p{ margin-bottom:10px; }

a.leesverder{ float:left; display:block; font-size:10px; font-weight:bold; padding-right:18px; }

span.zomer { color: #ec7007 !important; }
a.zomer { color: #ec7007 !important}
span.winter  { color: #009ee1 !important; }
a.winter { color: #009ee1 !important;} 

	
/* ============================================================	*/ 
/* ========	FOOTER				===============================	*/
/* ============================================================	*/

div#footer {
	position:absolute;
	bottom:0;
	left:0;
	width:470px;
	clear:both;
	}
div#footer .footerText {
	text-align:right;
	line-height:25px;
	}
	div#footer .footerText a:hover {
	text-decoration:underline;
	}

html>body #footer {
	top:expression(document.getElementById('container').clientHeight - 25 + "px"); /* IE7 fix */
	}
	
/* ============================================================	*/ 
/* ========	CONTENTBLOCK		===============================	*/
/* ============================================================	*/

div.contentBlock {
height:577px;
background:transparent;

	
	}

/* ============================================================	*/ 
/* ========	FORMULIEREN		  	===============================	*/
/* ============================================================	*/ 

form {
		margin:0px;
		}
.formgrid {
		}
.formGrid td {
		}
.formGrid .nameCell {
	}
.formGrid .inputCell {
		}
input,
select {
	vertical-align:middle;
	}
input.typeText {
	color:#F00;
	font-weight:normal;
	border-top:1px solid #F00;
	border-right:1px solid #F00;
	border-bottom:1px solid #F00;
	border-left:1px solid #F00;
	}
.formGrid input.typeText {
	padding-left:5px;
	}
label {
	vertical-align:middle;
	}
select.select {
	
	}
textarea.textarea {
	
	}
	
/* Nieuwsarchief */
div.archive {
	padding:0 0 0 0;
}

div.archive div.newsheader,
div.newstxt {
	width:auto;
	}
	
	.archive .title {
	width:200px;
}
.archive .datum {
	width:150px;
	/*text-align:left;*/
	padding:0 0 0 0;
	text-indent:5px;
}
.archive a.leesverder {
	display:block;
	margin:0 180px 0 230px;
	float:none;
	background:url('http://www.lapetitecouronne.com/gfx/leesverder.gif') right center no-repeat;
	}
	
.archive {
	border-bottom: 0px solid #FFFFFF !important;
}


/* Reg. formulier zakelijk/plezier */

textarea {resize:none;}
#aspnetForm h1 {font-size:18px; font-weight:normal; line-height:normal; padding:0 0 10px 0;}
table.formGenerator td {line-height:25px; vertical-align:top;}
table.formGenerator td input.TextBox {width:200px;}
table.formGenerator td textarea.MultiLineTextBox {width:200px; height:50px;}
table.formGenerator td.formElementLabel {width:300px; height:auto !important;}
table.formGenerator td.formElement {white-space:nowrap !important; height:auto !important;}

/* ========	START Newsletter Style  ===========================	*/

body.newsletterIFrameBody {
	background:#FFFFFF none;
	text-align:left;
	}
/*.newsletterMainDiv {text-align: center;}*/

.frontendBody {background-image:none;}

.newsletterRegisterInfoTable td, .newsletterMainColumn  {font-family:Verdana, Arial, Helvetica, Sans-serif; font-size:11px;	color:#666666 !important;}
.newsletterHead {font-size: 16px; font-weight: bold; height:25px; padding-left: 5px; border-bottom:1px solid #333333; padding: 10px 0px;}
.newsletterSubDiv {/*width: 500px; margin: 0 auto;*/}
.newsletterMainTable {width: 100%; height: 100%}
.newsletterMainTD {/*height: 548px; width: 733px;*/}
.newsletterMainColumn {padding: 10px 0px; width: 100%; float:left; overflow:hidden; vertical-align:top;}
.newsletterRegisterInfoTable {color:#000;}

.archive .newstxt {
    margin-left:0px;
    }