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

/************************************************************************************************/
/*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;}
ul{list-style:none;}
#contentLeft a, #contentRight a{ text-decoration: underline;}
a:hover { text-decoration: none !important; color: #2C4C85 !important; }

h2 {font:arial;font-size:12px;font-weight:bold;color:#324e8a;}

/*table*/
#topHeaderImage{background:url(images/topHeaderImage.jpg);background-repeat:no-repeat;}
#bottomHeaderImage{background:url(images/bottomHeaderImage.jpg);background-repeat:no-repeat;padding:0px 10px 0px 15px;}
#bgSearch{background:url(/portals/1/hippoBgSearch.png);width:282;height:72px;background-repeat:no-repeat;}
#bgNederland2{background:url(images/bgNederland.gif);background-repeat:no-repeat;}
#bgEuro2{background:url(images/bgEuro.gif);background-repeat:no-repeat;}
#bgVraag2{background:url(images/bgVraag.gif);background-repeat:no-repeat;}
#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;}
#contentLeft {background:url(images/contentLeft_bg.gif);background-repeat:no-repeat;}
.contentleft {padding:0px 0px 0px 0px;margin: 10px 0px 0px 10px; width:450px;}
#contentRight {background:url(images/contentRight_bg.gif);background-repeat:no-repeat;}
.contentright {padding:0px 0px 0px 0px;margin: 10px 0px 0px 10px;}

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

/*inputs*/
#bannerSearch{position:absolute; top:194px;}
#bannerSearch2 input.field{position:absolute; bottom:0px; left:20px; background:none; border:1px solid #f00; font-size:12px; color:#417fbe; padding:5px;}
#bannerSearch2input.button{position:absolute; bottom:4px; left:212px;}

#downloadright2 {background:url(images/download_bg.gif);background-repeat:no-repeat;}
#downloadBanner{width:282px; height:143px;}
/*#downloadBanner a{display:block; width:260px; height:120px; position:absolute; top:11px; left:7px;text-decoration:none;} */
#downloadBanner hover{text-decoration:none;}
.bannertitel {font-size: 22px;color:white;font-weight:bold;margin: 10px 0px 10px 10px;}
.bannertekst {font-size: 11px; color:#7F91B9;font-weight:bold;margin:0px 0px 0px 15px;}
/*TICKER*/
#hippoTicker1{width:640px; height:30px; padding:0px; background-color:transparent;}
#hippoTicker1 div{ background-color:transparent;}
.HippoTicker, .HippoTicker a, .HippoTicker a:visited{font-size:22px !important; color:#FFF; text-decoration:none !important; font-weight:bold;}
.message{ font-size:22px !important;}

#tickerPane{width:640px; height:30px; padding:0px; background-color:transparent;}
#tickerPane{ background-color:transparent;}
.tickerPane{font-size:22px !important; color:#FFF; text-decoration:none; font-weight:bold; height:50px; border:0px solid yellow;}

/************************************************************************************************/
/*container*/
/************************************************************************************************/
#container{width:978px; margin-left:auto; margin-right:auto;}
/*breadcrumbs*/
#page_top{width:978px; height:41px; background:url(images/page_top.png);}
#page_top p.breadcrumbs{height:41px; font-size:16px; font-weight:bold; color:#6b97d7; padding:16px 0px 0px 10px;}
#page_top p.breadcrumbs a{height:41px; font-size:16px; font-weight:bold; color:#6b97d7;text-decoration: none;}
#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 option {color:#ffffff;background:#304B84;font-weight:bold;font-size:10px;}

/************************************************************************************************/
/*division*/
/************************************************************************************************/
#division{margin-left:15px;}
#division #left{width:265px; padding:8px 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;}
.right {margin-top:20px;margin-left:0px;}
/************************************************************************************************/
/*footer*/
/************************************************************************************************/
#footer{text-align:center;}
#footer p, #footer a{color:#7e99c0; font-size:11px;font-weight:bold;}

/* temp */
.banner1 {width:282px; height:93px;}
.banner2 {width:282px; height:93px;}
.banner3 {width:282px; height:91px;}
.banner4 {width:282px; height:143px;}
.contentleft ul {list-style-type: disc !important; padding-left: 40px; }
.contentleft ul li{ list-style-type: disc !important;}

/* 
================================
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;
  }


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: 16px;
	font-weight: bold;
	color: #2C4C85;
}

.contentleft .Normal
{
	padding: 0px 0px 0px 0px; 
	color: #2C4C85;
	font-size: 10px;;
}

.contentright .Normal
{
	padding: 0px 0px 0px 0px; 
	color: #2C4C85;
	font-size: 10px;;
}

#footer .SkinObject {font-size:11px;}


/* 
================================
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: transparent;
	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;
}

.Rotator_Hippo2 { margin: 20px 0 0 0;  border: 0px solid red;}
.Rotator_Hippo2 .items p {padding:0;  margin:0px 0 0 0px; overflow: hidden; font-size:16px !important; width: 600px !important; height: 40px !important; color:#FFF !important; text-decoration:none; font-weight:bold;} 

.Rotator_Hippo2 .items p a, .Rotator_Hippo2 .items p a:visited{  font-size:16px !important; color:#FFF !important; text-decoration:none; font-weight:bold; }


.Rotator_Hippo .items { width:620px;}

.Rotator_Hippo { visibility: hidden;  margin: 20px 0 0 0;  border: 0px solid red;}
.Rotator_Engels { visibility: hidden;}

.Rotator_Engels .items p, .Rotator_Engels .items p a, .Rotator_Engels .items p a:visited{ padding:0; margin:20px 0 0 10px; overflow: hidden; font-size:16px !important; width: 600px !important; height: 40px !important;color:#FFF !important; text-decoration:none; font-weight:bold; }


.Rotator_Engels .items { width:620px;}
#tickerLanguage {visibility: hidden;}

/*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; z-index:500;}
.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;}
.nav li .sub1, .nav li a sub1 {z-index:1000;}
.nav li .sub li a.havechild {z-index:500;}
.nav li .sub li a {z-index:400;}
.nav li ul {z-index:-1;}