/* ML Webdesign | http://www.ml-webdesign.com */

body {
background-color: #9cb5e5;
margin: 10px 0px 0px 14px;
}

img {
border: none;
}

#container {
width: 98%;
height: 96%;
position: absolute;
background-color: #ffffff;
border: 1px solid #003399;
}

#header {
width: 100%;
height: 143px;
position: relative;
background-image: url(../Images/header.jpg);
background-repeat: no-repeat;
}

#topcontent {
width: 100%;
height: 20px;
position: relative;
background-color: #003399;
}

.topcontenttekst {
color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
margin-left: 20px;
}

li {
display:inline;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
margin-left: 170px;
}

li a {
color: #ffffff;
}

#menuitem {
overflow: hidden;
height: 317px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 0px 0px 0px 0px;
margin: 0px;
float: left;
position: relative;
text-decoration: none;
background-color: #003399;
margin-top: 20px;
margin-left: 10px;
}

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

#menuitem ul li {
margin: 0px;
padding: 0px;
}

#menuitem ul li a {
text-align: left;
font-size: 12px;
display: block;
padding: 7px 0px 7px 10px;
text-decoration: none;
color: #00000000;
width: 145px;
background-color: #003399;
border-bottom: 1px solid #ffffff;
}

#menuitem ul li a:hover {
background-color: #730f0f;
}

#content {
width: 75%;
height: 55%;
position: relative;
border: 1px solid #003399;
float: left;
margin: 20px;
overflow: scroll;
overflow-x: hidden;
}

.contenttekst {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
padding: 10px;
}

.contenttekst a {
color: #333333;
}

#taal {
width: 145px;
height: 20px;
position: relative;
clear: both;
margin-left: 10px;
}

#copyright {
width: 100%;
height: 20px;
position: relative;
background-color: #003399;
margin-top: 18px;
}

.copyrighttekst {
color: #ffffff;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
padding-top: 3px;
}

.copyrighttekst a {
color: #ffffff;
text-decoration: none;
}

/* algemene opmaak planning tabel */

#planning {
color: black;
background: white;
text-align: left;
max-width: 690px;
}

/* opmaak chalet titel in planning tabel*/

#planning .titel {
background: white;
color: black;
width: 14px;
font-weight: bold;
text-align: left;
}

.planning td {
width: 14px;
}

/* opmaak datumtitel in planning tabel*/ 

.datum {
background: white;
color: black;
text-align: left;
font-weight: bold;
}

/* opmaak links in planning tabel*/

#planning a  {
text-decoration: underline;
font-weight: normal;
color: black;
background: white;
}

/* opmaak tabelcellen optie in planning tabel */

.optie { 
background-image: url(../Images/Slice/optie.jpg);
background-repeat: no-repeat;
background-position: center;
border: 1px solid black;
width: 14px;
}

/* opmaak tabelcellen bezet in planning tabel */

.bezet { 
background: red;
border: 1px solid black;
width: 14px;
}

/* opmaak tabelcellen vrij in planning tabel */

.vrij { 
background: white;
border: 1px solid black;
width: 14px;
}