/*css */
body {
 	font-family:Verdana, Arial, Helvetica, sans-serif;
 	font-size:11px;
	background:url('../images/background.gif') fixed repeat-x;
	margin:0;
	color:#666666;
}

img {
	border:0;
}

#wrapper {
	margin:0 auto;
	width:1000px;
	background-color:#FFFFFF;
}

/* Faux zorgt ervoor dat linker en rechter colom zelfde hoogte hebben faux columns */
#faux {
	background:url('../images/fauxcollum.gif');
	width:100%;
	overflow:hidden;
}

/* header */
#header {
 	width:1000px;
 	height:248px;
	background:url('../images/header.gif') no-repeat;
}

#header h1 {
	display:none;
}

/* kruimels */
#kruimels {
	height:20px;
	width:1000px;
	background:url('../images/kruimels.gif') no-repeat;
	text-align:left;
	font-weight:bold;
	color:#2B6DF9;
}

#kruimels a {
	margin:0 10px 0 10px;
	font-weight:normal;
	text-decoration:underline;
	color:#2B6DF9;
}

#kruimels a:hover {
	color:#6496FA;
}

/* linker kolom */
#leftcolumn {
	display:inline;
	width:292px;
	min-height:438px;
	height:438px;
	float:left;
	background:url('../images/navigatiebubels.gif') no-repeat;
	border-left:1px solid #FFC000;
}

/*login*/
#loginboven {
	height:36px;
	background:url('../images/loginboven.gif') no-repeat;
	border:#FFF;
}

#loginmidden {
	height:125px;
	background:url('../images/loginmidden.gif') no-repeat;
	padding:25px 0 0 0;
}

#loginmidden strong {
	margin:0 0 0 60px;
	color:#3373F9;
}

#loginmidden .gebruikersnaam, #loginmidden .ww {
	margin:0 0 0 60px;
	padding:0;
	border:1px solid #6496FA;
	display:block;
}

#loginbeneden {
	margin:0;
	height:64px;
	background:url('../images/loginbeneden.gif') no-repeat;
}

#aanmeldentop {
	height:57px;
	background:url('../images/aanmelden-top.gif') no-repeat;
}

#aanmeldenmidden {
	height:60px;
	background:url('../images/aanmelden-midden.gif') no-repeat;
	padding:10px 60px 0 60px;
}

#aanmeldenmidden a:link, #aanmeldenmidden a:visited {
	margin:0;
	font-weight:bold;
	color:#3373F9;
	text-decoration:underline;
}

#aanmeldenmidden a:hover {
	color:#6496FA;
}

#aanmeldenonder {
	height:61px;
	background:url('../images/aanmelden-onder.gif') no-repeat;
}


/* als er geen login voor de leerlingen gebruikt wordt het volgende aanmeldmenu tonen */
#aanmeldentopGeenLogin {
	height:57px;
	background:url('../images/aanmelden-top_geenInlog.gif') no-repeat;
}

#aanmeldenmiddenGeenLogin {
	height:60px;
	background:url('../images/aanmelden-midden_geenInlog.gif') no-repeat;
	padding:10px 60px 0 60px;
}

#aanmeldenmiddenGeenLogin a:link, #aanmeldenmiddenGeenLogin a:visited {
	margin:0;
	font-weight:bold;
	color:#3373F9;
	text-decoration:underline;
}

#aanmeldenmiddenGeenLogin a:hover {
	color:#6496FA;
}

#aanmeldenonderGeenLogin {
	height:61px;
	background:url('../images/aanmelden-onder_geenInlog.gif') no-repeat;
}

.knop {
	margin:10px 40px 5px 60px;
	border:1px solid #3373F9;
	cursor:pointer;
	background:#6496FA;
	color:#FFFFFF;
	font-weight:bold;
}

.knop:hover {
	background-color:#3373F9;
}

#loginmidden a:link, #loginmidden a:visited {
	margin:0 0 0 60px;
	font-weight:bold;
	color:#3373F9;
	text-decoration:underline;
}

#loginmidden a:hover {
	color:#6496FA;
}

/*Content */
#content {
	float:right;
	width:600px;	
	min-height:418px;
  	height:auto !important;
  	height:418px;	
	padding:10px 96px 10px 10px;
	display:inline;
	position:relative;
	background:url('../images/backcontent.gif') repeat-x;
	border-right:1px solid #FFC000;
}

#content h1 {
	margin:15px 0 20px 0;
	font-size:19px;
	border-bottom:2px solid #FFC000;
	color:#3373F9;
}

#content fieldset {
	margin:0;
	border:2px solid #FFC000;
	width:600px;
	text-align:left;
	padding:15px;
}

#content fieldset legend {
	margin:0 0 10px 20px;
	color:#3373F9;
	font-weight:bold;
	font-size:19px;
}

#content label {
	color:#3373F9;
	font-weight:bold;
	text-align:right;
}

.knopwwvergeten {
	margin:10px 0 0 0;
	padding:0;
	border:1px solid #3373F9;
	cursor:pointer;
	background:#6496FA;
	color:#FFFFFF;
	font-weight:bold;
}

.knopwwvergeten:hover {
	background-color:#3373F9;
}

/* Adres*/
#adres {
 	margin: 15px 0 0 0;
 	border-top: 2px solid #FFC000;
	padding: 10px 0 0 0
}

#adres h3 {
	color:#3373F9;
	margin:5px 0 0 0;
	font-size:12px;
}

#adres ul {
	margin:0;
	padding:0;
}

#adres li {
	margin:0;
	list-style-type:none;
}

#adres a:link, #adres a:visited {
	color:#666;
	text-decoration:underline;
}

#adres a:hover {
	color:#333333;
}

/* Footer */
#footer {
 	clear:both;
	width:950px;
 	height:26px;
	background:url('../images/footer.gif') no-repeat;
	text-align:right;
	color:#2B6DF9;
	padding:65px 50px 0 0;
}

#footer a {
	margin:0 10px 0 0;
	text-decoration:underline;
	color:#2B6DF9;
}

#footer a:hover {
	color:#6496FA;
}

form {
    padding:0;
    margin:0;
}

.knopwijzig {
	background-color:#FFC100;
	font-weight:bold;
	color:#0066FF;
	margin:10px 0px 10px 10px;
	border:2px solid #FFCA5E;
	cursor:pointer;
}