/* 
lichtblauw #0092df
donkerblauw #0d3e8a
lichtgroen #68b830
donkergroen #00913f
groengeel #acd216
geel #fef500
Rood #a72924
Grijs #a9a9a8
*/

body 
{
   	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 12px;
	text-align:center;
	background-image:url(images/body_back.jpg);
	color:Black;
}
h1 { color:#0d3e8a; font-weight:bold; font-size:1.4em;margin-bottom:-20px;}

p {}
table {font-size: 12px;font-family: Verdana, Arial, Helvetica, sans-serif;}
.right {text-align:right}
.imgtekst{font-size:0.8em; color:#0d3e8a;}

a:link { text-decoration:underline; color:black;}
a:visited { text-decoration:underline; color:black;}
a:active { text-decoration:underline; color:black;}
a:hover { text-decoration:underline; color:#a72924;}

#main{ width:778px; background-color:White; background-image:url(images/meer.gif); background-position:center 400px; background-repeat:no-repeat;}
#mainhome{ width:778px; background-color:White;}
#topnav { float:right;margin-right:0px; margin-top:0px;}
#topnav ul {margin:0;padding:0;list-style-type: none;text-align: center;white-space:nowrap;}
#topnav ul li { display: inline; }
#topnav ul li a { text-decoration: none;float:right;padding-left:1em;padding-right:1em; color:#0092df; font-weight:bold; border-left: solid 1px #0092df;}
#topnav ul li a:hover { color:White; background-color:#0092df; }
#logo{ float:left;margin-left:10px; margin-top:0px;}
#balk { float:right; margin:0px; height:130px; width:550px; background-image:url(images/balk-gradient.jpg);}
#balk img {float:right; padding:5px; margin-top: 5px; margin-right:5px; border:0;}
#menu{ float:right;margin-right:-10px; margin-top:-40px;  width:630px;}
#sfeer{float:left; margin:0px; height:150px; width:778px;}
#content{ margin:10px; text-align:justify;}
#content ul {margin:20px;}
#content li {list-style-image:url(images/icon-meer.gif); padding-left:2px; vertical-align:middle; margin-bottom:10px; }
.frame {width:100%;margin:0;}

/********************************************************************************
** Accommodaties
********************************************************************************/
#accommodaties{margin-top:30px;}

#accommodaties .accommodatie
{
	width:100%;
	margin-bottom:30px;
}

#accommodaties .accommodatiefoto
{
	float:left;
	border:solid 1px black;
	padding:5px;

}

#accommodaties .accommodatiedetails
{
	float:left;
	padding-left:10px;
}

#accommodaties img
{
	width:200px;
}
#accommodaties h2
{
	font-size:14px;
	margin:0;
	padding:0;
}

/********************************************************************************
** Kamers
********************************************************************************/
#reserveringscode a
{
	color:Red;
	float:right;
	font-weight:bold;
}

.reservering
{
}

.kamerfotos
{
	margin-top:40px;
	text-align:center;
	margin-bottom:20px;
}

.kamerfotos img
{
	width:200px;
	border: solid 1px black;
	margin-left:10px;
}
.kamerdetails
{
    clear:both;
}

.kamerdetails li img
{
 vertical-align:middle;
}
.kamerdetails h2
{
	font-size:14px;
	margin:0;
	padding:0;
}

.kameritanery ul
{
	float:left;
	width:740px;
	margin: 0;
	padding: 3px 0 0 0;
	list-style: none;
}

.kameritanery li 
{ 
  float: left;
  width:260px;
  margin-left:-20px;
  }
  
.kameritanery .aanwezig
{
    width:100px; 
    text-align:left;
}