@import url("navmenu_variabel.css");
@import url("fonts_variabel.css");

body{
text-align:center;
margin: 0 auto;
background-color:#fff;
}
HTML {text-align: center;}

#container{
	position:relative;
	background-repeat:repeat-y;
	width:955px;
	margin:0 auto;
	text-align:left;
	padding: 0px;
}

#header {
	width:955px;
	height:146px;
	background:url(images/header.gif);
	background-repeat:no-repeat;
	background-color: #FF6600;
}
	
#userlogin {height: 100px; width: 955px; text-align: right; color: #fff;}
#subheader {width: 667px;}
#leftspace {width: 238px;}
#rightspace {width: 50px;}

#contentcontainer{
	float:left;
	width: 955px;
	background-repeat: repeat;
	background-image: url(images/content.gif);
	background-color: #CCC;
	background-position-x: left;
	}
	
#kolom1 {
	float:left;
	width: 238px;
	background-color: #55b6de;
	padding: 0px;
	background-image: url(images/leftbottom.gif);
	background-repeat: no-repeat;
	background-position: bottom center;
	}
#LeftPaneTopBG {
	background-image: url(images/lefttop.gif);
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #55b6de;
	}
#LeftPaneBG {}

#dnn_LeftPaneTop, #dnn_LeftPane {width: 236px; padding: 0px;}
#dnn_LeftPane div.container {
	background-image: url(images/leftbottom_header.gif); 
	background-position: top;
	background-repeat: repeat-x;
	}
#dnn_LeftPane .container {padding: 5px 10px;}

#dnn_LeftPane H3 {margin-top: 0; margin-bottom: 0.3em;}
#dnn_LeftPane td.titlecell {padding-top: 0.3em;}
#dnn_LeftPane a {color: #ffffff;}

#dnn_LeftPane a:link {text-decoration:none;color:#FFFFFF;}
#dnn_LeftPane a:visited {text-decoration:none;color:#FFFFFF;}
#dnn_LeftPane a:hover {text-decoration:underline; color:#77c5e5;}
#dnn_LeftPane a:active {text-decoration:underline; color:#FFFFFF;}

#kolom2 {float:left;width: 543px; padding: 0px}
#dnn_ContentPane {width: 470px; padding: 0px}
#dnn_ContentPaneA {width: 45%; float: left;}
#dnn_ContentPaneB{width: 45%; float: left;}

#kolom3 {float:left; width: 174px; padding: 0px; background-color: #71c2e3;}
#RightPaneTopBG {
	background-image: url(images/RightPaneTopBG.gif);
	background-repeat: repeat;
}
#RightPaneBG {background-image: url(images/RightPaneBG.gif);}
#dnn_RightPane {
	background-image: url(images/RightPane_header.gif);
	background-repeat: no-repeat;
	background-position: top left;
	}
#dnn_RightPaneTop, #dnn_RightPane {width: 172px ; padding: 0px}

#dnn_RightPaneTop a:link {text-decoration:none;color:#FFFFFF;}
#dnn_RightPaneTop a:visited {text-decoration:none;color:#FFFFFF;}
#dnn_RightPaneTop a:hover {text-decoration:underline; color:#77c5e5;}
#dnn_RightPaneTop a:active {text-decoration:underline; color:#FFFFFF;}

#dnn_RightPane a:link {text-decoration:none;color:#FFFFFF;}
#dnn_RightPane a:visited {text-decoration:none;color:#FFFFFF;}
#dnn_RightPane a:hover {text-decoration:underline; color:#77c5e5;}
#dnn_RightPane a:active {text-decoration:underline; color:#FFFFFF;}

div.container {padding: 15px 10px;}


#ContentPaneBG {padding: 15px 10px 15px 45px;}
#dnn_ContentPane .container {padding: 0px;}
#dnn_ContentPaneA .container {padding: 15px 0 0 0;}
#dnn_ContentPaneB .container {padding: 15px 0 0 0;}
#dnn_RightPaneTop .container {width: 164px;}
#dnn_RightPane .container {width: 164px; padding: 5px 10px;}
	
#dnn_ContentPane, 
#dnn_ContentPaneA, 
#dnn_ContentPaneB, 
#dnn_LeftpaneTop, 
#dnn_Leftpane, 
#dnn_RightPaneTop, 
#dnn_RightPane
	{border: none !important;}

table.ModuleTitle_MenuContainer {width: 90%;}

table.controlpanel .subhead, 
table.controlpanel a.CommandButton {
	font-weight: normal;
	font-size: x-small;
}
#top {height: 20px;	width: 955px;}

div#spacer {
	height: 3px;
	width: 955px;
	background-color: #0092cd;
	clear: both;
	background-image: url(images/footer.gif);
	background-repeat: repeat-x;
	font-size: 1px;
	line-height: 1px;
}
div.spacerl {width: 230px; font-size: 1px;}
div.spacer {clear: both; font-size: 1px;}

/* MODULE CSS LINKS */
tr.SubHead {display: none;}