/* Start of CMSMS style sheet 'Total Control CSS' */
/* CSS Document */
body{
	background: url(uploads/template/bgtc.png) repeat-x 0 0 #FFFFFF ;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	margin:0; padding:0;}

div, h1, h2, h3, h4, h5, h6, form, label, input, span, ul, li, p, a{
	margin:0; padding:0;}

ul{
	list-style: none}


.spacer{
	font-size:0; line-height:0; clear:both;}


/* Menu Top */

div#menu_top {
   width:720px;
   height:2.2em;
   border: 0px solid #ff0000; 
   padding: 2px 0;
   margin:0 auto;  
   text-align: right; 
   list-style: none;   
}

div#menu_top a {
   font:bold 12px Arial, Helvetica, sans-serif; color:#ffffff;
   text-decoration:none;
   letter-spacing: 4px  
}

div#menu_top a:hover {
   text-decoration:underline;
}

div#menu_top h5 {
font: 11px Arial, Helvetica, sans-serif; color:#ffffff; padding:0px; text-decoration:none;text-transform: uppercase;text-weight: bold;}

/* Header */

#headertools img{
	position:absolute; left:40px; top:115px; border:none;}

/* -- header start -- */
#header{
	position:relative; margin:0 auto; width:778px; height:85px;}
#header img{
	position:absolute; left:540px; top:1px; border:none;}
#header h1{
	position:absolute; left:397px; top:40px; border:none;
	font:bold 14px/16px  Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF;}
#header h2{
	position:absolute; left:397px; top:53px; border:none;
	font:bold 32px/34px  Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF;}
#header h3{
	position:absolute; left:197px; top:35px; border:none;
	font:bold 20px/22px  Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF;}
#header h4{
	position:absolute; left:220px; top:55px; border:none;
	font:bold 14px/15px  Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF;}
#header h5{
	position:absolute; left:170px; top:115px; border:none;
	font:bold 11px Arial, Helvetica, sans-serif; color:#666666; text-align:right;}
/* -- header end -- */
* Header > Logo */



#logo1 img {
	float: left;
	padding: 49px 0 0 0;             
}

#logo2 img {
	float: left;
	padding: 84px 0 0 0;             
}

#logo h1 {
	text-transform: uppercase;
	font-size: 2em;
}

#logo h2 {
	margin: 0;
	text-transform: uppercase;
	font-size: 1.2em;
}

#logo a {
	text-decoration: none;
	color: #FFFFFF;
}

/* -- top navigation start -- */
#topNav{
	width:778px; height:30px; margin:0 auto;
	background:url(uploads/template/top_nav_bg.gif) no-repeat 0 0 #FFFFFF; color:#000000; text-transform: uppercase;}
#topNav ul{
	width:490px; margin: 0 30px ; }
#topNav ul li{
	float:left; margin:0 1px 0 0 ;}
#topNav ul li a{
	font:bold 11px/29px Arial, Helvetica, sans-serif; color:#595959;
	background:url(uploads/template/top_nav_btn_bg.gif) repeat-x 0 0 #FFFFFF;
	padding:0 12px; display:block; text-decoration:none;}
#topNav ul li a:hover{
	font:bold 11px/27px Arial, Helvetica, sans-serif; color:#337BA6;
	background-color:#FFFFFF; background-image:none;
	border-top:#DADADA 1px solid; border-right:#DADADA 1px solid; border-left:#DADADA 1px solid;
	padding:0 11px; margin:2px 0 0 0; display:block; text-decoration:none;}
#topNav ul li a.hover{
	font:bold 11px/27px Arial, Helvetica, sans-serif; color:#F50B04;
	background-color:#FFFFFF; background-image:none;
	border-top:#DADADA 1px solid; border-right:#DADADA 1px solid; border-left:#DADADA 1px solid;
	padding:0 11px; margin:2px 0 0 0; display:block; text-decoration:none;}
/* -- top navigation end -- */
/* body start */
#body{
	width:738px; margin:0 auto; padding:10px 0 10px 0;}
/* body end */
/* -- left pannel start -- */
.left{
	width:480px; float:left; padding:0 38px 0 0;}
.left img{
	border:none;}

.left h5 {
font: 11px Arial, Helvetica, sans-serif; color:#535353; padding:0px; text-decoration:none;text-transform: uppercase;text-weight: bold;}

.left h3, .left h3 a, .left h3 a:visited, .left h3 a:active, .left h3 a:link{
	font:bold 16px/18px Arial, Helvetica, sans-serif; color:#000000;
	background-color:#FFFFFF; width:100%; float:left;}

.left h2{
	font:bold 20px/25px Arial, Helvetica, sans-serif; color:#337BA6;letter-spacing: 4px;
	background-color:#FFFFFF; height:25px; width:100%; padding:0 0 10px 0; float:left;}
.left h2 span{
	font:bold 20px/25px  Arial, Helvetica, sans-serif; color:#F50B04;
	background-color:#FFFFFF; height:25px;letter-spacing: 4px;}
.left span.dot{
	background:url(uploads/template/dot_line.gif) repeat-x 0 18px #FFFFFF;
	height:25px; width:280px; display:block; float:left; color:#000000;}
/*.left p{
	font:normal 12px/18px Arial, Helvetica, sans-serif; color:#363636; background-color:#FFFFFF; padding:0 0 12px 0;text-align: justify;}*/

.left p, .left td {                
	font-size: 15px;
                line-height: 160%;
                color:#363636;
                background-color:#FFFFFF;
                padding:10px 0 12px 0;
}

.left ol {                
	font-size: 15px;
                line-height: 160%;
                color:#363636;
                background-color:#FFFFFF;
                padding:10px 0 12px 0;
}

.left ul{
                font-size: 15px;
                line-height: 160%;
                color:#363636;
                background-color:#FFFFFF;                
}

.left li{
                line-height: 200%;               
}

.left ul ul li{
                padding-left: 25px;
}

.left ul ul {
  
}



.left td{                
	font-size: 15px;
                color:#363636;
                background-color:#FFFFFF;
                padding:0px 0 0px 0;
}

.left p span{
	font:normal 12px/18px Arial, Helvetica, sans-serif; color:#363636; background-color:#BFDEF7;}
.left p.dotLine{
	color:#363636; font-size:0; line-height:0; height:13px; padding:3px 0 2px 0;
	background:url(uploads/template/dot_line.gif) repeat-x 0 2px #FFFFFF;}

a.readMore, a.readMore:hover, .readMore a, .readMore a:visited{
	font-size:11px;text-decoration:none;background-color:#BFDEF7;
	padding:0px 0 0px 0;}

.event{
	width:480px; padding:0; }

.event-xs{
	width:220px; padding:0; }

.eventLeft{
	width:480px; padding:0; float:left;}
.eventLeft h2{
	font:bold 20px/25px Arial, Helvetica, sans-serif; color:#003174;
	background-color:#FFFFFF; width:124px; float:left; padding:0 0 6px 0;}
.eventLeft h2 span{
	font:bold 20px/25px Arial, Helvetica, sans-serif; color:#F50B04; background-color:#FFFFFF;}
.eventLeft span.date{
	background:url(uploads/template/date_bg.gif) no-repeat 0 0 #FFFFFF; color:#333333;
	font:bold 11px/15px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:center;
	width:117px; height:15px; display:block; float:left; margin:6px 0 0 12px;}
.eventLeft p{
	font:normal 12px/18px Arial, Helvetica, sans-serif; color:#363636;
	background:url(uploads/template/left_line.gif) no-repeat 0 16px #FFFFFF; padding:10px 0 12px 16px;}
.eventLeft p.dotLine1{
	color:#363636; font-size:0; line-height:0;
	width:304px; height:13px; padding:3px 0 0 0;
	background:url(uploads/template/dot_line.gif) repeat-x 0 2px #FFFFFF; }
.eventLeft p.dotLine1 a.viewMore{
	border-bottom: 1px dotted #000000 color:#000000;
	font-size:0; line-height:0; text-decoration:none; text-indent:-2000px;
	width:58px; height:13px; display:block; float:right;}
.eventLeft p.dotLine1 a.viewMore:hover{
	background:url(uploads/template/view_more_btn_h.gif) no-repeat 0 0 #FFFFFF; color:#000000;font-size:0; line-height:0; text-decoration:none; text-indent:-2000px;
	width:58px; height:13px; display:block; float:right;}
.eventRight{
	width:0px; float:left;padding: 0;}
.eventRight img{
	border:none;}
/* -- contact form start -- */
.contact {
	 color:#000000;
	width:400px; height:180px; padding:14px 14px 34px 16px;margin-left:5px;}
.contact h2{
	font:normal 18px/18px Arial, Helvetica, sans-serif; width:auto;
	color:#000000; background-color:#F5F5F5; padding:0 0 0 0;}
.contact label{
	font:bold 11px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#337BA6; padding:0 0 1px 0;}

div label { width: 6em;}

.contact input{
	width:180px; height:15px; padding:2px;
	font:normal 11px/15px Arial, Helvetica, sans-serif;
	background-color:#FFFFFF; color:#000000; margin-right: 32px; float:right}
.contact textarea{
	width:320px; height:50px; padding:2px;
	font:normal 11px/15px Arial, Helvetica, sans-serif;
	background-color:#FFFFFF; color:#000000; margin:0;}

.contact fieldset{
	width:360px; height:160px; padding:2px;}

.contact input.fbsubmit, {
	width:60px; height:20px; padding:1px; float:right; border: 1px solid #ff0000;color:#ffffff;background-color:#FF0000; margin:2px 32px 0 0; }

.contact p{
	font:bold 11px/25px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#337BA6; background-color:#F5F5F5; padding:4px 0 0 0;}

/* -- contact form end -- */

/* -- External Links start -- */
.left a:link, 
.left a:active, {
   text-decoration: none;
   color: #003174;
   border-bottom: 0px dotted #003174;
 }

.left a:visited {
   text-decoration: none;
   color: #003174;
   border-bottom: 0px dotted #003174;
}

.left a:hover {
   text-decoration: none;
   color: #003174;
   border-bottom: 0px dotted #003174;
}

/* -- External Links end-- */

/* -- left pannel end -- */

/* -- right pannel start -- */
.right{
	width:220px; float:right;}
.right form.search{
	background:url(uploads/template/search_bg.gif) no-repeat 0 0 #FFFFFF; color:#000000;
	width:189px; height:70px; padding:10px 14px 0px 16px;float:right;}
.right form.search label, .left label{
	font:normal 18px/18px Arial, Helvetica, sans-serif;
	color:#003174; float:left;}

#m2searchinput, #cntnt01searchinput{
	width:100px; height:18px; padding:3px;
	font:normal 13px/15px Arial, Helvetica, sans-serif;border: 1px solid #a1a1a1;
	background-color:#ffffff; color:#000000; margin:7px 0px 6px 0;}
}

input.fbsubmit {
	padding:2px;border: 1px solid #a1a1a1;
	background-color:#ffffff; color:#000000; margin:7px 0px 6px 0;}
}

#m2searchimage{
           border: 1px solid #a1a1a1;background-color:#f9f9f9;
           font:normal 11px/15px Arial, Helvetica, sans-serif;border: 1px solid #a1a1a1;
           width:70px;padding:3px; margin:7px 0px 6px 0;                     
}

.right h2{
	font:bold 20px/25px Arial, Helvetica, sans-serif; color:#FF0000;letter-spacing: 4px;
	height:25px; width:100%; padding:0 0 10px 0; float:left;}

.right h2 a{
	font: bold 135px Arial, Helvetica, sans-serif; color:#535353;
	padding:0 0 0 1px; display:block; text-decoration:none;text-transform: uppercase;}

#pagetools {
	display: block;font-weight: bold;color: #FFFFFF; }

#zoeken {
	display: block;font-weight: bold;color: #FFFFFF;}

#pagetools img.pagetoolbtn {
                 float: left;padding:0 4px; margin:  0px 0px 5px 0px;border:0px;}

.pagetools a {
	font: bold  15px Arial, Helvetica, sans-serif; color:#535353;
	text-decoration:none; text-transform: uppercase;border:0px;}

.pagetools a:hover{
	font: bold  15px Arial, Helvetica, sans-serif; color:#535353;
	text-decoration:none; text-transform: uppercase;}

#contact {
               background:url(uploads/template/contact_bg.gif) no-repeat;padding:8px 0 70px 0; margin:10px 0 0 0;}

#contact label{
	font:normal 18px/18px Arial, Helvetica, sans-serif;
	color:#003174; float:left;padding:0 0 0 12px; line-spacing: 0px;}

#contact p {
	font: 11px Arial, Helvetica, sans-serif; color:#535353; padding:0 0 0 0px; text-decoration:none;text-transform: uppercase;}

#contact p a {
	font: 11px Arial, Helvetica, sans-serif; color:#535353; padding:0 0 0 12px; text-decoration:none;text-transform: uppercase;}

#contact p a:hover{
	font: 11px Arial, Helvetica, sans-serif; color:#535353;padding:0 0 0 12px;
text-decoration:none; text-transform: uppercase;}

#contact p .more 
{width:40px; height:14px; padding:2px; margin-right:15px; margin-top:2px; float:right; border: 1px solid #ff0000;color:#ffffff;background-color:#FF0000; text-transform: none;}

#contact p .more:hover
{width:40px; height:14px; padding:2px; margin-right:15px; margin-top:2px; float:right; border: 1px solid #ff0000;color:#ffffff;background-color:#FF0000; text-transform: none;}

.right h2 span{
	font:bold 20px/25px  Arial, Helvetica, sans-serif; color:#F50B04;
	background-color:#FFFFFF; height:25px;padding:5px 0 0 0;}

.right ul{	
	padding:15px 0 0 0px;background: #FFFFFF;}


.right a{
	font: 14px Arial, Helvetica, sans-serif; color:#535353; padding:0 0 0 12px; display:block; text-decoration:none;text-transform: uppercase;line-height: 160%;}

.right ul li a{
	font: 14px Arial, Helvetica, sans-serif; color:#535353; padding:0 0 0 12px; display:block; text-decoration:none;text-transform: uppercase;border-top: 1px dotted #000000;line-height: 160%;width:90%;margin-left:3px;}

.right ul li a:hover{
	font: 14px Arial, Helvetica, sans-serif; color:#535353;line-height: 160%;
	padding:0 0 0 12px; display:block; text-decoration:none; text-transform: uppercase;
	background:url(uploads/template/pagetools/link.jpg) no-repeat 180px 0 #ffffff;}

.right span.dot{
	border-top: 1px dotted #000000;
	height:1px; width:220px; display:block; float:left; color:#000000;width:95%;margin-left:3px;margin-bottom:10px;}

/* -- right pannel end -- */

/* -- FOOTER START -- */

#footer{
            background:url(uploads/template/footer_bg.gif) no-repeat center top #ffffff; color:#003174;
}

.footer{
           width:490px; height:115px; margin:0 auto; padding:2px 0 0 0;}

#footer p {
            	
             text-align: center;
             font-weight: bold;
             font-size: 10px;
             background: none;
}

#footer a:hover {
	background: none;
	color: #003174;  
             text-decoration: underline;    
}

#footer a {
	background: none;
	color: #003174;  
             text-decoration: none;    
}
/* End of 'Total Control CSS' */