* { border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0 } /* Resets elements */
ol, ul { list-style: none }
big { font-size: 130% }
small, sup, sub { font-size: 80% }

img { -ms-interpolation-mode: bicubic } /* Makes resized images in IE look better */

body { background:#F6F6F8; color: #666; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height:17px;  }

.wrapper { background:url(bg-wrapper.jpg) top no-repeat; width:1088px;  }
.pattern { background:url(pattern.gif) repeat-y; width:1088px; margin:0 auto }

.NoScreenDisplay { display:none; }

hr { background-color:#72666B; }


/*************************************************************
  H E A D E R
*************************************************************/
.header { height: 415px; width:1088px; background: url(header-home.jpg) bottom no-repeat; margin:0 auto }
.header-basic { height: 297px; width:1088px; background: url(header.jpg) bottom no-repeat; margin:0 auto }

.logo { padding:23px 0px 0px 150px; position:absolute}
.languageswitch { float:right; font-size:14px; padding:9px 6px 0px 0px; background:url(language-bg.gif) top no-repeat; height:30px;  }
.languageswitch a { color:#333; text-decoration:none; text-transform:uppercase }

.menu { float:right; height:38px; margin-right:25px}
.menu li { float:left; padding:0px }
.menu a  {  float:left; color:#fff; text-transform:uppercase; text-decoration:none; font-size:13px; padding: 15px 10px 12px 10px; margin:0px 0px 0px 0px; background:url(splitter.gif) no-repeat right center }
.menu a.item1HL, .menu a:hover {color:#999 }
.menu .last a { background:none }
.menu a:hover { color:#999 }

.breadcrumb-home { float:right; margin:310px 25px 0px 0px }
.breadcrumb { float:right; margin:198px 25px 0px 0px }
.breadcrumb-home a, .breadcrumb a { font-size:12px; color:#666; text-decoration:none }


/*************************************************************
  L E F T - S I D E B A R
*************************************************************/
.left-sidebar { float:left; width:228px; padding-left:147px }

.left-sidebar .newsletter { float:left }
#mySubmenu, .smenu { background-color:#FFF; border:0px; width:220px }
.left-sidebar .smenu { width:200px; border-top:1px dotted #999; color:#333; margin-bottom:20px; float:left  }
.left-sidebar .smenu a { font-size:14px; border-bottom:1px dotted #999; color:#333; text-decoration:none; width:170px; float:left; background:url(item-smenu.gif) no-repeat left top; padding: 5px 10px 5px 20px }
.left-sidebar .smenu a:hover, a.subMenu2HL { color:#A9223E!important; background:url(item-smenu-hover.gif) no-repeat left top; }

.info { margin-top:30px ; float:left; color:#333; background:url(logo_ganzendons.gif) no-repeat right top; width:210px; font-size:13px}
.info h3 { font-size:19px; color:#333;  }
.info h3 .cufon { padding:2px 0px }
.info p .cufon { padding:3px 0px }
.info a { color:#A9213E }

/*************************************************************
  C O N T E N T
*************************************************************/
#content { width:620px; padding:0px 0px 40px 30px; float:left }

h1 { font-size: 20px ; margin:20px 0px; color:#000; border-bottom:3px solid #F6F6F8; padding-bottom:5px;}
h2 { font-size: 16px ; font-weight:normal; color:#000; margin:15px 0px  }
h3 { font-size: 16px ; font-weight:normal; color:#A9223E; margin:15px 0px }

#content p { margin:5px 0px }

#content ol, #content ul {  }
#content ol { margin-left: 20px;  }
#content ul { margin:10px 0px }
#content ul li {  list-style: disc;  margin-left:15px; padding:3px 0px }
#content ol li {  list-style: decimal;  margin-left:15px; padding:3px 0px }

#content select { width:auto; padding: 3px; display: block;}
#content input.checkbox { width:auto; margin-right: 10px; border:0 }
#content input.radio { width:auto; margin-right: 10px; border:0; float:none}

/*----------------------- content links ----------------------------*/
a{ text-decoration: underline; color: #A9223E;}	
a:hover{ color: #A9223E; text-decoration: none; }
a.ankerlijst { font-size:13px; }
a.url { color:#A9223E }
a.top { font-size:14px; background:url(up.gif) no-repeat left center; padding-left:18px; text-transform:capitalize }

/* PDF */
#content #pdf { padding: 5px 0 0; overflow:hidden }
#content #pdf a { color: #A9223E; line-height:23px;}

#content #pdf .IkoonLinks { float: left; margin: 0 10px 0 0 }
#content #pdf .box { clear: right; display: block; padding-left:29px; margin:0px }


/*************************************************************
  F O O T E R
*************************************************************/
.footer {  background: url(footer.gif) no-repeat; height: 10px; width:968px; clear:both; color:#858585; margin:0px auto 50px auto; padding:60px 0px 0px 120px }

/*************************************************************
  S P L A S H
*************************************************************/
.splash-wrapper { margin:0 auto; }
.splash {  background: url(bg-splash.jpg) no-repeat; height: 196px; width:1095px; color:#858585; padding-top:420px; text-align:left}
.footer-splash { background:none; width:985px; margin:0px auto; padding-left:110px; text-align:left; }
.splash h3 { font-size:14px; color:#F6F6F8; margin:10px 0px }
.splash a { font-size:20px; color:#999; background:url(arrow-taal.gif) no-repeat left; padding-left:17px; text-decoration:none }
.dutch { float:left; height:196px; width:280px; margin-right:50px; margin-left:150px }
.francais { float:left; height:196px; width:250px; margin-right:65px }
.english { float:left; height:196px; width:250px; margin-right:0px }

/*************************************************************
  C L E A R F I X  =  clears floating elements
*************************************************************/
.clearfix       { display: inline-block }
.clearfix:after { clear: both; content: "."; display: block; font-size: 0; height: 0; visibility: hidden }

/* Hides from IE-mac \*/
* html .clearfix { height: 1% }
.clearfix { display: block }
/* End hide from IE-mac */


/* ----------------------------------------------------------------------------------------- */
/* opmaak modules */

.BeeldRechts { float: right; clear: none; margin: 0 0px 10px 30px; }
.BeeldGrootRechts {	float: right; clear: none; margin: 0 0px 10px 60px;	}
.BeeldLinks { float: left; clear: none; margin: 0 30px 10px 0px; }
td .BeeldLinks { float: right; clear: none;margin: 0 0px 10px 30px;}
.BeeldGrootLinks { float: left; clear: none; margin: 0 60px 10px 0px; }
.BeeldGroot { margin-bottom: 15px }

.box { padding: 0; margin: 0 0 5px 0; display: block;}

.category { float:right }


/* vormgeving standaard + uitgebreid formulier ---------- */
.formItem { overflow: hidden; clear: both; float: left; padding: 3px 0; width:620px}
.groupItem { overflow: hidden; clear: both; /* LANGS ELKAAR  clear: none; float: left;*/ }

.group { float: left; }

.group label { width: auto; text-align: left; }
label {width: 140px; text-align: right; float: left; padding: 0 8px 0 0; }
.label { width: 140px; text-align: right; float: left; padding: 0 8px 0 0;}
input, select, textarea { float: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; border:1px solid #ccc; text-align:left; width:auto}

.content { margin: 0 0 0 0; overflow: hidden; clear: both;}

input.knop, input.knop2, input.knop3 {background:#A9233E; height:22px; color:#FFF!important; text-decoration:none!important; font-size:13px; float:left; padding:0px 10px 2px 10px; border:0; cursor:pointer; text-align:center ; width:auto  }
input.knop, input.knop3 { clear:both; margin-left: 148px; margin-top:10px}
td input.knop { margin-left:0px }
input.knop2 { margin: 5px 0 0 0; }
input.knop3 { padding: 2px; text-align: right; margin: 0px; }
/* 2 kolommen tekst + beeld ------------ */
table.portal { margin:0px 0 5px 0; width:100%; }
table.portal .kolom1 { vertical-align:top; width:50%; padding-top: 0; padding-right: 10px; padding-bottom: 0; padding-left: 0; }
table.portal .kolom1 .BeeldLinks { float:none  }
table.portal .kolom2 .BeeldRechts { float:none }
table.portal .kolom2 { padding: 0 0 0 10px; vertical-align:top; width:50%;}

.fototekst { margin-bottom:5px; }
.adminknoppen { clear: both; display: block; }

/* kalender ---------------------------*/
	.Titel1 {
	color:#666;
	font-weight:bold;
	text-transform:uppercase;
	
}
	.Titel2 {
	font-weight:normal;