/*							Copyright:		SPB B.V.								*/
/*							Realisatie:		Websites Nederland						*/
/*							E-mail:			info@websitesnederland.nl				*/

html, body {
	height: 100%;
}

body {
	margin: 0px;
}

img {
	border: 0;
}

.logo {
	width: 175px;
	height: 150px;
	border: none;
}


ul {
	margin-top: 0px;
	margin-bottom: 0px;	
}

/* content */
.content {
	margin-left: 5px;
	width: 444px;
	height: auto;
	position: relative;
}

.content: after {
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
}

.path {
	background: url(../images/template/content_top_bg.gif);
	width: 444px;
	height: 40px;
}

.tekst {
	margin-left: 50px;
	width: 300px;
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	color: #000000;
	line-height: 14px;
}

.tekst h1 {
	margin-top: 0px;
	margin-bottom: 0px;
}
.tekst p {
	margin: 0px;
	padding: 5px;
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	color: #000000;
	line-height: 14px;
}

.tekst td {
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	color: #000000;
	line-height: 14px;
}

.ledenlijst td {
	line-height: 21px;
}

.contact td {
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	color: #000000;
	line-height: 14px;
}

.contact .label {
	width: 75px;
}

/* login */
.banner {
	width: 160px;
	height: 352px;
	margin-top: 31px;
	margin-left: 30px;
}

.login_leerlingen {
	background: url(../images/template/login_leerlingen.jpg);
	width: 160px;
	height: 163px;
	margin-top: 31px;
	margin-left: 30px;
}

.login_bedrijven {
	background: url(../images/template/login_bedrijven.jpg);
	width: 160px;
	height: 163px;
	margin-top: 26px;
	margin-left: 30px;
}

.form_login {
	display: inline;
	margin: 0px;
	padding: 0px;
}

input {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

.verzenden {
	width: 150px;
	height: 21px;
	background: #ffffff;
	border: 1px solid #ffe600;
}

.label_sollicitatie {
	width: 150px;
	height: 21px;
}

.vmbo {
	width: 60px;
	border: 1px solid #9f9f9f;
}

.sollicitatie {
	width: 150px;
	border: 1px solid #9f9f9f;
	margin-bottom: 5px;
}

.gebruikersnaam {
	display: inline;
	margin-top: 40px;
	margin-left: 10px;
	width: 130px;
}

.wachtwoord {
	display: inline;
	margin-left: 10px;
	margin-top: 25px;
	width: 130px;
}

.image_button {
	display: inline;
	margin-top: 20px;
	margin-left: 80px;
}

/* buttons */
.buttons {
	width: 160px;
	height: 97px;
	margin-top: 40px;
	margin-left: 30px;
}

.button_aanmelden {
	width: 152px;
	height: 20px;
	background: url(../images/button_aanmelden.gif);
	border: none;
}

/* hoofdmenu */
.menu {
	margin-top: 5px;
	margin-left: 5px;
	width: 450px;
	height: 27px;
}

.menu_item {
	width: 87px;
	height: 27px;
	float: left;
	margin-right: 3px;
}

.menu_item img {
	border: none;
}

.arrow_home {
	background: url(../images/template/arrow.gif) no-repeat;
	height: 11px;
	width: 11px;
	margin-top: 5px;
	margin-left: 35px;
	line-height: 11px;
	font-size: 9px;
}

.arrow_organisatie {
	background: url(../images/template/arrow.gif) no-repeat;
	height: 11px;
	width: 11px;
	margin-top: 5px;
	margin-left: 125px;
	line-height: 11px;
	font-size: 9px;
}

.arrow_spb {
	background: url(../images/template/arrow.gif) no-repeat;
	height: 11px;
	width: 11px;
	margin-top: 5px;
	margin-left: 215px;
	line-height: 11px;
	font-size: 9px;
}

.arrow_sptm {
	background: url(../images/template/arrow.gif) no-repeat;
	height: 11px;
	width: 11px;
	margin-top: 5px;
	margin-left: 305px;
	line-height: 11px;
	font-size: 9px;
}

.arrow_contact {
	background: url(../images/template/arrow.gif) no-repeat;
	height: 11px;
	width: 11px;
	margin-top: 5px;
	margin-left: 395px;
	line-height: 11px;
	font-size: 9px;
}

/* submenu */

.submenu_rood {
	width: 175px;
	height: 240px;
	background: #ff0000;
}

.submenu_blauw {
	width: 175px;
	height: 240px;
	background: #0066cc;
}

.submenu_lichtblauw {
	width: 175px;
	height: 240px;
	background: #3399ff;
}

.submenu_oranje {
	width: 175px;
	height: 240px;
	background: #ff9900;
}

.submenu_geel {
	width: 175px;
	height: 240px;
	background: #ffe600;
}


.submenu_item img {
	border: none;
}

.submenu_item {
	border-top: 1px solid #ffffff;
}

/* links */
.link_blauw {
	font-weight: bold;
	text-decoration: none;
	color: #0066cc;
}

.link_lichtblauw {
	font-weight: bold;
	text-decoration: none;
	color: #3399ff;
}

.link_oranje {
	font-weight: bold;
	text-decoration: none;
	color: #ff9900;
}

.link_geel {
	font-weight: bold;
	text-decoration: none;
	color: #ffe600;
}

.link_rood {
	font-weight: bold;
	text-decoration: none;
	color: #ff0000;
}

/* rood */
.vlak_rood_top {
	background: url(../images/template/vlak_rood_top.gif);
	width: 227px;
	height: 81px;
}

.vlak_rood_onder {
	background: url(../images/template/vlak_rood_onder.gif);
	width: 227px;
	height: 120px;
}

.tab_rood {
	margin-top: 11px;
	background: url(../images/template/tab_rood.gif);
	width: 175px;
	height: 40px;
}

/* blauw */
.vlak_blauw_top {
	background: url(../images/template/vlak_blauw_top.gif);
	width: 227px;
	height: 81px;
}

.vlak_blauw_onder {
	background: url(../images/template/vlak_blauw_onder.gif);
	width: 227px;
	height: 120px;
}


.tab_blauw {
	margin-top: 11px;
	background: url(../images/template/tab_blauw.gif);
	width: 175px;
	height: 40px;
}

/* lichtblauw */
.vlak_lichtblauw_top {
	background: url(../images/template/vlak_lichtblauw_top.gif);
	width: 227px;
	height: 81px;
}

.vlak_lichtblauw_onder {
	background: url(../images/template/vlak_lichtblauw_onder.gif);
	width: 227px;
	height: 120px;
}


.tab_lichtblauw {
	margin-top: 11px;
	background: url(../images/template/tab_lichtblauw.gif);
	width: 175px;
	height: 40px;
}

/* oranje */
.vlak_oranje_top {
	background: url(../images/template/vlak_oranje_top.gif);
	width: 227px;
	height: 81px;
}

.vlak_oranje_onder {
	background: url(../images/template/vlak_oranje_onder.gif);
	width: 227px;
	height: 120px;
}


.tab_oranje {
	margin-top: 11px;
	background: url(../images/template/tab_oranje.gif);
	width: 175px;
	height: 40px;
}

/* geel */
.vlak_geel_top {
	background: url(../images/template/vlak_geel_top.gif);
	width: 227px;
	height: 81px;
}

.vlak_geel_onder {
	background: url(../images/template/vlak_geel_onder.gif);
	width: 227px;
	height: 120px;
}


.tab_geel {
	margin-top: 11px;
	background: url(../images/template/tab_geel.gif);
	width: 175px;
	height: 40px;
}


/* sfeerfoto */
.sfeerfoto {
	width: 175px;
	height: 176px;
	margin-top: 5px;
}




.bouwnieuws {
	background: url(../images/template/kop_bouwnieuws.gif) no-repeat #ffe600;
	width: 175px;
	height: 234px;
	margin-top: 5px;
}



.header {
	width: 440px;
	height: 150px;
	margin-left: 12px;
}

#left {
	display: inline;
	width: 175px;
	float: left;
}


.top {
	width: 456px;
	height: 202px;
	background: #ffffff; 
}

#leden {
	padding: 5px;
}

#midden {
	display: inline;
	background: url(../images/template/top_bg.gif) repeat-x top;
	width: 456px;
	float: left;
}

#midden: after {
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
}

#right {
	display: inline;
	width: 227px;
	float: right;
}

#website {
	width: 858px;
	position: relative;
	min-height: 100%; /* For Modern Browsers */
	height: auto !important; /* For Modern Browsers */
	height: 100%; /* For IE */
}

#site {
	width: 858px;
	height: 100%;
	background: url(../images/template/content_right_bg.gif) repeat-y 621px;
}

#container {
	width: 100%;
	height: 100%;
}

#outer {
	width: 904px;
	height: 100%;
}

#bg_left {
	background: url(../images/template/spb_bg.gif) repeat right;
	width: 50%;
	height: 100%;
}

#bg_right {
	background: url(../images/template/spb_bg.gif) repeat left;
	width: 50%;
	height: 100%;
}

#shadow_left {
	background: url(../images/template/shadow_left.gif) repeat-y;
	width: 23px;
	height: 100%;
}

#shadow_right {
	width: 23px;
	height: 100%;
}


.no_shadow_right {
	background: url(../images/template/no_shadow_bg.gif);
	width: 23px;
	height: 93px;
}


.shadow_right {
	background: url(../images/template/shadow_right.gif) repeat-y;
	width: 23px;
	height: 100%;
}

#aanmelden {
	margin-right: 30px;
}