@charset "utf-8";
/* CSS Document */

/************************************************************************************************/
/* COLIMBRA CAS */
/************************************************************************************************/
@import url("cas.css");
#division #noLeft{width:0px; padding:0; float:left;}
#division #right #rightside .contentNoLeft{width:920px;padding:10px 10px 10px 10px; float:left;} 
/*.FormStatus { display:none; }
.FormTitle { display:none; }
/* Classes for QGS Inspecteur control*/
.hz_inspecteur { }
.hz_inspecteur #div_lbLookUpValue { }
.hz_inspecteur #div_lbValue { display:none; }
.hz_inspecteur #div_tbSearch { float:left; }
.hz_inspecteur #div_btnSearch {	float:left; }
.hz_inspecteur #div_btnClear { display:none; float:left; }
.hz_inspecteur #div_grdSearchResults { }
.hz_inspecteur #div_ErrorMsg { clear:both; float:none; color:red; font-weight:bold; }
.hz_inspect_key { }
.div_grdSearchResults .ig_Control { border:none; }
img, div { behavior: url(http://www.hippozorg.nl/js/iepngfix.htc) }
/************************************************************************************************/
/*template block*/
/************************************************************************************************/
*{margin:0; padding:0; font-family:Arial,Sans-serif;}/* font-size:12px;} */
img{border:0px;}
.clear{clear:both; font-size:0px;}
body{background:white url(images/background.gif) repeat-x; padding-bottom:0px;background-color:#bcd4ed; text-align:left;}
ul{list-style:none; margin:10px 0 10px 15px; padding-left: 15px; list-style-position:outside !important;}
ul li { list-style: disc; list-style-position:outside !important; padding: 2px;}
ol{list-style:none; margin:10px 0 10px 15px; padding-left: 15px; list-style-position:outside !important;}
ol li {padding: 2px;}
.content a { text-decoration: underline !important; color: #2C4C85 !important; }
.content a:hover { text-decoration: none !important; color: #2C4C85 !important; }

h2 {font:arial;font-size:12px;font-weight:bold;color:#324e8a;}
h3 { font-size: 100%; font-weight: bold; margin:20px 0 0 0; color:#2C4C85 !important;}

/*table*/
#flash{background:url(images/flash.jpg);background-repeat:no-repeat;}
#bgSearch{background:url(/portals/1/hippoBgSearch.png);background-repeat:no-repeat;width:282;height:72px;}
#bgNederland2{background:url(images/bgNederland.gif);}
#bgEuro2{background:url(images/bgEuro.gif);}
#banner{width:282px; height:93px; position:relative;}
#banner a{display:block; width:262px; height:70px; position:absolute; top:11px; left:7px;text-decoration:none;}
#banner hover{text-decoration:none;}
.txtBanner{font-size:16px; font-weight:bold; color:#324e8a; padding:18px 0px 0px 20px;}
.red{font-size:16px; font-weight:bold; color:#db2e2e; font-style:italic;}
/*inputs*/
#bannerSearch{position:absolute; top:194px;}
#bannerSearch input.field{position:absolute; bottom:0px; left:20px; background:none; border:1px solid #f00; font-size:12px; color:#417fbe; padding:5px;}
#bannerSearch input.button{position:absolute; bottom:4px; left:212px;}
/* temp */
.banner1 {width:282px; height:93px; }
.banner2 {width:282px; height:93px; }

#dnn_ContentPane .SubHead {margin-right:10px; font-family: Arial !important;}
.searchTable td{ vertical-align:top;}
.SubHeadTitleSearch {font-size:14px;}

/************************************************************************************************/
/*container*/
/************************************************************************************************/
#container{width:978px; margin-left:auto; margin-right:auto;}
/*breadcrumbs*/
#page_top{width:978px; height:41px; background:url(images/page_top.png) no-repeat; border: 0px solid red; text-align:left;}
#page_top p.breadcrumbs{ font-size:16px; font-weight:bold; color:#6b97d7; padding:16px 0px 0px 10px; border:0px solid yellow; text-align:left; z-index:100;} /*  */
#page_top p.breadcrumbs a{  font-size:16px; font-weight:bold; color:#6b97d7;text-decoration: none; text-align:left;}
#page_top .bcleft {float: left; width:850px;}
#page_top .bcright {float:left; width:100px; text-align:right;padding-top: 14px;}
#page{width:978px; background:url(images/page_back.png) repeat-y;}
.page_bottom{width:978px; height:18px; background:url(images/page_bottom.png);}

/*topnav*/
.topnav{color:#5B76AB; font-size:11px;text-align:right;height:24px;}
.sep {background:url(images/sep.gif);background-repeat:no-repeat;width:14px;height:24px;float:right;}

/*selectLanguage*/
.topnav select { width:100px; margin-top:3px;  border-style :solid;border-color:#294173; border-width: 2px; color:#ffffff;background:#304B84;font-weight:bold;font-size:10px;}
/*.topnav select {border-style:solid;border-color:#294173;margin: 2px 7px 0px 0px;padding:0px;color:#ffffff;background:#304B84;font-weight:bold;font-size:10px;} */
.topnav option {color:#ffffff;background:#304B84;font-weight:bold;font-size:11px;}
.InputLanguage {}
/*menuLeft*/
a.menuLeft {display:block;width:249px;height:20px;}
a.menuLeft:link, a.menuLeft:visited {background-image:url(images/vmenu_std.gif);background-position: left bottom; background-repeat:repeat-x;padding:5px 0px 0px 5px;}
a.menuLeft:hover, a.menuLeft:active{background-image:url(images/vmenu_hover.gif);background-repeat:repeat-x;color:White;text-decoration:none;}
/*Module AnnouncementItems (banners) */
.announcementitemtitlelink {}
.announcementitemtitlelink A:link, .announcementitemtitlelink A:visited{display:block;width:229px;height:20px;background-image:url(images/vmenu_std.gif);background-repeat:repeat-x;padding:5px 0px 0px 5px;}
.announcementitemtitlelink A:hover{background-image:url(images/vmenu_hover.gif);background-repeat:repeat-x;color:White;text-decoration:none;}
.announcementitemtitlelink A:active{background-image:url(images/vmenu_hover.gif);background-repeat:repeat-x;color:White;text-decoration:none;}
.AnnouncementItemBody{color:#2C4C85;}
.content .AnnouncementItemBody, .content .AnnouncementItemBody p, .content div .AnnouncementItemBody { margin: 0 0 0 10px;}

/************************************************************************************************/
/*division*/
/************************************************************************************************/
#division{margin-left:15px;}
#division #left{width:265px; padding:12px 21px 0px 8px; float:left;}

#division #right #rightside{width:auto; padding:8px 0px 0px 0px; float:left; background:url(images/bgcontent.gif);background-repeat:no-repeat;}
#division #right #rightside .content{width:620px;padding:10px 10px 10px 10px; float:left; text-align: left;}
.right {margin-top:20px;margin-left:0px;}
/************************************************************************************************/
/*footer*/
/************************************************************************************************/
#footer{text-align:center;}
#footer p, #footer a{color:#7e99c0; font-size:11px;font-weight:bold;}


/* 
================================
For Portals/_default/Default.css
================================
*/   
/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
#bgSearch input.NormalTextBox, .xsTxtSearch
{
	/* position:absolute;
	bottom: 0px; */
	float:left;
	font-family: Arial, Helvetica;
	font-size: 14px !important;
	font-weight: bold;
	color: #88B2DC;
	background-color: Transparent !important;
	border: 0px solid #ff0000 !important;
	height: 25px;
	width: 170px !important;
	margin: 18px 0px 13px 20px;
	padding: 6px 5px 0px 5px;
}

.SkinObjectSearchButton, .xsCmdSearch
{
	/* position:absolute; */
	/* bottom:0px;  */
	float: left;
	margin: 13px 0px 0px 20px;
    padding: 0px !important;
	border: 0px solid #f00 !important;
	font-size: 0px !important;
    background: transparent url(/portals/1/searchbuttonHippo.png) no-repeat 0 0;
    width: 36px !important;
    height: 45px !important;
    background-color: Transparent !important;
    
}

.xsCmdSearch:active
{
    background: transparent url(/portals/1/searchbuttonHippoActive.png) no-repeat 0 0;
  }
  
/* Search Results */
a.title{ padding-left:10px;}
  
/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
/*#bgSearch input.NormalTextBox
{
	/* position:absolute;
	bottom: 0px; */
/*	float:left;
	font-family: Arial, Helvetica;
	font-size: 14px !important;
	font-weight: bold;
	color: #88B2DC;
	background-color: Transparent;
	border: 0px solid #ff0000;
	height: 25px;
	width: 170px;
	margin: 18px 0px 13px 20px;
	padding: 6px 5px 0px 5px;
}

.SkinObjectSearchButton
{
	/* position:absolute; */
	/* bottom:0px;  */
/*	float: left;
	margin: 12px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	border: 0px solid #f00;
}

A.SkinObjectSearchButton:link
{
	font-weight: bold;
	font-size: 10px !important;
	color: #88B2DC;
	font-family: Arial, Helvetica;
	text-decoration: none;
	background-image: url('Skins/TPL_Hippozorg/images/button_zoeken.gif');
	background-repeat: no-repeat;
}

A.SkinObjectSearchButton:visited
{
	text-decoration: none;
	color: #88B2DC;
}

A.SkinObjectSearchButton:hover
{
	text-decoration: none;
	color: white;
}

A.SkinObjectSearchButton:active
{
	text-decoration: none;
	color: #88B2DC;
}  */

.switcher {padding-top:5px;}

A.SkinObjectLogin:link
{
	color:#5B76AB; text-decoration:none; font-size:11px;text-transform: uppercase; font-weight:bold;
}

A.SkinObjectLogin:visited
{
	text-decoration: none;
	color:#5B76AB;
}

A.SkinObjectLogin:hover
{
	text-decoration: underline;
	color:#5B76AB;
}

A.SkinObjectLogin:active
{
	text-decoration: none;
	color:#5B76AB;
}

/* style for module titles */
.HeadLeft
{
	font-family: Arial, Helvetica;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
}

.Head
{
	font-family: Arial, Helvetica;
	font-size: 130% !important;
	font-weight: bold;
	color: #2C4C85;
	text-align:left;
	background: transparent;
}

#division #right #rightside .content .right .Normal
{
	padding: 15px 0px 0px 10px; 
	color: #2C4C85;
	
}


/* 
================================
Skin styles for DotNetNuke
================================
*/   

.pagemaster {
	width: 100%;
	height: 100%;	
	background-color: #fefefe;
}
.skinmaster {
	height: 100%;
	background-color: #f3f5fa;
	border-right: #7994cb 1px solid; 
	border-top: #7994cb 1px solid; 
	border-left: #7994cb 1px solid; 
	border-bottom: #7994cb 1px solid; 
	-moz-border-radius-bottomleft: 15px; 
	-moz-border-radius-bottomright: 15px; 
	-moz-border-radius-topleft: 3px; 
	-moz-border-radius-topright: 3px; 
}
.skinheader {
}
.skingradient {
	background-image: url(gradient_DkBlue.jpg); 
	height:30px;
}
.controlpanel {
	width: 100%;
	background-color: #fefefe;
}
.toppane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.leftpane {
	width: 175px;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.contentpane {
	width: 100%;
	background-color: none;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.rightpane {
	width: 175px;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.bottompane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}

.StandardButton {
  background: #7994cb none; 
  color: #ffffff;
  font-family: verdana, sans-serif; 
  font-size: 11px;
  font-weight: normal;
}

.SkinObjectSearchButton {

}

/* Tree Menu */
.TreeViewMenu {
	width: 175px;
	background-color: #dfe5f2;
	border-right: #7994cb 1px solid; 
	border-top: #7994cb 1px solid; 
	border-left: #7994cb 1px solid; 
	border-bottom: #7994cb 1px solid; 
	-moz-border-radius-bottomleft: 15px; 
	-moz-border-radius-bottomright: 15px; 
	-moz-border-radius-topleft: 3px; 
	-moz-border-radius-topright: 3px;
}
.TreeViewMenu_Header {
	background-image: url(gradient_LtBlue.jpg);
}

/* =====================================
    CSS STYLES FOR HouseMenu SkinObject
   =====================================
*/

/* Vertical Menu */
#HouseMenuNav
{
    /* menu wrapper div */
    margin-bottom: 10px;
}

#HouseMenuNav ul
{
    /* all submenu lists */
    padding: 0;
    border: 0;
    margin: 0;
    list-style: none;
}

#HouseMenuNav a
{
    /* all links within the menu wrapper */
	
}

#HouseMenuNav li
{
    /* all list items */ /* -- Border around each menu item -- */
    border-bottom: 0px solid #ED9F9F; /* added for opera browser to remove bullets on lists */
    list-style: none;
}

#HouseMenuNav li a:link, #HouseMenuNav li a:visited
{
    /* main colour of the menu */
    margin: 0;
    padding: 0;
    display: block;
    padding: 0px 5px 0px 0.5em;
    background-color: #335292;
    color: #334d86;
	height: 39px;
	font-weight: bold;
    text-decoration: none; /* added for opera */
    font-size: 14px;
	background:url(images/vmenu_std.gif);
	background-repeat:repeat-x;
}

#HouseMenuNav li a:hover
{
    background-color: #335292;
    color: #FFF;
	background:url(images/vmenu_hover.gif);
	background-repeat:repeat-x;
}

#HouseMenuNavCurrentItem22
{
    /* main colour of the menu */
    margin: 0;
    padding: 0;
    display: block;
	background:url(images/vmenu_hover.gif);
	background-repeat:repeat-x;
    background-color: #ff0000;
    color: #FFF;
	font-weight: bold;
    text-decoration: none; /* added for opera */
    font-size: 14px;
}

#HouseMenuNav ul ul
{
    /* second level menu items */
    margin-left: 12px;
}
#HouseMenuNav ul ul li
{
    margin: 0; /* remove the bullets from the sub menu */
    list-style: none;
}
#HouseMenuNav ul ul a:link, #HouseMenuNav ul ul a:visited
{
    background-color: #ED9F9F;
    color: #711515;
}
#HouseMenuNav ul ul a:hover
{
    background-color: #711515;
    color: #FFF;
}

/* Contact formulier */

.h4Contact
{
    margin: 10px 0;
    font-weight: bold;
    font-size: 110%;
    }
.contactLabel
{
    margin: 5px 5px 0 0;
    height: auto;
    
    }
    
.contactInput
{
    margin: 5px 5px 0 0;
    height: auto;
    
    }
    
#FormCommandHolder
{
    margin: 25px 0 0 115px;
    }
.FormCommandButton
{
    background: #DDDDDD;
    border: 1px solid #999999;
    padding: 5px;
        }
    
.FormCommandButton:active
{
    background: #999999;
    border: 1px solid #DDDDDD;
    }
    
div#confidential
{
    background:#DDDDDD none repeat scroll 0 0;
border:1px solid #999999;
margin:15px 0 0;
padding:8px;
font-size: 90% !important;
    }


/* Opmaak voor de tabellen */
.totalTableCenter {text-align:center;	}
.catTable {	font-weight: bold; height:25px; color: white;	background-color: #304C86;}
.witTable {	font-weight: bold; height: 20px; background-color: #FFFFFF;}
.grijsTable {	font-weight: bold; height: 20px; background-color: #F5F5F5;}
.leftColumn40{ width:40%; text-align: left; padding-left:5px;}
#padding5 td{padding:5px;}


/*opmaak nav */

.nav li a {color: #E5F2FB !important; text-decoration:none !important; }
.nav li:hover li a.havechild:hover, .nav li.active li a.havechild:hover{ color: #FFFFFF !important; text-decoration: none !important;}
.nav li:hover li a:hover, .nav li.active li a:hover { color: #FFFFFF !important; text-decoration: none !important; }
.nav li .sub li a.havechild, .nav li .sub li a{color: #09548B!important; text-decoration: none !important; }
.nav li a:hover, .nav li.active a, .nav li.hover a, .nav li:hover a { color: #09548B!important;}

/* Opmaak Search */

#dnn_ctr700_XSSearchResults_pnlResults p {padding: 10px 0 5px 0;}

.gevondenInspecteur{ background:#F6F5F5 none repeat scroll 0 0; border:1px solid #DDDDDD; float:left; padding:5px;}
.gevondenInspecteur span{ border:1px none green; float:left; padding:10px 155px 0 5px;}
.gevondenInspecteur img{ border:2px solid white; float:left; height:100px; width:100px;}