/*
 * Medifit | Sportparamedisch trainingscentrum Barneveld
 * AC 2009 
 * Rood:  #cc0000
 * Blauw: #0099ff
 * Paars: #660099
 * Grijs: #999
 */

*{margin:0; padding:0;}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #333;
	text-align:center; /* center layout in IE */
	background:#fff;
}
a img{border:none;}
.box{padding:6px;}

h1{font-size:170%; font-weight:bold;}
h2{font-size:100%; font-weight:bold;}
h3{font-size:80%; font-weight:bold;}
h4{font-size:80%; font-weight:bold;}
h5{font-size:80%; font-weight:bold;}
h6{font-size:80%; font-weight:bold;}
.alignleft{float:left;}
.alignright{float:right;}
.borderblue{border: 1px solid #0099ff;}
.hkz{margin-right:42px;display:inline;}
/*
 * Layout
 */
#headerwrap{width:100%; height:120px; border-bottom: 1px solid #cc0000;}
#header{width:1000px; height:122px; text-align:left; margin:0 auto; background: url(/cmsfile/262) no-repeat right top;position:relative;}
#logo{width: 240px; height:90px; float:left;}
.logos{position:absolute;left:435px;top:0;width:240px;height:90px;}
.achmea{position:absolute;left:0;top:10px;}
.menzis{position:absolute;left:130px;top:15px;}
#zoeken{width:360px; height:90px; float:right; padding-right:12px; text-align:right;}
#topnav{width:1000px; height:30px; margin:0 auto; background-color:#fff; float:left;}
#pagecontainer{width:1000px; height:auto; margin: 0 auto; padding:12px 0 0 16px; margin-top:12px; text-align:left; overflow:hidden; background: url(/cmsfile/21) no-repeat left top; min-height:500px;}
#media{width:980px; height:200px; display:inline; margin-right:12px; overflow:hidden;}
#media_sub{width:720px; height:140px; display:block; background-color: transparent;}
#sfeer{width:720px; height:200px; float:left; background-color:#fff; overflow:hidden;}
#actueel{width:260px; height:200px; background-color:#cc0000; float:left;  background: url(/cmsfile/9) no-repeat right top; overflow:hidden;}
#contentcontainer{background-color:#fff; clear:both; width: 980px; height:auto; display:inline; margin-left:12px; overflow:auto;}
#kp{width:980px; height:auto; margin: 4px 0 8px 0; font-size:90%; color:#660099;}
#content{width:720px; height: auto; float:left;}
#rightcol{width:260px; height:auto; float:left;}
#rightcol .button img{margin-bottom:15px}
.home{padding-top:12px;}
.sub{padding:0 !important;}
#subnav{width:262px; height:auto; min-height: 140px; background-color:#cc0000; margin-bottom:12px; padding: 12px 0 24px 0;}
#footer{clear:both; float:left; width:1000px; height: auto; border-top: 1px solid #0099ff; margin-top:12px;}
#tf{height:260px; _height:263px !important;}
	
/*
 * Zoeken
 */
#zoeken ul {list-style-type:none; display:inline; float:right;}
#zoeken ul li {float:left; padding:3px 6px 3px 0;}
#zoeken ul li a {color:#cc0000; text-decoration:none; font-size:11px; padding-right:6px;}
#zoeken ul li a:hover{color:#660099;}
#zoeken fieldset{clear:both; float:right; border:none; margin-top:6px;}
#zoeken #keywords{color:#0099ff; float:left; width: 180px; height:20px; border: 1px solid #0099ff; line-height:20px; padding: 0 0 0 4px; margin-right:4px;}
#zoeken #submit{color:#fff; font-size:12px; float:left; width:67px; height:22px; line-height:22px; background: url(/cmsfile/29) no-repeat left 50%; outline: none; border: none; cursor: pointer;}

/*
 * Topnav
 */
#topnav a{color:#cc0000; text-decoration:none;}
#topnav ul{list-style-type:none; display:inline; line-height:30px; background-color: transparent;}
#topnav ul li {float:left; padding: 2px 8px; border-left: 1px solid #e2e2e2; line-height:26px; /*background: url(../gfx/bg_list_topnav.gif) repeat-x left bottom;*//*border-bottom: 1px solid #cc0000;*/}
#topnav ul li a {float:left; display:block; padding: 0 8px; outline:none;}
#topnav ul li a:hover {/*height:27px; float:left; display:block; padding: 2px 8px; background-color:#fff; */color:#660099;}
#topnav ul li.active{height:27px; border-left: 1px solid #cc0000; border-right: 1px solid #cc0000; /*border-bottom: 1px solid #fff;*/ background-color:#fff; display:block;}

/*
 * Subnav
 */
#subnav ul{list-style-type:none;}
#subnavul ul li {height:20px; line-height:20px;}
#subnav ul li a{ border-bottom: 1px solid #fff; color:#fff; display:block; line-height:24px; text-decoration:none; text-indent:16px;}
#subnav ul li a:hover{background: url(/cmsfile/5) no-repeat 4px center;}
#subnav ul li.active{background: url(/cmsfile/5) no-repeat 4px center;}


/*
 * kp
 */
#kp a {color:#660099;  line-height:100%; text-decoration:none;}
#kp a:hover{color:#0099ff;}
 
/*
 * Content 
 */
#content h1{color:#cc0000; display:block;margin-bottom:4px;}
#content a {color:#cc0000;}
#content a:hover{color:#660099;} 
#content p{margin:12px 0;}
#content ul, #content ol{margin-left:20px;}

#tf ul, #ft ul{margin-left:12px;}

/*
 * Actueel
 */
#actueel ul{margin-left:0; list-style-type: none;}
#actueel ul li {background: url(/cmsfile/5) no-repeat 4px center; display:block; height:20px; line-height:20px;}
#actueel ul li a{ color:#fff; line-height:20px; padding-left:14px; text-decoration:none;}
#actueelheader{margin-top:6px;}

/*
 * Infobox
 */
.infobox{width:340px; min-height:290px; height:auto; background: url(/cmsfile/25) no-repeat right bottom; border: 1px solid #0099ff; float:left; margin:12px 0 12px 12px;}
.infobox h4{font-size:12px; font-weight:bold; display:block; background:#0099ff url(/cmsfile/13) repeat-x left top; color:#fff; padding: 3px 0 3px 6px;}
.infobox ul {/*list-style-image: url(../gfx/infobox_list_image.gif); */list-style-type:none; margin-left:0;}
.infobox ul li{line-height:18px; text-indent:16px;}
.infobox ul li a{color:#cc0000;text-decoration:none; display:block; background-color:#e2e2e2; padding:2px 0; background: url(/cmsfile/37) no-repeat left 50%;}
.infobox ul li a:hover{color:#660099;}
.meer_info{display:block; background: url(/cmsfile/41) no-repeat left 50%; text-indent:18px; margin-top:6px;}
.meer_info a{color:#cc0000; text-decoration:underline;}
.meer_info a:hover{color:#660099;}

/*
 * Footer
 */
#footer p{padding-top:6px; } 

/*
 * CMS Textfooter
 */
#cms_textfooter {color:#660099;} 
#cms_textfooter a{text-decoration:none;} 
#cms_textfooter a:hover{color:#660099;}

/*
 * Banners rechterkolom
 */
.c2a{width:100%; border: 1px solid #660099; margin-bottom:16px; overflow:hidden;}
.c2a:hover{border: 1px solid #cc0000;}
#fitkids{height:139px;}
#training50plus{height:168px;}
#fitenslank{height:182px;}