body{
    margin:0px;
    padding:0px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 75%;
}
@media print {
    .noprint {display:none;}
}

#wrapper {
    width:100%;
}
/* CONTAINER */

        #container {
            width: 990px; margin: 0 auto; overflow:auto; clear:both;
            line-height: 1.6em; color: #222;
        }
        
/* HEADER ELEMENTS */

        #header{
            position:relative; width:100%; height:78px; top:0px; left:0px;
            margin-top:-1px; padding-top:0px; text-align:center;
            border-top:1px solid white;
            background-color: #dd2222;
        }
        div#headertop {background-color:green;height:44px;color:white;font-weight: normal;font-size:220%;padding-top:8px;}
        #menu { font-size:110%;color:white; width:990px; text-align:center; margin:0 auto 0 auto; } 
        #dd {   margin: 0; padding: 0; }
        #dd li {   margin: 0; padding: 0; list-style: none; float: left; font-weight: bold;  }
        #dd li a.menu    {   display: block; text-align: center; padding: 4px 10px 3px 0px; margin: 0 0 0 0; color: #FFF; text-decoration: none }
        #dd li a.white    {   text-align: center; margin: 0 0 0 0; color: #FFF; text-decoration: none }
        #dd li a.white:hover    {   text-decoration: underline }
        #dd li a.menu_active { color:yellow; }
        #dd li a.menu:hover { text-decoration:underline; }
       /* .submenu {   filter:alpha(opacity:90); -moz-opacity:.9; opacity .9; background: #EAEBD8; border: 1px solid #46461F; margin-left:-1px; visibility: hidden; position: absolute; }
        .submenu a { display: block; text-align: left; text-decoration: none; padding: 5px; padding-left: 15px; color: #46461F; width:150px; }
        .submenu a:hover { background: #ff0000 ; color:white; } */

    
/* CONTENT ELEMENTS */

        #content { width: 420px; margin-left:235px; padding:0px; }
        #content-breed { width: 990px; margin:0px 0px 0px 0px; padding:0px 0px 30px 0px; }
        h2.content-head{z-index:2000;text-align:left;padding-left:234px;}       
        #content p { padding-bottom: 10px; }
/* flashes */
    div#notice, div#error {margin:12px;padding:12px;background-color:#eee;border:1px solid #189E00;}
    div#notice {color: #189E00;}
    div#error  {color: #EE2200;}
/* SIDEBAR ELEMENTS */

        #sidebar-right ,#sidebar-right-breed { float: right; width: 130px; margin-right:0px; padding: 0px 18px 0px 10px; }
        #sidebar-right { margin-top:0px; }
        #sidebar-right-breed { margin-top:120px; }
        #sidebar-left { float: left; width: 205px; margin: 35px 0px 10px 0px; padding-left:16px; }

/* OPMAAK */
img { border:0px; }
img.left { float:left; margin:0px 15px 15px 0px; }
img.right { float:right; margin:0px 0px 15px 15px; }
img.thumbimg {border:1px solid red;}
img.bigimg {border:1px solid black;margin-top:15px;}
.imgcontainer {text-align:justify;}
h1 {
    font-size: 130%; 
    color: #555;
    margin-top:10px;
}
h2 {
    font-size: 100%; 
    color: #555;
    font-weight:bold;
    margin-bottom:0;
    padding-top:0px;
}
h3 {
    font-size: 100%; 
    color: #000;
    font-weight:bold;
    margin-bottom:0px;
}
h4 {}
/* Opmaak formulieren */
legend {
    font-size: 120%; 
    font-weight:bold;
    color: #080;
}
textarea {
    font-family:Arial, Verdana, Helvetica, sans-serif;
    font-size: 100%; 
}

table tr td {vertical-align: top;}


/*
 * Scaffold dingetjes ...
 * */
table.list_table {margin-left:6px;border-collapse:collapse}
table.list_table th{font-weight:bold;background-color:#bbb;border:1px solid #888;padding:4px;}
table.list_table td {padding:4px;border:1px solid #888;}
/* form */
.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}
.formError{color:red;font-weight:bold;}
#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}
table.formtable td {padding:4px;}
table.formtable label ,table.formtable .labeltd {font-weight:bold;}
table.formtable .explanation {font-style:italic;}
input.student_text{width:250px;}

td.label {font-weight:bold;}
table.fieldset td.field {font-weight:normal;font-style:italic;}
fieldset {margin:12px;}

/* schoolyear / student show */
table.schoolyear_totaltable{width:100%;border-collapse:collapse;margin-top:12px;}
table.schoolyear_totaltable th {text-align:right;border:1px solid #888;background-color:#ddd;}
table.schoolyear_totaltable td {text-align:right;border:1px solid #888}
table.semester_table{width:500px;border-collapse:collapse;margin-top:12px;}
table.semester_table th {text-align:right;border:1px solid #888;background-color:#ddd;}
table.semester_table td {text-align:right;border:1px solid #888;background-color:#e9ff81;}
table.student_semester_table{width:400px;border-collapse:collapse;margin-top:2px;float:left;}
table.student_semester_table th {text-align:right;border:1px solid #888;background-color:#eee;}
table.student_semester_table td {text-align:right;border:1px solid #888;background-color:#e9ff81;}
table.student_rating_table{width:400px;border-collapse:collapse;margin-top:2px;float:right;}
table.student_rating_table th {text-align:right;border:1px solid #888;background-color:#eee;}
table.student_rating_table td {text-align:right;border:1px solid #888;background-color:#e9ff81;}


fieldset.schoolyear{background-color:#fff978;margin:6px;}
fieldset.semester{background-color:#ffde92;margin-6px;}



/*drie koloms tabellen*/
td.labeltd {font-weight:bold;width:140px;}
td.fieldtd {width:250px}

td.explanation {}
textarea.std_textarea {width: 230px;}
/*reports*/
td.report_default {}
td.report_money {text-align:right;}

div#breadcrumb {margin-top:8px;font-style: italic;}
span#breadcrumb {font-weight: bold;}

a.subnav_link_active{color:green;}

/* Nieuwe code Jaap - 
   submenu bij studenten: zie menu.css 
*/
#searchbox {
    background-color:#ddd;
    border-bottom:1px ridge #999;
    border-top:1px ridge #999;
    padding:0;
    margin:0;
}
#searchbox td {vertical-align:bottom;}
/* submenu bij studenten */
th.submenu {
    text-align:center;
    font-weight:120%;
    background-color:#eee;
    color:#006000;
}
td.submenu {
    text-align:center;
    background-color:#eee;
}

.submenu {
    list-style:none;
    margin-left:0;
    padding-left:0;
}
.nadruk {
    font-weight:bold;
    padding: 4px 6px 4px 4px;
    border: 1px solid #fff;
    background-color:#eee;
}
.noline {
    border: 1px dashed #fff;
}
.line {
    border-bottom: 1px solid silver;
    margin-top:10px;
}


/* +----------------   navigatie rechts, 2e niveau ------*/
#submenu {
}
#submenu ul {
    border-top:1px solid #ccc; 
    padding:0; 
    margin:0px 0; 
    text-align:center;
}
#submenu li {
    list-style:none;
    font-weight:bold;
    border-bottom:1px solid #ddd;
}
#submenuactive {
    padding: 5px 0px;
    display:block;
}
#submenu li a:link, #submenu li a:visited {
/*  background-color:#fffac7; */
    background-color:#eee;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    color: #111;
    text-decoration: none;
    display:block;
    padding: 5px 0px 5px 5px;
}
#submenu li a:hover, #submenu li a:active, #submenuactive {
    background-color:#fff;
    text-decoration: none;
    display:block;
    color:#b97106;
    border-right:1px solid #ddd;
    border-left:1px solid #ddd;
}