/* CSS door Norbert de Langen van Mediaconnexion BV */
/* Copyright 2008 | All rights reserved */

/* This file is read by ALL browsers */

/* STANDARDIZATION  */
/* There should be no need to edit standardization*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{
margin:0;
padding:0;
border:0;
font-family:inherit;
font-weight:inherit;
font-style:inherit;
text-align:left;
vertical-align:baseline}
table{
border-collapse:collapse; 
border-spacing:0}     /* remove all table borders */
a img, :link img, :visited img{  
border:0}             /* remove borders from img inside a */
address,caption,cite,code,dfn,em,strong,th,var{ 
font-style:normal; 
font-weight:normal}   /* remove formatting */ 
ol,ul{
list-style:none}      /* remove formatting from lists */
caption,th{
text-align:left}      /* set alignment to left on special elements */
h1,h2,h3,h4,h5,h6{ 
font-size:100%; 
font-weight:normal}   /* set all headers to normal format */
q:before,q:after{
content:''}           /* set special css method to default */
abbr,acronym{
border:0}             /* remove special text block element's border */
img{ 
display:block}        /* img tag is a block, so there shouldn't be any whitespace for lower characters */
html,body{
border-collapse:collapse;
text-align:center;
border:none;
height:100%}          /* needed for container min-height */

/* LAYOUT */

body{
background:#fff}
#cse-search-box{
z-index:22;
position:fixed;
top:0;
right:-70px;
height:35px;
text-align:center;
font-size:9px;
line-height:20px;
color:#fff}

#adresbar{
z-index:21;
position:fixed;
top:0;
left:0;
right:0;
height:40px;
background:url('../images/bgs/topbar.png') repeat-x;
text-align:center;
font-size:11px;
line-height:25px;
color:#fff}
#adresbar a{
color:#fff}
#adresbar form{
display:inline}
#container{
z-index:13;
top:0;
position:relative;
margin:0 auto;
width:764px;
min-height:100%;
height:auto !important; /* voor moderne browsers */
height:100%; /* voor IE */
text-align:left;
background:url('../images/bgs/background.png') left repeat-y}
#header{
z-index:17;
position:absolute;
top:55px;
left:12px;
right:13px;
height:181px;
border-bottom:1px solid #C40F2F;
background-color:#fff;
background-position:right;
background-repeat:no-repeat}
#logo{
z-index:18;
position:absolute;
left:0;
top:0}
#mainmenu{
z-index:17;
position:absolute;
top:0;
left:12px;
right:13px;
height:40px;
border-top:30px solid #ffffff;
border-bottom:1px solid #C40F2F;
background:#fff}
#branchemenu{
z-index:16;
position:absolute;
top:236px;
left:12px;
right:13px;
height:62px;
background:#fff url('../images/bgs/bar.gif') bottom repeat-x}
#branchemenu li, #mainmenu li{
text-transform:uppercase;
font-size:12px;
margin:0 0 0 13px;
text-align:center;
float:left}
#branchemenu li{
line-height:44px}
#branchemenu img{
padding-top:5px;
display:inline}
#mainmenu li{
font-size:12px;
line-height:40px}
#branchemenu li a, #branchemenu li a:link, #branchemenu li a:visited, #mainmenu li a, #mainmenu li a:link, #mainmenu li a:visited{
display:inline;
line-height:10px;
color:#1A171B;
padding-right:13px;
border-right:1px solid #006761}
#branchemenu li a:hover, #mainmenu li a:hover{
border-right:1px solid #000;
color:#006761}
#branchemenu li.last a, #branchemenu li.last a:link, #branchemenu li.last a:visited, #branchemenu li.last a:active, #branchemenu li.last a:hover{
border:none}

#push{
border-bottom:10px solid #fff;
padding-top:298px;
margin:0 13px 0 12px}
#bar{
height:20px;
margin:0 13px 0 12px;
display:block;
border-bottom:10px solid #fff;
background:#fff url('../images/bgs/bar.gif') bottom repeat-x}
#actueel{
z-index:15;
position:relative;
overflow:hidden;
margin:0 12px 0 0;
padding:0;
border-bottom:10px solid #fff}
#graph{
padding-bottom:14px;
border-bottom:1px solid #ccc;
margin-bottom:14px}
#actueel #feed{
position:absolute;
top:0;
right:0;
left:373px;
bottom:0;
overflow:auto;
overflow-x:hidden;
overflow-y:auto;
padding:10px;
background:#565659 url('../images/bgs/actueel.gif') top repeat-x;
font-size:10px;
z-index:18}
#feed h2{
color:#fff}
#feed .even, #feed .odd{
margin:0;
padding:0 0 0 20px}
#feed a{
color:#fff;
list-style-type:circle;
display:list-item;
list-style:outside disc}
#feed hr{
display:none}

#content{
z-index:20;
position:relative;
overflow:hidden;
height:auto;
margin:0 0 0 0px;
width:347px;
border-top:10px solid #fff;
padding:0 0 67px 0}
#leftpanel{
position:relative;
z-index:15;
float:left;
display:inline;
width:156px;
padding:0 25px 67px 24px}
#rightpanel{
z-index:15;
float:right;
display:inline;
width:156px;
padding:0 24px 67px 12px}

#leftpanel .panel2 h2{
display:block;
color:#fff;
padding:4px;
background:#006E65}
#leftpanel #rssfeed li{
width:156px;
height:16px;
overflow:hidden;
margin:6px 0;
border-bottom:1px solid #C8DDDA}

#rightpanel h2{
color:#C40F2F}
#rightpanel hr, #leftpanel hr{
display:none}

#leftpanel div.odd, #leftpanel div.even{
display:block;
padding:7px;
background:#C8DDDA url('../images/ico/leesverder-green.png') 97% bottom no-repeat;
margin:0 0 7px 0}
#rightpanel div.odd, #rightpanel div.even{
display:block;
padding:7px;
background:#C8DDDA url('../images/ico/leesverder-red.png') 97% bottom no-repeat;
margin:0 0 7px 0}

#leftpanel div.odd a, #leftpanel div.even a{
color:#006761;
padding-right:30px;
display:inline}
#rightpanel div.odd a, #rightpanel div.even a{
color:#C40F2F;
padding-right:30px;
display:inline}

#rightpanel .panel1 div.odd a, #rightpanel .panel1 div.even a{
color:#006E65}
#rightpanel .panel1 div.odd, #rightpanel .panel1 div.even{
background:#C8DDDA url('../images/ico/leesverder-green.png') 97% bottom no-repeat}
#rightpanel .panel2 div.odd a, #rightpanel .panel2 div.even a{
color:#C40F2F}

#leftpanel .actueel div.odd a, #leftpanel .actueel div.even a{
color:#000000}
#leftpanel .actueel div.odd, #leftpanel .actueel div.even{
background:#C8DDDA url('../images/ico/leesverder.png') 97% bottom no-repeat}


#rightpanel .panel1 h2, #rightpanel .panel2 h2, #rightpanel .panel1.nohead h2, #rightpanel .panel2.nohead h2{
display:none}
#rightpanel .panel1 h2{
display:block;
color:#fff;
padding:4px;
background:#006E65}
#rightpanel .panel1 h2.show{
display:block;
padding:4px;
background:#006E65 url('../images/ico/leesverder.png') 98% 7px no-repeat}
#rightpanel .panel2 h2{
display:block;
color:#fff;
padding:4px;
background:#BE2B36;
color:#fff}
#rightpanel .panel2 h2.show{
display:block;
color:#fff;
padding:4px;
background:#BE2B36;
color:#fff;
background:#BE2B36 url('../images/ico/leesverder.png') 98% 7px no-repeat}
#rightpanel h2.show a{
color:#fff}

#rightpanel.branch .panel1 h2, #rightpanel.branch .panel2 h2{
display:block}
#rightpanel.branch .panel1 div.odd a, #rightpanel.branch .panel1 div.even a{
color:#C40F2F}
#rightpanel.branch .panel1 div.odd, #rightpanel.branch .panel1 div.even{
background:#C8DDDA url('../images/ico/leesverder-red.png') 97% bottom no-repeat}

#extern img{
border:1px solid #58585A}
.actie h2{
display:none}
.actie .datum{
z-index:101;
float:right;
text-align:right;
width:160px;
clear:both;
position:relative;
margin-top:-16px}
.actie .knop{
z-index:102}


.actie .nieuws.verder{
margin-bottom:12px;
border-bottom:1px solid #48918D}

p#clear{
visibility:hidden;
width:782px;
clear:both}
#footer{
z-index:20;
position:absolute;
bottom:0;
left:12px;
right:13px;
height:57px;
border-top:10px solid #fff;
background:#fff url('../images/bgs/bar.gif') repeat-x top}
#footer p{
position:relative;
top:36px;
text-align:center;}
#extern a{
display:block;
border-bottom:12px solid #fff}

/* TYPOGRAFY */
/* standard font, size, color, lineheight */
body{
font-family:Verdana, Helvetica, Arial;  	/* standard font */
font-size:100%; 							/* standard 16px */
color:#000;									/* standard text-color */
line-height:1em}
/* standard line-height */
/* setting a bottom-margin for a paragraph */ 
div#content{
color:#000;
font-size:0.6875em}
#leftpanel, #rightpanel{
font-size:0.6875em}
div#content p{
margin:0 0 17px 0}
pre{
margin:0 0 17px 0}
/* standard link */
a{
color:#C40F2F;
text-decoration:none}
a:visited{									/* standard link which has been viewed by user */
color:#B30D2B}
a:hover{									/* standard link with mouse-over */
color:#ED193E}
a:active{									/* standard link mouse button hold down */
color:#B61F3A}
/* standard style for emphasis */
em{
font-style:italic}
/* standard style for important text */
strong{
font-weight:bold}
/* header 1, user for website title */ 
h1{
display:none}
/* header 2, used for item title */
h2{
color:#006E65;
font-size:1.1666em;							/* standard 22px */
line-height:1.1666em;
font-weight:bold;
margin:0 0 7px 0}
/* header 3, used for subitem titles */
h3{
color:#BE2B36;
font-weight:bold;
font-size:1em;
margin:0 0 1px 0}
/* header 4, not used by default */
h4{
color:#73A4A0;
font-weight:bold;
font-size:0.75em;
margin:0 0 17px 0}
/* header 5, not used by default */
h5{
color:#000;
font-weight:bold;
font-size:0.75em;
margin:0 0 17px 0}
/* header 6, not used by default */
h6{
color:#000;
font-weight:bold;
font-size:0.75em;
margin:0 0 17px 0}
div#content ul{
margin-bottom:17px}
div#content ul li{
display:list-item;
margin-left:13px;
list-style:circle outside}
div#content ol{
margin-bottom:26px}
div#content ol li{
display:list-item;
margin-left:18px;
list-style:decimal outside}



/* footer for copyright information, link to mediaconnexion */
#footer{
font-size:0.5624em;
line-height:0.5624em;
color:#000}
div#footer a, div#footer a:link, div#footer a:visited, div#footer a:hover, div#footer a:active{
color:#000}
.knop a, .knop a:link, .knop a:visited, .knop a:hover, .knop a:active{}
.rubrieken{}
.bovenkop{
font-size:0.5625em}
.openingstijden{}
/* END TEXT STYLES */

/* ELEMENTS */
hr{
height:0;
margin:17px 0;
padding:0;
border:none;
border-top:1px #ccc solid;
line-height:0;
font-size:0;
overflow:hidden;
clear:both}
.padded{
margin:10px}
.padleft{
margin-left:10px}
.padright{
margin-right:10px}
.unclear{
clear:none;
margin-right:0px}
.achtergrond1{
background:#fff}
.achtergrond2{
background:#000}
.achtergrond3{
background:#ccc}
.achtergrond4{
background:#444}

/* lees verder knop */
.knop{
display:inline;
padding-right:35px;
color:#F15E56;
background:url('../images/ico/leesverder.gif') right no-repeat}
#content .verder a.knop{
padding-right:0;
padding-left:35px;
display:block;
background:url('../images/ico/back.png')left 5px no-repeat}
.knop:visited{
color:#F15E56}
.odd .knop{}
.even .knop{}

.rubrieken{
display:none}
/* foto in een item zonder odd / even */
div.foto{
border:1px solid #58585A;
background-color:#58585A;
background-position:top;
background-repeat:no-repeat;
margin:0 13px 9px 0;
float:left;
clear:left}
.odd .foto{
float:left;
clear:left}
.even .foto{
margin:0 0 9px 13px;
float:right;
clear:right}

/* foto onderschrift in een item zonder odd / even */
div.onderschrift{
background-color:#58585A;
font-size:0.8334em;
color:#fff}
.odd div.onderschrift{}
.even div.onderschrift{}

.odd{
clear:both}
.even{
clear:both}

/* foto positioneering in een item zonder odd / even */
.left{
margin:0 13px 0 0;
float:left}
/* foto positioneering in een item zonder odd / even */
.right{
margin:0 0 0 13px;
text-align:right}
.datum{
font-size:0.8334em;
color:#777;
float:right;
margin-left:17px}
/* END ELEMENTS */

/* ITEMS */
.agenda .foto{
margin:0 0 13px 13px;
float:right;
clear:right}

.galerij .foto{
clear:none}
.galerij td{
border-right:10px solid #fff;}

.openingstijden table tr td{
margin:0 5px 5px 0}

.nieuws.small hr{
display:none}
.nieuws.small .knop{
display:block;
color:#BE2B36;
font-weight:bold;
font-size:1em;
margin:0;
padding:0 0 3px 0;
background:none}
.nieuws .odd .foto,
.nieuws.odd .foto{
margin:0 13px 9px 0;
float:left;
clear:left}
.nieuws .even .foto,
.nieuws.even .foto{
margin:0 0 9px 13px;
float:right;
clear:right}

#content .pagina .knop{
display:list-item}
#content .verder .foto{}

fieldset.nieuwsbrief .radio, fieldset.nieuwsbrief input{
display:none} 
fieldset.vragen label{
width:100%} 
fieldset.vragen div{} 

.trainingen h2{
color:#BE2B36}
.trainingen .nieuws.small .knop{
color:#006E65;
display:block;
font-weight:bold;
font-size:1em;
margin:0;
padding:0 0 3px 0;
background:none}
.advies h2{
color:#006E65}
.advies .nieuws.small .knop{
color:#BE2B36;
display:block;
font-weight:bold;
font-size:1em;
margin:0;
padding:0 0 3px 0;
background:none}
.trainingen .nieuws.small .odd hr, .trainingen .nieuws.small .even hr, .advies .nieuws.small .even hr,  .advies .nieuws.small .odd hr{
visibility:collapse;
margin:0;
padding:0;
display:none;
float:right;
width:1px}
.trainingen .nieuws.small .odd, .trainingen .nieuws.small .even, .advies .nieuws.small .even,  .advies .nieuws.small .odd{
margin:0;
padding:0}

.nieuws.icons{
width:370px}
.opdrachtgevers .foto{
float:left;
clear:none}

/* FORM STYLES */
form{
min-width:300px}
form fieldset{
clear:both;
display:block;
margin-bottom:17px}
form table td, form table th{
padding-right:7px;
padding-bottom:7px}
form fieldset legend{
font-size:100%;
line-height:120%;
font-weight:bold;
float:left;
clear:both;
text-indent:0}
label{
font-size:100%;
float:left;
clear:left;
width:150px;
margin-right:13px}
input, select, textarea{
font-family:Tahoma, Arial, sans-serif;
font-size:100%;
color:#000}
form textarea, form input.textbox{
border:1px solid #3F8C88;
background:#fff;
margin:1px 0;
padding-bottom:2px;
vertical-align:middle;
width:159px}
form textarea{
overflow:auto;
width:341px;
height:100px}

form input.radio{
float:left;
clear:left}
form label.radio{
line-height:20px;
float:none;
display:block;
clear:none;
width:auto;
padding-left:30px;
margin:0}
form .submitbutton{
background:#fff;
border:1px solid #3F8C88;
margin-bottom:17px}
form input.checkbox{
float:left}
form label.checkbox{
float:none;
display:block;
clear:right;
width:auto;
padding-left:30px;
margin:0}

.warning{
color:red}
.message{
font-weight:bold}
form div.verplicht{
width:343px;
background:url("../images/ico/uitroepteken5.gif") right no-repeat}
form input.verplicht, form textarea.verplicht{
border:1px solid #3F8C88}
form .validated{
color:#0e0}
.balk{
text-align:center}
.balk div.left,
.balk div.right{
clear:none}

/* G-Maps CSS */
#gmOverlay{
position:absolute;
top:0;
line-height:0;
left:0;
width:100%;
background-color:#333;
cursor:pointer;
z-index:60}
#gmCenter, #gmBottomContainer{
position:absolute;
left:50%;
overflow:hidden;
background-color:#fff;
z-index:61}
.gmLoading{
background:#fff url(../images/slim/busy.gif) no-repeat center}
#gmMap{
width:600px;
height:400px;
border:10px solid #fff}
#gmBottom{
font-family:Verdana, Helvetica, sans-serif;
font-size:10px;
color:#BE2B36;
line-height:1.4em;
padding-left:10px;
text-align:left;
border-top-style:none}
#gmCloseLink{
display:block;
float:right;
width:80px;
height:22px;
background:transparent url(../images/slim/closelabel.gif) no-repeat center;
margin:5px 0}
#gmCaption{
margin-right:71px}

/* SLIMBOX */
#lbOverlay{
position:absolute;
left:0;
line-height:0;
top:0;
width:100%;
background-color:#000;
cursor:pointer;
z-index:1000}
#lbCenter, #lbBottomContainer{
position:absolute;
left:50%;
overflow:hidden;
background-color:#fff;
z-index:1005}
.lbLoading{
background:#fff url('../images/slim/loading.gif') no-repeat center}
#lbImage{
position:absolute;
left:0;
top:0;
border:10px solid #fff;
background-repeat:no-repeat}
#lbPrevLink, #lbNextLink{
display:block;
position:absolute;
top:0;
width:50%;
outline:none}
#lbPrevLink{
left:0}
#lbPrevLink:hover{
background:transparent url('../images/slim/prevlabel.gif') no-repeat 0% 15%}
#lbNextLink{
right:0}
#lbNextLink:hover{
background:transparent url('../images/slim/nextlabel.gif') no-repeat 100% 15%}
#lbBottom{
font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;
font-size:10px;
color:#666;
line-height:1.4em;
text-align:left;
border:10px solid #fff;
border-top-style:none}
#lbCloseLink{
display:block;
float:right;
width:66px;
height:22px;
background:transparent url('../images/slim/closelabel.gif') no-repeat center;
margin:5px 0}
#lbCaption, #lbNumber{
margin-right:71px}
#lbCaption{
font-weight:bold}

/* CSS HACKS */
#content {
overflow:hidden;
voice-family:"\"}\"";
voice-family:inherit;
overflow:hidden;
}
/*end*/

/*\*/
html*#content {
[overflow:hidden;
overflow:hidden;
width:347px;
height:auto;
min-height:60%;
]overflow:hidden;
}/*end*/
.dummyend[id]{overflow:hidden;}

/*\*/
* html #content {
overflow:hidden;
}

#content{
overflow:hidden;
voice-family:"\"}\"";
voice-family:inherit;
overflow:hidden;
}
/*end*/