#container {
	width: 1000px; 
	text-align: left; 
	margin: 0 auto;
}

body { 
	text-align: center; 
	background-image: url(images/bg2.jpg); 
	background-position: center 0px;
	background-repeat: no-repeat;
}

a, input, textarea, img {
	outline: none; 
	border:none;
} 

td, div, tekst_wit, tekst_grijs, tekst_oranje {
	font-family: verdana; 
	font-size: 10pt; 
	line-height: 1.2; 
}

.titel_wit, .titel_oranje, .titel_grijs, .titel_grijs2 {
	font-size: 15pt; 
	font-weight: bold; 
	text-decoration: none; 
	line-height: 1.2; 
}

.tekst_wit a {
	color: #ffffff;
	font-weight: normal; 
	text-decoration: underline;
}
.tekst_wit a:hover {
	color: #ffffff;
	font-weight: normal; 
	text-decoration: underline;
}

.tekst_oranje {
	color: #999;
}

.titel_oranje {
	color: #E0008D;
}

.titel_grijs, .tekst_grijs, .titel_grijs2 {
	color: #E0008D;
}


.datum_grijs {
	font-size: 8pt; 
	font-weight: normal; 
	text-decoration: none; 
	line-height: 1.2; 
	color: #E0008D;
}

.titel_wit, .tekst_wit {
	color: #ffffff;
}




.tekst_wit_klein {
	font-family: verdana; 
	font-size: 8pt; 
	font-weight: normal;

	color: #ffffff;
	text-decoration: none;
}

.tekst_wit_klein:hover {
	font-family: verdana; 
	font-size: 8pt; 
	font-weight: normal;

	color: #ffffff;
	text-decoration: underline;
}


a { 
	color: #E0008D; 
	text-decoration: underline; 
	font-weight: bold; 
}

a:hover { 
	color: #E0008D; 
	text-decoration: none; 
	font-weight: bold; 
}

.a_dagplanning { 
	color: #E0008D;
	text-decoration: none; 
	font-weight: normal; 
}

.a_dagplanning:hover { 
	color: #E0008D;
	text-decoration: underline; 
	font-weight: normal; 
}

.a_bekijkbestand { 
	color: #E0008D;
	text-decoration: none; 
	font-size: 8pt; 
	font-weight: normal; 
}

.a_bekijkbestand:hover { 
	color: #E0008D;
	text-decoration: underline; 
	font-size: 8pt; 
	font-weight: normal; 
}

.keuzelink { 
	color: #ffffff; 
	text-decoration: none; 
	font-weight: normal;
	cursor:pointer;
}

.keuzelink:hover { 
	color: #ffffff; 
	text-decoration: underline; 
	font-weight: normal;
	cursor:pointer;
}

hr { 
	color: #ccc;
	background-color: #ccc;
	height: 2px;
	border:none;
	clear: both;
	}

.submenu { 
	color: #E0008D; 
	text-decoration: none; 
	font-weight: normal; 
}
.submenu:hover { 
	color: #E0008D; 
	text-decoration: underline; 
	font-weight: normal; 
}
.submenu_gekozen { 
	color: #ffffff; 
	text-decoration: none; 
	font-weight: bold; 
}




label,input, textarea {

	margin-top: 4px;
	border: 0px;
}












.pulldown { 

	font-family: verdana;	
	font-size: 8pt; 
	color: #E0008D;
	padding-left:0px;
	margin-top:3px;
	width:110px;
overflow: hidden;
	border-width:thin; border-color:white; border-style:solid;
}













input, textarea, checkbox { 

	font-family: verdana;	
	font-size: 8pt; 
	color: #E0008D;
	padding-left:0px;
	padding-top:0px;
}


input, textarea, checkbox { 

	font-family: verdana;	
	font-size: 8pt; 
	color: #E0008D;
	padding-left:0px;
	padding-top:0px;
}

.input_wit { 

	background-color:#ffffff;
	width:160px;
	margin-left:10px;	
	margin-top: 2px;
	
}

.input_grijs { 

	background-color:#ff0000;
	width:130px;
	padding-left:10px;	
	
}



.input_grijs2 { 

	background-color:#e5e5e5;
	width:160px;
	margin-left:10px;	
	margin-top: 2px;
	
}

.input_grijs2_textarea { 

	overflow:auto;
	background-color:#e5e5e5;
	width:360px;
	height:130px;
	margin-left:10px;	
	margin-top: 2px;
	padding:0px;
	
}


.input_cel_grijs {

	margin-top:10px;
	margin-left:10px;
	color: #E0008D;
	width:170px;
	height:20px;
}




.input_cel_oranje {

	margin-top:10px;
	margin-left:10px;
	color: #999;
	width:170px;
	height:20px;
}


.input_cel_oranje2 {

	margin-top:10px;
	margin-left:10px;
	color: #999;
	width:170px;
	height:20px;
}


.input_cel_wit110{

	margin-left:10px;
	color: #ffffff;
	width:110px;
	height:17px;
}
.input_celheader110 {

	background-image: url(images/test_snelzoeken_trefwoord.jpg); 
	background-repeat: no-repeat;
	width:111px;
	height:45px;
}

.input_celheader_text_190 {

	background-image: url(images/test_snelzoeken_trefwoord2.png); 
	background-repeat: no-repeat;
	width:191px;
	height:45px;
}

.input_celheader170 {

	background-image: url(images/test_snelzoeken_categorie.jpg); 
	background-repeat: no-repeat;
	width:171px;
	height:45px;
}

.input_celheader190 {

	background-image: url(images/test_snelzoeken_categorie2.png); 
	background-repeat: no-repeat;
	width:191px;
	height:45px;
}


.input_cel2 {

	background-image: url(images/formulier_text_wit_180px.png); 
	background-repeat: no-repeat;
	width:180px;
	height:20px;
}




.input_cel {

	background-image: url(images/formulier_text_grijs_180px.jpg); 
	background-repeat: no-repeat;
	width:180px;
	height:20px;
}

.input_cel_textarea {

	background-image: url(images/formulier_textarea_grijs_380px.jpg); 
	background-repeat: no-repeat;
	width:380px;
	height:140px;
}


.input_cel_spacer {

	width:170px;
	height:50px;
}
textarea {
	margin-top: 4px;
	background-color:#ff0000;

	width:271px;
	height:140px;
	padding-left:10px;
	
	border: 0;

	overflow-x: hidden;
	overflow-y: hidden;
}





	
label
{
	text-align: left;
	width: 68px;
}

br
{
	clear: left;
}

#menu_home {
	height: 42px;
	width: 81px;
	background-image: url("images/menu_home.png");
}
#menu_top {
	height: 42px;
	width: 137px;
	background-image: url("images/menu_top.png");
}

#menu_vakantiebaan {
	height: 42px;
	width: 130px;
	background-image: url("images/menu_vakantiebaan.png");
}

#menu_filmpjes {
	height: 42px;
	width: 103px;
	background-image: url("images/menu_filmpjes.png");
}

#menu_extras {
	height: 42px;
	width: 93px;
	background-image: url("images/menu_extras.png");
}

#menu_shop {
	height: 42px;
	width: 85px;
	background-image: url("images/menu_shop.png");
}

#menu_mijnrecreatheek {
	height: 42px;
	width: 150px;
	background-image: url("images/menu_mijnrecreatheek.png");
}


#menu_links {
	height: 42px;
	width: 77px;
	background-image: url("images/menu_links.png");
}




.menu_off {
	background-position: 0px 0px;cursor:pointer;float:left
}

.menu_mo {
	background-position: 0px -50px;cursor:pointer;float:left
}

.menu_on {
	background-position: 0px -100px;cursor:pointer;float:left
}



#footer_contact {
	height: 42px;
	width: 82px;
	background-image: url("images/footer_contact.png");
}
#footer_disclaimer {
	height: 42px;
	width: 96px;
	background-image: url("images/footer_disclaimer.png");
}
#footer_tellafriend {
	height: 42px;
	width: 101px;
	background-image: url("images/footer_tellafriend.png");
}
#footer_tipons {
	height: 42px;
	width: 80px;
	background-image: url("images/footer_tipons.png");
}
#footer_inloggen {
	height: 42px;
	width: 91px;
	background-image: url("images/footer_inloggen.png");
}
#footer_uitloggen {
	height: 42px;
	width: 91px;
	background-image: url("images/footer_uitloggen.png");
}


.gewoonli {
	position: relative;
	left: -20px;
}



.knop_off {
	background-position: 0px 0px;
}

.knop_mo {
	background-position: 0px -90px;
}


#knop_verstuur {
	float:left;
	height: 85px;
	width: 180px;
	cursor: pointer;
	background-image: url("images/knop_verstuur.jpg");
}

#knop_opslaangegevens {
	float:left;
	margin-left:-2px;
	height: 85px;
	width: 188px;
	cursor: pointer;
	background-image: url("images/knop_opslaangegevens_180px.jpg");
}

#knop_verstuurjetip {
	float:left;
	margin-left:-2px;
	height: 85px;
	width: 188px;
	cursor: pointer;
	background-image: url("images/knop_verstuurjetip.jpg");
}

#knop_vertelhetdoor {
	float:left;
	margin-left:-2px;
	height: 85px;
	width: 188px;
	cursor: pointer;
	background-image: url("images/knop_vertelhetdoor.jpg");
}

#knop_verstuurjevraag {
	float:left;
	margin-left:-2px;
	height: 85px;
	width: 188px;
	cursor: pointer;
	background-image: url("images/knop_verstuurjevraag.jpg");
}

#knop_schrijfjein {
	float:left;
	margin-left:-2px;
	height: 85px;
	width: 188px;
	cursor: pointer;
	background-image: url("images/knop_schrijfjein.jpg");
}



#knop_login {
	float:left;
	margin-left:-2px;
	height: 85px;
	width: 188px;
	cursor: pointer;
	background-image: url("images/knop_login.jpg");
	background-repeat:no-repeat;
}

#knop_login_grijs {
	float:left;
	margin-left:-2px;
	height: 85px;
	width: 188px;
	cursor: pointer;
	background-image: url("images/knop_login_grijs.jpg");
}

#knop_tijd {
	float:left;
	margin-top:2px;
	margin-left:5px;
	height: 41px;
	width: 42px;
	cursor: pointer;
	background-image: url("images/knop_tijd.jpg");
}

#knop_duur {
	float:left;
	margin-top:2px;
	margin-left:5px;
	height: 41px;
	width: 42px;
	cursor: pointer;
	background-image: url("images/knop_tijd.jpg");
}

.knop_tijd_off {
	background-position: 0px 0px;
}

.knop_tijd_mo {
	background-position: 0px -50px;
}

#knop_voorbeelda4 {
	float:left;
	height: 41px;
	width: 140px;
	cursor: pointer;
	background-image: url("images/knop_voorbeeld_a4.jpg");
}

.knop_voorbeelda4_off {
	background-position: 0px 0px;
}

.knop_voorbeelda4_mo {
	background-position: 0px -40px;
}

#knop_voorbeelda5 {
	float:left;
	height: 41px;
	width: 53px;
	cursor: pointer;
	background-image: url("images/knop_voorbeeld_a5.jpg");
}



#knop_activiteittoevoegen_snel {
	float:left;

	height: 41px;
	width: 109px;
	cursor: pointer;
	background-image: url("images/knop_activiteit_toevoegen_snel.jpg");
}

#knop_activiteittoevoegen_eigen {
	float:left;
	height: 41px;
	width: 39px;
	cursor: pointer;
	background-image: url("images/knop_activiteit_toevoegen_eigen.jpg");
}


#knop_activiteittoevoegen_los {
	float:left;
	height: 41px;
	width: 45px;
	cursor: pointer;
	background-image: url("images/knop_activiteit_toevoegen_los.jpg");
}

#knop_avf_activiteittoevoegen_eigen {
	float:left;
	height: 41px;
	width: 154px;
	cursor: pointer;
	background-image: url("images/knop_avf_activiteit_toevoegen_eigen.jpg");
}


#knop_avf_activiteittoevoegen_los {
	float:left;
	height: 41px;
	width: 39px;
	cursor: pointer;
	background-image: url("images/knop_avf_activiteit_toevoegen_los.jpg");
}















/* ------------------------------ Hieronder CSS toevoegingen voor de 2011 versie van de Recreatheek ------------------------------ */




#zoekbox_standaard_activiteiten {
position: relative;
height: 330px;
background: url(images/zoekblok_standaard_activiteiten.png);
background-position: bottom;
background-repeat: no-repeat;
}

#zoekbox {
position: relative;
height: 330px;
background: url(images/zoekblok.png);
background-position: bottom;
background-repeat: no-repeat;
}

#zoekbox-inhoud {
position: absolute;
bottom: 40px;
left: 120px;
width: 899px;
}

#zoekbox_leeg {
position: relative;
height: 280px;

}		







#menu  {
	background: url(images/menu_bg.png);
	background-repeat: no-repeat;
	width: 952px;
	height: 52px;
	margin: 0 auto;
	margin-top: 50px;
}

#menu ul {
	padding-top: 5px;
	margin:0;
	text-align: center; /* We are using text-align: center on ul to horizontally align our menu to the page. If you want the menu aligned left or right just change text-align to either left or right */
}
#menu li {
	display: inline; /* Menu links are horizontally aligned using display: inline */
}
#menu li a {
	font-size: 11pt;
	padding: 6px 12px; /* Display: block won't work in this example, instead we are using padding to make the hole tab a clickable link */
	color:#FFFFFF;
	text-decoration: none;
	line-height:30px;
	height:30px;
}

#menu li.active a, #menu li.active a:hover{
	background:#E54400;
	background:url(images/menu_on.gif);
	background-repeat: no-repeat;
	color:#EC118F;
	text-decoration:none;
}

#menu li a:hover  {
	text-decoration:underline;
}



#contentkolom {
margin-top: 30px;
margin-left: 50px;
width: 650px;
float: left;

}

#zijkolom {
margin-top: 30px;
margin-left: 50px;
width: 200px;
float: left;
}

#submenu_kader {
	width:200px;
	margin:0;
	padding:10px 20px 20px 10px;
	background-image : url('images/zijkolom_bg.png');
	background-repeat: no-repeat;
	background-position: bottom left;
	}
	
#submenu {
	font-style: normal;
	font-size: 12px;
	color: ;
}
#submenu ul {
	width:200px;
	margin: 0 10px;
	padding: 0 10px;
	list-style-type: none;
	}
#submenu li {
	margin-left:-20px;
}
#submenu li a {
	color: ;
	text-decoration: none;
	font-weight:normal
}

#submenu li.active a,
#submenu li.active a:hover {

	font-size: 12px;
	color: ;
	font-weight:bold;
	text-decoration:none;
}

#submenu li a:hover  {
	font-weight:normal;
	font-size: 12px;
	color: ;
	text-decoration:underline;
}