@import url("css/menu.css");

/* CSS Document */
#Body {background:#FFF url(images/body_bg.png) repeat-x top left; height:100%; margin:0; padding:0; }

/* 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,div,p,table,h1,h2,h3,h4,h5,h6,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover, input, .CommandButton{
	color:#2E3D47; 
	font-family: Arial;}
body,th,td,div,p,table,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover{font-size:12px;}
h1, h2, h3, h4, h5, h6{color:#375162;}
h1, h3, h5, h1 input{font-weight:bold;}
h2, h4, h6{font-weight:normal}
h1, h2, h1 input{font-size:14px;margin:10px 0;}
h3, h4{font-size:12px;margin:8px 0;}
h5, h6{font-size:10px;margin:6px 0;}

.Head, .SubHead, .SubSubHead, .Normal, .NormalDisabled, .NormalDisabled, .NormalBold, .NormalRed, .NormalTextBox
{font-family:Arial, Verdana, Helvetica, sans-serif;}
.Head{color:#2E3D47;font-weight:bold;}
.SubHead {color:#545454a;}
.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;}

/* ------- 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;
	font-size: 12px;
	}
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;}

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



/*-------- design style --------*/
.controlpanel {
	width: 1000px;
}
.pagemaster {
	background-image: url(images/gradientbackground.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	width: 100%;
	height: 100%;
}
.skinmaster {
	width: 1000px;
}
.topheader {
	width: 100%;
}
.skinheader {
	background-image: url(images/header.png);
	background-repeat: no-repeat;
	width: 1000px;
	height: 332px;
}
.skinheader_index {
	background-image: url(images/header_index.png);
	background-repeat: no-repeat;
	width: 1000px;
	height: 256px;
}
.skinheader_no_toppane {
/*	background-image: url(images/header.png);
	background-repeat: no-repeat;*/
	background-color: #ffffff;
	width: 1000px;
	height: 40px;
}
.menuspacer {
	height: 10px;
}
.menubalk {
	background-image: url(images/menubalk.jpg);
	background-repeat: no-repeat;
	background-position: center;
	width: 968px;
	height: 39px;
	padding-left: 25px;
}
.toptable {
	margin-top: 7px;
}
.toppane {
	width: 389px;
	text-align: left;
}
.toppane_index {
	background-image: url(images/overdotnetnuke.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	width: 968px;
	height: 187px;
}
.toppanewhite td{
	font-family: Arial, Verdana;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	padding: 15px;
	line-height: 36px;
}
.flashheader {
	width: 579px;
	margin-right: 10px;
}
.NormalRed {
	font-family: Arial, Verdana;
	font-size: 18px;
	font-weight: bold;
	color: #cc0000;
	line-height: 36px;
}
.backgroundhorizon {
	background-image: url(images/backgroundleftright.gif);
	background-repeat: repeat-x;
	width: 50%;
}
.skintop {
	background-image: url(images/top.gif);
	background-repeat: repeat-x;
	background-position: top center;
	width: 100%;
	height: 15px;
}
.content {
	background-image: url(images/contentbg.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #f2f2f2;
	width: 1000px;
	height: 100%;
	padding-top: 25px;
	padding-left: 18px;
	padding-right: 8px;
	padding-bottom: 10px;
}
.leftpane {
	
}
.contentpane {
	/*width: 743px;*/
	width: 100%;
}
.rightpane {
	width: 245px;
	/*	border: 1px solid red;*/
	padding-right: 8px;
	padding-left: 5px;
}
.contentbottom {
	background-color: #e7e7e7;
	font-family: Arial, Verdana;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	color: #505050;
	line-height: 20px;
	padding: 15px;
	height: 100px;
	display: block;
}
.contentbottomlinks {
	background-image: url(images/containergradient.gif);
	background-repeat: repeat-x;
	height: 37px;
	padding-left: 15px;
	padding-top: 5px;
}
.bottom {
	background-color: #adadad;
	height: 27px;
	width: 100%;
}
.bottom a:link, .bottom a:visited, .bottom a:active, .bottom a:hover {
	color: #ffffff;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}
.skinbottom {
	background-image: url(images/bottom.gif);
	background-repeat: repeat-x;
	background-position: bottom center;
	width: 100%;
	height: 15px;
}
.skinheader .ServerSkinWidget {
	background-color: transparent;
	margin-top: 1px;
}
.toplinks, .toplinks a:link, .toplinks a:visited, .toplinks a:active {
	font-family: Arial, Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #858585;
	text-decoration: none;
	padding: 5px;
}
.toplinks a:hover {
	color: #9c0000;
	padding: 5px;
}
a:link, a:active, a:visited {
	font-family: Arial, Verdana;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	color: #0091ba;
}
a:hover {
	font-family: Arial, Verdana;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	color: #cc0000;
}
.Normal P {
	font-family: Arial, Verdana;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #505050;
	line-height: 20px;
}
.Normal {
	font-family: Arial, Verdana;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #505050;
	line-height: 20px;
}
.Normal table {
	font-family: Arial, Verdana;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #505050;
	line-height: 20px;
}
.NormalBold {
	font-family: Arial, Verdana;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #505050;
	line-height: 20px;
}
.Normal label {
	background-color: transparent;
	font-family: Arial, Verdana;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #505050;
}
ul li {
	list-style: disc;
}

.heading {
	font-family: Arial, Verdana;
	font-size: 16px;
	font-weight: bold;
	display: inline;
}
.heading a:link, .header a:visited, .header a:active, .header a:hover {
	font-family: Arial, Verdana;
	font-size: 16px;
	font-weight: bold;
	display: inline;
	text-decoration: underline;
}
#tablesteps td {
	padding-top: 8px;
	padding-bottom: 8px;
	vertical-align: middle;
}


.SubHead .DownloadHeader, .SubHead .SizeHeader, 
.SubHead .ModifiedDateHeader, .SubHead .TitleHeader {
	color: #535353;
}



/* Content Classes */

.toppanebackground {
	background-image: url(../../images/toppane/toppane.jpg);
	background-repeat: no-repeat;
	width: 389px;
	height: 257px;
	padding: 12px;
}
.horizontaldash {
	background-image: url(../../images/algemeen/dash_red.gif);
	background-repeat: repeat-x;
	height: 3px;
	padding-bottom: 25px;
}
.dotnetnukebottom {
	background-image: url(../../images/dotnetnuke/algemeen/dotnetnuke.gif);
	background-repeat: no-repeat;
	height: 50px;
}
.fullwidth {
	width: 100%;
	text-align: left;
}
.fullwidth tr {
	background-image: url(images/tablerowbackground.gif);
	background-repeat: repeat-x;
	height: 45px;
	width: 100%;
}
.usergroupscontent {
	padding: 8px;
	font-family: Arial, Verdana;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
	color: #505050;
	line-height: 24px;
	height: 110px;
	text-align: left;
}
.arrowcell {
	background-image: url(images/arrow.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 6px;
	height: 45px;
	padding-left: 15px;
}

/* Poll op de homepage */
/*
#dnn_ctr1353_Survey_lstSurvey {
	float: left;
}
#dnn_ctr1353_Survey_lstSurvey_ctl00_optOptions {
	background-color: transparent;
	margin-left: -10px;
	margin-top: 10px;
	margin-bottom: -10px;
}*/

.rightpane A.CommandButton:link,
.rightpane A.CommandButton:visited,
.rightpane A.CommandButton:active,
.rightpane A.CommandButton:hover {
	color: #0091ba;
	text-decoration: underline;
}

/* Showcases Latest Newsarticles */

.article {
	width: 470px;
	padding: 5px;
}

.casehome {
	font-family: Arial;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
	color: #505050;
	line-height: 18px;
}

/* Reactieformulier */
#dnn_ctr1440_DynamicForms_lnkSave {
	margin-left: 470px;
}

/*Active Social */

.journalbtn, a.journalbtn:link, a.journalbtn:active, a.journalbtn:visited, a.journalbtn:hover {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #505050;
}

.asheader, .asmodbody , .asminimod {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #505050;
}

.aslabelsmbold {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	text-decoration: bold;
	color: #505050;
}

div#amsocial .shell #row2 ul.tools li a:link, div#amsocial .shell #row2 ul.tools li a:visited, div#amsocial .shell #row2 ul.tools li a:hover{
	font-size: 12px;
	font-family: Arial;
	font-weight: normal;
	text-decoration: underline;
}