body,html
{
text-align:center;
padding:0px;
margin:0px;
background-color: #daebf6;
height:100%;
font-family: Verdana;
font-size:13px;
color: black;
background-image: url(../image/background.jpg);
background-repeat:repeat-x;
}

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

/*A:link {text-decoration: none; color: black;}
A:visited {text-decoration: none; color: black;}
A:active {text-decoration: none; color: black;}
A:hover {text-decoration: underline; color: black;}
*/

#containermidden{
/*width:911px; */
width:100%;
text-align:left;
/*height:auto !important;*/
margin:0pt auto;
height:100%;
position:relative;
}

.aligner{
margin-left:auto;
margin-right:auto;
width:802px;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -26px;
background-repeat:repeat-y;
background-image: url(../image/content_bg.jpg);
/*display:table;*/
}

.alignerBottom{
width:802px;
height:20px;
margin-left:auto;
margin-right:auto;
background-repeat:repeat-y;
background-image: url(../image/content_bg.jpg);
bottom:0px;
border: 0px solid red;
}

#footer{
text-align:center;
background-color:#ffffff;
height:25px;
margin-left:16px;
margin-right:14px;
border-top: 1px solid #b01b2e;
font-size:10px;
}

#footer a:link {text-decoration: none; color: #000000;}
#footer a:visited {text-decoration: none; color: #000000;}
#footer a:active {text-decoration: none; color: #000000;}
#footer a:hover {text-decoration: underline; color: #b01b2e;}


#header{
height:267px;
width:772px;
background-image: url(../image/header.jpg);
background-repeat:no-repeat;
margin-left:16px;
/*background-position:99% 0%;*/
background-color: #001e67;
}

/*MENU*/
#menu{
height:29px;
width:772px;
background-color: #b01b2e;
margin-left:16px;
display:table;
}

.menuItem
{
height:22px;
width:109px;
border-right: 1px solid #ffffff;
font-weight:bold;
font-size:12px;
display:block;
float:left;
color: #ffffff;
text-decoration: none;
text-align:center;
padding-top:7px;
position:relative;
}

a:hover.menuItem
{
background-color: #00216b;
}


.menuItemSelect
{
height:22px;
width:109px;
border-right: 1px solid #ffffff;
font-weight:bold;
font-size:12px;
display:block;
float:left;
color: #ffffff;
text-decoration: none;
text-align:center;
padding-top:7px;
position:relative;
background-color: #00216b;
}

.submenudiv{
width:145px;
display:table;
visibility:hidden;
position:absolute;
background-color:#00216b;
padding-top:7px;
padding-bottom:7px;
}

.submenuitems{
display:table;
height:10px;
width:135px;
color:#ffffff;
font-size:11px;
text-decoration:none;
padding-left:7px;
white-space: nowrap;
}

.submenuitems:hover{
text-decoration: underline;
}

#productCount
{
width:10px;
font-size:11px;
padding: left;
}

#content_container_fotoboek{
width:773px;
display: table;
background-repeat:repeat-y;
margin-left:16px;
margin-top:2px;
top: 296px;
}

#content_container{
width:773px;
display: table;
margin-left:16px;
margin-top:2px;
top: 296px;
}
 
#content_group{
float:left;
width:520px;
}

.content_title{
height:32px;
width:520px;
font-size:14px;
font-weight:bold;
padding-left:36px;
padding-top:23px;
display:table;
}

.content_title a:link {text-decoration: none; color: black;}
.content_title a:visited {text-decoration: none; color: black;}
.content_title a:active {text-decoration: none; color: black;}
.content_title a:hover {text-decoration: underline; color: black;}


.nieuws a:link {text-decoration: none; color: #b01b2e;}
.nieuws a:visited {text-decoration: none; color: #b01b2e;}
.nieuws a:active {text-decoration: none; color: #b01b2e;}
.nieuws a:hover {text-decoration: underline; color: #b01b2e;}

.content_title_editor{
font-size:14px;
font-weight:bold;
padding-left:36px;
padding-top:23px;
background-color:#ffffff;
}

.content_data{
width:520px;
padding-left:36px;
line-height:15px;
}

.content_data a:link {text-decoration: none; color: #000099;}
.content_data a:visited {text-decoration: none; color: #000099;}
.content_data a:active {text-decoration: none; color: #000099;}
.content_data a:hover {text-decoration: underline; color: #000099;}

/*.content_data a:link {text-decoration: underline; color: black;}
.content_data a:visited {text-decoration: underline; color: black;}
.content_data a:active {text-decoration: underline; color: black;}
.content_data a:hover {text-decoration: underline; color: black;}
   */
.content_data_fotoboek
{
width:760px;
float:left;
min-height:400px;
display:table;
}

.content_data_editor{
padding-left:36px;
padding-top:15px;
line-height:15px;
font-size:10px;
background-color:#ffffff;
}

#content_left_container{
width:182px;
line-height:15px;
float:left;
}

#content_left1{
width:171px;
margin-left:-1px;
padding-top:19px;
margin-bottom:25px;
padding-left:12px;
display:table;
font-size:12px;
}

#content_left1 ul{
font-size:15px;
padding:0px;
margin:0px;
margin-top:10px;
list-style: none;
line-height:30px;
}

#content_left1 li a{
color: black;
background-image: url(../image/rondje.jpg);
background-position: 5px 4px;
padding-left: 20px;
font-weight:bold;
text-decoration:none;
background-repeat:no-repeat;
}

#content_left2{
width:153px;
line-height:24px;
margin-left:-1px;
padding-left:15px;
padding-right:15px;
padding-top:17px;
padding-bottom:17px;
text-align:center;
display:table-cell; 
vertical-align:middle;
color:#ffffff;
font-size:15px;
font-weight:bold;
background-color: #b01b2e;
}


#content_left3{
height:auto;
width:182px;
text-align:left;
overflow:auto;
overflow-x:hidden;
overflow-y:visible;

}

#content_left3 a{
color: black;
}

/*Fotoboek*/

.overzichtphotovak
{
margin:10px;
float:left;
display:inline-block;
width:110px;
height:150px;
border:1px solid #000000;
padding:5px;
text-align:center;
background-color:#b01b2e;
}

.overzichtphotovak img
{
border:1px solid #ffffff;
}

.overzichtphotovak a:link,.overzichtphotovak a:active,.overzichtphotovak a:visited,.overzichtphotovak a:hover
{
margin-top:3px;
font-weight:bold;
color:#ffffff;
text-align:justify;
text-decoration:none;
}

.imgf
{
border: 1px solid white;
}

.thisimg
{
border: 3px solid white;
}

.titel
{
font-size:22px;
font-weight:bold;
}

.name
{
font-weight:bold;
padding-right:15px;
}


/*CONTACT*/
.invoer_contact{
border:1px solid black;
width:250px;
color:black;
font-family: Verdana;
font-size:10px;
background-color:#fdfcf8;
}

.invoerselect_contact{
border:1px solid black;
font-size:12px;
display: inline;
width:75px;
color:black;
background-color:#fdfcf8;
}

.knop_contact
{
border:1px solid black;
font-size:12px;
font-family: Verdana;
font-size:10px;
background-color:#fdfcf8;
}


/*Calendar*/
.weekviewtable tr{
height:40px;
}


.weekviewtable a:link {text-decoration: none; color: #000099;}
.weekviewtable a:visited {text-decoration: none; color: #000099;}
.weekviewtable a:active {text-decoration: none; color: #000099;}
.weekviewtable a:hover {text-decoration: underline; color: #000099;}



.weekviewheader {
font-size:14px;
font-weight:bold;
text-align:center;
color:#000099;
}

.weekviewdayheader{
background-color: #00216b;
color:#ffffff;
text-align:center;
}

.weekviewdayheadergray{
text-align:center;
}

.weekendgray{
text-align:center;
}

.today{
background-color: #b01b2e;
color:#ffffff;
}

.weekviewday{
background-color: #e5e5e5;
}

.weekend{
background-color: #e5e5e5;
color:#000099;
}
.weekviewevent{
color:#000099;
font-weight:bold;
text-align:center;
}

.training_small{
color:gray;
font-size:10px;
height:25px;
}

.training_title{
font-size:22px;
font-weight:bold;
height:40px;
}

.annuleringsregeling{
font-size:11px;
}


/*FORMS*/

fieldset{
padding: 10px;
margin-bottom:10px;
}

legend{
font-weight:bold;
font-size:15px;
height:22px;
color:#000000;
}

.dataFormOpdracht p,.dataForm p{
width: 400px;
display:table;
}

.kop{
font-weight:bold;
text-align:left;
}

label, input, select, textarea {
display: block;
width: 180px;
float: left;
margin-bottom: 4px;
}

.input_small{
width:40px;
border:0px solid black;
}

.space{
width: 240px;
padding-left:160px;
float:left;
}

.dataFormOpdracht input, .dataForm input{
border:1px solid #001e67;
}


.dataFormOpdracht textarea, .dataForm textarea{
border:1px solid #001e67;
}



.noBorder{
border:0px solid #001e67;
}


.dataForm label {
text-align: right;
width: 180px;
padding-right: 20px;
}

.dataFormOpdracht label {
text-align: right;
width: 250px;
padding-right: 20px;
}

.functie_profiel{
width: 100%;
display:table;
}

.functie_profiel_check{
width: 20px;
display:block;
}

.wijziging_button{
background-color:#001e67;
color:#FFFFFF;
cursor:pointer;
float:left;
font-weight:bold;
margin:0pt 5px 0pt 0pt;
padding:1px 5px 2px;
width:auto;
}

.dataFormOpdracht .input_check, .dataForm .input_check{
width:14px;
border:0px;
}

.dataForm br {
 clear: left;
}

.error {
background-color:#FFECB2;
border:1px solid red;
padding: 10px;
margin-left:7px;
}

.left{
float:left;
}

#aanmeldform_top{
width:100%;
border-top:1px solid #b01b2e;
font-size:18px;
height:30px;
padding-top:15px;
display:table;
/*margin-top:15px;*/
}

.input_radio{
width:20px;
float: left;
border:0px solid #001e67;
margin-right:5px;
}

.margin_left{
margin-left:5px;
}