/* CSS Document Zongroep*/
/********** Achtergrond **********/
* {
margin : 0;
padding : 0;
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
}
body{
background:#ddf4fc url(images/bg_blauw.gif) repeat-x;
}
/********** Box **********/
#box{
width:830px;
min-height:522px;
background-color:#FFFFFF;
border:10px solid #ffffff;
margin:auto;
margin-top:18px;
}
#boxindex, #boxindex_startpage{
width:830px;
min-height:606px;
background-color:#FFFFFF;
padding:10px 10px 10px 10px;
margin:auto;
margin-top:18px;
}
#boxindex_startpage{
background-image:url(images/startpaginabg.jpg);
background-position:10px 10px;
background-repeat:no-repeat;
min-height:590px;
}
/********** Header **********/
#header{
height:80px;
width:830px;
background-color:#d8d2c9;
}
#header a img{
border: 0px;
}
.logo{
display: block;
height: 64px;
width: 197px;
text-decoration: none;
position: absolute;
top: 43px;
padding-left:10px;
border:0px;
}
* html .logo {
top: 37px;
}
.headertekst{
padding-left:221px;
}
/********** Menu **********/
#menu{
background:url(images/bg_menu.gif) repeat-x;
height:26px;
width:830px;
margin:6px 0px;
}
#menu ul{
float:left;
padding-left:194px;
}
#nav li{
display:inline;
list-style:none;
}
#nav a {
display:block;
padding:4px 11px 4px 14px;
text-decoration:none;
font-size:12px;
}
#nav a:hover{
color:#eb5753;
}
#nav a.daddy {
font-size:13px;
font-weight:bold;
color:#FFFFFF;
background:url(images/menu_divider.gif) left no-repeat;
}
#nav a:hover.daddy{
color:#555;
}
/********** Menu Dropdown **********/
#nav li {
float:left;
}
#nav li ul {
position: absolute;
left: -999em;
height: auto;
width: 196px;
background:#fa6b65 url(images/bg_dropdown.gif) top repeat-x;
border:1px solid #1b5778;
border-top:0px;
padding:2px 0px 6px 0px;
z-index:2;
}
#nav li ul#vitaliteit{
width: 236px;
}
#nav li li {
float:left;
width:194px;
}
#nav li:hover, #nav li.hover {
position:static;
color:#000000;
}
#nav li ul li a {
margin:0px 8px;
padding: 4px 6px 4px 4px;
border-left:0px;
width: 170px;
color:#ffffff;
text-align:left;
background:url(images/divider_dropdown_menu.gif) bottom repeat-x;
}
#nav li ul#vitaliteit li a {
width: 210px;
}
#nav li.last ul{
width: 144px;}
#nav li.last li {
width:144px;
}
#nav li.last ul li a{
width: 118px;
}
#nav li ul li a:hover{
color:#000;
background-color:#fd8a85;
}
#nav li:hover ul ul, #nav li.sfhover ul ul{
left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul{
left: auto;
}
/********** Content Index **********/
.tekstvlak{
height:235px;
width:830px;
}
.foto{
width:200px;
height:235px;
float:left;
}
.text, .textindex{
float:left;
padding:10px 10px 0px 10px;
margin-left:6px;
min-height:225px;
width:604px;
background-color:#f3f0ec;
font-size:12px;
line-height:16px;
}
* html .text{
height:225px}
.text p, .textindex p, .text_startpage p{
margin:0px 0px 11px 0px;
}
.textindex{
width:251px; 
height:400px; 
margin-right:2px;
padding:0px 10px 10px 10px;
}
.textindex img, .textindex img a{
margin:0px -10px 6px -10px; 
border:0px;
border-bottom:1px solid #ffffff;
}
.startpage{
font-size:12px;
line-height:16px;
padding:10px 0px 10px 14px;

}
.text_startpage li{
font-weight:bold;
color:#333333;}
.text_startpage{
width:506px;
float:left;
}
.text_startpage h1{
padding-bottom:2px;
margin-bottom:6px;
font-size:16px;
font-weight:bold;
color:#E43535;
border-bottom:1px solid #c0e8f8;
}
.text_startpage ul li a{
}
#text_startpage_image{
border-top:7px solid #fff;
}
.text_startpage table img{
float:left;
margin:2px 8px 0px 0px;
}
.text_startpage table{
padding:0px;
margin:0px 0px 10px 0px;
}
.text_startpage ul{
float:left;
}
#text_startpage_image a img{
border:0px;
}
#text_startpage_form{
float:right;
width:258px;
font-size:12px;
padding:10px;
margin-top:97px;
}
.startpage_logo{
margin:10px 0px 12px 2px;
}
.videoindex{
width:830px; 
margin-bottom:8px; 
float:left;
}
 #videotext p{
margin:3px 0px 13px 0px;
}
#videotext{
width:366px; 
height:210px; 
background:#cbe6ee url(images/bg_intro.gif); 
margin-right:8px; 
padding:16px 14px 14px 14px; 
display:block; 
float:left; 
font-size:12px; 
font-weight:bold; 
line-height:18px; 
color:#7e7975; 
font-family:Trebuchet MS, Georgia, "Times New Roman", Times, serif;
}
#splashtext{
background-image:url(images/startpagina_footer.jpg);
background-position:bottom;
background-repeat:no-repeat;
padding:0px 0px 10px 16px; 
}
#videopart{
float:left; 
width:428px; 
height:240px;
}
#link{
float:right; 
margin:-8px -6px 0px 0px; 
font-size:11px; 
font-weight:normal; 
color:#86b6d5;
}
#link a{
color:#86b6d5 !important}
/********** Content Vervolg **********/
.tekstvlaklarge{
width:830px;
background-image:url(images/bg_tekstlarge.gif);
background-repeat:repeat-y;
background-position:right;
}
.fotolarge{
width:200px;
min-height:406px;
float:left;
background-color:#C7E5F5;
}
.fotolarge img{
border-bottom:5px solid #ffffff;
}
.smallimg img{
border-bottom:0px !important;
}
.textlarge{
float:left;
padding:8px 10px 0px 15px;
margin-left:6px;
min-height:398px;
width:599px;
background-color:#f3f0ec;
font-size:12px;
line-height:17px;
}
.textlarge p, .textlargecoach p{
margin:6px 0px 12px 0px;
}
label{
display:block;
padding:1px 0px;
float:left;
width:60px;
color:#4d4947;
font-weight:bold;
}
.contact_table{
margin:8px 0px;
line-height:20px;
}
.contact_table td{
padding:1px 0px;
}
.adres{
display:block;
padding:1px 0px;
width:280px;
}
#adrestable{
color:#4d4947;
line-height:18px;
margin:10px 0px;
}
#adrestable td{
padding:2px 0px;}
.red{
color:#f3352b}
a:link, a:visited{
color:#f3352b;
text-decoration:none}
a:hover, a:active{
color:#50b4c9}
h1{
font-size:13px;
border-bottom:1px solid #ffffff;
padding-top:4px;
color:#e43535
}
#splashtext h1{
font-size:13px;
color:#333;
border-bottom:0px;
}
.text_startpage h1{
margin-bottom:8px;}
.textindex h1{
font-size:12px;
color:#000000;
font-weight:normal;
border:0px;
padding:0px 0px 11px 0px; 
}
h2{
font-size:12px;
margin-bottom:-5px;
}
h4{
font-size:13px;
padding-bottom:8px;
}
ul{
/*list-style-position:outside;
padding-left:16px;
list-style-type:circle;*/
padding:0 0 6px 0;
margin:0;
}
.textlarge li{list-style:none;
background-image:url(images/li_landingspagina.gif);
background-position:0px 7px;
background-repeat:no-repeat;
padding:1px 0px 0px 12px;
}
.startpage li{
padding:2px 0px;}
img.referentie{
padding-bottom:4px;
padding-top:4px;}
table.referentie{
margin:8px 0px 7px 0px}
table.referentie td{
padding:3px 0px;}
/********** Regio's ****************/
.txt{
background-image:url(images/bgbg.gif);
background-repeat:no-repeat;
background-position:top;
width:190px;
line-height:16px;
font-size:11px;
padding:4px 4px 6px 6px;
color:#037aa1;}
/********** QUOTE ****************/
.quote{
background:url(images/bgbg.gif) no-repeat top;
font-size:12px;
width:188px;
line-height:16px;
padding:4px 6px 6px 6px;
font-weight:bold;
color:#037aa1;
}
.naam{
display:block;
font-size:11px;
padding-top:10px;
line-height:16px;
text-align:right;
font-weight:normal;
}
.border{
border-bottom:6px solid #ffffff;}
.bordertop{
border-top:6px solid #ffffff;}
/********** Iframe Coaches *********/
.textlargecoach{
float:left;
padding:8px 10px 0px 15px;
margin-left:0px;
width:582px;
background-color:#f3f0ec;
font-size:12px;
line-height:17px;
}
/********** Contact *********/
input, textarea {
margin : 2px 0;
border : 1px solid #bbb;
background-color : #fbfbfb;
width : 240px;
font-size : 12px;
}
input {
padding : 1px 0;
}
input.radio{
background-color:transparent;
width:10px !important;
border:0px;
}
#text_startpage_form input{
width:120px;
margin : 0px;
}
#text_startpage_form td, #text_startpage_form h2{
color:#4D4947
}
#text_startpage_form td{
padding:2px 0px;}
#text_startpage_form h2{
border-bottom:1px solid #fff;
padding-bottom:4px;
margin-bottom:6px;
font-size:13px;
}
select {
margin : 2px 0;
font-size : 12px;
}
#Submit {
width : 90px;
height : 22px;
border : 1px solid #bbbbbb;
padding : 1px 11px 2px 11px;
background-image:url(images/bg_button.gif);
font-weight:bold;
color:#4D4947;
cursor:pointer;
}
.contacttable{
margin-top:10px;
}
.contacttable p{
padding:0px;
}
.kantoorimg{
float:right;
margin-right:370px;
border:2px solid #ffffff;
}
/********** Contact sidebar **********/
.side_contact{
background-image:url(images/bgbg.gif);
background-repeat:no-repeat;
background-position:top;
width:190px;
line-height:16px;
font-size:11px;
padding:4px 4px 6px 6px;
color:#037aa1;
}
.side_contact h3{
background-image:url(images/kopje_info.gif);
background-repeat:no-repeat;
width:200px;
height:31px;
margin-left:-6px;
margin-top:-5px;
margin-bottom:5px;
}
.side_contact label{
font-weight:normal;
color:#037aa1;
display:block;
width:60px;
float:left;
line-height:22px;
}
.side_contact input{
width:125px;
float:left;
border:1px solid #93b7ca;
}
span{
clear:left;
line-height:22px;
}
.side_contact #form_select{
width:125px;
float:left;
border:1px solid #93b7ca;
}
.side_contact #Submit{
width:125px;
}
ul.landinglist{
padding:10px 0px 10px 10px;
}
.landinglist li{
list-style:none;
background-image:url(images/li_landingspagina.gif);
background-position:0px 9px;
background-repeat:no-repeat;
padding:2px 0px 2px 12px;
}
/********** Landingspagina url in header **********/
.url{
display:block;
width:100px;
height:20px;
position:absolute;
color:#f3352b;
font-size:12px;
margin-left:690px;
margin-top:52px;
text-align:right;
}
/********** Footer **********/
#footer{
clear:both;
width:850px;
margin:auto;
font-size:11px;
text-align:right;
color:#928d83;
line-height:26px;
}
#footer a{
color:#3b798e;
}
#footer a.red{
color:#f3352b !important;
}
#footer a:hover{
color:#62a1b7}
/***************** CLEARFIX ***************/
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
* html .clearfix {height: 1%;}
.clearfix {display:block;}
/* End hide from IE Mac */