/* 	CSS Document door Edwin de Vries, Addnoise Advertising 
	Standaard stylesheet website www.rotshuizengeense.nl, 1000 pixels breed.
*/

@import url(/addsite/css/iconen.css);

/* Basis Instellingen
------------------------------------------------------------------------------------------ */

body
{ 
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #B1B1B1;
	background-color: #FFFFFF;
	margin: 4px 0 0 4px;
	padding: 0;
}

td
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #868686;
	padding-top: 3px;
	padding-bottom: 4px;
}

a, a:link, a:active, a:visited
{
	color: #006BAA;
	text-decoration: none;
}

a:hover 
{
	color: #4C7FAA;
	text-decoration: underline;
}

.clearer
{
	clear: both;
	height: 1px;
	font-size: 0;
	line-height: 0px;
}

/* Paginaverdeling (2 kolommen - 1000 pixels breed)
------------------------------------------------------------------------------------------ */

#hoofdtabel
{
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background-color: #FFFFFF;
}

	/* Fix voor IE */
	* html #hoofdtabel 
	{
		width: 999px;
	}

#boven
{
	width: 100%;
	height: 170px;
	padding: 0;
	margin: 0 0 0 0;
}

#midden
{
	margin: 0 0 0 0;
	padding: 0;
	min-height: 495px;
	background: #FFFFFF url(../images/randmenu.gif) repeat-y top left;
}

	/* Fix voor IE */
	* html #midden 
	{
		margin: 0 0 0 0;
		height: 495px;
	}

#onder
{
	height: 107px;
	margin: 0;
	padding: 0;
	background: #CCDFEE url(../images/verloop_ro.jpg) no-repeat bottom right;
	border-bottom: 4px solid #FFFFFF;
}

	/* Fix voor IE */
	* html #onder
	{
		height: 107px;
	}

#logo
{
	float: left;
	width: 283px;
	height: 170px;
	background: url(../images/verloop_lb.jpg) no-repeat;
}

	/* Fix voor IE */
	* html #logo
	{
		width: 282px;
	}

#afbeeldingrb
{
	float: right;
	width: 717px;
	height: 170px;
	background: url(../images/afbeeldingrb1.jpg) no-repeat;
}

#afbeeldingrb2
{
	float: right;
	width: 717px;
	height: 170px;
	background: url(../images/afbeeldingrb2.jpg) no-repeat;
}

#flashcontent
{
	float: right;
	width: 717px;
	height: 170px;
}

#menu
{
	float: left;
	width: 283px;
	min-height: 495px;
	background: url(../images/verloop_lm.jpg) no-repeat;
}

	/* Fix voor IE */
	* html #menu 
	{
		height: 495px;
		width: 282px;
	}

#tekstblok
{
	float: right;
	width: 616px;
	margin: 30px 60px 0 40px;
	background: #FFFFFF;
}

	/* Fix voor IE */
	* html #tekstblok
	{
		margin: 0;
		padding: 30px 60px 0 40px;
	}

/* Inhoudsopgave
------------------------------------------------------------------------------------------ */

#tekstinhoud
{
	float: left;
	width: 417px;
	margin: 30px 60px 0 40px;
	background: #FFFFFF;
}

	/* Fix voor IE */
	* html #tekstinhoud 
	{
		margin: 0;
		padding: 30px 60px 0 40px;
	}

#tekstinhoudmenu
{
	float: left;
	width: 417px;
	margin: 30px 20px 0 40px;
	background: #FFFFFF;
}

	/* Fix voor IE */
	* html #tekstinhoudmenu
	{
		margin: 0;
		padding: 30px 20px 0 40px;
	}

#inhoudblok
{
	float: right;
	width: 230px;
	height: 100%;
	margin: 30px 0 0 0;
	background-color: #FFF;
}

	/* Fix voor IE */
	* html #inhoudblok 
	{
		margin: 0;
		padding: 30px 0 0 0px;
	}

#sublinks
{
	position: relative;
	top: 0px;
	left: 0;
	padding: 1px 0 1px 0;
	background-color: #F2F2F0;
}

	/* Fix voor IE */
	* html #sublinks
	{
		margin: 0;
		padding: 1px 0 1px 0;
	}

#linksinhoud
{
		margin: 12px 5px 10px 15px;
}

	/* Fix voor IE */
	* html #linksinhoud 
	{
		margin: 0;
		padding: 12px 5px 15px 15px;
	}

#linksinhoud ul
{
	list-style-type: square;
	padding: 0;
	margin: 0 0 0 10px;
	line-height: 14px;
}

#linksinhoud ul li
{
	margin-bottom: 7px;
}

/* Knoppen linksboven
------------------------------------------------------------------------------------------ */

#knoppena
{
	height: 14px;
	margin: 14px 0 0 14px;
}

#knoppenb
{
	height: 14px;
	margin: 2px 0 0 14px;
}

.kn_home, a.kn_home
{
	width: 84px;
	height: 14px;
	margin: 0 2px 0 0;
	background: url(../images/kn_home.gif) no-repeat;
	float: left;
}

a.kn_home:hover
{
	width: 84px;
	height: 14px;
	background-position: -4px 0;
}

.kn_contact, a.kn_contact
{
	width: 84px;
	height: 14px;
	margin: 0 2px 0 0;
	background: url(../images/kn_contact.gif) no-repeat;
	float: left;
}

a.kn_contact:hover
{
	width: 84px;
	height: 14px;
	background-position: -4px 0;
}

/* Knoppen nederlands
------------------------------------------------------------------------------------------ */

.kn_nl, a.kn_nl
{
	width: 84px;
	height: 14px;
	margin: 0 2px 0 0;
	background: url(../images/kn_nl.gif) no-repeat;
	float: left;
}

a.kn_nl:hover
{
	width: 84px;
	height: 14px;
	background-position: -4px 0;
}

.kn_nl_sel, a.kn_nl_sel
{
	width: 84px;
	height: 14px;
	margin: 0 2px 0 0;
	background: url(../images/kn_nl_sel.gif) no-repeat;
	float: left;
}

a.kn_nl_sel:hover
{
	width: 84px;
	height: 14px;
	background-position: -4px 0;
}

/* Knoppen engels
------------------------------------------------------------------------------------------ */

.kn_uk, a.kn_uk
{
	width: 84px;
	height: 14px;
	margin: 0 2px 0 0;
	background: url(../images/kn_uk.gif) no-repeat;
	float: left;
}

a.kn_uk:hover
{
	width: 84px;
	height: 14px;
	background-position: -4px 0;
}

.kn_uk_sel, a.kn_uk_sel
{
	width: 84px;
	height: 14px;
	margin: 0 2px 0 0;
	background: url(../images/kn_uk_sel.gif) no-repeat;
	float: left;
}

a.kn_uk_sel:hover
{
	width: 84px;
	height: 14px;
	background-position: -4px 0;
}


/* Teksten
------------------------------------------------------------------------------------------ */

h1, .kop
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 19px;
	letter-spacing: 0px;
	font-weight: bold;
	color: #666666;
	padding-bottom: 0px;
	margin-bottom: 4px;
}

.tekst
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 23px;
	font-weight: normal;
	color: #666666;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.tekst ul
{
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}

blockquote
{
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}

.intro
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 23px;
	font-weight: bold;
	color: #666666;
	padding-bottom: 0px;
}

h3, .subkop
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: 0px;
	font-weight: bold;
	color: #666666;
	padding-bottom: 0px;
}

/* Kolom nieuws container
------------------------------------------------------------------------------------------ */

#kolomcontainer
{
	width: 612px;
	background: #F2F2F0 url(../images/achternieuws.gif) repeat-y top left;
}

/* Kolom nieuws
------------------------------------------------------------------------------------------ */

#kolomnieuws
{
	width: 302px;
	min-height: 195px;
	margin: 0 8px 0 0;
	float: left;
	background-color: #F2F2F0;
}

#kopnieuws
{
	width: 302px;
	height: 23px;
	background: url(../images/kopnieuws.jpg) no-repeat;
}

#kopnieuws_uk
{
	width: 302px;
	height: 23px;
	background: url(../images/inthenews.jpg) no-repeat;
}

.tekstnieuws
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	font-weight: normal;
	color: #666666;
	padding-bottom: 0px;
	margin: 20px 15px 20px 20px;
}

.ruimtebovenkolom
{
	height: 40px;
}

.datum
{
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 20px;
	font-weight: normal;
	font-style: italic;
	color: #666;
	padding-top: 30px;
}

/* Kolom praktijk
------------------------------------------------------------------------------------------ */
		
#kolompraktijk
{
	width: 302px;
	min-height: 195px;
	float: left;
	background-color: #F2F2F0;
}

#koppraktijk
{
	width: 302px;
	height: 23px;
	background: url(../images/koppraktijk.jpg) no-repeat;
}

#koppraktijk_uk
{
	width: 302px;
	height: 23px;
	background: url(../images/fromthepractice.jpg) no-repeat;
}

#tekstpraktijk
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	font-weight: normal;
	color: #666666;
	padding-bottom: 0px;
	margin: 20px 15px 20px 20px;
}

/* Navigatie menu
------------------------------------------------------------------------------------------ */

#navcontainer 
{
	margin-left: 14px;
	margin-top: 14px;
}

#navcontainer ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: verdana, arial, Helvetica, sans-serif;
}

#navcontainer li 
{ 
	margin: 0 0 4px 0; 
}

#navcontainer a
{
	display: block;
	text-transform: uppercase;
	padding: 3px 8px;
	width: 253px;
	color: #015180;
	background-color: #ADC8E3;
	background: url(../images/menubalk.jpg) no-repeat;
	text-decoration: none;
}

li#active a
{
	background: #5B93C6;
	background: url(../images/menubalkact.jpg) no-repeat;
	color: #FFF;
}

#navcontainer a:hover
{
	color: #fff;
	background-color: #5B93C6;
	background-position: 0 -48px;
	text-decoration: none;
}

#navcontainer ul ul
{ 
	margin: -28px 0 4px 0; 
}


#navcontainer ul ul li 
{ 
	margin: 4px 0 4px 0;
}

#navcontainer ul ul a
{
	display: block;
	margin-left: 134px;
	padding: 3px 3px 3px 13px;
	width: 119px;
	color: #6E675A;
	background-color: #C2D0DB;
	text-transform: none;
	text-decoration: none;
	background: url(../images/submenubalk.jpg) no-repeat;
}

#navcontainer ul ul #subactive a
{
	color: #fff;
	background: url(../images/submenubalk.jpg) no-repeat;
	background-position: 0 -48px;
}

#navcontainer ul ul a:hover
{
	color: #fff;
	background-color: #87A0B4;
	background-position: 0 -48px;
	text-decoration: none;
}

/* Afbeeldingen
------------------------------------------------------------------------------------------ */

.fotoslinks
{
	float: left;
	width: 200px;
	margin: 8px 9px 0 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
}

.fotoslinks img
{
	margin: 0 0 9px 0;
	padding: 0;
}

.fotosrechts
{
	float: right;
	width: 200px;
	margin: 8px 0 0 10px;
	padding: 0;
	font-size: 0;
	line-height: 0;
}

.fotosrechts img
{
	margin: 0 0 9px 0;
	padding: 0;
}

/* Foto Zoom
---------------------------------------------------------------------------------------------- */

.popup
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #ffffff;
	background-color: #A99E8D;
	margin: 0;
	padding: 0;
}

#randboven
{
	width: 100%;
	height: 85px;
	background: #98A9BF url(../images/zoom_rotshuizengeense.gif) no-repeat top right;
}

#fotozoom { 
	width: 620px; 
	margin: 0 auto;
	padding: 0;
	border: 0px solid red;
	}

.fotoboven {
	height: 8px;
	clear: both;
	line-height: 0px;
	font-size: 0px;
}

.fotoonder {
	height: 10px;
	clear: both;
	line-height: 0px;
	font-size: 0px;
}

#grotefoto
{
	text-align: center;
}

#grotefoto img
{
	background-color: #F6F8FA;
	border: 1px solid #5B81AA;
	line-height: 0;
	padding: 10px 10px 10px 10px;
	text-align: center;
}

#grotefoto .flash
{
	width: 600px;
	border: 1px solid #5AA9CD;
	background-color: #EFF2F5;
	line-height: 0;
	padding: 10px;
	text-align: center;
}

.hoogtefoto
{
	width: 584px;
	height: 280px;
}

#logozoom { 
	width: 119px;
	margin-right: 1px;
	height: 80px;
	float: left;
	}

#bovenspacerzoom { 
	width: 640px;
	height: 12px;
	float: right;
	line-height: 0px;
	}

#navigatie { 
	width: 620px;
	height: 46px;
	line-height: 12px;
	padding-top: 20px;
	margin-bottom: 1px;
	text-align: left;	
	float: right;
	border: 0px solid red;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	}	
	
#navigatie a:link, #navigatie a:visited
{
		text-decoration: none;
        color: #F86F10; 
}

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

#titelzoom { 
	width: 400px;
	height: 25px;
	margin-top: 29px;
	margin-bottom: 1px;
	text-align: left;
	float: left;
	}

#snelnavzoom { 
	height: 25px;
	margin-top: 8px;
	margin-bottom: 0px;
	padding: 0;
	text-align: right;
	float: left;
	border: 0px solid red;
	}

#snelnavinfo { 
	width: 100%;
	height: 25px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0 0 0 0;
	}

	/* Fix voor IE */
	* html #snelnavinfo {
		background: none;
		width: 196px;
	}

#infoterug { 
	float: left;
	border: 0px solid red;
	color: #fff;
	margin: 3px 0 0 15px;
	padding: 0 0 0 0;
	}
	
#infoterug a:link, #infoterug a:visited
{
		text-decoration: none;
        color: #f3f3f3; 
}

#infoterug a:hover
{
	text-decoration: underline;
	color: #f3f3f3;
}

#inforechts {
	width: 160px;
	float: right;
	}

.vorige, a.vorige
{
	width: 25px;
	height: 15px;
	margin-top: 6px;
	background: url(../images/buttons/links.gif) no-repeat 0 0;
	float: right;
}

a.vorige:hover
{
	background: url(../images/buttons/links_over.gif) no-repeat 0 0;
}

.volgende, a.volgende
{
	width: 25px;
	height: 15px;
	margin-top: 6px;
	margin-left: 10px;
	margin-right: 10px;
	background: url(../images/buttons/rechts.gif) no-repeat 0 0;
	float: right;
}

a.volgende:hover
{
	width: 25px;
	height: 15px;
	margin-top: 6px;
	background: url(../images/buttons/rechts_over.gif) no-repeat 0 0;
	float: right;
}

.fototekst 
{
	padding: 0 10px 0 11px;
}	

/* Foto nummering
---------------------------------------------------------------------------------------------- */

 #pagcontainer
 {
  float: right;
  height: 20px;
  padding: 0;
  margin: 4px 0 0 0;
  font-family: verdana, arial;
  font-size: 11px;
 }

 /* Fix voor IE */
 * html #pagcontainer 
 {
  padding: 0;
  margin: 3px 0 0 0;
 }

 #pagcontainer ul
 {
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: center;
 }

 #pagcontainer ul li 
 { 
  display: inline;
 }

 #pagcontainer ul .inactief
 {
  text-decoration: none;
  padding: 2px 5px 2px 5px;
  color: #ffffff;
  background-color: #98A9BF;
  border-style: solid;
  border-color: #000000;
  border-width: 1px;
 }

 #pagcontainer ul li a
 {
  text-decoration: none;
  padding: 2px 5px 2px 5px;
  color: #2F4A70;
  border-style: solid;
  border-color: #000000;
  border-width: 1px;
  background-color: #ffffff;
 }

 #pagcontainer ul li a:hover
 {
  color: #ffffff;
  background-color: #A99E8D;
 }

 #pagnavinfo
 {
  float: left;
  height: 20px;
  padding: 0;
  margin: 4px 0 0 0;
 }

 /* Fix voor IE */
 * html #pagnavinfo 
 {
  padding: 0;
  margin: 3px 0 0 0;
 }	

/* Inloggen
---------------------------------------------------------------------------------------------- */

#inloggen 
{ 
	width: 250px;
	text-align: left;	
	float: left;
	padding: 30px 0px 10px 70px;
	color: #666666;
	line-height: 20px;
}	

.knop 
{
	width: 100px;
	height: 20px;
	background: #666666;
	font-weight: normal;
	font-size: 11px;
	color: #ffffff;
	margin-right: 15px;
	float: right;
	border: #666666; border-style: solid; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 0px;
}
	
.input 
{
		width: 230px;
		height: 14px;
		margin-bottom: 10px;
}

form
{
		margin: 0;
		padding: 0;
}

/* Uitloggen
---------------------------------------------------------------------------------------------- */

#uitloggen 
{ 
	position: absolute;
	z-index: 99;
	top: 81px;
	left: 25px;
}




 /* Formulier
---------------------------------------------------------------------------------------------- */

form{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	

input.button { 
	background: #0095E5; 
	border-bottom: 1px solid #005FA3; 
	border-left: 1px solid #58D6FF; 
	border-right: 1px solid #005FA3; 
	border-top: 1px solid #58D6FF; 
	color: #ffffff; 
	margin: 5px 0px 10px 6px; 
	padding: 3px 5px 3px 5px; 
	}
	
input.button2 { 
	background: #0095E5; 
	border-bottom: 1px solid #005FA3; 
	border-left: 1px solid #58D6FF; 
	border-right: 1px solid #005FA3; 
	border-top: 1px solid #58D6FF;  
	color: #ffffff; 
	font-size: 11px;
	font-weight: normal;
	margin: 0px 0px 0px 10px; 
	padding: 1px 5px 2px 5px; 
	}	

.aanmelden {

	border: 1px solid #B8CADE;
		width: 165px;
		margin-left: 0px;
		font-size: 11px;
		line-height: 11px;
		height: 18px;
		margin: 2px 0px 10px 0px;
		}
	
.input {
	background: #ffffff;
	border: 1px solid #bed7ea;
	font-size: 11px;
		width: 203px;
		margin-left: 10px;
		line-height: 11px;
		height: 16px;	
		}
		
.invulNormaal {
	background: #ffffff;
	border: 1px solid #bed7ea;
	font-size: 11px;
		width: 380px;
		line-height: 11px;
		height: 16px;
		margin: 1px 0px 1px 0px;
		padding: 3px 3px 1px 3px;				
		}		
		
.invulArea {
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: #ffffff;
	border: 1px solid #bed7ea;
	font-size: 11px;
		width: 380px;
		line-height: 11px;
		margin: 1px 0px 1px 0px;
		padding: 3px 3px 1px 3px;
		}
		
.veld2pulldown select
{
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #ffffff;
 color: #bed7ea;
 border: 1px solid #bed7ea;
 margin-right: 0px;
 text-align: left;
 height: 18px;
 padding: 2px 3px 2px 3px;
 margin: 0 0 0 0;
}	

.invulww {
	background: #ffffff;
	border: 1px solid #bed7ea;
	font-size: 11px;
		width: 153px;
		line-height: 11px;
		height: 16px;
		margin: 1px 0px 1px 0px;
		padding: 2px 3px 1px 3px;
		}
		
.invulPulldown {
	background: #ffffff;
	border: 1px solid #bed7ea;
	font-size: 11px;
		width: 203px;
		line-height: 18px;
		height: 16px;
		margin: 1px 0px 1px 0px;
		padding: 2px 3px 1px 3px;
		}		
		
.invulXSmall {
	background: #ffffff;
	border: 1px solid #bed7ea;
	font-size: 11px;
		width: 73px;
		line-height: 11px;
		height: 16px;
		margin: 1px 0px 1px 0px;
		padding: 2px 3px 1px 3px;
		}		
		

.frmseparator
{
	height: 4px;
	font-size: 0px;
	line-height: 0px;
}

.frmseparatora
{
	height: 4px;
	font-size: 0px;
	line-height: 0px;
} 		



.subkopform{
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	float: left;
}





.fout{
	color: #ff0000;
}