/*GENERAL*/
* { margin: 0; padding: 0; }
img, fieldset { border: 0; }
html { background: #ffffff; /*#c2ebad;*/ }
body { font-family:Verdana, Sans-serif; background: #fff; width:740px; position: relative; margin:0 auto; font:68.75%/146% Verdana; padding:5px 15px 0 17px; }
a { outline:none; text-decoration:none; }
li { list-style:none; }
h1, h2 , h3 { font:1.272em "Trebuchet MS" }

/*HEADER*/
.header, .content, .column_one { display:inline-block; }
.header, .content, .column_one  { display:block; }
.header:after, .content:after, .column_one:after  { clear:both; display:block; content:'.'; visibility:hidden; height:0; }
  .header h1 { position:relative; z-index:50; float:left; }

.flags { float:right; width:500px; padding-top:10px; text-align:left;font-style:italic; font-size: 15px; }
  .flags a { padding-left:7px; }
  .flags span { background:url(../images/delimit.gif) no-repeat right center; padding-right:5px; color:#999; font-size:0.818em; }
  
.menu { position:absolute;left:220px;top:67px }
  .menu li { background: url(../images/menu_right.gif) no-repeat right top; float:left; display: inline; margin-right:5px; padding-right:4px; }
  .menu li a { background:#f0d700 url(../images/menu_left.gif) no-repeat left top; display:block; padding:4px 25px 2px 25px; color:#000100; font: 1.090em "Trebuchet MS", Arial; }
  .menu li:hover, .menu li.over, .menu li.active { background: url(../images/menu_active_right.gif) no-repeat right top; }
  .menu li:hover a, .menu li.over a, .menu li.active a { background:#abd5ff url(../images/menu_active_left.gif) no-repeat 0 0; }
  
.content  { min-height: 480px; background:#67cb33 url(../images/fake_column.gif) repeat-y left bottom; position:relative; margin-top:-75px; padding:81px 0 100px 0; }
  .content .ypsopng { background: #67cb33; width:740px; height:115px; position:absolute; top:0; left:0; z-index:10; }
  .content .ypsopng div { background: url(../images/ypsoheader.png) no-repeat 0 0; width:740px; height:115px; position:absolute; top:0; left:0; z-index:10; }
  .content .ypsopng img{ position:absolute; top:0; right:0; z-index:5; }
  
  .left { background: #fff; padding:17px 17px 10px 0; float:left; width:207px; position:relative; z-index:20; }
    .left h2  { background:#abd5ff; padding:5px 10px; margin-bottom:4px; color:#fff; text-transform:uppercase; }
.left h2 a {color: #fff; }
    .left .box { background:#abd5ff; padding:12px; margin-bottom:8px; color:#006699;}
    .left .box .link { padding-top:3px; font-size:1em; }
    .left .box .link a { color:#fff; font-weight:bold; }
    .left .contact { padding-bottom:5px; }
	.left .contact li { background:url(../images/contact_arrow.gif) no-repeat left center; padding-left:22px; margin-bottom:7px; line-height:16px; }
    .left .contact a { color:#006699; }
    .left .voeg:hover { cursor:pointer; }
    .left .voeg { background:url(../images/green_bg.gif) repeat-x 0 0; display:block; color:#fff; padding-left:8px;  height:30px; margin-bottom:8px;}
    .left .voeg p { background:url(../images/star.gif) no-repeat left center; width:159px; height:28px; overflow-y:hidden; padding-left:35px; font:bold 1.090em/28px  "Trebuchet MS";   }
    .two p { line-height:14px!important; z-index:0; }
	.left .navigatie { padding:12px 0; }
    .left .navigatie li a { background: url(../images/double_arrow.gif) no-repeat left 6px; margin-left:10px; padding:2px 10px; display:block; color:#006699; font:bold 1em Verdana; *background: url(../images/double_arrow.gif) no-repeat left 9px; }
	.left .navigatie .over, .left .navigatie li:hover, .left .navigatie .active { background:#6d6e71 url(../images/double_arrow_hover.gif) no-repeat 10px 5px !important; *background:#6d6e71 url(../images/double_arrow_hover.gif) no-repeat 10px 8px !important;}
	.left .navigatie .over a, .left .navigatie li:hover a, .left .navigatie .active a { color:#fff; background-position: 0 -7px; *background-position: 0 -10px; }
  
  .right { background: #fff; position:relative; float:left; display: inline; width:462px; margin: 35px 0 0 15px; padding:12px 16px 16px 19px; }
    .right h1 { margin-bottom:7px; color:#336699; font:bold 1.636em "Trebuchet MS"; }
    .right .frame { display: inline; float:right; padding:2px; }
    .right  img { display:block; border:2px solid #c2c1c1 !important; margin-left:5px; padding: 2px; }
	.right p { margin-bottom:1em; }
    .right a { color:#67cb33; /*#ffcc00;*/ font:bold 1em Verdana; }
    .right .event_img { float:right; margin-top:15px; }
	.right .event_img img { padding:2px;}
	.right .event h1, .right .column_one h1 { margin-bottom:0; padding-left: 2px; }
	.right .event_title h2, .column_one h2 { font-size:1em; padding-left:2px; }
	.right .column_one h1 a { color:#336699; }
	
	/*COLUMN ONE*/
	.column_one { margin-bottom:25px; }
	.main_img, .main_title { float:left; }
	.main_img { margin-bottom:10px; }
	.main_img img { margin-left:0; padding:2px; }
	.main_title { margin-left:15px; }
	.column_one p { clear:both; }
	.column_one h2 { padding-left:4px; }
	
	/*GENERAL LIST*/
	.right ul { margin-top:18px; }
	.right ul li { background: url(../images/ul_bg.gif) no-repeat 0 6px; padding-left:10px; /*color:#ffcc00; font:bold*/ 1em Verdana; }
	.right li a { color:#ffcc00; }
	.right p b { position:relative; display:inline;}
	.right .csc-textpic-caption-c dd.csc-textpic-caption {text-align:center;}
	.right .csc-textpic-caption-l dd.csc-textpic-caption{text-align:left;}
	.right .csc-textpic-caption-r dd.csc-textpic-caption{text-align:right;}
	
  .radios ul { margin-top:16px; margin-bottom:10px;}
    .radios ul li { background:url(../images/li_bg.gif) repeat-x left bottom; padding:6px; }
    .radios li.legend { background:#6d6e71; color:#fff; height:16px; padding:6px; font:bold 1em "Trebuchet MS"; }
    .radios .question { margin-bottom:6px; color:#000; font:bold 1em Verdana;  }
    .radios li input { vertical-align:middle; margin-right:4px; }
    .radios label { padding-right:10px; color:#000; font:1em Verdana; }
    .odd { background-color:#eef7ff!important; }
    .verzend { background:#e4e4e4 url(../images/verzend.gif) no-repeat center; border:1px solid #6d6e71; border-color:#e4e4e4 #6d6e71 #6d6e71 #e4e4e4; width:129px; height:24px; margin-top:7px; cursor: pointer; }
    .verzenden { background:#e4e4e4 url(../images/verzenden.gif) no-repeat center; border:1px solid #6d6e71; border-color:#e4e4e4 #6d6e71 #6d6e71 #e4e4e4; width:129px; height:24px; margin-top:7px; cursor:pointer;}

  #footer { border-top:13px solid #67cb33; color:#000; font:0.909em Arial; }
  #footer a { color:#000; }
  #footer a:hover { text-decoration:underline; }
  
  
  /*ROUNDED CORNERS*/
  b { position:absolute; display:block; width:8px; height:8px; }
  .top-right { background:url(../images/top-right.gif) no-repeat 0 0; top:0px; right:0; }
  .top-left { background:url(../images/top-left.gif) no-repeat 0 0; top:-1px; left:0; }
  .bottom-right { background:url(../images/bottom_right.png) no-repeat 0 0; bottom:3px; right:-2px; }
  .bottom-left { background:url(../images/bottom-right.gif) no-repeat 0 0; bottom:0; left:0;  }	
  
	@media screen and (min-width: 550px){ 
		.bottom-right { bottom:3px; }
	 }
 
/*CONTACT*/
	.csc-mailform-field { clear: both; margin-bottom: 5px; } 
	.csc-mailform input { border: 1px solid #ccc; width: 180px; padding: 1px 4px; } 
	.csc-mailform textarea { border: 1px solid #ccc; overflow: auto; padding: 1px 4px; width:222px; } 
	.csc-mailform label { float: left; width: 120px; text-align: right; padding-right: 10px; }
	.csc-mailform-submit { margin-left: 130px; color: #666; }
	
/*POWERMAIL*/
.tx-powermail-pi1 input,.tx-powermail-pi1 textarea {
	border: 1px solid #ccc;
	width: 180px;
	font-family:Verdana, Sans-serif;
	font-size:10pt;
        padding:2px 3px;
float:left;
}
.tx-powermail-pi1 textarea {
    width:300px;
}
.tx-powermail-pi1 legend {
	display:none;
}
.tx-powermail-pi1 label {
    clear:left;
    display:block;
    width:120px;
    float:left;
    padding:2px 3px 6px 0;
}
.powermail_mandatory {
    color:#ff0000;
}
.powermail_submit {
    color:#666;
    margin:10px 0 0 123px; cursor: pointer;
}
.powermail_mandatory_js {
    clear:left;
    margin-left:123px;
    background:#fff;
    color:#ff0000;
    padding:2px 0 5px 0;
}
.tx_powermail_pi1_fieldwrap_html {
    background:#fff!important; min-height: 30px; height: auto; margin-bottom: 10px;
}

/*
 * Print
 */
.printicon { position: absolute; top: 1px; right: 0; width: 32px; height: 32px; background: url(../images/print_32.png) no-repeat 50% 50%; }
@media print {

.ypsopng, .left, #menu, .top-left, .printicon, .bottom-right { display: none; }
.right { float: none; width: auto; }
b { display: inline; position: static; }
 
}

.contenttable { border-color: #000000 !important; }

/*
 * Logo's
 */
/*#logos { margin-top: 35px; }*/
#logos {
width:207px;
bottom:10px;
left:0;
position:absolute;
float:left;
}

.right p#gmapDirHeadTo, .right p#gmapDirItemTo, .right p#gmapDirBtnsTo, .right p#gmapDirItemFrom { margin-bottom: 0;}
input#gmapDirSaddr {border: 1px solid #666; width: 250px; margin-bottom: 2px;}
input#gmapDirButtonTo, input#gmapDirButtonFrom {background-color: #E4E4E4; border-color:#E4E4E4 #6D6E71 #6D6E71 #E4E4E4; border-style:solid; border-width:1px;cursor: pointer; padding: 2px;}

.cursive {font-style: italic;}
.cursive a {font:bold 1em Verdana; font-style: italic;}

.csc-textpic-intext-right .csc-textpic-imagewrap {float: right; padding: 0 0 10px 10px;}
.csc-textpic-intext-left .csc-textpic-imagewrap {float: left; padding: 0 10px 10px 0;}
.csc-textpic-image {width: auto !important;}