/*@import url("css/menu.css");
 hier boven = temp voor solpart menu */


/* hier onder laten staan!! */
@import url("css/variations/stylesheetwidget.css");
.logo {position:absolute; z-index:4000; left: 808px; top: 0px;}
.logo img {width: 124px; height:98px;}
.maintitle {position:absolute; z-index:4; left: 397px; top: 17px; width: 130px;}


/* CSS Document */
html, form, body {height:100%!important; margin:0px; padding:0px;}
body {background:#FFF; height:100%; margin:0px; padding:0px; }
img {border:none;}

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


/* module menus style */
.ModuleTitle_MenuBar, .ModuleTitle_MenuItem, .icn {background:#f00;}


/* login link */
a.user {position:absolute;}

/*-------- Default Style --------*/
body,th,td,div,p,table,h1,h2,h3,h4,h5,h6.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover, input{color:#001D74;}
body,th,td,div,p,table,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover{font-size:12px;}
a, a:visited, a:link, a:active{text-decoration:underline;}
a:hover{text-decoration:none; color:#FF6600}
h1, h2, h3, h4, h5, h6{color:#3E5FAC;}
h1, h3, h5, h1 input{font-weight:bold;}
h2, h4, h6{font-weight:normal}
h1, h2, h1 input{font-size:14px;margin:10px 0;}

h1{font-size:20px;margin:0px;}
h2{font-size:margin:0px;font-weight:bold;}

h3, h4{font-size:12px;margin:8px 0;}
h5, h6{font-size:10px;margin:6px 0;}


body,th,td,div,p,table,h1,h2,h3,h4,h5,h6.Normal,  
a:link, a:visited, a:hover, 
input, .Head, .SubHead, .SubSubHead, .Normal, .NormalDisabled, .NormalBold, .NormalRed, .NormalTextBox
{font-family: Arial, Helvetica, sans-serif;}
.Head{color:#2E3D47;font-weight:bold;}
.SubHead {color:#4C6171;}
.SubSubHead{color:#6E8AA0;}
.NormalRed {color:#F00;}


/*Datagrids */
.DataGrid_Container {margin-top:15px;}
.DataGrid_Header{font-weight:bold;}
.DataGrid_Header td, .NormalBold td{font-weight:bold;}

/*-------- top menu --------*/
.top .nav{position:relative; 
z-index:100;
z-index:3;
}

.top .nav a {display:inline-block; height:25px; padding-top:4px; padding-left:8px; padding-right:8px; padding-bottom:0px; font-size:13px; font-weight:bold;}
.top .nav a, .top .nav a:hover{text-decoration:none;}
.top .nav ul{padding:0px; margin:0px; width:960px; height:auto; position:absolute;}
.top .nav li{float:left; list-style:none; left:8px; top:1px; margin-right:8px;}
.top .nav ul ul{position:absolute; left:0px; top:27px; float:none; clear:both;}
.top .nav ul ul li{height:28px}

/*-------- top menu level 1 --------*/
ul.m_01					{}

li.m_01,
a.m_01:link,
a.m_01:visited					{background:none; color:#ffffff; font-size:13px}

li.m_active_01 a.m_01,
li.m_active_01 a.m_01:link,
li.m_active_01 a.m_01:visited 	{background:#66CC00; color:#000000;}

/*-------- top menu level 2 --------*/
ul.m_02					{display:none;} 
li.m_02					{}

a.m_02
a.m_02:link,
a.m_02:visited					{background:none; color:#ffffff; font-size:13px}

li.m_active_01 ul.m_02	{display:block;}

li.m_active_02 a.m_02
li.m_active_02 a.m_02:link,
li.m_active_02 a.m_02:visited 	{background:none; color:#000000;}

/*-------- top menu level 3 --------*/
ul.m_03					{display:none;} 
li.m_03					{background:url(images/m_tabright01.gif) top right no-repeat; color:#ffffff;}

a.m_03,
a.m_03:link,
a.m_03:visited 			{background:url(images/m_tableft01.gif) top left no-repeat; color:#000000; font-size:13px}

li.m_active_02	ul.m_03 {display:block;}
li.m_active_03			{background:url(images/m_tabright02.gif) top right no-repeat;}

li.m_active_03  a.m_03,
li.m_active_03  a.m_03:link,
li.m_active_03  a.m_03:visited 	{background:url(images/m_tableft02.gif) top left no-repeat; color:#ffffff;}

.top .nav ul ul ul{top:28px; left:10px; width:950px;}


ul.m_04					{display:none;} 



/*-------- design style --------*/
.clear_float{clear:both; line-height:0; font-size:0; height:0;}

.template_style{width:960px; position:relative; margin:0px auto; height:100%; background:url(images/BG_Body.jpg) repeat-y top; }

.top{height:110px; background:url(images/BG_Top.jpg) no-repeat left top}
.main{position:relative; height:467px; background:url(images/BG_Main.jpg) no-repeat left top}


.top_space{height:34px;}
.lang_pad{padding:7px 35px 0px 0px;}


/*-------- containers --------*/
.fotocontainer {position:absolute; width:379px; height:329px; left:31px; top:17px; z-index:2;}
.fotocontainer h1 {position:absolute; width:379px; height:25px; left:0px; top:303px; z-index:3; text-align:center; color:#FFFFFF; font-size:16px; font-weight:normal; vertical-align:middle;}
.fotocontainer p {padding:0px; margin:0px;}

.txtcontainer_01, .txtcontainer_02 {position:absolute; width:541px; left:391px; top:2px; z-index:1;}
.txttop {background:url(images/TxtContainerTop.gif) no-repeat left top; height:84px; position:relative;}
.txtbot {background:url(images/TxtContainerBot.gif) no-repeat left top; height:13px;}
.txtcontainer_01 .txtmid {background:url(images/TxtContainerMid.jpg) repeat-x left top; height:270px; position:relative;}
.txtcontainer_02 .txtmid {background:url(images/TxtContainerMid.jpg) repeat-x left top; height:362px; position:relative;}
.txtcontainer_01 .txtmid .txtcontent {position:relative; width:433px; overflow:auto; line-height:160%; left:66px; height:190px;}
.txtcontainer_02 .txtmid .txtcontent{position:relative; width:433px; overflow:auto; line-height:160%; left:66px; height:302px;}

.nomenu .txtmid .txtcontent {height:230px;}


h1.txttitle, .txtmid h1 {position:relative; width:433px; overflow:hidden; line-height:22px; left:66px;}
.CommandButton{}
.actions{position:absolute; z-index:100; top:-15px;}
.txtmid .actions{left:66px;}
.actions a{color:#f00!important;}

/*-------- Map NL containers --------*/
/*-------- spot coordinates are in mapNL.css --------*/

.mapcontainer {position:absolute; background:url(images/NLmap.gif) left top no-repeat; width:395px; height:467px; left:35px; top:0px; z-index:2;}
.mapdisplay {position:absolute; background:url(images/NLmapDisplay.gif) left top no-repeat; width:437px; height:49px; left:455px; top:308px; z-index:2;}
.mapleft {position:absolute; background:url(images/NLmapLeft.gif) left top no-repeat; width:14px; height:22px; left:25px; top:15px; z-index:2;}
.mapright {position:absolute; background:url(images/NLmapRight.gif) left top no-repeat; width:14px; height:22px; left:395px; top:15px; z-index:2;}
.mapdisplay .maplinkcontainer {position:absolute; width:356px; height:49px; left:39px; top:0px; text-align:center;  z-index:2; line-height:50px;}
.mapdisplay a.maplink , a.maplink:hover {color:#FF6600; font-size:15px; font-weight:bold; text-decoration:none;}
a.maplink:hover {text-decoration:underline;}
.mapcontainer a {position:absolute; background:url(images/NLmapA1.gif) left top no-repeat; width:13px; height:13px; z-index:2;}
.mapcontainer .a1 {background:url(images/NLmapA1.gif) left top no-repeat;}
/*.mapcontainer a:hover,*/ 
.mapcontainer .a2 {background:url(images/NLmapA2.gif) left top no-repeat;}




/* ------- subnavigation -------*/
.nav2 {position:relative; top:4px; width:433px; height:33px; left:66px; white-space:nowrap}
/*.main .nav2 span {background:url(images/m_2bg.gif) top right no-repeat; display:inline-block;}*/
.main .nav2 a{color:#FF6600; background:#E4EFDF; display:inline-block;  line-height:15px; font-weight:bold; padding:9px 15px; text-decoration:none}
.nav2 a.m_active, .nav2 a:hover {color:#FFFFFF; background:#FF6600 /*url(images/m_2bg.gif) top left no-repeat; padding:9px 5px 9px 15px; margin-right:10px*/; }
.nav2 img {width:1px; display:inline-block; height:33px; background:#F2AB6E; vertical-align:bottom}

/* ------- foto viewer -------*/

.MediaStripPane h1 {display:none; position:absolute;}
.MediaStripPane .actions { left:35px; top:360px; z-index:3}


.fotobar{position:absolute; width:931px; height:85px; left:16px; top:380px; z-index:3}
.fotobar img{border:none;}
.fotobar img.m_left{border:none; position:absolute; left:0px; top:0px;}
.fotobar img.m_right{border:none; position:absolute; left:915px; top:0px;}
.fotobar .bgviewport {width:899px; height:85px; background:url(images/f_BG.gif) left top no-repeat; position:absolute; left:16px; top:0px;}
.fotobar .scrollable {width:882px; height:85px;; position:absolute; left:10px; top:0px; overflow:hidden; white-space:nowrap;}
.fotobar .scrollable img {width:70px; height:74px; padding:6px 14px; }
.fotobar .scrollable a, .fotobar .scrollable img {float:left; display:inline-block;}

.thumbs {position:absolute;	clear:both;	white-space:nowrap; width:2000em}

/* style when mouse is over the item */
.thumbs a.hover img {padding:4px 12px;width:74px; height:78px;}
/* style when element is active (clicked) */
/*.thumbs a.active img {padding:4px 12px;width:74px; height:78px;}*/


/* this makes it possible to add next button beside scrollable */
/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	border:none;
	position:absolute;
	left:-20px;
	top:2px;
	display:block;
	width:16px;
	height:85px;
	background:url(images/f_left.gif) top left no-repeat;
	cursor:pointer;
	z-index:4;
	clear:both;
	float:none;
}


/* disabled navigational button */
a.disabled {visibility:hidden !important;}

/* next button uses another background image */
a.next, a.nextPage {left:902px; background:url(images/f_right.gif) top left no-repeat;clear:right;z-index:4;}

/* video viewer */
.video {
	position:absolute;
	z-index:4;
	left: 299px;
	top: 109px;
	background:#FFFFFF;
	padding:5px;
	border:#001D74 1px solid;
	left:265px;
	top:-350px;
}
.vidobject {
	background:#000;
}
.close {
	text-align:right
}
.hidden {
	display:none!important;
}

/* ------- if we use the DNN default -------*/
#TextSizeWidget {
	float:none;
	margin-right:0px;
	position:absolute;
	right:18px;
	bottom:0px;
}


/* ------- 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:visited, .ControlPanel .SubHead{font-size:11px;}

/*--------- pane style ----------*/
.ContentPane, .TopPane, .BottomPane{ padding:0px; margin:0px; }
.LeftPane{ padding:0px 20px 0px 0px; width:20%; margin:0px; }
.RightPane{ padding:0px 0px 0px 20px; width:20%; margin:0px; }


/*------------ Breadcrumb Style --------------*/
.Breadcrumb,a.Breadcrumb:link,a.Breadcrumb:active,a.Breadcrumb:visited{color:#3E81B5;}
a.Breadcrumb:hover{color:#C00;}

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

/*-------------- User Style --------------*/
.user,a.user:link,a.user:active,a.user:visited { color:#3E81B5;}
a.user:hover{color:#C00;}

/*-------------- 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: 0px; 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: 0px; 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: 0px;}
#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;}