@import url("solpartmenu.css");
/* CSS Document VGPO de Oosthoek Standaard */

/* 
================================
Algemeen 
================================
*/
body >html {height: 100%; width: 100%;}
html {height: 100%;	width: 100%; margin: 0; padding: 0;}
body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	color: #6C7A70;
	background-color: #fff;
	background-image: url(portal_bg.jpg);
	background-repeat: no-repeat;
	background-position: 0 150px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

/* 
================================
default stijlen 
================================
*/
	.normal, .normaldisabled {margin: 0; padding: 0;}
	h1 {
	padding-bottom: 0;
	margin-bottom: 0;
	padding-top: 4px;
}
	h1, h2, h3, h4, h5, h6, .head {font-weight: bold; letter-spacing: 110%;}
	h1, h2, .head {color: #3d58a7; font-size: 13px;}
	h3, h4, h5, h6 {color: #e5292a}
	h1 {}
	h2 {}
	h3 {font-size: 80%;}
	h4 {font-size: 80%;}
	h5 {font-size: 75%; color: #6C7A70;  font: italic;  }
	h6 {font-size: 70%; color: #6C7A70;}
	
	a {color:#0023B0; text-decoration:none;}
	a:link {color:#0023B0; text-decoration:none;}
	a:hover {color: #ff8700; text-decoration:none;}
	a:active {text-decoration:none;}

	ul {
	padding: 0;
	margin: 0;
	padding-left: 12px;
}
	ul li {
	list-style-type: disc;
	list-style-position: outside;
	margin-bottom: 3px;
	padding-left: 3px;
}

/* Paginaonderdelen hoofdindeling */
	table#PortalContainer {height: 100%; width: 100%; margin: 0 auto; padding: 0; }	
	table#container {width: 100%;}

/* 
================================
Boxes 
================================
*/

/* TOPBOX */
	td#topbox {
	height: 20px;
	text-align: right;
	background-color: #e5292a;
	padding: 3px;
	color: #fff;
	font-size: 11px;
	font-style: normal;
}
	.skinobject {
	color: #fff;
	font-size: 11px;
	line-height: normal;
}

	#topbox a {
	padding: 20px 5px 0 0;
	color: #fff;
	font-size: 11px;
	font-weight: normal;
}
	#topbox a:hover {
	color: #ff8700;
	font-size: 11px;
	font-weight: normal;
}

/* SUBHEADER */
	td#subheader {text-align: right; height: 21px;}
/* HEADER */
	#header {
	height: 150px;
	text-align: left;
	background-image: url(vlakjes.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
	div#logo {padding-top: 5px; padding-left: 20px;}

/* MENU */
	td#menu {
	text-align: left;
	padding: 0;
	border-bottom: 3px solid #ff8700;
	background-color: #e5292a;
}

/* BOX 1 */
	#box1 {text-align: left; vertical-align: top; width: 160px;}
	#ImgBox1 {
	height: 130px;
	border-left: 10px solid #3D58A7;
	background-color: #fff;
	border-right: 1px solid #e5292a;
	background-image: url(/Portals/0/homepage/box1img.jpg);
}
	#box1Content {border-left: 10px solid #3D58A7; border-right: 1px solid #e5292a; margin: 0; padding: 0;	background-color: #fff;}

/* BOX 2 */
	#box2 {vertical-align: top; width: 100%;}
	#Box2Content {border-left: 10px solid #3D58A7; background-color: #fff; border-right: 1px solid #e5292a;	padding: 0;	margin: 0;}

/* BOX 3 */
	#box3 {width: 220px; height: 140px;}
	#ImgBox3 {
	border: 1px solid #e5292a;
	background-color: #fff;
	border-bottom: none;
	width: 200px;
	height: 140px;
	background-image: url(/Portals/0/homepage/box3_img.jpg);
}
	.ImgBox3Border {height: 12px; background-color: #ff0; border: 1px solid #e5292a; border-top: none; width: 200px;}
	.ImgBoxBorder {height: 12px; background-color: #ff0; border: 1px solid #e5292a;	border-top: none;}

/* BOTTOMBOX */
	#bottombox {height: 20px; color: #C6C6C6;}

/* DNN_CONTENTPANE DIV'S */
	#dnn_subheader {}
	#dnn_linkerkolom {width: 100%;}
	#dnn_contentpane {width: 100%}
	#dnn_contentpane .top {}
	#dnn_contentpane .content {
}
	#dnn_rechterkolom {}
	#dnn_footer {}

	#dnn_contentpane .head, #dnn_contentpane h1 {color: #e5292a;}

/* 
================================
    CSS STYLES FOR TOPMENU
================================
*/
	.TopMenuBar { font-size: 11px; font-weight: normal; text-align: right; padding-top: 1px; margin: 0;}
	.TopMenuItem {color: #0023B0; font-weight: normal;}
	.TopMenuItem a {color: #0023B0; font-weight: normal;}
	.TopMenuItem a:link {color: #0023B0; font-weight: normal;}
	.TopMenuItem a:hover {color: #ff8700; font-weight: normal;}
	.TopMenuItemMouseOver {color: #ff8700; font-weight: normal;}
	.TopMenuItemMouseOver a:hover {color: #ff8700; font-weight: normal;}
	.sep {display: none} /* deze span class wordt gebruikt om de separator onzichtbaar te maken */

/* 
================================
    CSS STYLES FOR FOOTERMENU
================================
*/
	.FooterMenuBar {padding-left: 5px; font-size: 11px; font-weight: normal;}
	.FooterMenuItem {color: #C6C6C6; font-weight: normal;}
	.FooterMenuItem a {color: #C6C6C6; font-weight: normal;}
	.FooterMenuItem a:link {color: #C6C6C6; font-weight: normal;}
	.FooterMenuItem a:hover {color: #ff8700; font-weight: normal;}
	.FooterMenuItemMouseOver {color: #ff8700; font-weight: normal;}
	.FooterMenuItemMouseOver a:hover {color: #ff8700; font-weight: normal;}

/* 
================================
default container  
================================
*/
	.default {background-color: #fff;}
	.top {font-size: 85%; padding: 3px 3px 2px 5px;}
	.content {margin: 0; padding: 0px 3px 10px 5px;}
	.content td {font-size: 11px;}

/* 
================================
rkolom container  
================================
*/
	.rkolom {background-color: #ffffe8; height: 40px;}
	.rtop {
		font-size: 85%;
		padding: 2px 0 0 5px;
		border-top: 1px solid #e5292a;
		border-right: 1px solid #e5292a;
		border-left: 10px solid #3D58A7;}
	.rcontent {
		font-size: 85%;
		padding: 2px 3px 10px 5px;
		border-right: 1px solid #e5292a;
		border-left: 10px solid #3D58A7;}
	.bottom {height: 12px; background-color: #fff;}

/* 
================================
submenu en footer container  
================================
*/
	.submenu {padding: 0;}
	.footer {padding: 0;}