body{
background: #d8efcd;
//background:#ECF6CE;
//background:#31B404;
padding: 0px;
margin: 0px 0px;
border: 0px;
color:white;
text-align:center;
}

h3{
font-size:1em;
}

a:link{
  color:white;
  font-size:1.7em;
 // font-size:20pt;
  text-decoration:none;
}

a:visited{
  color:white;
//  font-size:20pt;
  text-decoration:none;
}
a:active{
  color:white;
//  font-size:20pt;
  text-decoration:none;
}

a:hover{
  color:F2F;
//  font-size:20pt;
  text-decoration:none;
}

.container{
position:relative;
border:0px;
padding:0px;
margin:0px;
}

.content-wrapper{
position: relative;
top: 0px;
width: 1000px;
height: 980px;
min-height: 100%;
background: #FFF;
padding:0px;
margin:0px auto;
text-align:left;
//border: 1px dashed #333;
}

.logo-frame {
  width:710px;
  margin:0px auto;
  text-align:left;
}

.top-menu {
  width:1000px;
  height:32px;
  border:1px solid green;
  text-align:center;
  background: #04B404;
  //background: #81c361;
  color:white;
}

#navigation {
		list-style:none;
		margin:0;
		padding:0;
}

#navigation li {
	float:left;
}

#navigation li a {
	display:block;
	//background: yellow;
	width: 165px;
	text-align:center;
	color:white;
}

#navigation li a:hover {
	background:yellow;
	color:red;
}



.sidebar {
 // position:relative;
  padding-left:25px;
  width: 200px;
  height:710px;
  margin:0px;
  left:0px;
  //border:1px dashed blue;
  border-right: black 1px solid;
	color:black;
	float:left;
}

.sidebar-plaatjes {
	position:absolute;
	width:175px;
	height: auto;
	border: 0px solid blue;
	top:700px;
	margin-left: auto;
	margin-right: auto;
}

img.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	
}

.content {
		width:750px;
		//height:710px;
		//border:1px solid green;
		height:auto;
		//min-height: 100%;
		float:right;
		color:black;
		padding:10px;
		margin:0px;
		float: left;
}

.content-plaatje{
position:absolute;
width:400px;
height:400px;
//border:1px solid red;
left:40px;
top: 160px;
}
img.content-plaatje{
width:400px;
}

/* rooms styles */
	
#roomsList {
	list-style:none;
	padding:  0;
}
#roomsList li {
	float:left;
	width:200px;
	height:200px;
	margin: 5px;
	text-align:center;
}
#roomsList li.spacer {
	width:75px;
}
#roomsList li a {
	display:block;
	width:170px;
	height:170px;
	padding:4px;
	border: 1px solid #688D7D;
	margin:5px;
	//background: #E6F1C3;
	background: #d8efcd;
	text-decoration:none;
	//color:#215F84;
	color:black;
}
#roomsList li a:hover {
	//background:#688D7D;
	background: #04B404;
	margin: 0;
	border: 1px solid #688D7D;
	color:#fff;
}
#roomsList li a span {
	display:block;
	margin: 10px 0 0 0;
	font-size:16px;
	
}

.roomnav {
	text-align:center;
	margin:20px 5px 0;
}

.roomnav a:link {color:#686941; font-size:16px; padding:20px; text-decoration:underline;}
.roomnav a:visited {color:#686941; font-size:16px; padding:20px; text-decoration:underline;}
.roomnav a:hover {color:#686941; font-size:16px; padding:20px; text-decoration:none;}
.roomnav a:active {color:#686941; font-size:16px; padding:20px; text-decoration:underline;}

.reviewTable {
  font-size:16px;
  empty-cells:show;
  border-collapse:collapse;
  border:1px solid black;
  background: #d8efcd;
  width:700px;
  //border-right:1px solid black;
  //border-top:1px solid black;
  }
  
.reviewTable td {
  vertical-align:top;
  border-bottom:1px solid black;
  padding:4px;
  }

.reviewTable tr {
  //background:white;
}

.reviewTableColumnOne {
width:120px;
//background:white;
} 
.test {
width:200px;
height:20px;
//dit is de spacer in de reviewtabel
}

.rating {
font-size:1.3em;
font-weight:bold;
}

.reviewName {
font-size:1.3em;
}

.omgevingList {
color:blue;
  list-style-type:none;
  list-style-position:inside;
  margin-left:0;
  padding-left:0;
}

.omgevingList a{
font-size:1.1em;
color:black;
text-decoration:underline;
}

.omgevingList a:hover{
text-decoration:none ;
font-size:1.3em;
}

.restaurantList a{
font-size:1em;
color:black;
text-decoration:underline;
}

.restaurantList a:hover{
text-decoration:none ;
font-size:1.3em;
}

.museumList a{
font-size:1em;
color:black;
text-decoration:underline;
}

.museumList a:hover{
text-decoration:none ;
font-size:1.3em;
}

.kidsList a{
font-size:1em;
color:black;
text-decoration:underline;
//de opmaak voor de omgeving-kinderen pagine
}

.kidsList a:hover{
text-decoration:none ;
font-size:1.3em;
}

.activityList a{
font-size:1em;
color:black;
text-decoration:underline;
//de opmaak voor de omgeving-kinderen pagine
}

.activityList a:hover{
text-decoration:none ;
font-size:1.3em;
}

.omgevingnav {
	text-align:center;
	margin:30px 5px 0;
}

.omgevingnav a:link {color:#686941; font-size:16px; padding:20px; text-decoration:underline;}
.omgevingnav a:visited {color:#686941; font-size:16px; padding:20px; text-decoration:underline;}
.omgevingnav a:hover {color:#686941; font-size:22px; padding:20px; text-decoration:none;}
.omgevingnav a:active {color:#686941; font-size:16px; padding:20px; text-decoration:underline;}

.beleefLink a{
font-size:1em;
color:black;
text-decoration:underline;
}

.beleefLink a:hover{
text-decoration:none ;
font-size:1.3em;
}