html { height: 100%; }
body { height: 100%; background: #efefef; margin: 0; padding: 0; font-family: verdana, arial, sans-serif; font-size: 13px;}
input, textarea { border: solid 1px #000000; font-family: verdana, arial, sans-serif; font-size: 13px; }
a { color: #1591ff; text-decoration: none; }
a:hover { text-decoration: underline; }
a.nohover:hover { text-decoration: none; }
a img {border: none;}

/* voor popups */
body form { padding: 20px; }
/* zet de normale weer goed */
body #wrapper form, body #wrapper2 form { padding: 0; }

#wrapper { position: relative; width: 960px; margin: 0 auto; background: #ffffff url(images/bg_header.gif) repeat-y; min-height: 100%; }
#wrapper2 { position: relative; width: 960px; margin: 0 auto; background: #ffffff url(images/bg_header2.gif); min-height: 100%; }
*html #wrapper, *html #wrapper2 { height: 100%; }

	#header { width: 100%; background: url(images/bg_header_top.gif) no-repeat 100% 0%; /*height: 50px; border-bottom: 26px solid #ffffff;*/ border-top: 16px solid #efefef; }
		#header #logo_SVL { border: none; margin-left: 1px; /*float: left;*/ }
		#header #logo_libbemulder { float: right; margin-right: 10px; }

	#menu { background: #cecfce; float: left; margin-left: 1px; width: 206px; /*height: 100%;*/ border-top: 26px solid #dedfde; /* top: -12px;*/ }
	*html #menu, *+html #menu { position: relative; top: -3px; }
		#menu ul { list-style: none; margin: 0; padding: 0; }
		#menu li { background: #dedfde; border-bottom: solid 1px #ffffff; margin:0; }
		#menu li.empty { padding: 4px 15px; }
		#menu ul li.title { background: none; font-weight: bold; padding: 4px 15px; }
		#menu ul li.normalBg { background: #cecfce; font-weight: bold; padding: 4px 15px; }
		#menu ul li a { display:block; text-decoration: none; color: #000000; background: #dedfde; padding: 4px 15px; width: 176px; }
		#menu ul li a:hover { background: #ffffff; }
		#menu table.login { margin: 20px 0 0 10px; }
		#menu table.login th { position: relative; left: -7px; }
		#menu table.login tr td { text-align: right; font-size: 10px; }
		#menu table.login tr td.error { color: #ff0000; }
		#menu table.login tr td.button { padding-right: 15px; }
		#menu table.login tr td input { width: 100px; }
		
	#content { width: 680px; padding: 30px; float: left; line-height: 18px; }
		#content h2 { font-size: 22px; font-weight: normal; color: #1591ff; padding:0; margin: 0 0 20px 0; }
		#content h3 { font-size: 16px; font-weight: normal; color: #1591ff; }
		
		#content .tabel2 table { border: solid 1px #dedfde; border-collapse: collapse; }
		#content .tabel2 table .titel { background-color: #dedfde; color: #000000; font-weight: bold; }
		#content .tabel2 table td { padding: 3px 15px 3px 5px }
		#content .tabel2 table td.links { width: 150px; padding-left: 15px; }
		#content .tabel2 table input { width: 300px; }
		#content .tabel2 table select { width: 300px; }
		#content .tabel2 textarea { width: 300px; height: 100px; }
		#content .tabel2 table td.check input { width: auto; border: none;}
		
		#content .tabel table { border: solid 1px #dedfde; border-collapse: collapse; }
		#content .tabel table .titel { background-color: #dedfde; color: #000000; font-weight: bold; }
		#content .tabel table td { padding: 3px 15px 3px 5px }
		#content .tabel table td.links { width: 150px; padding-left: 15px; }
		#content .tabel table input { border: none; }
		
		#content .gridview { border: none !important; }
		#content .gridview tr { border-top: solid 1px white !important; border-bottom: solid 1px white !important; }
		#content .gridview tr td, #content .gridview tr th { border: none !important; }
		#content .gridview tr th { padding-left: 12px; }
		#content .gridview tr td { padding-left: 10px; }
		#content .gridview tr td tr { border-top: none !important; border-bottom: none !important; }
		#content .gridview a { color: #1591ff; text-decoration: none; }
		#content .gridview a:hover { text-decoration: underline; }
		
		#content .gridview td.leerlingoverzicht {line-height: 25px}
		
		#content .tabel2 .optie table { width: 100%; margin: 0; border-collapse: collapse; text-align:left }
		#content .tabel2 .optie td { padding: 0 }
		#content .tabel2 .optie input { width: auto }
		
		#content .button { float: right; margin-top: 10px; padding-right: 178px; }
		#content .button2 { float: right; margin-top: 10px; padding-right: 232px; }
		#content .buttonlinks {margin-top: 10px; margin-left:7px;}
        #content .buttonintitelleerling { float:right; padding-right: 282px; }
        #content .buttonintitelklas { float:right; padding-right: 181px; }
        
		#content .clear { border: none; width:auto;}
		#content .clear.radio { border: none; width:auto; }
		#content .clear.radio input { border: none; /*width: 30px;*/ width: auto; }		
		#content .formbuttons { float: right; }
		#content .formbuttons #bezig {}
		#content .formcontainer { width: 100%; margin-bottom: 20px; border: solid 1px #dedfde; border-collapse: collapse; }
		#content .formcontainer td { border-bottom: solid 1px #dedfde; }
		#content .formcontainer td table td { border-bottom: none; }
		#content .formcontainer td { border-bottom: solid 1px #dedfde; }
					
		#content .formcontainer td input.radio {width:auto; vertical-align: top;}
		#content .formcontainer td label.label {margin-left: 3px; margin-right: 20px; vertical-align: middle}
		
		table.achtergrond {width: 100%}
		table.achtergrond td {width: 100%;}
		table.achtergrond tr:hover td {background-color: #badfff;}
		table.achtergrond td input {vertical-align: top; float: left;}
		table.achtergrond td label {vertical-align: middle; width: 653px; height: 20px; float: left;}
		
		table.instructies {width: 100%}
		table.instructies td {width: 100%;}
		table.instructies tr:hover td {background-color: #badfff;}
		table.instructies td input {vertical-align: top; float: left;}
		table.instructies td label {vertical-align: middle; width: 653px; height: 20px; float: left;}
		
		table.afname {width: 100%}
		table.afname td {width: 100%;}
		table.afname tr:hover td {background-color: #badfff;}
		table.afname td input {vertical-align: top; float: left;}
		table.afname td label {vertical-align: middle; width: 653px; height: 20px; float: left;}
		
		#content .error {color: Red}
		
		#content .contentbox_klas .boxcontent .error {color: Red}
		#content .contentbox_klas .boxcontent .content input { border:none; }
		#content .contentbox_klas .boxcontent .formfields input { border:none; }
		#content #footer { margin-top: 20px; }
		
		#content .facturenoverzicht {margin-top: 50px;}
		
		.buttonwwv {float: right; width: 100px; margin-top: 5px;}
		.buttonwwvlinks {width: 40px;}
		
		#content .tabel2 table tr td table.rblNieuweAfname tr td input {width: auto; border: none; vertical-align:top}

table.jaargangen td input {border: none; vertical-align: top; padding-right: 3px;}
.buttonanderjaargang {float: right;}
.printknoprechts {float: right;}

#voetnoot {position:absolute; display:none; width:300px; background-color:#ececec; border:solid 2px #1591ff; border-top-width:8px; z-index:100; padding:8px;}
.content { }
span.voetnoot { background: url(images/comment.png) no-repeat 0 0; width: 16px; height: 16px; display: inline-block; }

#info {position:absolute; display:none; width:510px; background-color:#ececec; border:solid 2px #1591ff; border-top-width:8px; z-index:100; padding:8px; margin-top:20px;}
.informatie { }
span.info { background: url(images/info.png) no-repeat 0 0; width: 16px; height: 16px; display: inline-block; }

input.datum_dagmaand {width: 20px;}
input.datum_jaar {width: 35px;}
.meldingGeenRapportage {border:solid 1px #5ab2ff; padding:10px;}

#content .contentbox_klas .boxcontent .content input.logintextbox {border: solid 1px #000000;}

#content .contentbox_klas .boxcontent .content table.login2 {  }
#content .contentbox_klas .boxcontent .content table.login2 th {text-align: left; }
#content .contentbox_klas .boxcontent .content table.login2 tr td { }
#content .contentbox_klas .boxcontent .content table.login2 tr td.error { color: #ff0000; }
#content .contentbox_klas .boxcontent .content table.login2 tr td.button { padding-right: 15px; }
#content .contentbox_klas .boxcontent .content table.login2 tr td input { width: 150px; }
#content .contentbox_klas .boxcontent .content table.login2 .button input {width: auto; border: solid 1px #000000;}

#content .tabel2 table.radio {border: none; }
#content .tabel2 table.radio tr td input {width: auto;}

#content .tabel2 .radioGeslacht input {width: auto; border: none;}

.check {width: auto;}
.loginfout {color: #ff0007; font-style: italic;}

input.emailLeerkracht {width: 250px;}

#content .klasoverzichtrechts {float: left; width: 150px; margin-left: 30px;}
#content .klasoverzichtrechts .box {width: 148px; border: 1px solid #000000; background-color: #dedfde; padding: 3px; margin-bottom: 10px;}

#content .leerlingoverzichtrechts {float: right; width: 200px; }
#content .leerlingoverzichtrechts .box {width: 198px; border: 1px solid #000000; background-color: #dedfde; padding: 3px; margin-bottom: 10px;} 
#content .leerlingoverzichtrechts .box input {}

#content .schoolmenu {float: right; font-size: 13px; color: #000;}

#content .tabel2.overzicht table input { width: auto; }
#content .tabel2.overzicht table select { width: auto; }
/*
#trAuditief {display:none;}
*/