/* 
================================
Name: Skin styles for Tomaello.nl
Type: CSS
Date: 28-09-2007
Version: 0.0.5
Author: MVIC WEBdiensten
================================
*/ 
html, body {
padding: 0;
margin: 0;
}

body {
	font-family	: "Trebuchet MS";
	font-size	: 100%;
	color		: #000000;
	background-color: #99ccff;
	background-image: url('bg-gradient.jpg');
	background-repeat: repeat-x;
	background-position: center top;
}

#wrapper {
	width			: 775px;
	height			: auto;
	display			: table;
	background-color: transparent;
}
div.controlpanel {
	width			: 100%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#wrapperMenu {
	width			: 775px;
	height			: 30px;
	clear			: both;
}
#wrapperImage {
	width			: 775px;
	height			: 126px;
}
#wrapperContent {
	width			: 771px;
	height			: auto;
	display			: table;
	background-color: #FFFFFF;
	border			: 2px solid #194776;
}

#wrapperContent p {
	padding-right	: 10px;
}
#wrapperContentBreed {
	width			: 965px;
	height			: auto;
	display			: table;
	background-color: #FFFFFF;
	border			: 2px solid #194776;
	padding			: 20;
}
#Vlaggen { width:151px; float:right;}
#wrapperBreadcrumb {
	width			: 600px;
	height			: 20px;
	text-align		: left;
	padding-left:24px;
	padding-top:5px;
	padding-bottom:0px;
	margin			: 0;
	font-size:10px;
	color:#dbe8f4;
	font-family:"Lucida Sans Unicode";
	font-weight:normal;
	float:left;
}
#wrapperBreadcrumb2 {
	width			: 600px;
	height			: 20px;
	text-align		: left;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	margin			: 0;
	font-size:10px;
	color:#dbe8f4;
	font-family:"Lucida Sans Unicode";
	font-weight:normal;
	background-color: #b9bcab;
	float:left;
}
html>body #wrapperBreadcrumb2 {
	width: 99%;
}
#wrapperBreadcrumb a{
	font-size:10px;
	color:#dbe8f4;
	font-family:"Lucida Sans Unicode";
	font-weight:normal;
}
#wrapperBreadcrumb2, #wrapperBreadcrumb2 a:link, #wrapperBreadcrumb2 a:visited{
	font-size:10px;
	color:#dbe8f4;
	font-family:"Lucida Sans Unicode";
	font-weight:normal;
}
.contentpane {
	width			: 100%;
	height			: 300px;
	display			: table;
	padding:10px;
	text-align:left;
}
.contentpane2 {
	width			: 100%;
	height			: 300px;
	display			: table;
	padding:0px 0px 10px 0px;
	margin: 0px;
	text-align:left;
}
.footerLinks, a.footerLinks:link, a.footerLinks:visited {
	font-family: "Lucida sans Unicode";
	font-size: 11px;
	font-weight: normal;
	color: #2a629b;
	text-decoration: none;
}

/* 
================================
Content Styles
================================
*/  
.StandardButton {
  background: #7994cb none; 
  color: #ffffff;
  font-family: verdana, sans-serif; 
  font-size: 11px;
  font-weight: normal;
}
.Normal {
	font-family: "Lucida Sans Unicode";
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	line-height: 18px;
	color: #4c4c4c;
}
.Head {
   font-family: "Lucida Sans Unicode";
   font-size:  17px;
   font-weight: normal;
   font-style: normal;
   color: #c70100;
   line-height: 18px;
}

/*  NavMenu */

/*#navHContainer {
    display:block;
    width:773px;
	height:30px;
	border-top:1px solid #6a743c;
	border-right:1px solid #6a743c;
	border-bottom:none;
	border-left:none;
}
#nav ul {
    padding:0;
    margin:0;
    list-style:none;
    float:left;
}

#nav ul li {
  position: relative;
  float:left;
  width: auto;
  list-style: none;
  border-left:1px solid #6a743c;
}
#nav ul li ul li {
  position: relative;
  float:left;
  width: 9em;
  list-style: none;
  background-color:#959f66;
  border:none;
}

#nav li ul { 
	position : absolute;
	left: -999em;
	width:13em;
	border:1px solid #ffffff;
}


#nav a {
	color: #FFFFFF; 
	font-size: 13px; 
	font-weight: bold; 
	font-style: normal; 
	font-family: "Trebuchet MS";
	display:block;
    text-decoration:none;
    text-align:left;
    padding: 3px 24px 3px 24px;
}
#nav li li a {
    
}

#nav li a:hover {
	background-image: url('/Portals/_default/Skins/Tomaello/menu-bg.gif');
	background-repeat: repeat-x;
}
#nav li a.SelectedTab {
	background-image: url('/Portals/_default/Skins/Tomaello/menu-bg.gif');
	background-repeat: repeat-x;
}
#nav .DisabledTab {color:#ccc;}
#nav li:hover ul ul,#nav li:hover ul ul ul,#nav li:hover ul ul ul ul,#nav li.iehover ul ul,#nav li.iehover ul ul ul,#nav li.iehover ul ul ul ul{left: -999em;}
#nav li:hover ul,#nav li.iehover ul {top: 1.6em;left:0;}
#nav li li:hover ul,#nav li li li:hover ul,#nav li li.iehover ul,#nav li li li.iehover ul {top: 0;left:12.8em;}*/
/*  NavMenu */



/*#nav{width:775px;}

#nav ul.Level0 {padding:0;margin:0;list-style:none;position:absolute;float:left;width:254px;}
#nav ul.Level1 {padding:0;margin:0;list-style:none;position:absolute;float:left;left: -999em;}
#nav ul.Level2 {padding:0;margin:0;list-style:none;position:absolute;float:left;left: -999em;}

#nav ul.Level0 li a{display:block;font-family: Arial, Helvetica, sans-serif;}
#nav ul.Level1 li a{display:block;font-family: Arial, Helvetica, sans-serif;}
#nav ul.Level2 li a{display:block;font-family: Arial, Helvetica, sans-serif;}

#nav .Level0 li a:hover {background-color: #6f6e6d;color:#ffffff;}
#nav .Level1 li a:hover {background-color: #f08111;color:#ffffff;}
#nav .Level2 li a:hover {background-color: #f08111;color:#ffffff;}

#nav .Level0 li {text-transform:uppercase;width:254px;height:34px;border-top-width: 2px;border-top-style: solid;border-top-color: #FFFFFF;background-color:#f08111;vertical-align:middle;list-style:none;position: relative;float:left;}
#nav .Level0 li a {font-weight:bold;font-size:14px;height:34px;color:#FFFFFF;text-decoration:none;padding-top:7px;padding-left:20px;}
#nav .Level0 li.SelectedTab a{background-color: #6F6E6D;}
#nav .Level0 li.SelectedTab a:hover{background-color: #6F6E6D;}

#nav .Level1 li {text-transform:none;height:20px;width:214px;border-top-width: 1px;border-top-style: solid;border-top-color: #FFFFFF;background-color:#6f6e6d;vertical-align:middle;list-style:none;position: relative;float:left;}
#nav .Level1 li a{font-weight:bold;font-size:12px;height:20px;color:#FFFFFF;text-decoration:none;padding-top:2px;}
#nav .Level1 li.SelectedTab a{background-color: #6F6E6D;}
#nav .Level1 li.SelectedTab a:hover{background-color: #f08111;}
#nav .Level1 li a:hover{background-color: #f08111;}
#nav .Level0 li.SelectedTab .Level1 a:hover{background-color: #f08111;}


#nav .Level2 li {text-transform:none;height:20px;width:214px;border-top-width: 1px;border-top-style: solid;border-top-color: #FFFFFF;background-color:#81807E;vertical-align:middle;list-style:none;position: relative;float:left;}
#nav .Level2 li a{font-weight:bold;font-size:12px;height:20px;color:#FFFFFF;text-decoration:none;padding-top:2px;}
#nav .Level2 li.SelectedTab a{background-color: #81807E;}
#nav .Level2 li.SelectedTab a:hover{background-color: #f08111;}
#nav .Level2 li a:hover{background-color: #f08111;}
#nav .Level1 li.SelectedTab .Level2 a:hover{background-color: #f08111;}
#nav .Level1 li.SelectedTab .Level2 li.SelectedTab a{background-color: #81807E;color:#000000;}
#nav .Level1 li.SelectedTab .Level2 a{background-color: #81807E;color:#ffffff;}

#nav ul.level0 li:hover, #nav ul.level0 li.iehover{z-index:100;}
#nav ul.level0 li:hover ul.level1, #nav ul.level0 li.iehover ul.level1{display:block;left: 0;top:34px;z-index:200;}
#nav ul.level1 li:hover ul.level2, #nav ul.level1 li.iehover ul.level2{display:block;left:214px;top:-1px;z-index:300;}*/
select.TabList { width:170px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}

#nav{float:left;width:775px;border-top:1px solid #9fb8d2;border-right:1px solid #9fb8d2;}
#nav ul {
padding:0;
margin:0;
list-style:none;
float:left;
width:auto;
}
#nav li {
position: relative;
float:left;
line-height : 1.25em;
width: 95px;
list-style: none;
font-family: "Trebuchet MS";
font-size:13px;
color:#ffffff;
}
#nav li#nav75 {
width: auto;

}

#nav li ul { /* second-level lists */
position : absolute;
left: -999em;
padding-bottom:0px;

}
#nav ul li{background-color:#2a629b;}
#nav ul.level0 li{border-left:1px solid #9fb8d2;border-top:none; border-bottom:none; border-right:none;}
#nav ul.level1 li{border:none;}
#nav ul li ul li {
width: 225px;
position: relative;
float:left;
line-height : 1.25em;
list-style: none;
font-family: "Trebuchet MS";
font-size:12px;
color:#ffffff;
margin-top:0px;
margin-left:0px;
background-color:#99ccff;
z-index:1000;
text-align:left;

}
#nav ul li ul{
	margin-top:0px;
	border:solid 1px #ffffff;
}
#nav ul li a {
	font-size:13px;
	display:block;
	text-decoration:none;
	text-align: center;
	height:30px;
	color:#ffffff;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 2px;	
	text-transform: none;
}
#nav ul li ul li a {
	font-size:12px;
	display:block;
	text-decoration:none;
	text-align:left;
	height:24px;
	color:#000000;
	padding: 0px;
	padding-top:4px;
	width: 196px;
	text-transform: none;
	margin-left:20px;
}
#nav ul li.SelectedTab ul li a {
	font-size:12px;
	display:block;
	text-decoration:none;
	text-align:left;
	height:24px;
	color:#0a3057;
	padding: 0px;
	padding-top:4px;
	width: 196px;
	text-transform: none;
	margin-left:20px;
}

#nav li a:hover {
color:#ffffff;
}
#nav li.SelectedTab a{
color:#ffffff;
}
#nav li.SelectedTab li.SelectedTab a{
color:#ffffff;
}
#nav li.SelectedTab li a{
color:#ffffff;
}
#nav li li a:hover {

color:#ffffff;
}
#nav li li.SelectedTab{
	color:#ffffff;
	font-weight:bold;
	background-image: url('menu-bg.gif');
	background-repeat: repeat-x;
	background-position: center;
}
#nav li.SelectedTab{
color:#ffffff;
font-weight:bold;
	background-image: url('menu-bg.gif');
	background-repeat: repeat-x;
	background-position: center;
}
#nav li.SelectedTab li a{
font-weight:normal;
}

#nav .DisabledTab {
color:#ccc;
}
/* no need to change these hover classes
unless you need more than 4 levels */
#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li:hover ul ul ul ul,
#nav li.iehover ul ul,
#nav li.iehover ul ul ul,
#nav li.iehover ul ul ul ul{
left: -999em;
}
#nav li:hover,#nav li.iehover {
	background-image: url('menu-bg.gif');
	background-repeat: repeat-x;
	background-position: center;
}
#nav li:hover ul {
top:31px;
left:0;
	background-image: url('menu-bg.gif');
	background-repeat: repeat-x;
	background-position: center;
}
#nav li.iehover ul {
top:30px;
left:0;
	background-image: url('menu-bg.gif');
	background-repeat: repeat-x;
	background-position: center;
}
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li li.iehover ul,
#nav li li li.iehover ul {
top: 0;
left:12.8em;
	background-image: url('menu-bg.gif');
	background-repeat: repeat-x;
	background-position: center;
}
#nav ul.level0 li:hover, #nav ul.level0 li.iehover{z-index:100;}
#nav ul.level0 li:hover ul.level1, #nav ul.level0 li.iehover ul.level1{z-index:200;}
#nav ul.level1 li:hover ul.level2, #nav ul.level1 li.iehover ul.level2{z-index:300;}

/* class for the rows that contain the flags and hyperlinks*/
.MLLanguageSelectionFlag_Active
{
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity:1.0;
	border: 0px;
	}

/* class for the rows that contain the flags and hyperlinks*/
.MLLanguageSelectionFlag_Inactive
{
	filter: alpha(opacity=50); 
	-moz-opacity: .5;
	opacity:.50;
	border: 0px;

}

/****************************
Sollicitatie formulier
/***************************/
.form_solliciteren p {
	font-size: 70%;
}
.form_solliciteren .NormalTextBox, .form_solliciteren #dnn_ctr4003_FormMaster_ctl__20090213T114723, .form_solliciteren #dnn_ctr4003_FormMaster_ctl__20090213T114402 {
	padding: 3px 0px 3px 5px;
	border: 2px solid #9fb8d2;
	background-color: #e9eff5;
	margin: 0 0 10px 0;
	font-family	: "Trebuchet MS";
	width: 250px;
}
.form_solliciteren #dnn_ctr4003_FormMaster_ctl__20090213T121107, .form_solliciteren table td, .form_solliciteren table.NormalTextBox {
	background-color: none;
}
.form_solliciteren .SubHead {
	font-family	: "Trebuchet MS";
	font-size: 75%;
	font-weight: bold;
	color: #2a629b;
}
.form_solliciteren #dnn_ctr4003_FormMaster_ctl__20090213T121107 {
	width: auto;
	height: auto;
	background-color: none;
}
.form_solliciteren .NormalRed {
	color: #ea7f15;
}