/* design by www.ontwerpstudiokoemans.nl ------------------------------------------------------------------*/ body {text-align:center;margin: 0px;padding: 0px; background: url(img/bgrnd.png); background-attachment:fixed; background-repeat:repeat-x; background-color: #000000; font-family:"Trebuchet MS", Arial, Verdana, "Lucida Sans"; font-size: 76%;} /* CONTAINER ------------------------------------------------------------------*/ #container{margin: 0px auto; padding:0px; width: 900px; text-align: left; background-color:#FFFFFF; background-image:url(img/content-bgrnd.png); background-position: 0px 250px; background-repeat:no-repeat;} /* EINDE CONTAINER ------------------------------------------------------------------*/ #home {margin: 0px;padding:0px;width: 900px; height: 210px; background: url(img/home-logo.png) top left no-repeat; display:block;} #home span{display: none;} #health {margin: 0px;padding:0px;width: 900px; height: 210px; background: url(img/health-logo.png) top left no-repeat; display:block;} #health span{display: none;} #fitness {margin: 0px;padding:0px;width: 900px; height: 210px; background: url(img/fitness-logo.png) top left no-repeat; display:block;} #fitness span{display: none;} #wellness {margin: 0px;padding:0px;width: 900px; height: 210px; background: url(img/wellness-logo.png) top left no-repeat; display:block;} #wellness span{display: none;} #coaching {margin: 0px;padding:0px;width: 900px; height: 210px; background: url(img/coaching-logo.png) top left no-repeat; display:block;} #coaching span{display: none;} #bedrijven {margin: 0px;padding:0px;width: 900px; height: 210px; background: url(img/bedrijven-logo.png) top left no-repeat; display:block;} #bedrijven span{display: none;} #particulieren {margin: 0px;padding:0px;width: 900px; height: 210px; background: url(img/particulieren-logo.png) top left no-repeat; display:block;} #particulieren span{display: none;} /* MENU ------------------------------------------------------------------*/ #menu {display:block; background-image: url(img/menu-bgrnd.png); width:900px; height:40px;font-size: 1.0em; padding:0 px; margin: 0p;} #menu ul{padding-left:8px;} #menulist{ padding:0 px; margin: 0px; display:block; white-space: nowrap;} #menulist li{display: block; float:left; list-style-type: none; line-height: 40px; margin:0px; padding:0px; background-image:url(img/menu-brdr.png); background-repeat:no-repeat; background-position: 0 8px;} #menulist a {display: block; float:left; padding:0 px; margin: 0px; text-decoration: none; color: #fff; padding-left: 16px; padding-right: 16px; height: 40px; background-image:url(img/menu-bgrnd-hover.png); background-position: 0px -100px; background-repeat: no-repeat;} #menulist a:hover {background-position:center;} #leeg-icon { width:30px; height:25px; float:left; } .iconen-vlaggen { width:240px; margin:0px; padding:0px; height:22px;} .twitter-blok2 { height:auto; margin:15px 0 0 12px; float:left;} /* SUB_MENU ------------------------------------------------------------------*/ #sub-menu{float: left; width: 255px; font-size: 1.6em;} #sub-menu ul {list-style:none; padding:0px; margin:0px; padding-top:30px;} #sub-menu li {text-align:left; margin: 0px 0 3px 12px; background-image:url(img/sub-menu-1.png); width:240px; background-repeat:no-repeat;} #sub-menu li a { display:block; padding:0 0 0 12px; text-transform:uppercase; line-height:37px; height: 37px; color:#000; text-decoration:none; font-weight: bold;} #sub-menu li a:hover{ } #sub-menu li:hover {background-image:url(img/sub-menu-2.png); background-repeat:no-repeat;} /* EINDE MENU ------------------------------------------------------------------*/ /* CONTENT ------------------------------------------------------------------*/ #content {float: right; width: 640px; padding: 0px; text-align:left; background-repeat:repeat-x; min-height:500px; height:auto !important; height: 500px} #content{font-size: 1.0em; line-height: 1.8em;} #wrapper{margin: 30px 60px 30px 30px; color:#666666;} a {text-decoration: underline; font-weight: normal; color: #000; text-decoration:underline;} a:hover {text-decoration: underline; color:#ccc;} a:link, a:active, a:visited {outline:none; } h1#active {color: #CCCCCC; font-size: 1.0em; font-weight: normal; margin-top: 0em; margin-bottom: 0.2em; text-transform:uppercase; text-align:right;} h1 {color: #000; font-size: 1.7em; font-weight: bold; margin-top: 0em; margin-bottom: 0.2em; text-transform:uppercase;} h2 {color: #666; font-size: 1.7em; font-weight: bold; margin-top: 0em; margin-bottom: 0.2em; text-transform:uppercase;} h3 {color: #000; font-size: 1.4em; font-weight: normal; margin-top: 0em; margin-bottom: 0.2em;} h4 {color: #666; font-size: 1.4em; font-weight: normal; margin-top: 0em; margin-bottom: 0.2em;} h5 {color: #000; font-size: 1.2em; font-weight: bold; margin-top: 0em; margin-bottom: 0.2em;} h6 {color: #666; font-size: 1.0em; font-weight: bold; margin-top: 0em; margin-bottom: 0.2em;} h5 a{ text-decoration:none;} h5 a:hover{ text-decoration: underline;} img {border: 3px solid #acdefe; clear:both; } ol, ul, li {font-size: 1.0em; color: 666; line-height: 1.8em; margin-top: 0.2em; margin-bottom: 0.1em; } p {font-size: 1.0em; line-height: 1.8em; margin: 1.2em 0em 1.2em 0em;} li > p {margin-top: 0.2em;} pre {font-family: monospace; font-size: 1.0em;} strong, b {font-weight: bold;} /* EINDE CONTENT ------------------------------------------------------------------*/ /* FOOTER ------------------------------------------------------------------*/ #footer ul { padding: 0px; margin: 0; list-style-type: none; color: #666; width: 100%; text-align: center; } #footer li { display: inline; padding: 4px; margin: 0px; color: #666; } #footer li a { text-decoration: none; color: #666; padding: 0em 0.4em; } #footer li a:hover{ color: #fff; text-decoration:underline;} #footer {padding: 0px; padding-top: 60px; margin: 0; color: #fff; width: 100%; text-align: center; font-size: 0.9em;} #footer{background: url(img/menu-bgrnd.png) top center repeat-x; clear:both; background-color:#000000;} /* EINDE FOOTER ------------------------------------------------------------------*/ /* FORM ------------------------------------------------------------------*/ #nieuwsbrief span.label,#nieuwsbrief span.spacer,#nieuwsbrief span.multiple span {width:120px;float:left;} #nieuwsbrief span.multiple {float:left;} #nieuwsbrief span.button {padding-left:120px;} #nieuwsbrief.clear {clear:both;padding-top:5px;} /* EINDEFORM ------------------------------------------------------------------*/ /* ------- Media Pagina -------- */ .foto-blok { width:263px; float:left; padding:0px; margin:0px; line-height:125%;} .tussen-blok { width:24px; float:left; padding:0px; margin:0px;} .video-blok { width:262px; float:left; padding:0px; margin:0px; line-height:125%;} .beschrijving { margin:8px 0px; padding:0px;} .blok-titel { font-size:14px; font-weight:bold; color:#000;} h6 { background-image:url(img/h-background.gif); height:20px; padding:0px; margin:0px 0px 10px; 0px width:258px; color:#FFF; line-height:20px;}