/* cyrillic-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v12/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNa7lqDY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v12/6xK3dSBYKcSV-LCoeQqfX1RYOo3qPK7lqDY.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v12/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNK7lqDY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v12/6xK3dSBYKcSV-LCoeQqfX1RYOo3qO67lqDY.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v12/6xK3dSBYKcSV-LCoeQqfX1RYOo3qN67lqDY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v12/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNq7lqDY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v12/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

HTML {
overflow-y:scroll;
height:100%;
}

html, body {
height:100%;
margin:0;
padding:0;
}

form {
margin:0;
padding:0;
}

html body, td, legend, input, textarea, select, a{
font-size: 14px;
font-family: 'Source Sans Pro', Verdana, Helvetica, Arial, sans-serif;
color:#505050;
}

h1{
margin:0;
font-size:20px;
margin-bottom:16px;
font-family:Arial;
}

h2{
margin:0;
font-size:18px;
margin-bottom:12px

}

h3{
font-size:16px;
margin:0;
margin-bottom:8px;
font-family:Arial;

}

h4{
font-size:15px;
margin:0;
margin-bottom:4px;
font-family:Arial;

}

p{
margin:0;
padding-bottom:20px;
/*line-height:1.1em;*/
}

a, a:focus, object, button, input {
outline: none;
-moz-outline-style: none;
outline-style: none;
}

button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {
border: 1px dotted transparent;
}

button, input[type="button"] {
cursor:pointer;
}

a:active{

}

a:hover{
text-decoration:underline;
}

td{
vertical-align:top;
}

img {
border:0px;
padding:0px;
margin:0px;
}

.colored{
/*defined by skins*/
}

ul{
margin:0px;
padding:0px;
margin-bottom:10px;
list-style-position:inside;
line-height:1.4em;
}


/*begin form elements*/

fieldset {
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
margin:0;
margin-bottom:15px;

padding: 20px;
background-color: #eaf7c5;
border: 1px solid #99cc00;
}

legend {
font-weight:bold;
}

label{
display:block;
font-weight:bold;
margin-top:7px;
}

.radio label, .checkbox label{
display:inline;
font-weight:normal;
}

input, textarea{
/*background:transparent;*/
}

.valid{

}

.unvalid{
color:#ED1C24;
}

.button_wrap {
display:inline;
}

.button_wrap input {
height:30px;
overflow: visible; 
padding-bottom:2px;
padding-left:10px;
padding-right:10px;
border:none;
font-weight:bold;
color:#FFFFFF;
background-color:#99cc00;
cursor:pointer;
outline-style: none;
border-radius: 5px;
}

.button_wrap input[disabled]  {
cursor:auto;
color:#ebf5cd;
}

label.uploadlabel {
background-color: #99cc00!important;
}
.ok_button_wrap input{

}

.reqWrap .inpufield_wrap {
background-image: url("../../../../../img/website/req.png");
background-position: right center;
background-repeat: no-repeat;
}

.inpufield_wrap {
margin-top:3px;
width:220px;
overflow:hidden;
padding-right:20px;
}

.inpufield_wrap input {
border: 1px solid #99cc00;
width:212px;
margin:0;
padding:4px;
}

.inpufield_wrap.mini {border:1px solid #999;
margin-top:0px;
width:36px;
padding-right:0;
margin-right:6px;

}

.inpufield_wrap.mini input {
width:28px;
text-align:center;
border:1px solid transparent;
line-height:24px;
}

.textarea_wrapper {
width:220px;
height:124px;

}

textarea {
border: 1px solid #D5D5CB;
width:210px;
height:114px;
padding:5px;
overflow:auto;
}
.button_wrap .info {
    color: red;
    padding-left: 10px;
}

select{
width:220px;
height:30px;
margin-bottom:10px;
border-radius: 5px;
border:1px solid #e8e6e6;
}

.radio{
display:inline;
}

.radio .row{
display:block;
}

.radio .colomn{
display:inline;
}

.delete_icon input {
border:medium none;
cursor:pointer;
background-color:transparent;
background-image: url(../../../../../img/CmWare/icon_delete.gif);
height:17px;
width:17px;
overflow:hidden;
}

.delete_icon input[disabled]{
border:medium none;
background-image: url(../../../../../img/CmWare/icon_delete_disabled.gif);
background-repeat:no-repeat;
background-position:0px 0px;
height:17px;
width:17px;
overflow:hidden;
}

/*end form elements*/



/*begin common classes*/

.left, .l{
float:left;
}

.right, .r{
float:right;
}

.clear, .c{
clear:both;
margin:0;
padding:0;
height:1px;
overflow:hidden;
}

.strong, .b{
font-weight:bold;
}

.plain{
font-weight:normal;
}

.cen{
text-align:center;
}

.tl{
text-align:left;
}

.tc{
text-align:center;
}

.tr{
text-align:right;
}

.unv, .not4desk, #header .menu .not4desk{
display:none;
}

.notice, .color{
color:#99cc00;/*can be overruled by theme*/
}
.memo .notice, .memo .color{
color:#8ab800;/*can be overruled by theme*/
}
.warning{
color:#EB1C24;/*can be overruled by theme*/
}

.green{
color:#99cc00;
}

.light{
color:#999999;
}

.pointer{
cursor:pointer;	
}

.nostyle{
margin:0px;
padding:0px;
}

.ajaxloader{
height:32px;
padding-left:38px;
padding-top:8px;
background-image:url(../../../../../img/website/ajaxloader.gif);
background-repeat:no-repeat;
}

.list_footer {
font-weight:bold;
padding-bottom:12px;
}

.list_footer a {
text-decoration:none;
}

.list_footer .prev {
background-image:url(../../../../../img/website/icon_arrow_left.gif);
background-position:0 4px;
background-repeat:no-repeat;
padding-left:8px;
}

.list_footer .next {
background-image:url(../../../../../img/website/icon_arrow_right.gif);
background-position:right 4px;
background-repeat:no-repeat;
margin-left:10px;
padding-right:8px;
}

.block{

}

.menu ul, .menu li{
margin:0;
list-style-type:none;
line-height:normal;
}

/*end common classes*/

/*jquery datepicker-nl-plugin*/
.ui-datepicker{
position:absolute;
top:-300px;
}
.datepicker .inpufield_wrap {
width:90px;
height:27px;
margin-right:6px;
width:120px;/*adding 30px for the button*/
}
.datepicker .inpufield_wrap input {
width:76px;
height:21px;
text-align:center;
color:#CCCCCC;
cursor:pointer;
border:1px solid #999999;
}
.datepicker button {
width:21px;
height:22px;
padding:0;
border:0;
overflow:hidden;
margin-left:3px;
}
.datepicker button img {
background-image:url(../../../../../img/website/calendar.png);/*used for preloading*/
}
#wrap .upload_component{
float:none;
}
#ui-datepicker-div .ui-widget-header {
background-image:url(../../../../../img/website/bg_ui-widget-header.png);
border:transparent;
}
#ui-datepicker-div .ui-widget-header .ui-icon {
background-image:url(../../../../../img/website/jquery-ui-icons.png);
}
#ui-datepicker-div .ui-state-hover, #ui-datepicker-div .ui-state-focus {
border:transparent;
background:none;
}
#ui-datepicker-div .ui-datepicker-next-hover {
border:1px solid white;
}
#ui-datepicker-div .ui-datepicker-prev-hover {
border:1px solid white;
}
#ui-datepicker-div .ui-state-default, #ui-datepicker-div .ui-widget-content {
color:#222222;
}





/*begin layout*/

.wrapper{
width:1200px;
left:0;
right:0;
margin-left:auto;
margin-right:auto;
padding-left:20px;
padding-right:20px;
}

#header{
background-color:#99cc00;
height:95px;
overflow:hidden;
}

#header .beelmerkAndLogo{
display:inline-block;
}
#header .beeldmerkWrap{
float:left;
margin-left:20px;
width:90px;
height:90px;
text-align:center;
padding-top:7px;
}
#header .beeldmerkWrap img{
max-width:80px;
max-height:80px;
}

#header .logoWrap{
float:left;
width:394px;
margin-top:10px;
margin-left:15px;
}
#header .logo{
cursor:pointer;
width:394px;
width:280px;
}



#loc10{
float:right;
margin-top:20px;
margin-right:126px;
}

#loc20{
float:right;
margin-top:15px;
margin-right:20px;
}
#loc20 .loginbBlockWrap{
display:inline-block;
}
#loc20 .blockContent{
float:left;
margin-right:22px;
}
#loc20 .loginB{
text-align:center;
}
#loc20 .loginB a{
text-decoration:none;
text-align:center;
}
#loc20 .loginB a:hover{
text-decoration:underline;
}
#loc20 .loginB img{
display:block;
padding-bottom:1px;
width:50px;
height:50px;
}
#loc20 .go2checkout img{
width:50px;
height:50px;
}

#loc30{
margin-top:3px;

}
#loc30 .menu{

}
/*begin first level*/
#loc30 .menu li{
display:inline-block;
}

#loc30 .menu li.hover a{
background-color:#99cc00;
color:#fff;
}

#loc30 .menu li div{
background-color:#f4f4f4;
width:130px;
margin-right:3px;
}
#loc30 .menu li.last div{
margin-right:0;
width:136px;
}
#loc30 .menu li div a{
visibility:hidden;
line-height:38px;
text-decoration:none;
text-transform: uppercase;
font-weight:bold;
letter-spacing:1px;
display:block;
text-align:center;
}
#loc30 .menu.domLoaded li div a{
visibility:visible;
}
/*end first level*/

#loc30 .menu ul ul{
display:none;/*hide all second levels*/
}

#subMenuDropzone{
border:9px solid #99cc00;
width:1182px;
position:absolute;
z-index:200;
background-color:#FFF;
margin-top:-1px;
}
#subMenuDropzone .inn{
padding:35px;
padding-left:0;
}
#subMenuDropzone #c1, #subMenuDropzone #c2, #subMenuDropzone #c3, #subMenuDropzone #c4{
display:inline-block;
width:245px;
vertical-align:top;
}
#subMenuDropzone.unv{
display:none;
}
#subMenuDropzone ul{
list-style-type:none;
margin-left: 35px;
}
#subMenuDropzone .title a{
display:block;
margin-left: 35px;
margin-bottom:20px;
text-transform: uppercase;
font-weight:bold;
font-size:21px;
letter-spacing:1px;
color:#99cc00;
text-decoration:none;
/*display:none;*/
}

#subMenuDropzone ul li{
margin-bottom:20px;
}
#subMenuDropzone ul li a{
line-height:30px;
text-transform: uppercase;
font-weight:bold;
font-size:18px;
letter-spacing:1px;
text-decoration:none;
color:#666;
padding-left:17px;
}
#subMenuDropzone ul ul{
margin-left:15px;
margin-bottom:0;
display:none;
}
#subMenuDropzone ul ul li{
border:none;/*reset*/
margin-bottom:0;
}
#subMenuDropzone ul ul li.viewAll{
/*margin-top:10px;*/
/*margin-left:-20px;*/
}
#subMenuDropzone ul ul li.viewAll a{
padding-left:0;
color:#99cc00;
}
#subMenuDropzone ul > li.open > ul {
display:block;
}
#subMenuDropzone ul ul li a{
text-transform:none;
font-weight:normal;
font-size:16px;
}
#subMenuDropzone ul ul ul{
display:none;/*hide all third levels*/
}
#subMenuDropzone li a.childIcon{
background-image:url(../../../../../img/website/icon_plus.png);
background-repeat:no-repeat;
background-position:left center;
}
#subMenuDropzone li a.childIcon.open{
background-image:url(../../../../../img/website/icon_min.png);
}
#subMenuDropzone ul ul ul li a{
color:#b2b2b2;
font-size:14px;
}

.breadcrumsBlock{
margin-bottom:40px;
overflow:hidden;
}
.breadcrumsBlock a{
padding-right:12px;
margin-right:5px;
background-image:url(../../../../../img/website/arrow_right.gif);
background-repeat:no-repeat;
background-position:right center;
text-decoration:none;
}
.breadcrumsBlock a.last{
padding-right:0;
margin-right:0;
background-image:none;
color:#99cc00;
font-weight:bold;
}


#middle .block{
margin-bottom:57px;
}
#middle .block .title{
background-color:#505050;
margin-bottom:2px;
height:37px;
overflow:hidden;
}
#middle .block .ocean .title, #middle #loc45 .block .ocean .title{
background-color:#3b5998;
}
#middle .block.fire .ocean .title {
background-image:url(../../../../../img/website/fire.png);
background-repeat:no-repeat;
background-position:15px; center;
background-size:20px 27px;
padding-left:32px;
}
#middle .block .title h1{
margin:0;
float:left;
line-height:37px;
font-size:20px;
color:#FFF;
text-transform:uppercase;
padding-left:10px;
position:relative;
top:1px;
}
#middle .block .title h2{
margin:0;
float:left;
text-transform:uppercase;
font-weight:normal;
color:#FFF;
margin-top:7px;
border-left:1px solid #FFF;
margin-left:10px;
padding-left:10px;
}

#middle .block .blockContent{
border:1px solid #e8e6e6;
background-color:#f4f4f4;
padding:20px;
}
#middle .block.pad8 .blockContent{
padding:8px;
}
#middle .block.noBgColor .blockContent{
background-color:transparent;
}
#middle .block .nopadding .blockContent{
padding:0;
border:1px solid transparent;
}
#middle .block .nopadding .blockContent p{
padding-bottom:0;
}
#middle .block p{
}
#middle .block img{
vertical-align: top;/*removing white space undereneath*/
}
#middle .block .ftrText{
position:absolute;
margin-top:0px;
}
#middle .block .ftrText, #middle .block .ftrText a{
color:#666;
font-size:17px;
font-weight:bold;
line-height:30px;
}
#middle .block .ftrText a{
text-decoration:none;
background: url(../../../../../img/website/arrRight.png);
background-repeat: no-repeat;
background-size:15px;
background-position:left center;
padding-left:22px;
}
#loc40 .block .nopadding img{
max-width:351px;
}

#loc40 .block .nopadding img{
max-width:351px;
}





/*begin normal memo*/
.memo .body{
padding:20px;
background-color:#f4f4f4;
border-radius:5px;
margin-bottom:40px;
}
/*end normal memo*/


/*menu's begin*/
#middle .menu ul{
	
}
#middle .menu ul li{


}
#middle .menu ul li:hover{

}
#middle .menu ul li a{
display:block;
line-height:40px;
background-color: #f4f4f4;
text-decoration:none;
font-weight:bold;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom:3px;
padding-left:20px;
}
#middle .menu ul a:hover{
color:#FFF;
background-color:#505050;
}
#middle .menu ul li.active a{
background-color:#99cc00;
color:#FFF;
}
#middle .menu ul li.active li a{/*reset*/
background-color: #f4f4f4;
color: #505050;
}
#middle .menu ul ul li a{
padding-left:40px;
}
#middle .menu ul ul ul li a{
padding-left:60px;
}
/*menu's end*/


#console{
position:absolute;
background-color:green;
color:#FFF;
z-index:1000;
}
/*end layout*/



.mailButton{
margin-top:-24px;
margin-left:217px;
}
.mailButton img{
width:132px;
height:16px;
}


.only4mob, .not4desktop{
display:none;	
}




@media all and (orientation:landscape) {
	/*
	.mobile .only4portait{
	display:none;	
	}
	*/
		
	.only4portait{
	display:none;	
	}
}




@media all and (orientation:portrait) {

	.only4landscape{
	display:none;	
	}
}