/* website general
***************************************************************/

html {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	height: 100%;
	color: #757575;
	scrollbar-face-color:#433F90;
	scrollbar-highlight-color:#433F90; 
	scrollbar-3dlight-color:#433F90;
	scrollbar-darkshadow-color:#433F90;
	scrollbar-shadow-color:#433F90;
	scrollbar-arrow-color:#FFFFFF;
	scrollbar-track-color:#FFFFFF;
}


/*flash
****************************************************************/
#sp-container #canvas-container #mid-flash {
	padding: 0px;
	margin: 50px;
 	width: 140px;
}


/* splash general
***************************************************************/

#master-table-splash {
	margin: 0px;
	padding: 0px;
	width: 100%;
	background-color: #fff;
	text-align: center;
}

#splash {
	margin: 0 auto;
	padding: 0px;
	width: 495px;
	height: 376px;
}






/* stramien general
***************************************************************/

#container {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	background-color: #fff;
}

#container-web {
	margin: 0 auto;
	padding: 0px;
	width: 780px;
	height: 100%;
}







/* master table
***************************************************************/

#master-table {
	margin: 0px;
	padding: 0px;
	width: 780px;
	height: 100%;
}

#table-left {
	margin: 0px;
	padding: 0px;
	width: 165px;
	vertical-align: top;
}

#table-content {
	margin: 0px;
	padding: 0px;
	width: 347px;
	vertical-align: top;
	background: #F3F3F3 url(../img/content_bottom.gif) bottom left no-repeat;
}

#table-right {
	margin: 0px;
	padding: 0px;
	width: 268px;
	vertical-align: top;
	background: #F3F3F3 url(../img/right_bottom_groep.gif) bottom left no-repeat;
}

/*

#table-right span {
	margin: 0px;
	padding: 0px;
	width: 268px;
	height: 30px;
	display: block;
	vertical-align: bottom;
	background-color: #000;
	
}

#table-right span a{
	margin: 0px;
	padding: 0px;
	width: 268px;
	height: 30px;
	display: block;
	background-color: #000;
	
}*/



/* left
***************************************************************/

#left {
	margin: 0px;
	padding: 57px 0px 0px 0px;
	width: 165px;
	height: 200px;
	background-color: #fff;
}







/* navigation-stramien
***************************************************************/

#navigation-top {
	margin: 0px;
	padding: 0px;
	width: 165px;
	height: 33px;
	background-color: #433F90;
}

#navigation {
	margin: 0px;
	padding: 0px;
	width: 165px;
	height: 100%;
	background-color: #F5F5F5;
}


#navigation-bottom {
	margin: 0px;
	padding: 0px;
	width: 165px;
	height: 55px;
	background: #F5F5F5;
}






/* mainmenu
***************************************************************/

#mainmenu {
	margin: 0px;
	padding: 0px;
	width: 165px;
	border: 0 none;
}

#mainmenu ul {
	margin: 0px;
	padding: 0px;
	width: 165px;
	font: 10px verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	list-style: none; 
}

#mainmenu ul li {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 20px;
	border-bottom: 1px solid #e1e3e1;
	background: #f5f5f5 url(../img/ic_main.gif) no-repeat 6px 5px;
}

#mainmenu ul li.activemain {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 20px;
	background: #f5f5f5 url(../img/ic_main_active.gif) no-repeat 6px 6px;
}

#mainmenu ul li.sub {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 20px;
	border-bottom: 1px solid #e1e3e1;
	background: #fff url(../img/ic_sub_groep.gif) no-repeat 4px 5px;
}





/* mainmenu color
*********/

#mainmenu .activemain {
	color: #433F90;
	list-style: none; 
}

#mainmenu ul li.sub a {
	color: #8B8B8B;
	list-style: none; 
}

#mainmenu ul li.sub a:hover {
	color: #A8A8A8;
	list-style: none; 
}

#mainmenu ul a {
	color: #433F90;
	text-decoration: none;
}

#mainmenu ul a:hover {
	color: #000;
}







/* content
***************************************************************/

#txt-top {
	margin: 0;
	padding: 0px;
	width: 347px;
	height: 57px;
	background: #FFFFFF url(../img/txt_top_groep.gif) no-repeat;
}

#content-txt {
	margin: 0px;
	padding: 10px 10px 0px 20px;
	font: 11px/16px verdana, arial, helvetica, sans-serif;
	color: #6C6C6C;
	border: 0px solid #000;
}

#page-up {
	margin: 0px;
	padding: 10px 10px 130px 0px;
	font: 11px/16px verdana, arial, helvetica, sans-serif;
	color: #6C6C6C;
	vertical-align: bottom;
}

a {
	color: #433F90;
	text-decoration: none;
}

a:hover	{
	color: #433F90;
	text-decoration: underline;
}



/* right
***************************************************************/

#logo {
	margin: 0;
	padding: 0px;
	width: 268px;
	height: 57px;
	background: #fff url(../img/logo_groep.gif) no-repeat;
}

#photo {
	margin: 0;
	padding: 0px;
	width: 268px;
	height: 266px;
	background: #fff url(../img/photo_groep.jpg) no-repeat;
}

#photo-bottom {
	margin: 0;
	padding: 0px;
	width: 268px;
	height: 182px;
	background: #fff url(../img/photo_bottom_groep.gif) no-repeat;
}



/* form-contact
****************************************************/

.textfield {
	margin: 0 0 3px 0;
	width: 160px;
	height: 18px;
	border: 1px solid #e6e6e6;
	font: 11px/16px verdana, arial, helvetica, sans-serif; 
	color: #595959;
}

.textarea {
	margin: 0 0 3px 0;
	width: 300px;
	height: 100px;
	border: 1px solid #e6e6e6;
	font: 11px/16px verdana, arial, helvetica, sans-serif; 
	color: #595959;
}

.form-name {
	width: 130px;
	color: #1B0C55;
}

.form-button {
	margin: 0;
	padding: 0;
	color: #fff;
	background: #433F90;
	border: 0 none;
	width: 100px;
	height: 20px;
	font: 11px  verdana, arial, helvetica, sans-serif;
	font-weight: bold;
}

.form-button-hover {
	margin: 0;
	padding: 0;
	color: #fff;
	background: #9D9BC0;
	border: 0 none;
	width: 100px;
	height: 20px;
	font: 11px  verdana, arial, helvetica, sans-serif;
	font-weight: bold;
}

div.hidden {
	display: none;
}





/* form-sollicitatie
****************************************************/

.textfield-sol {
	margin: 0 0 3px 0;
	width: 160px;
	height: 18px;
	border: 1px solid #e6e6e6;
	font: 11px/16px verdana, arial, helvetica, sans-serif; 
	color: #595959;
}

.textarea-sol {
	margin: 0 0 3px 0;
	width: 160px;
	height: 100px;
	border: 1px solid #e6e6e6;
	font: 11px/16px verdana, arial, helvetica, sans-serif; 
	color: #595959;
}

.textarea-large-sol {
	margin: 0 0 3px 0;
	width: 300px;
	height: 100px;
	border: 1px solid #e6e6e6;
	font: 11px/16px verdana, arial, helvetica, sans-serif; 
	color: #595959;
}

.textfield-small-sol {
	margin: 0 0 3px 0;
	width: 30px;
	height: 18px;
	border: 1px solid #e6e6e6;
	font: 11px/16px verdana, arial, helvetica, sans-serif; 
	color: #595959;
}

.form-name-sol {
	color: #1B0C55;
}

.form-button-sol {
	margin: 0;
	padding: 0;
	color: #fff;
	background: #5BBC57;
	border: 0 none;
	width: 100px;
	height: 20px;
	font: 11px  verdana, arial, helvetica, sans-serif;
	font-weight: bold;
}

.form-button-hover-sol {
	margin: 0;
	padding: 0;
	color: #fff;
	background: #ACDDAA;
	border: 0 none;
	width: 100px;
	height: 20px;
	font: 11px  verdana, arial, helvetica, sans-serif;
	font-weight: bold;
}

div.hidden {
	display: none;
}





/* headlines
****************************************************/

.headline-container {
	border-left: 3px #efeeef solid;
	width: 300px;
	font: 11px/14px verdana, arial, helvetica, sans-serif;
}

.headline-container-omo {
	border-left: 3px #433F90 solid;
	width: 300px;
	font: 11px/14px verdana, arial, helvetica, sans-serif;
}

.headline-container strong {
	font: 11px/14px verdana, arial, helvetica, sans-serif;
	color: #6C6C6C;
	font-weight: bold;
}

.headline-container-omo strong {
	font: 11px/14px verdana, arial, helvetica, sans-serif;
	color: #433F90;
	font-weight: bold;
}