@charset "utf-8";
@import "clevercms.css";
/* CSS Document */

body { margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px; text-align:justify;}
#index { background: #FFFFFF url(../img/bg.gif) top center no-repeat; }
#vervolg { background: #FFFFFF url(../img/bg_vervolg.jpg) top center no-repeat; }
a { color:#000000; } a:hover { text-decoration: none; }
img { border: 0px; }
input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; }
h1,h2,h3,h4,h5 { margin: 0; padding: 0; }
#index h1 { font-size: 16px; color: #FFFFFF; margin: 0 0 0 12px; padding: 7px 0 0 0;}
#index h2	{ font-size: 16px; color: #4c87a2; margin: 10px 0 10px 0;}
.sIFR-active #index h2 { visibility: hidden;line-height: 1em; font-size:16px; color: #4c87a2; margin: 7px 0 0 0;}
.sIFR-active #index h1 { visibility: hidden;line-height: 1em; font-size:16px; color: #4c87a2;}
.header1			{padding:0px; font-size: 18px; color: #4c87a2; margin: 10px 0 10px 0;}
.banner1 		{ width:234px; margin:0px 0px 7px 0px; padding:0px;}

h3 { font-size: 14px; font-weight: bold; color:#4c87a2; margin-bottom: 15px;}
.nieuwsitem h3 { font-size: 12px; font-weight: bold; color:#000; margin-bottom: 0px;}
#container { position: absolute; width: 1000px; margin-left: -498px; left: 50%;  }
#index .header { float: left; background: url(../img/bg_top.jpg) top left no-repeat; width: 1000px; }
#index .logo { float: left; }
.menu {margin:0px; padding:0px;}
#index .menu ul { float: left; display: inline; width: 710px; list-style: none; background:url(../img/menu_bg.jpg) repeat-x top left; height: 22px; border: 1px solid #d8d6d6; padding: 0; margin: 0; }
#index .menu li { float: left; padding: 0; margin: 0; }
#index .menu li.first a { border-left: 0; padding: 0 16px 0 16px;}
#index .menu a  { float: left; display: block; line-height: 22px; height: 22px; text-decoration: none; border-left: 1px solid #d8d6d6; padding: 0 14px 0 15px;}
#index .menu a.aan { color: #FFFFFF; background-color: #6eb43f; }
#index .menu a:hover  { color: #FFFFFF; background-color: #6eb43f; }
#index .login { float: left; height: 82px; width:710px;}
#index .intranet { float: left; padding: 34px 20px 0 429px;}
#index .intranet img { margin: 0 10px 0 0; }
#search { float: left; margin: 34px 0 0 0; }
#search .textfield { float: left; border: 1px solid #d8d6d6; height: 18px; padding:4px 2px 0px 2px; margin: 0; line-height: normal; width: 137px;}
#search .button { float: left; border-top:1px solid #d8d6d6; border-left:0px; border-right:1px solid #d8d6d6; border-bottom:1px solid #d8d6d6; height: 24px; width: 24px; background:url(../img/arrow.gif) center no-repeat; margin: 0; padding: 0; cursor:pointer;}
#index .flash { float: left; width: 716px; height: 237px; margin:0px; padding:0px; }
#index .content { float: left; width: 1000px; }
#index .content .text { float: left; width: 274px; padding-top: 13px; }
#index .content .text div { padding: 25px 32px 10px 12px; }
#index .content .knoppen { float: left; width: 234px; padding-top: 13px; }
#index .content .kennis { float: left; width: 232px; display: block; height: 129px; border: 1px solid #d8d6d6; text-decoration: none; background:#FFFFFF;}
#index .content .inhoud {float: left; width: 232px; display: block; height: 129px; border: 1px solid #d8d6d6; text-decoration: none; background:#FFFFFF; margin-top: 14px;}
#index .content .knop { float: left; width: 232px; display: block; height: 129px; margin-bottom:12px; border: 1px solid #d8d6d6; text-decoration: none; background:#FFFFFF;}
#index .content .knop .text,
#index .content .knop h2 {float: left; padding: 0px 18px; width: 196px;}
#index .content .knop .pijl {float: right; text-align: right; padding: 0px; margin-top: 10px;}

#index .kaart { float: left; width: 208px; height: 228px;}
#index .flash2 { float: right; width: 284px; height: 465px;}
#index .footer { float: left; width: 492px; color: #FFFFFF;}
#index .footer .links { padding: 10px 0 0 31px; float: left; }
#index .footer .rechts { padding: 10px 0 0 10px;float: left; }
#index .footer a { color: #FFFFFF; text-decoration: underline; } 
#index .footer a:hover { text-decoration: none;}

#vervolg .header{ float: left;}
#vervolg .logo{ float: left; }
#vervolg .menu ul { float: left; display: inline; width: 825px; list-style: none; background:url(../img/menu_bg.jpg) repeat-x top left; height: 22px; border: 1px solid #d8d6d6; padding: 0; margin: 0; }
#vervolg .menu li { float: left; padding: 0; margin: 0; }
#vervolg .menu li.first a { border-left: 0; padding: 0 16px 0 16px;}
#vervolg .menu a  { float: left; display: block; line-height: 22px; height: 22px; text-decoration: none; border-left: 1px solid #d8d6d6; padding: 0 14px 0 15px;}
#vervolg .menu a.aan,
#vervolg .menu a:hover  { color: #FFFFFF; background-color: #6eb43f; }
#vervolg .login { float: left; height: 61px; width:1000px;}
#vervolg .intranet { float: left; padding: 30px 20px 0 705px;}
#vervolg .intranet img { margin: 0 10px 0 0; }
#vervolg .content { float: left; width: 1000px; }
#vervolg .submenu { float: left; width:190px; padding-top:15px;}
#vervolg .inhoud { float: left; width:760px; padding:35px 30px 30px 0;}
#vervolg #search { float: left; margin: 30px 0 0 0; }
#vervolg img { margin-bottom:4px;}

#vervolg .submenu ul { list-style: none; padding: 0; margin: 0; width: 160px; background:url(../img/submenu_horilijn.jpg) bottom left no-repeat; } 
#vervolg .submenu li { background:url(../img/submenu_horilijn.jpg) top left no-repeat; margin: 0; padding: 7px 0 7px 10px; width:140px;  }
#vervolg .submenu li a {  text-decoration: none; }
#vervolg .submenu li a.aan { text-decoration: underline; }
#vervolg .submenu li.sub a { padding-left: 20px; background:url(../img/submenu_dot.jpg) left center no-repeat; }
#vervolg .submenu li a:hover { text-decoration: underline;}

#vervolg .footer { float: left; width: 1000px; color: #999999; font-size: 11px;}
#vervolg .footer .links { text-align: right; padding: 10px 0 10px 10px; float: left; width: 970px; }
#vervolg .footer a { color: #999999; text-decoration: underline; } 
#vervolg .footer a:hover { text-decoration: none;}
.bestuur				{width:190px; float:left; margin-right:70px; margin-bottom:30px;}
