@import url("css/menu.css");

/* CSS Document */

/*#Body 
{  }*/

/* ControlPanel style */
.ControlPanel{background:transparent url(images/cpanel_center.png) repeat-x bottom left; border:none;padding-bottom:10px;}
.cpanel_left {background: url(images/cpanel_left.png) no-repeat bottom left;padding-left:21px;}
.cpanel_right {background: url(images/cpanel_right.png) no-repeat bottom right;padding-right:33px;}

/*-------- Default Style --------*/
body,th,td,table,h1,h2,h3,h4,h5,h6,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover, input, .CommandButton{color:#333333; font-family: Arial, Helvetica, sans-serif;font-size:13px;}

body,th,td,table,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, {font-size:13px;}
html,body,form{height:100%;}
/******************** Background *********************************/



#fullBackground
{   
    background:url(images/bg.jpg) no-repeat center center fixed; 
}   

.fullBackground {


//filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
//-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";

	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
	width:100%;
    min-height:100%;
}
    
/******************** MainPane's *********************************/
#MainPane_homepage,#MainPane_Home{

	min-height:100%;
  
    background-image:url(images/bgHeaderHome.jpg);
    background-repeat: no-repeat;
      
}
#MainPane_Regelgeving
{
	width: 100%;
	min-height:100%;
    
    background-image:url(images/bgHeaderRegelgeving.jpg);
    background-repeat: no-repeat;   
}
#MainPane_OrganisatorischeStructuur
{
	width: 100%;
	min-height:100%;
    
    background-image:url(images/bgHeaderOrganisatorischeStructuur.jpg);
    background-repeat: no-repeat;   
}
#MainPane_DRBS
{
	width: 100%;
	min-height:100%;
    
    background-image:url(images/bgHeaderZorgsystemen.jpg);
    background-repeat: no-repeat;   
}

#MainPane_Welzijnsvelden 
{
	width: 100%;
	min-height:100%;
    
    background-image:url(images/bgHeaderWelzijnsvelden.jpg);
    background-repeat: no-repeat;   
}
#MainPane_Vorming
{
	width: 100%;
	min-height:100%;
    
    background-image:url(images/bgHeaderVormingEnOpleiding.jpg);
    background-repeat: no-repeat;   
}
#MainPane_Links
{
	min-height:100%;
	width:100%;
   
    background-image:url(images/bgHeaderLinks.jpg);
    background-repeat: no-repeat;   
}

#MainPane_Leden
{
	width: 100%;
	min-height:100%;
    
    background-image:url(images/bgHeaderLeden.jpg);
    background-repeat: no-repeat;   
}

#MainPane_Allerlei
{
	width: 100%;
	min-height:100%;
    
    background-image:url(images/bgHeaderAllerlei.jpg);
    background-repeat: no-repeat;   
}

#MainPane_Zoekresultaten
{
	width: 100%;
	min-height:100%;
    
    background-image:url(images/bgHeaderLinks.jpg);
    background-repeat: no-repeat;   
}


/********************************************************************/

h1, h2, h3, h4, h5, h6, h2 input{color:#333333;font-weight:bold;margin:1ex 0;}
h1{font-size:21px;margin:10px 0;}
h2, h2 input{font-size:15px;}
h3{font-size:13px;}
h4{font-size:12px;}
h5{font-size:11px;}
h6{font-size:10px;}

.Head, .SubHead, .SubSubHead, .Normal, .NormalDisabled, .NormalDisabled, .NormalBold, .NormalRed, .NormalTextBox
{font-family:Arial, Helvetica, sans-serif;}
.Head{color:#333333;font-weight:bold;}
.SubHead {color:#333333;}
.SubSubHead{color:#333333;}
.NormalRed {color:#F00;}

/*Datagrids */
.DataGrid_Container {margin-top:15px;}
.DataGrid_Header{font-weight:bold;}
.DataGrid_Header td, .NormalBold td{font-weight:bold;}

/*-------- design style --------*/
#s_wrap_main{display:table; margin:0 auto;min-height:100%;}
#s_wrap_sub{display:table-row}
.template_style{display:table-cell}

.top_space{height:34px;}
.lang_pad{padding:7px 0 0 25px;float:left;}

.logo_top_left{padding:0; margin:0; background:url(images/logo_top_left.png) no-repeat top left; height:23px;}
.logo_top_right{padding:0; margin:0; background:url(images/logo_top_right.png) no-repeat top right;}
.logo_top_bg{padding:0; margin:0 39px 0 27px; background:#FFF url(images/logo_top_bg.png) repeat-x top;height:23px;}
.logo_left{padding:0; background:url(images/logo_left.png) repeat-y top left;}
.logo_right{padding:0; background:url(images/logo_right.png) repeat-y top right;}
.logo_pad{background:#FFF; margin: 0 19px 0 7px; padding:0 0 10px 10px;height:100%;}

.s_logo{float:left;}
.s_banner{background:#aaa;width:50%;float:right;}

.menu_bg{padding:0 0 0 6px;  margin: 0 21px 0 9px; background:url(images/menu_bg.png) top left;}
.menu_left{padding:0; margin:0; background:url(images/menu_left.png) repeat-y  top left;}
.menu_right{margin:0; background:url(images/menu_right.png) repeat-y top right; }

.search_style{float:right; height:40px;}
.search_bg{clear: both; float: right; padding:8px 20px 5px 0;}

.bread_bg{padding:0; margin: 0 19px 0 7px; background:url(images/bread_bg.png) repeat-x top left; height:34px;}
.bread_left{padding:0; margin:0; background:url(images/bread_left.png) no-repeat top left; height:34px;}
.bread_right{padding:0;  background:url(images/bread_right.png) no-repeat top right; height:34px;}

#login_style{ float:right; line-height:30px; padding-right:10px;}
#bread_style{ float:left; line-height:34px; padding-left:18px;color:#000000;}

.center_bg{ padding:0; margin:0;clear:both;}

.content_pad{padding:0; margin: 0; }
.lm_content_pad{padding:0px 22px 0 0px; margin: 0 19px 0 7px; }
.content_width{padding-top:15px; min-height:550px;  }
.lm_content_width{padding-top:0px; min-height:550px;}


#terms_style{float:left;}
#copy_style{float:right;}

.clear_float{clear:both; line-height:0; font-size:0; height:0;}

/* ------- FileManager -------*/
div.FileManager{height:auto;border:none;}
table.FileManager{width:99%}


a.CommandButton:link, a.CommandButton:visited{color:#CB2027; font-weight:bold; text-decoration:none;}
a.CommandButton:hover{color:#3E81B5; text-decoration:underline;}

/*-------ControlPanel changes ---------------*/
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited{color:#3E81B5;}
.ControlPanel a.CommandButton:hover{color:#CB2027; text-decoration:underline;}
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:hover, .ControlPanel a.CommandButton:visited, .ControlPanel .SubHead{
font-size:11px;}
.ControlPanel a[disabled="disabled"]{color:#888 !important;text-decoration:none !important;}

/*--------- pane style ----------*/

.ContentPane{ width:450px;/*height:700px;*/padding:25px 50px 200px 50px;text-align:justify;}
.TopPane{width:100%; }
.BottomPane{width:100%; }
.LeftPane{width:0; }
.RightPane{width:150px;height:150px;padding-top:40px; padding-right: 20px;}



a,a:link,a:visited,a:active{color:#020101; text-decoration:underline; }
a:link, a:visited, a:hover{font-size:15px;}
a:hover{color:#777264; text-decoration:underline;}

/*-------------- Link Style --------------*/
.linkscontainer{padding-top:20px;text-align:center;}
.links,a.links:link,a.links:active,a.links:visited{ font-weight:bold; color:#3E81B5; text-transform:uppercase;}
a.links:hover{color:#C00;}


a.pdf {background-repeat:no-repeat;}
li {background-repeat:no-repeat;}

/*-------------- User Style --------------*/
.user,a.user:link,a.user:active,a.user:visited { color:#3E81B5;font-size:11px; text-decoration:none;}
a.user:hover{color:#fff; text-decoration:none;}


/*-------------- Footer Style --------------*/
.footer,a.footer:link,a.footer:active,a.footer:visited { color:#3E81B5;}
a.footer:hover{color:#C00;}

/*-------------- Empty panes Style --------------*/
.DNNEmptyPane{width:0;padding:0;margin:0;}

/*-------------- Search SkinObject Styles --------------*/
div.SearchContainer{position:relative; white-space: nowrap;}
div.SearchBorder{width: 180px; height: 20px; border: solid 1px #e0e0e0; float:left; background-color: White; white-space: nowrap; margin-top: 2px;}
div.SearchContainer a{padding: 0; display: block; float:left; }
div.SearchContainer a img{padding-left:5px;}
div.SearchIcon{float: left; width: 31px; height: 20px; cursor: pointer; z-index: 11; background: no-repeat 2px 2px; text-align:right;}
div.SearchIcon img{margin-top: 3px;}

input.SearchTextBox{float: left; z-index: 10; border: 0; width:130px; height:18px; margin-left:3px; color: #43494D;}

#SearchChoices{clear: both; display: none; border: solid 1px #C3D4DF; z-index: 2000; cursor: pointer; margin: 0; padding: 0; text-align:left; background-color: #F3F7FA; position:absolute; top: 22px; left: 0;}
#SearchChoices li{cursor: pointer; margin: 0; padding: 2px 2px 0 2px; padding-left: 25px; height: 18px; text-align:left; background-color: #F3F7FA; background-repeat: no-repeat; background-position: 2px center; list-style: none; list-style-image: none; border: none; display:block;}
#SearchChoices li.searchHilite{background-color: #CE0D0D;	color:#ffffff; border: none;}
#SearchChoices li.searchDefault{background-color: #F8FAFF; border: none;}


/* Minimal Entropy Example Styles */
.linkscontainer_left{padding:0; background:url(images/left_bg.png) repeat-y bottom left;}
.linkscontainer_right{padding:0; background:url(images/right_bg.png) repeat-y bottom right;}
.linkscontainer_pad{background:url(images/center_bg.png) repeat-x bottom left; margin: 0 19px 0 7px; padding:0 0 10px 10px;height:100%;}

.tag_bg{padding:0; margin: 0 19px 0 7px; background:url(images/bread_bg.png) repeat top left; min-height:68px;}
.tag_left{padding:0; margin:0; background:url(images/bread_left.png) repeat-y top left; min-height:68px;}
.tag_right{padding:0;  background:url(images/bread_right.png) repeat-y top right; min-height:68px;}

#tag_style{display:table; margin:0 auto; padding:0; white-space:nowrap;}
#tag_style ul.categories, #tag_style ul.tags{min-height:34px;max-height:34px;height:34px;}


.content_bg{margin: 0px 0px 0px 0px; width: 100%; height: 100%; }
.content_bg_footer{width: 1002px; min-height: 800px; background: url(images/bgFooter.jpg) no-repeat center bottom;}

#header{}
#logo{background: url(images/petsAndGo.png) no-repeat center top; height: 148px; width: 477px; position:absolute; top: -10px; left: 130px;}
#customMenu{background: url(images/menuDivider.png) no-repeat center top; height: 69px;width: 308px; position:absolute; top: 24px; left: 625px;text-align:center;}
#selectCountry{color: white; text-align: center; font-weight:bold;width:120px;}
#arrowDown {background: url(images/arrowDown.png) no-repeat center center; height: 15px; width: 120px; padding: 10px 0px;}
#rightimage{background: url(images/doNotDisturb01.png) no-repeat top left;height:500px;width:400px;margin-top:25px;position:absolute;}

#customMenuLeft{position:absolute;width:130px;text-align:right;height:69px;line-height:65%;font-weight:bold;margin-left:10px;margin-top:4px;}
#customMenuRight{position:absolute; margin-left:160px;width:143px;text-align:left;height:69px;line-height:65%;font-weight:bold;margin-top:4px;}

/* Language selector skinning */
div.ModMLLanguageSelectorC {text-align:right; }
div.ModMLLanguageSelectorC div span span a {text-align:right;  font-size:12px;}

#extender
{
   /* background:url(images/bgExtender.jpg) repeat-y center top;*/
     background-color:White;
     border:solid 1px #999999;
    height:100%;
    margin-top:50px;
    width:1000px;
    
/****************** shadow***********************/

 /*inset? && [ <offset-x> <offset-y> <blur-radius>? <spread-radius>? <color>? ]*/   
-moz-box-shadow: 0px 0px 3px #666666;
-webkit-box-shadow: 0px 0px 3px #666666;
box-shadow: 0px 0px 3px #666666;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=225, Color='#666666')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=225, Color='#666666');
          }


/* Lightbox skinning */
li a img {
	border: solid 1px #3a3226;
	margin: 2px 0px 2px 0px;
}

.divAutoLoadedImages {
    position: relative;
    width: 200px;
    height:400px;
    left: 10px;
    top:30px;
    padding:0;
}

.divImages
{
    position:absolute;
    top: 0px;
    left: 0px;
    padding:0;
}

.prev {
    position:absolute;
    left: 75px;
    top: -25px; 
    cursor: pointer;
}
.next
{
   position: absolute;
   top: 410px;
   left: 75px;
   cursor: pointer;
   
  
}

.Normal {

	text-align:justify;

}


/********* Fix voor zoom probleem ***********/

.m {
	white-space:nowrap;
	margin: 8px;
}

span.mainMenu {
 display: block;
 position: relative;
}
span.mainMenu span {
 display: block;
}
span.mainMenu span.mi {  
 position: absolute;
}
span.mainMenu span.mi0 {
 left: 8px;
}
span.mainMenu span.mi1 {
 left: 74px;
}
span.mainMenu span.mi2 {
 left: 175px;
}

span.mainMenu span.mi3 
{
 left: 325px;
}

span.mainMenu span.mi4 
{
 left: 438px;
}
span.mainMenu span.mi5 
{
 left: 557px;
}
span.mainMenu span.mi6
{
 left: 705px;
}span.mainMenu span.mi7 
{
 left: 761px;
}span.mainMenu span.mi8 
{
 left: 825px;
}

/******* admin en host niet tonen in het menu *******/
span.mainMenu span.mi9 {
 display: none;
}

span.mainMenu span.mi10 {
 display: none;
}


/*------------ Breadcrumb Style --------------*/
.Breadcrumb,a.Breadcrumb:link,a.Breadcrumb:active,a.Breadcrumb:visited, a.Breadcrumb:hover{
	font-size: 11px;
}


div.breadcrumb{
	position: absolute;
	top: 30px;
	left: 8px;
	font-weight: normal;
}

div.breadcrumb, div.breadcrumb a:link, div.breadcrumba:visited, div.breadcrumb a:hover{

	font-size: 11px;
	color: black;
	
	
}

.ModDNNWhatsNewC {
	text-align: left;
}

#DesignedByEgenics
{
	width: 120px;
	margin-left: auto;
	margin-right: auto;
}
#DesignedByEgenics a:link, #DesignedByEgenics a:active, #DesignedByEgenics a:visited
{
	color: #AAAAAA; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}



/****************** shadow***********************/

 /*inset? && [ <offset-x> <offset-y> <blur-radius>? <spread-radius>? <color>? ]*/   
/*-moz-box-shadow: -3px 3px 5px #666666;
-webkit-box-shadow: -3px 3px 5px #666666;
box-shadow: -3px 3px 5px #666666;
/* For IE 8 */
/*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=225, Color='#666666')";
/* For IE 5.5 - 7 */
/*filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=225, Color='#666666');*/