@charset "utf-8";
/* CSS Document */

/* structuur styling */

input{  /* voor de switchknop */
font-size:11px;
color:#154A64;
border:1px solid #154A64;
background:#fff;
}

span.highlight{
background:yellow;
}

#bg_wit{ /* voor meldingspagina's */
padding:10px;
background:#fff;
}

body{
margin:5px;
}

body.simple{
margin:15px;
background:#fff;
}

div#kader, div.kader {
width:auto;
padding:10px;
}

#zoom_table td{
padding:0px;
margin:0px;
}

#pagewrap{
width:990px;
margin:auto;
}

#header{
}

#topmenu{
float:right;
}

#topmenu img{
margin:0px 5px 0px 20px;
}

#topmenu a:link, #topmenu a:visited{
text-decoration:none;
}

#topmenu a:hover{
text-decoration:underline;
}

#topmenu input{
width:80px;
margin:3px 0px 0px 0px;
border:1px solid #ccc;
}

#logo{
float:left;
margin:10px 25px 10px 0px;
}

#omgeving{
float:left;
margin:20px 0px 0px 0px;
}

#menu{
clear:left;
background: url("../images/schaduw_boven.png") left bottom repeat-x;
}

#shadow_left{
width:990px;
background: url("../images/schaduw_links.png") left top repeat-y;
}

#shadow_right{
width:990px;
background: url("../images/schaduw_rechts.png") right top repeat-y;
}

#contentwrap{
margin:0px 0px 0px 5px;
width:980px;
}

#footer{
clear:both;
height:20px;
background:url(../images/schaduw_onder.png) left top repeat-x;
margin:0px 5px;
}

/* menu styling */

ul#menu-h{
margin:0px 0px 0px 200px;
padding:0px;
list-style:none;
}

#menu-h li{
background:url(../images/menu_tab_off_links.png) top left no-repeat;
display:inline-block;
}

#menu-h li span{
background:url(../images/menu_tab_off_rechts.png) top right no-repeat;
display:block;
text-align:center;
padding:8px 20px 0px 6px;
margin:0px 0px 0px 14px;
height:20px;
}

#menu-h li a:link, #menu-h li a:visited {
text-decoration:none;
}

#menu-h li.active, #menu-h li:hover{
background:url(../images/menu_tab_links.png) top left no-repeat;
}

#menu-h li.active span, #menu-h li:hover span{
background:url(../images/menu_tab_rechts.png) top right no-repeat;
}

/* content-container styling */

#pick_course{
padding:5px 7px;
}

#pick_course select{
border:1px solid #ccc;
}

#pick_course option{
padding:2px;
}

#search{
float:right;
width:120px;
margin:5px 10px;
}

#search input{
width:70px;
margin:3px 0px 0px 0px;
border:1px solid #ccc;
}

#ds_tabs{
margin-left:3px;
font-size:11px;
color:#3c3c3c;
}

#ds_tabs span{
vertical-align:top;
padding:0px 4px 1px 6px;
}

#ds_tab_save, #ds_tab_print, #ds_tab_job, #ds_tab_search{
float:left;
border: 1px solid;
border-bottom:0px;
padding:3px 3px 1px 5px;
margin:0px 3px;
}

#ds_tab_save {
background:#e8c8bb;
border-color: #E8B9AD;
}

#ds_tab_print {
background:#B0DAAB;
border-color: #9DCD9C;
}

#ds_tab_job {
background:#EEDAAB;
border-color: #EDCD9C;
}

#ds_tab_search {
background: #F3B4EC;
border-color: #E3A3DC;
}

#ds_bar{
clear:both;
padding:0px 20px;
border: 1px solid #d7d7d7;
color:#494848;
background: #e7e7e7;
}

#ds_bar a:link, #ds_bar a:visited {
color:#494848;
}

#breadcrumb{
float:left;
margin:5px 0px;
width:750px;
}

#breadcrumb img{
margin:0px 7px 1px 7px;
}

#buttons{
float:right;
text-align:right;
line-height:24px;
margin:0px;
}

#buttons img, .buttons_doc img{
margin:2px 5px -5px 10px;
}

.buttons_doc{
clear:right;
}


#main{
clear:both;
padding: 10px 0px;
background:url(../images/kantlijn_bg.gif) center left no-repeat;
background-repeat: repeat-y; 
}

img{
border:0px solid;
}

#content-nav{
float:right;
margin:0px 100px 0px 0px;
}

#content-nav ul{
display:inline-block;
margin:0px 1px 0px 5px;
padding:0px;
}

#content-nav ul li {
display:inline-block;
}

#content-nav ul li span{
display:block;
padding:4px 3px 0px 3px;
text-align:center;
width:18px;
height:20px;
}

#clearb{
clear:both;
}

/* BEGIN BOEK MENU */

#boek-nav {
margin:10px 0px;
position:absolute;
left:0px;
top:108px;
z-index:1;
}

#boek-nav {
width:410px;
}


#boek-nav_kop{
background:#ffd92b;
width:388px;
height:23px;
padding:8px 0px 0px 10px;
}

#boek-nav_kop, #boek-nav_kop a, 
#boek-nav_kop a:hover,
#boek-nav_kop a:visited,
#boek-nav_kop a:link{
color:#000;
}

#boek-nav_kop img{
float:right;
margin:2px 0px 0px 0px;
}

#boek-nav_kop_hoek{
float:right;
background:url(../images/boek-nav_kop_hoek.png) top right no-repeat;
height:31px;
width:12px;
}

#boek-nav_rand_rechts{
clear:both;
background:url(../images/boek-nav_rand_rechts.png) top right repeat-y;
}

#boek-nav_inhoud{
background:#fff4a1;
width:398px;
}

#boek-nav_rand_hoek{
float:right;
height:12px;
width:12px;
background:url(../images/boek-nav_rand_hoek.png) top left no-repeat;
}

#boek-nav_rand_onder{
width:398px;
height:12px;
background:url(../images/boek-nav_rand_onder.png) top left repeat-x;
}


/* normaal */

#boek-nav_inhoud ul{
padding:5px 0px 5px 8px;
margin:0px;
list-style:none;
}

#boek-nav_inhoud ul ul,
#boek-nav_inhoud ul ul ul {
margin-left:20px;
padding:0px;
}

#boek-nav_inhoud ul li,
#boek-nav_inhoud ul ul li,
#boek-nav_inhoud ul ul ul li{
margin:0px;
padding:3px 0px;
border:0px;
border-bottom:1px dotted #000;
}

#boek-nav_inhoud ul li:before,
#boek-nav_inhoud ul ul li:before,
#boek-nav_inhoud ul ul ul li:before{
content:url(../images/content_pijl_rechts.png);
margin:0px 5px 0px 10px;
}

/* actief */

#boek-nav_inhoud ul li.active:before,
#boek-nav_inhoud ul ul li.active:before,
#boek-nav_inhoud ul ul ul li.active_page:before
{
content:url(../images/content_pijl_onder.png);
}

#boek-nav_inhoud ul li.active,
#boek-nav_inhoud ul ul li.active,
#boek-nav_inhoud ul ul ul li.active_page {
background:#ffef89;
font-weight:bold;
}

/* hover */

#boek-nav_inhoud ul li:hover,
#boek-nav_inhoud ul ul li:hover,
#boek-nav_inhoud ul ul ul li:hover{
background:#fff;
}

#boek-nav_inhoud ul li:hover:before,
#boek-nav_inhoud ul ul li:hover:before,
#boek-nav_inhoud ul ul ul li:hover:before {
content:url(../images/content_pijl_onder.png);
}

/* linked */

#boek-nav_inhoud ul li a,
#boek-nav_inhoud ul ul li a{
padding:5px 0px 5px 3px;
}

#boek-nav_inhoud ul li a:link, #boek-nav_inhoud ul li a:visited{
text-decoration:none;
color:#000;
}

#boek-nav_inhoud ul li a:hover {
text-decoration:underline;
}

/* EINDE BOEK MENU */


/* meldingen */

div.melding_fout {
	color: #CC3333;
	padding:10px;
	background: #F0F5F9;
	line-height: 1.7em;
	border: 1px solid #CC3333;
	margin-bottom : 15px;
	width:100%;
}
	
div.melding_goed {
	color: #339933;
	padding:10px;
	background: #F0F5F9;
	line-height: 1.7em;
	border: 1px solid #339933;
	margin-bottom : 15px;
	width:100%;
}

div.melding {
	color: #000;
	padding:10px;
	background: #F0F5F9;
	line-height: 1.7em;
	border: 1px solid #BAD3E3;
	margin-bottom : 15px;
	width:100%;
}

div.melding p {
margin:10px 0px 12px 0px;
}

div.melding input, div.melding_goed input, div.melding_fout input{
font-size:11px;
color:#154A64;
border:1px solid #154A64;
background:#fff;
}

/* product_gallery */

#product_gallery {
background:#feda6a;
height:240px;
margin-bottom:15px;

}

/* einde product_gallery styling */

/* begin frontpage content styling */

#frontpage_content {
padding:10px 50px;
}

/* einde frontpage content styling */

/* begin pagina-inhoud styling */

#page{
margin: 30px 0px 0px 30px;
width:500px;
}

#content {
margin: 20px 0px 0px 280px;
width:500px;
min-height:400px;
}

#content_breed {
margin: 20px 0px 0px 280px;
width:660px;
min-height:400px;
}

#content_nomargin {
margin: 30px 0px 0px 280px;
width:500px;
min-height:400px;
}

div.content{
}

#kantlijn, div.kantlijn,
div.kantlijnstap {
float:left;
clear:left;
margin: 0px 0px 0px -250px;
width:180px;
}

h1, div.kop {
margin:15px 0px 10px 0px;
}

h2 {
margin:20px 0px 10px 0px;
}

table.default h2{
margin-top:0px;
}

div.kader h2{
margin-top:0px;
}

h4{
margin:0px;
padding:0px;
font-size:12px;
}

.vet, em {
}

a:link, a:visited{
}

a:hover{
}

/* vraagvak */

#content #vraag,
#content div.vraag,
div.content div.vraag {
padding:5px 10px;
margin-bottom:10px;
}

#content #vraag p,
#content div.vraag p,
div.content div.vraag p{
margin:0px;
}

div.vraag textarea, #vraag textarea{
width:470px;
display:block;
}

div.vraag ul textarea{
width:380px;
}

div.vraag input, #vraag input{
}

/* stap */

#content #stap,
#content div.stap,
div.content div.stap {
padding-bottom:15px;
}

#content #stap p,
#content div.stap p,
div.content div.stap p{
margin:0px;
}

/* antwoord */

#content #antwoord,
#content div.antwoord,
div.content div.antwoord {
padding:5px 10px;
margin:10px 0px 10px 20px;
}

#content #antwoord p,
#content div.antwoord p,
div.content div.antwoord p{
margin:0px;
}

/* antwoordkader */

div.antwoordkader{
padding:5px 10px;
margin:10px 0px;
}

textarea{
width:400px;
display:block;
}

/* oplossen dubbelvak vraag + antwoordkader */

div.vraag div.antwoordkader,
div#vraag div.antwoordkader {
padding:0px;
margin:0px;
border:0px;
background:none;
}


/* afbeelding */

div.afbeelding, div#afbeelding {
}

div.photo {
display:inline;
}

div.photo img, 
div.afbeelding img, div#afbeelding img{
padding:5px;
background:#fff;
margin:0px 8px 8px 0px;
border:1px solid #ccc;
}

div.photo a img:hover,
div.afbeelding a img:hover, div#afbeelding a img:hover{
padding:4px;
border:2px solid #ccc;
}

div.bijschrift, div#bijschrift{
clear:left;
}

/* tabellen */

table.tabel2{
border-collapse:collapse;
}

table.tabel2 td{
padding:2px 5px;
}

table.tabel2 th{
padding:2px 5px;
}

table.tabel2 caption{
caption-side:bottom;
}

table.tabel3{
border-collapse:collapse;
}

table.tabel3 td{
padding:2px 5px;
}

table.tabel3 th{
padding:2px 5px;
}

table.tabel3 caption{
caption-side:bottom;
}

table.probeer{
border-collapse:collapse;
}

table.probeer td{
padding:2px 5px;
}

table.probeer td.antwoord, table.probeer td.geluid {
padding:2px 5px;
width:100px;
}

table.probeer td.antwoord:hover div{
display:none;
}

table.probeer td.antwoord p{
display:none;
}

table.probeer td.antwoord:hover p{
display:inline;
}

table.wintoets{
border-collapse:collapse;
width:420px;
}

table.wintoets th{
}

table.wintoets td{
padding:5px;
}

table.wintoets td.toetsen ul{
margin:0px;
padding:0px;
max-width:400px;
}

table.wintoets td.toetsen ul li {
float:left;
display:inline;
margin:0px;
padding:5px 0px 5px 0px;
width:30px;
list-style-type:none;
}

table.wintoets td.toetsen ul li:hover {
}

table.wintoets td.toetsen ul li a {
color:#1C6283;
}

table.wintoets td.toetsen ul li a:hover, table.wintoets td.toetsen ul li:hover a {
}

/* voorbeeld vakken */

div.voorbeeld_code, #voorbeeld_code{
padding: 0px 10px;
}

div.voorbeeld, #voorbeeld {
padding: 4px 10px;
}

/* element CODE voor Rekenen */
code {
font-size:15px;
}


/* info popup geel */

.info:hover .infotekst {
background: #fff9b1;
border: 1px solid #ffe740;
margin-left:20px;
margin-top:-15px;
padding: 5px 8px;
position: absolute;
display: block;

}

.infotekst ul{
margin:0px;
margin-left:15px;
padding:0px;
}

.infotekst {
display: none;
}


/* highlight nieuw bericht */

.new {
background:#ffff00;
padding:1px 5px 1px 3px;
margin-left:-3px
}


/* notitie voorpagina */

textarea.notes {
width: 250px;
height:100px;
}

input.notes {
display:inline;
margin:5px 0px;
}


/* box voorpagina */

div.box{
width:300px;
display:block;
padding:0px 10px 5px 10px;
margin:0px 5px 10px 5px;
}

div.methode{
overflow:hidden;
}

div.notities{
}

div.bekeken{
}

div.overzicht{
}

div.bestellen{
}

div.informatie{
}

div.updates{
}

/* kantlijn */

div.kantlijn div.stap,
div.kantlijnstap,
#kantlijn #stap,
#kantlijn div.stap{
}


div.kantlijn div.vraag,
#kantlijn #vraag,
#kantlijn div.vraag{
}

div.kantlijn div.probeer,
#kantlijn #probeer,
#kantlijn div.probeer{
}

div.kantlijn div.commentaar, 
#kantlijn #commentaar,
#kantlijn div.commentaar{
text-align:right;
font-size:16px;
font-weight:bold;
color:#888;
}

/*  input  */

#content input.radio {
border:0px solid #000;
}

/* oude opmaak (in tabellen) */

#content table {margin:0px 0px 0px -280px;}
td.cel1 {width:180px; padding: 0px 0px 0px 30px; }
td.cel2 {width:500px; padding: 0px 0px 0px 70px; }
td.cel3 {}
td.cel4 {padding: 0px 0px 0px 70px; font-size:16px; font-weight:bold; color:#1C6283}
#content table.extrainf{margin:0px 0px 0px -280px;}

/* opheffen van foutieve weergave door negatieve marge oude opmaak (in tabellen) */

#content table.tabel1,
#content table.tabel2, 
#content table.tabel3, 
#content table.default,
#content table.wintoets,
#content table.probeer,
#content table.evaluatie,
#content .voorbeeld table,
#content td.cel2 table,
#content div.em table
{
margin:0px 0px 0px 0px;
}

td.cel1 div.kantlijn{
margin:0px 0px 0px 0px
}

/* Boekversie OPLOSSEN PROBLEMEN PDF */

h1.boekversie {
font-size:28px;
}

h2.boekversie {
font-size:22px;
}

h3.boekversie {
font-size:18px;
}

h6 {
page-break-after:always;
}

/* ECDL classes */

p.opdrachtnummer {
float:left;
width:180px;
margin:0px 0px 0px -250px;
}

p.opdracht {margin-left: 25px; margin-top: 5px; margin-bottom: 5px}
p.antwoord {padding:5px 10px; margin:10px 0px 10px 60px;}
p.gewonetip {}
p.uitwerking {margin-left: 30px; margin-top: 5px; margin-bottom: 5px}
div.uitwerking {margin-left: 7px; margin-top: 5px; margin-bottom: 5px}
p.uitwerkingtip {}
li.uitwerking {margin-left: 7px; margin-top: 5px; margin-bottom: 5px}

li.pcc_opsomming { margin-top: 5px; margin-bottom: 5px}
li.pcc_opdrachtopsomming { margin-top: 5px; margin-bottom: 5px}
ol.pcc_opdrachtopsomming { margin-left: 23px; margin-top: 5px; margin-bottom: 5px}
 
p.pcc_opdracht { margin-top: 5px; margin-bottom: 5px}
p.pcc_antwoord {margin-left: 80px; margin-top: 0px; background: #ffffea; width: 70%; height: 13px; border: 1px solid #000080; padding: 3px}

p.ti_opdrachtnummer { width:130px; margin-top: 30px; margin-bottom: 0px; color: #FFFFFF; background-color: #049EFF}
p.ti_opdracht {margin-top: 5px; margin-bottom: 5px}
p.ti_antwoord {margin-left: 50px; }
p.ti_gewonetip {color: #FF0000}
p.ti_uitwerking {margin-top: 5px; margin-bottom: 5px}
div.ti_uitwerking {margin-top: 5px; margin-bottom: 5px}
p.ti_uitwerkingtip {color: #FF0000}
li.ti_uitwerking {margin-top: 5px; margin-bottom: 5px}

ol.ti_opdrachtopsomming {margin-left: 23px;  margin-top: 5px; margin-bottom: 5px;}

/* einde pagina-inhoud styling */