/*De standaard font types in de body defineren*/
.png { behavior: url(js/iepngfix.htc) }

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000066;
	overflow-y:scroll;	
	height:100%;
	background:url(../templateimages/box-bottom-grey.gif) repeat-x bottom left #f3abcb; 
}


.bottom-grey{
/*height:50px;*/

}


.wrapper {

}

/*standaard margins en padding verwijderen */
* {	margin:0;	padding:0;	border:0;}

a {
	color:#000000;
	text-decoration:none;
}

a:hover { color:#003333;}

.clear{
clear:both;
}


h1{
font-family:"Times New Roman", Times, serif;
font-size:30px;
font-weight: bold;
color:#23408f;
}

h2{
font-family:"Times New Roman", Times, serif;
font-size:17px;
font-weight: normal;
color:#23408f;
margin-left:43px;
}


h3{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#23408f;
margin-left:20px;

}


p{
font-size:11px;
color:#1a1a1a;
text-align:justify;

}


.p2{
text-align:justify;
background:url(../templateimages/quote-left.gif) no-repeat;
font-size:11px;
color:#23408f;
}


.container{
width:955px;

padding-bottom:50px;
}


.form-naam{
background:url(../templateimages/form-bg-color.gif) repeat-y;
height:40px;
width:460px;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
padding-left:10px;
border-bottom:#f6adcd 1px solid;
line-height:40px;
margin-left:20px;

}


.form-naam-textarea{
background:url(../templateimages/form-bg-color.gif) repeat-y;
height:145px;
width:460px;
border-bottom:#f6adcd 1px solid;
padding-left:10px;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
margin-left:20px;
}
.form-naam-textarea div{
float:left;
}
.form-naam-textarea div, .form-naam-textarea textarea{
margin-top:12px;
}

.form-naam input{
border:1px solid #7f8083;
float:right;
margin-top:12px;
height:18px;
width:250px;
margin-right:85px;
}


.form-naam span{
float:left;

}

.form-naam-textarea textarea{
height:110px;
float:right;
border:1px solid #7f8083;
width:250px;
font-size:11px;
font-family: Arial, Helvetica, sans-serif;
color:#000000;
font-weight:normal;
font-size:12px;
margin-right:85px;
}

.verstuur{
float:left;
margin-left:20px;
padding-top:15px;
display:inline;
}


.comment1{
float:left;
margin-top:210px;
margin-right:20px;
width:253px;
}


.comment2{
float:left;
margin-top:310px;
width:253px;
}


.comment3{
float:left;
margin-top:310px;
width:253px;
}


.link-boek{
margin-left:20px;
}


.boekje{
float:left;
margin-top:76px;

width:275px;
}
.logo{
float:left;

margin-top:20px;
width:275px;
}

.logo p{
float:left;

margin-left:50px;
width:275px;
}
.les-logo{
position:absolute;
left:598px;
top:0;
}

.menu{
height:35px;
background: #ffffff;
border-bottom:1px solid #df4488;
padding-left:20px;
}

.menu a.button{ 
height:20px; 
background-position:top left; 
display:inline;
background-image:url(../templateimages/button.gif);
padding-left:20px;
margin-right:10px;
background-repeat:no-repeat;
font-family:"Times New Roman", Times, serif;
font-size:16px;
font-weight: bold;
color:#5f6064;
}


.menu a:hover.button{ 
background-position:bottom left;
}


.menu li{
display:inline;
padding-top:6px;
float:left;
}

.box-content{
width:400px;
float:left;

margin-top:38px;
margin-left:25px;
display:inline;
}
.box-content p,.box-content h1,.box-content h2{
padding-left:20px;
}
.text-blok{
width:385px;
float:left;
}

.text-blok-inhoud{
width:385px;
float:left;
}