html {

}

body {
  margin: 0;
  padding: 0;
  font-family:Verdana, sans-serif;
  font-size:1em;
}

#shadow-top{
  background: url("../images/shadow-top.gif");
  background-position: center top;
  background-repeat: no-repeat;
  height:30px;
}

#shadow{
  background: url("../images/shadow.gif");
  background-position: center;
  background-repeat: repeat-y;
  margin: 0 auto;
}

#container {
  width:940px;
  margin: 0 auto;
  margin-top:0px;
  margin-bottom:00px;
  padding-left:10px;
  padding-right:10px;
  padding-bottom:0px;
  background-color:#fff;
}

#shadow-bottom{
  background: url("../images/shadow-bottom.gif");
  background-position: center bottom;
  background-repeat: no-repeat;
  height:30px;
}

#header {
  height:211px;
}

#header-left {
  background: url(../images/header-left.png) 0 0 no-repeat;
  padding:20px;
}

.hide {
  position: absolute;
  left: -9000px;
}



/*=================MAINMENU====================*/

#mainmenu {
  background: url(../images/bl.gif) 0 100% no-repeat #2A469E;
  text-align:center;
  margin: 0 0 10px 0;
}

#mainmenu-right {
  background: url(../images/br.gif) 100% 100% no-repeat;
  height:1.8em;
  text-align:center;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#nav a {
  line-height:2.0em;
  font-weight: bold;
  color: #FFF;
  text-decoration: none;
  font-size:0.8em;
}

#nav .menuselected {
  color:#FFCC03;
}

#nav a:hover {
  color:#FFCC03;
}

#centertable {
  width:900px;
}


#nav li {
  float: left;
  position: relative;
  width: 130px;
  text-align: center;
  cursor: default;  
}

.topmenu ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  padding: 0.2em 0 9px 0;
  z-index:99;
}

.over {
  z-index:99;
}

.topmenu li {
  display: block;
  float: none;
  border: 0;
  background-color:#FFCC03;
  border-bottom-width:1px;
  border-bottom-color:#FFF;
  border-bottom-style:solid;
}

.topmenu li#lastmenu {
  display: block;
  border: 0;
  background-color:#FFCC03;
  background: url(../images/submenu-bottom.gif) 100% 100% no-repeat;
  padding-bottom:1px;
  float: left;
  position: relative;
  width: 130px;
  text-align: center;
  cursor: default;  
}

#nav li li a {
  display: block;
  font-weight: bold;
  color: #2A469E;
  font-size:0.7em;
}

#nav li li a:hover {
  color:#FFFFFF;
}

li:hover ul, li.over ul {
  display: block;
}

/*=================CONTENT====================*/



#containerleft {
  float:left;
  margin:0 10px 0 0;
  width:156px;
  overflow:hidden;
}

.content-left {
  font-size:0.8em;
  background-color:#2A469E;
  color:#000;
  line-height: 1.4em;
  margin-bottom:10px;
}

.content-left .hd .c,
.content-left .ft .c {
 font-size:1px; /* ensure minimum height */
 height:10px;
}

.content-left .ft .c {
 height:10px;
}

.content-left .hd {
 background:transparent url(../images/tl.gif) no-repeat 0px 0px;
}

.content-left .hd .c {
 background:transparent url(../images/tr.gif) no-repeat right 0px;
}

.content-left .bd {
 /*background:transparent url(ml.gif) repeat-y 0px 0px;*/
}

.content-left .bd .c {
 margin:0em 0.6em 0em 0.6em;
 /*background:transparent url(mr.gif) repeat-y right 0px;*/
}

.content-left .bd .c .s {
 margin:0px 8px 0px 4px;
 background:#000 url(ms.jpg) repeat-x 0px 0px;
 padding:1em;
}

.content-left .ft {
 background:transparent url(../images/bl.gif) no-repeat 0px 0px;
}

.content-left .ft .c {
 background:transparent url(../images/br.gif) no-repeat right 0px;
}

.content-left h2 {
 font-size:1em;
 margin:-0.1em 0 0 0em;
 padding:0px;
}

.content-left p {
 margin:0em 0em 0em 0em;
 padding:0px;
}

.content-left li {
  display: block;
  float: none;
  border: 0;
  border-bottom-width:1px;
  border-bottom-color:#FFF;
  border-bottom-style:solid;
}

.content-left li a {
  line-height:2.0em;
  font-weight: bold;
  color: #FFF;
  text-decoration: none;
  font-size:0.8em;
}

.content-left a:visited {
  color:#FFF;
}

#bnnr {
  width:156px;
  height:132px;
  margin:0 0 24px 0;
}

.content-main {
  width:524px;
  float:left;
  font-size:0.8em;
  background-color:#D6E1F5;
  margin:0 0 10px 0;
  line-height: 1.4em; 
}

.content-fullpage {
  width:774px;
}

.content-main-image {
	max-width: 510px;
}

.content-main .hd .c,
.content-main .ft .c {
 font-size:1px; /* ensure minimum height */
 height:10px;
}

.content-main .ft .c {
 height:10px;
}

.content-main .hd {
 background:transparent url(../images/tl.gif) no-repeat 0px 0px;
}

.content-main .hd .c {
 background:transparent url(../images/tr.gif) no-repeat right 0px;
}

.content-main .bd {
 /*background:transparent url(ml.gif) repeat-y 0px 0px;*/
}

.content-main .bd .c {
 margin:0em 0.6em 0em 0.6em;
 /*background:transparent url(mr.gif) repeat-y right 0px;*/
}

.content-main .bd .c .s {
 margin:0px 8px 0px 4px;
 background:#000 url(ms.jpg) repeat-x 0px 0px;
 padding:1em;
}

.content-main .ft {
 background:transparent url(../images/bl.gif) no-repeat 0px 0px;
}

.content-main .ft .c {
 background:transparent url(../images/br.gif) no-repeat right 0px;
}

.content-main h2 {
  font-size:0.8em;
  margin:-0.5em 0 0.8em 0em;
  padding:0 0 0.5em 0;
  color:#999999;
  border-bottom-style:solid;
  border-bottom-color:#999999;
  border-bottom-width:1px
}

.content-main h3 {
  font-size:1.0em;
  margin:0.2em 0 0.2em 0em;
  padding:0px;
}

.content-main h4 {
  font-size:0.8em;
  margin:0em 0 0em 0em;
  padding:0px;
}

.content-main h5 {
  font-size:1.1em;
  margin:0em 0 0em 0em;
  padding:0px;
}

.themabieb {
  font-size:0.9em;

}

.content-main p {
 margin:0em 0em 0.2em 0em;
 padding:0px;
 text-align:justify;
}

.content-main a {
  color:#000;
}

.content-main a:visited {
  color:#666;
}

.content-main ul {
  display:block;
  list-style: circle;
  padding-left: 10px;
  margin-left: 10px;
}

.content-main li ul {
  display:block;
  list-style: circle;
  padding-left: 10px;
  margin-left: 10px;
}

ol {
  padding-left: 10px;
  margin-left: 10px;
  background-color:#D6E1F5;
}

ol li {
  background-color:#D6E1F5;
  
}

ol a {
  background-color:#D6E1F5;
}

#nieuwsimage {
  float:right;
  margin:0 0 4px 8px;
}


#containerright {
  float:left;
  width:240px;
  margin:0 0 0 10px;
  overflow:hidden;
}

.content-right {
  font-size:0.7em;
  background-color:#94B2E5;
  text-align:left;
  line-height: 1.4em;
  margin-bottom:10px;
  color:#999999;
}

.content-right2 {
  background-color:#FFCC03;
}

.content-right .hd .c,
.content-right .ft .c {
 font-size:1px; /* ensure minimum height */
 height:10px;
}

.content-right .ft .c {
 height:10px;
}

.content-right .hd {
 background:transparent url(../images/tl.gif) no-repeat 0px 0px;
}

.content-right .hd .c {
 background:transparent url(../images/tr.gif) no-repeat right 0px;
}

.content-right .bd {
 /*background:transparent url(ml.gif) repeat-y 0px 0px;*/
}

.content-right .bd .c {
 margin:0em 0.6em 0em 0.6em;
 /*background:transparent url(mr.gif) repeat-y right 0px;*/
}

.content-right .bd .c .s {
 margin:0px 8px 0px 4px;
 background:#000 url(ms.jpg) repeat-x 0px 0px;
 padding:1em;
}

.content-right .ft {
 background:transparent url(../images/bl.gif) no-repeat 0px 0px;
}

.content-right .ft .c {
 background:transparent url(../images/br.gif) no-repeat right 0px;
}

.content-right h2 {
 font-size:1.1em;
 margin:-0.1em 0 0 0em;
 padding:0px;
 color:#FFFFFF;
}

.content-right2 h2 {
 color:#666666;
}

.content-right h3 {
 font-weight:normal;
 font-size:1em;
 margin:0em;
 padding:0px;
 color:#FFFFFF;
}

.content-right p {
 margin:0em;
 padding:0px;
 color:#FFFFFF;
}

.content-right2 p {
 margin:0em;
 padding:0px;
 color:#666666;
}

.content-right a {
  color:#FFFFFF;
}

.content-right2 a {
  color:#666666;
}


.content-right label {
  width: 6em;
  float: left;
  text-align: right;
  margin-right: 0.5em;
  display: block;
}

.content-right .submit {
  margin-left: 6.5em;
} 

.content-right input {
  width: 8em;
}

.content-right ul {
  padding: 0;
  margin: 0;
  margin-left:1.2em;
  color:#FFF;
  display:block;
  list-style: disc;
}

.content-right ul li {
  float:none;
  margin:0px;
  text-align:left;
  width:100%;
}

.clear {
  clear: both;
  max-height: 0px;
  height: 0px;
  line-height: 0px;
}

.bottom {
  font-weight:bold;
  color:#7199DD;
  font-size:0.8em;
  margin:0px;
  text-align:center;
}

.bottom a {
  color:#7199DD;
}

.gastenboek textarea {
  width:400px;
  height:80px;
}

.bedieninggroep{
  clear: both;
}

.bediening {
  clear: both;
  font-size:0.9em;
}

.bedieningvacature {
  clear: both;
  font-size:0.9em;
}

.bedieningvacature a {
  color:red;
}

.bedieninguser {
  float: right;
  text-align:center;
  width:175px;
}

.bedieninguser img {
  width:100px;
}

.bedieninguser p {
  text-align:center;
  margin-bottom:20px;
}

.tabel_rij_even {
	background-color:#fff;
}	

.tabel_rij_oneven {
	background-color:#ccc;
}	

#columns label {
  width: 200px;
  float: left;
  margin-right: 0.5em;
  clear:both;
}

label {
  width: 510px;
  text-align: left;
  margin-right: 0.5em;
  display: block;
	clear:both;
} 

label input {
	clear:both;
}

label select {
	display: block;
	clear:both;
}

label .value {
	width:600px;
	display: block;
	clear:both;

}

.buttonbar{
	float:left;
	width:100%;
}

.editbutton{
	background-color: Lime;	
}

.savebutton{
	background-color: Lime;	
}

.cancelbutton{
	background-color: Silver;	
}

.deletebutton{
	background-color: Red;	
}

.content-main .textfield {
	width:500px;
}

.content-fullpage .textfield {
	width:700px;
}

.content-main .textareafield {
	float:left;
	width:500px;
	height:200px;
}

.content-fullpage .textareafield {
	width:700px;
	height:250px;
}

.content-main .texteditorfield {
	width:500px;
	height:250px;
}

.content-fullpage .texteditorfield{
	clear:both;
	float:left;
	width:700px;
	height:400px;
}

.timefield {
	width:100px;
}

.datefield {
	width:50px;
}

.labelvalue {
	float:left;
	display:block;
	height:1.9em;
	float: left;
	text-align: left;
	margin: 0 4px 0 0;
	line-height: 1.5em;
}


.calendervalue {
	float:left;
	height:1.4em;
	line-height: 1.4em;
	width:8em;
	padding: 0 0 0 2px;
	margin:1px 0 1px 3px;
	border :1px solid #AAAAAA;
	color: #000000;
	background-color:white;
}

.dateclear {
	font-weight:bold;
	color:red;
	font-size:80%;
	width:10px;
}

.samenwerkingsmenu {
	float:right;
}

.selectfield {
	max-width: 500px;
}

#userfoto ul {
  list-style: none;
  margin: 0;
  padding: 0px;
}

#userfoto ul li {
  height:240px;
  float: left;
  display: inline; 
  margin: 0 6px 0 6px;
  text-align: center;
  line-height: 1.2em;
}

#userfoto ul li a {
 float: left;
 text-align: center;
 padding-top: 205px;
 width: 150px;
 /* border :1px solid #000; */
 background-position: center top;
 background-repeat: no-repeat;
 color: #000;
}

.basic a {
	cursor:pointer;
	display:block;
	padding:2px;
	margin-top: 0;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color: black;
	background-color: #ccc;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #999;
}

/*validation error class*/
label.error{
background:#FBE3E4;
border:2px solid #FBC2C4;
color:#8A1F11;
font-size:12px;
margin:3px 0 0;
}