﻿
@charset "UTF-8";



@font-face {
  font-family: 'FontAwesome';
  src: url('fontawesome-webfont.eot?v=4.0.3');
  src: url('fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('fontawesome-webfont.woff?v=4.0.3') format('woff'), url('fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style:  normal;
}
.fa:before {
  
  font-family: "FontAwesome" !important;
    -webkit-font-smoothing: antialiased;
    -o-transform: scale(1);
    text-rendering: optimizeLegibility;
}

.fa-w100:before {
    color: #666666;
}


@font-face {
  font-family: "streamline-24px";
  src:url("streamline-24px.eot");
  src:url("streamline-24px.eot?#iefix") format("embedded-opentype"),
    url("streamline-24px.woff") format("woff"),
    url("streamline-24px.ttf") format("truetype"),
    url("streamline-24px.svg#streamline-24px") format("svg");
  font-weight: normal;
  font-style: normal;
}
.icon:before {
    font-family: "streamline-24px" !important;
    -webkit-font-smoothing: antialiased;
    -o-transform: scale(1);
    text-rendering: optimizeLegibility;
}
.icon:after {
    font-family: "streamline-24px" !important;
    -webkit-font-smoothing: antialiased;
    -o-transform: scale(1);
    text-rendering: optimizeLegibility;
}
.icon-10:after {font-size: 10px; margin-left: 3px; vertical-align:central}
.icon-48:after {font-size: 48px; margin-left: 3px; vertical-align:central}
.icon-12:before {font-size: 12px; margin-right: 3px;}
.icon-14:before {font-size: 14px; margin-right: 0px;}
.icon-16:before {font-size: 16px; margin-right: 0px;}
.icon-20:before {font-size: 20px; margin-right: 0px;}
.icon-24:before {font-size: 20px; margin-right: 0px;}
.icon-26:before {font-size: 26px; margin-right: 0px;}

.icon-36:before {font-size: 36px; margin-right: 9px;}
.icon-48:before {font-size: 48px; margin-right: 12px;}

.icon-orange:before {
    color: #FF9900;
}
.icon-red:before {
    color:  red;
}
.icon-green:before {
    color:  #00FF00; 
}
.icon-blue:before {
    color: #0033CC;
}
.icon-bold:before {
    font-weight: bold;
    
}
.icon-gray:before {
    color: #a3a6a9;
}


.icon_help:before {content: "\e339";}
.icon_DiSelect:before {content: "\e301";}
.icon_Seo:before {content: "\e006";}
.icon_navigation:before {content: "\e484";}
.icon_text:before {content: "\e4f1";}
.icon_pencil:before {content: "\e024";}
.icon_frames:before {content: "\e1dc";}
.icon_loadpage:before {content: "\e3f7";}
.icon_loadpage1:before {content: "\e22c";}
.icon_newpage:before {content: "\e2ab";}
.icon_newframe:before {content: "\e2ab";}
.icon_newsubpage:before {content: "\e255";}
.icon_homepage:before {content: "\e262";}
.icon_slideshow:before {content: "\e1c7";}
.icon_slideshowB:before {content: "\e344";}
.icon_pin:before {content: "\e3a5";}
.icon_pagemanagement:before {content: "\e486";}
.icon_garbage:before {content: "\e001";}
.icon_changecontent:before {content: "\e00e";}
.icon_changecontent1:before {content: "\e024";}
.icon_preview:before {content: "\e01f";}
.icon_logoff:before {content: "\e2c2";}
.icon_settings:before {content: "\e313";}
.icon_save:before {content: "\e416";}
.icon_paste:before {content: "\e24b";}
.icon_arrowright:before {content: "\e519";}
.icon_explain:before {content: "\e112";}
.icon_tip:before {content: "\e4ac";}
.icon_login:before {content: "\e14f";}
.icon_undo:before {content: "\e143";}
.icon_size:before {content: "\e079";}
.icon_ruler:before {content: "\e06b";}
.icon_copy:before {content: "\e278";}
.icon_width:before {content: "\e2d7";}
.icon_height:before {content: "\e2d9";}
.icon_left:before {content: "\e2b3";}
.icon_top:before {content: "\e2bc";}
.icon_empty:before {content: "\e562";}
.icon_plus:before {content: "\e2ad";}
.icon_insertFrame:before {content: "\e071";}
.icon_browser:before {content: "\e278";}
.icon_cut:before {content: "\e02d";}
.icon_loadformat:before {content: "\e077";}
.icon_copyformat:before {content: "\e058";}
.icon_checkbox:before {content: "\e300";}
.icon_SelectFrame:before {content: "\e0c8";}
.icon_Personal:before {content: "\e173";}
.icon_EditPersonal:before {content: "\e17d";}
.icon_Help:before {content: "\e339";}
.icon_Embed:before {content: "\e4e5";}
.icon_Form:before {content: "\e4f3";}
.icon_Back:before {content: "\e637";}
.icon_Manual:before {content: "\e44c";}
.icon_SocialMedia:before {content: "\e110";}
.icon_Relatif:before {content: "\e2b6";}
.icon_RelatifRight:before {content: "\e2b8";}
.icon_Picture:before {content: "\e1c3";}
.icon_Play:before {content: "\e1d7";}
.icon_Stop:before {content: "\e1d6";}
.icon_Next:before {content: "\e1d5";}
.icon_Before:before {content: "\e1d9";}
.icon_Big:before {content: "\e2bf";}
.icon_Search:before {content: "\e002";}
.icon_Path:before {content: "\e3bf";}
.icon_Moremenu:before {content: "\e474";}
.icon_Pageprop:before {content: "\e26d";}
.icon_Page:before {content: "\e253";}
.icon_Dropdown:after {content: "\e622";}
.icon_PagesRoot:before {content: "\e278";}
.icon_Euro:after {content: "\e361";}
.icon_Cloud:before {content: "\e214";}
.icon_Pages:before {content: "\e485";}
.icon_Storage:before {content: "\e3fa";}
.icon_Gallerij:before {content: "\e1c6";}
.icon_RouteKaart:before {content: "\e3a1";}
.icon_Backup:before {content: "\e2e2";}
.icon_Kopen:before {content: "\e1a9";}
.icon_Blokjes:before {content: "\e47f";}
.icon_indeRoos:before {content: "\e4b7";}
.icon_closeKruis:before {content: "\e307";}
.icon_bekijkFilm:before {content: "\e645";}
.icon_logout:before {content: "\e2cb";}
.icon_Go:after {content: "\e632";}
.icon_Dropdown2:before {content: "\e5ec";}
.icon_DragDrop:before {content: "\e228";}
.icon_ChangePageName:before {content: "\e25d";}
.icon_ChangeButName:before {content: "\e25f";}
.icon_Hide:before {content: "\e00f";}
.fa-facebook:before {
  content: "\f09a";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-twitter:before {
  content: "\f099";
}

.title {
font-size:16px;
margin-top:10px;
}
.titlebar {
color:#E8E8E8;
background-color: #E8E8E8 ;
height:0.15em;
border:none;
padding:0;
margin-bottom:10px;
}
.subtitlebar {
color:#E8E8E8;
background-color: #E8E8E8 ;
height:0.10em;
border:none;
}
.subtitle {
font-size:14px;
font-weight:bold;

}
.paramdiv {
    cursor: pointer;
margin-left:1em;
margin-bottom:0.7em;
}
.paramdiv1 {
    
margin-left:1em;
margin-bottom:0.7em;
}

.paramdivCopy {
cursor: pointer;

margin-right:0.7em;

}
.paramlabel1,.paramlabel2,.paramlabel3,.paramlabel4  {
display:inline-block;
float:left;
text-align:left;
margin-right:5px
}
.paramlabel1 {
width:50px;
}
.paramlabel2 {
width:60px;
}


.PlusMin {
float:left;
width:100%;
}

.PlusMinCanvas {
width:100%;
}
.paramlabel3 {
width:150px;
display:inline-block;
float:left;
margin-right:10px
}
.paramlabel4 {
width:300px;
display:inline-block;
float:left;
margin-right:10px
}


.NavigationBut {
 font-weight: normal  !important;
   font-size:14px !important;
   font-family:Verdana,Arial,sans-serif !important;   
   color:#005fbf !important; 
text-decoration:none;
margin-bottom:0.7em;
display:inline-block;
outline: none;
-moz-outline-style: none;
border:none;
cursor: pointer;
}

.NavigationButSmall {
 font-weight: normal  !important;
   font-size:12px !important;
   font-family:Verdana,Arial,sans-serif !important;   
   color:#005fbf !important; 
text-decoration:none;
margin-bottom:0.7em;
display:inline-block;
outline: none;
-moz-outline-style: none;
border:none;
cursor: pointer;
}

.Sub_NavigationBut {
margin-left:1em
}

.NavigationBut:hover {
 text-decoration: underline; 
}

.NavigationButActiv{
color: black !important; 
}

.NavigationButSmall:hover {
 text-decoration: underline; 
}

.NavigationButSmallNoMenu {
 font-weight: normal  !important;
   font-size:12px !important;
   font-family:Verdana,Arial,sans-serif !important;   
   color:#005fbf !important; 
text-decoration:none;
margin-top:10px;
display:inline-block;
outline: none;
-moz-outline-style: none;
border:none;
cursor: pointer;
}


/* General dropdown styles */   
.dropdown {  z-index:9999999 ; float:left}    
.dropdown dd, .dropdown, .dropdown dt, .dropdown ul { margin:0px; padding:0px; z-index:9999999 }
.dropdown dd { position:relative  }
/* DT styles for sliding doors */
.dropdown dt a {background:#ffffff ;
    display:block; padding:2px; border:1px solid black; width:auto; min-width:75px;text-decoration: none; color:#000000 }
.dropdown dt a span {cursor:pointer; display:block; padding:0px; color:#000000}
/* UL styles */
.dropdown dd ul { background:#ffffff none repeat scroll 0 0; display:none;
    list-style:none; padding:2px; position:absolute; border:1px solid black;
    left:0px; top:0px; width:auto; min-width:75px; height:160px; overflow:auto }
.dropdown span.value { display:none;}
.dropdown dd ul li a { padding:2px; display:block;text-decoration: none; color:#000000}
.dropdown .selectedItem { 
	background-color: #8dd8f7;
}


.colorPicker
{
    display:block !important;
    float: left !important;
    height:16px !important;
    width: 16px !important;
    cursor: pointer !important;
    border:1px solid #000000 !important ;
}

.clearFloat {
 clear:both !important; 
  margin-bottom:0.4em !important;
  height:1px !important;
}
.clearFloatZero {
 clear:both !important; 
 margin-bottom:0.1em !important;
  height:1px !important;
}
.clearFloat1 {
 clear:both; 
  margin-bottom:0.8em;
  height:1px
}
.check_button_left{ 
   border-left:#000000 1px dotted;                  
   top: -1px; 
   bottom: -1px;
   left: -3px;     
   width: 0px;
   height: 104%;
   position : absolute; 
   background-color:  #808080;   
}
.check_button_top{ 
    border-top:#000000 1px dotted;     
   top: -1px; 
    
   left: -1px;     
   width: 100%;
   height: 0px;
   position : absolute; 
   background-color:  #808080;      
}
.check_button_right{ 
    border-right:#000000 1px dotted;    
   top: -1px; 
   bottom: -1px;
   right: -1px;     
   width:0px;
   height: 104%;
   position : absolute;
   background-color:  #808080;       
}
.check_button_bottom{ 
    border-bottom:#000000 1px dotted;    
   bottom: -1px; 
   right: -1px; 
   left:-1px;    
   width: 100%;
   height: 0px;
  position : absolute; 
  background-color:  #808080;      
}


.select_image 
{ border:#CCCCCC 1px solid; 
  padding: 1px; 
  cursor: pointer;
  margin:2px; 
   
  vertical-align: central; 
  text-align:center ;
  float:left
}

.button_image 
{
float: left; 

}
.InputInteger1 {
   background: none;
  maxlength:"5";
   size:"4";
   max-width:3em;
   width:3em;  
}
.InputInteger2 
{  background: none;
   
    maxlength:"7";
   size:"5";
   max-width:4em ;
   width:4em !important;  
}
.InputInteger3 
{  background: none;
    maxlength:"2";
   size:"2";
   max-width:2em;
   width:2em;   
}
.InputInteger4 
{  background: none;
   
    maxlength:"9";
   size:"7";
   max-width:6em ;
   width:6em !important;  
}

.bgOneven {
background-color: rgb(255,255,224); 
}

.ListParam {
    float:left;
    margin-right:0px;
    padding-left:2px;
    padding-right:1px;
    padding-top:1px;
}

.ListParamCopy {
    float:left;
    margin-right:2px;
    padding-left:0px;
    padding-right:2px;
    padding-top:1px;
}

.MenuLinkActiv {
    
    color :  black;
}
.LinkCanvas {
position:absolute;
padding:3px;
top:3px;
right:3px; 
background-color:rgb(255,255,255); 
border:solid; 
border-width:1px; 
z-index:10000000000; 

}

.messageErrorText {
    border: #a90000 2px solid;  font-style:italic ; color:Red; width:350px; background-color: white; z-index:9000000;  padding:3px; font-family: Arial; font-size:12px; 
}


.EOWsortable {
    width:470px;
    height:100%;
    overflow:hidden
}
.EOWsortable ul { 
    list-style-type: none;
    margin: 0; 
    padding: 0; 
    width: 450px;
}
.EOWsortable ul li{ 
   margin: 4px 4px 4px 0;
   padding: 1px; 
   float: left; 
   width: 100px; 
   height: 90px; 
   font-size: 4em; 
   text-align: center;
   border:solid 1px gray
}

.EOWDialogNormal {
    font-size: 14px;
    font-family:Verdana,Arial,sans-serif; 
    padding:8px !important; 
}
.EOWVAKTitel {
    font-size: 16px;
    font-family:Verdana,Arial,sans-serif; 
    cursor: pointer;
    background-color: white  
}
.EOWVAKTitel:hover
{
  background-color: whitesmoke
    /*   text-decoration:underline;  */     
}
.EOW_PAGEPROP{
    font-size: 16px;
    font-family:Verdana,Arial,sans-serif; 
    cursor: pointer; 
    background-color: white  
}
.EOW_PAGEPROP:hover
{
  background-color: whitesmoke
    /*   text-decoration:underline;  */     
}
.EOWDialogSmall {
    font-size: 12px;
    font-family:Verdana,Arial,sans-serif; 
   
}
.EOWDialogSmall10 {
    font-size: 10px;
    font-family:Verdana,Arial,sans-serif; 
   
}

.EOWQtipNormal {
    font-size: 14px;
    font-family:Verdana,Arial,sans-serif; 
     
     color:#4c4c4c; 
     
 
}
.EOWQtipMin {
    font-size: 10px;
    font-family:Verdana,Arial,sans-serif;  
}
.EOWQtipRed {
    color: #0000FF !important;
}

.EOWQtipExtra1 .qtip-content{
    padding-top:0 !important;
}

.EOWExplain14 {
    
   font-size:14px;
   font-family:Verdana,Arial,sans-serif;
   line-height: 14px !important;
   background-color:black;
   color:white;
   padding:6px
   
}
.higherzindex{
    z-index: 100000000000 !important;
}

.EOWQtip {
   border:solid 1px white;
    
   font-size:14px;
   font-family:Verdana,Arial,sans-serif;
   padding: 4px ;
   color:#4c4c4c;
}
.EOWQNav {
   
   font-size:14px;
   font-family:Verdana,Arial,sans-serif;
   color:#4c4c4c;
}

.EOWQtipMin {
   border:solid 1px white;
    
   font-size:12px;
   font-family:Verdana,Arial,sans-serif;
   padding:4px ;
   color:#4c4c4c;
}

.EOWEditMin {
    font-size:12px;
    padding:4px;
   border:solid 0px white;
   opacity: 0.7;
     filter: alpha(opacity=70); /* For IE8 and earlier */
   background-color:#FFFFFF
}
.EOWEditMin:hover {
   opacity: 0.99;
     filter: alpha(opacity=100); /* For IE8 and earlier */
}

.showpointer {
cursor:pointer;
}
.EOWQtipSelectd{
    border:solid 1px gray !important;
   /* background-color:#00ff00;*/
}
.EOWQtip:hover {
    border:solid 1px gray;
    
   /* background-color:#00ff00;*/
}
.EOWQtipMin:hover {
    border:solid 1px gray;
}
.EOWQtipMove {
    
   cursor:pointer !important;   
}

.MenuBarInDialog
{
  
   top: 0px; 
   left: 0px;  
   background-color: white;  
   font-size:14px;
   font-family:Verdana,Arial,sans-serif;
    border-bottom:1px solid gray;
    color:#4c4c4c;    
    padding:0px;     
}


.EOW_Dialog
{
    font-size: 14px;
    font-family:Verdana,Arial,sans-serif;
     padding:10px !important; 
     color:#4c4c4c; 
}

.cke_dialog {
z-index:99999999999999999999 !important ;
    }


.ui-dialog-content {
    padding: 0 !important
}
.colorCheck_frameid {
      border-color: #ffffff;
      border-style: solid;
      border-width: 1px;
     
}
 
     .colorCheck_frameid {
      float:left;
      margin-left:2px
     }
     .apycom_frameid .colorCheck_frameid div:first-child {
     
      border-color: #000000;
      border-style: solid;
      border-width: 1px;
      margin:2px
     }
     .apycom_frameid .colorCheck_frameid  div {
      width:12px;
      height:12px;
    }

    .apycom_frameid img {
      border:#CCCCCC 1px solid; 
      padding: 1px;
    }

    .apycom_frameid input {
     vertical-align: middle;
      margin-left:0px;
      margin-top: 0px
    }

.uploadcare-dialog {
z-index:99999999999999999 !important;

}


 