@import '_typography.css';
@import '_icons.css';
@import '_form.css';

h1 {
  color:#152E4B;
}

h2 {
  color:#152e4b;
}

h3 {
  color:#152e4b;
}

body {
  font-size: 10pt;
  color: #333;
  background: transparent url('/images/background_body.png') 0 0 repeat-x;
}

body.body_schilder {
    font-size: 10pt;
    color: #333;
    background: transparent url('/images/background_body_schilder.png') 0 0 repeat-x;
}

body.body_teacher {
    font-size: 10pt;
    color: #333;
    background: transparent url('/images/background_body_teacher.png') 0 0 repeat-x;
}

body.body_docentenbank {
    font-size: 10pt;
    color: #333;
    background: transparent url('/images/background_body_docentenbank.png') 0 0 repeat-x;
}

body.body_werk {
    font-size: 10pt;
    color: #333;
    background: transparent url('/images/background_body_werk.jpg') 0 0 repeat-x;
}

@media print {
    body {
        background:none;
    }
}

.notification {
  margin-bottom:20px;
}

.notification p {
  margin:0;
}

#body {
  margin:0 100px 20px 245px;
  max-width:1130px;  
}

#wrapper {
  margin:0px auto;
  background-repeat: no-repeat;
  min-height: 615px;
}

@media screen {
    .wrapper_po {
      background-image: url('/images/background_container_po.png');
    }

    .wrapper_vo {
      background-image: url('/images/background_container_vo.png');
    }

    .wrapper_schilder {
      background-image: url('/images/background_container_schilder.png');
    }

    .wrapper_teacher {
      background-image: url('/images/background_container_teacher.png');
    }

    .wrapper_docentenbank {
        background-image: url('/images/background_container_docentenbank.png');
    }

    .wrapper_werk {
        background-image: url('/images/background_werkreflectie.jpg');
    }

}
@media screen {
    #header {
      margin:0 100px 0 325px;
      padding-top: 42px;
      height:100px;
      max-width:1050px;
      position:relative;
      overflow:hidden;
      *zoom:1;
    }
}

@media print {
    #header {display: none}
}

.new_table {
  page-break-before:always;
}

#header.header_schilder {
  margin:0 100px 0 245px;
}

#header.header_teacher {
  margin:0 100px 0 245px;
}



#btn_home {
  position:absolute;
  bottom:31px;
  right:0px;
}


#header a.schilder {
    color:white;
}
#header a {
    color:#333;
}

#nav {
  float:right;
  margin-top:3px;
  list-style:none;
}

#nav.schilder {
    float:right;
    margin-top:3px;
    list-style:none;
    color:white;
}

#nav.schilder a {
    color:white;
}

.a schilder{
    color:white;
}

#nav li:first-child {
  border:none;
}

#nav li {
  border-left:1px solid #91bedf;
  display:inline-block;
  padding-left:10px;
  margin-left:10px;
}

#nav li a {
  line-height:20px;
}

.devnote {
  padding-left:20px;background:#sss;background-image: url(/images/icons/comment_yellow.gif);background-repeat:no-repeat
}

.section {
  margin-bottom:35px;
}

#filters {
  overflow:hidden;
  *zoom:1;
  list-style:none;
}

#filters li {
  float:left;
  margin-right:15px;
}

#password_wrap input {
  margin-right:5px;
}

table tr.odd td {
  background-color:#f6f6f6;
}

table td.inactive {
  color:#888;
}

td.actions ul {
  list-style:none;
  display:block;
}

td.actions ul li {
  display:inline;
  margin-right:5px;
  padding-right:7px;
  border-right:1px solid #ddd;
}

td.actions ul li:last-child{
  margin-right:0;
  padding-right:0;
  border:none;
}

.noborder td {
  border-width: 0px;
  padding:0px;
  margin:0px;
}

/* --------------- [ Forms ] ------------------ */

form .fields {
  background:#eef4f7;
  margin-top:20px;
  padding:20px;
  -webkit-border-top-left-radius:5px;
  -webkit-border-top-right-radius:5px;
}

form ol {
  list-style:none;
}

form label {
  margin-bottom:0.5em;
  display:block;
  font-weight:bold;
}

form ol.fields label.radio {
  font-weight:normal;
  margin-bottom:0;
}

form ol.fields input.radio {
  margin-right:5px;
}

form ol.fields .radio ol li {
  margin-bottom:5px;
}

form li.fieldset ol.fields {
  margin:0;
  padding:0;
  overflow:hidden;
  *zoom:1;
  -webkit-border-radius:0;
}

ol.fields.horizontal li {
  float:left;
  margin-right:10px;
  margin-bottom:0;
}

ol.fields.horizontal li input.text {
  width:200px;
}

form ol.fields li {
  margin-bottom:20px;
}

form ol.fields li.has_error label {
  color:#8a1f11;
}

form ol.fields li.has_error label.radio {
  color:#333;
}

form ol.fields li.has_error input.input_error {
  border-color:#8a1f11;
}

form ol.fields li .hint {
  margin-top:5px;
  font-size:0.8em;
}

form ol.fields li:last-child {
  margin-bottom:0;
}

form ol.fields p.error {
  font-size:0.8em;
  margin-top:5px;
}

input.text {
  background:#fff url(/images/input.png) left top repeat-x;
  border:1px solid #ccc;
  line-height:1.6em;
  font-size:1em;
  width:400px;
}

input.small {
  width:33%;
  font-size:1em;
}

input.medium {
  width:66%;
}

input.large {
  width:95%;
  font-size:1em;
}

.field.radio label {
  display:inline;
  font-weight:normal;
}

.field.radio {
  margin-bottom:10px;  
}

ol.labels_with_description {
  margin: 0px;
}

ol.labels_with_description input {
  float:left;
  margin-top: 5px;
}

ol.labels_with_description .field.radio label {
  margin-left:25px;
  display:block;
}

p.hint {
  color:#666;
}

.buttons {
  display:block;
  background:#e1e7ed;
  -webkit-border-bottom-left-radius:5px;
  -webkit-border-bottom-right-radius:5px;
  padding:10px 20px;
}

.cke_skin_kama {
  background:#fff;
}

.toolbar {
  list-style:none;
  margin:0;
}

.toolbar .btn_icon {
	float:left;
	background-repeat:no-repeat;
	background-position:center center;
	width:16px;
	height:1.5em;
}

.toolbar .btn_icon {
	vertical-align:middle;
	cursor:pointer;
}

.toolbar {
	text-align:left;
	overflow:auto;
	zoom:1;
	list-style:none;
}

.toolbar li {
	float:left;
	display:inline;
	margin-right:5px;
	padding:1px 0px;
}

form ol.fields .toolbar li {
  margin-bottom:0px;
}

.toolbar li.sep {
  border-right:1px solid #ddd;
  padding-right:5px;
}

.toolbar .last {
	margin-right:0px;
	border:none;
	padding-right:0;
}

.btn_icon_text {
  padding-left:20px;
  display:inline-block;
  line-height:24px;
  background-color:transparent;
  background-position:left center;
  background-repeat:no-repeat;
}

.noborder {
  border:0px;
}

.pagination {
  float:right;
}

@media print {

#tabnav {
  display:none;
}



.new_table {
  page-break-before:always;
}

.wrapper_teacher {
background-image: none;
}

#nav {
  display:none; 
}
.teacher {
  display:none;
}

.linkje {
  display:none;
}

#body {
  margin: 0 0px 0px 0px;
  font-size: 10px;
  background: transparent url('/images/header.jpg') 0 0 repeat-x;
}

.header_teacher {
  background: transparent url('/images/header.jpg') 0 0 repeat-x;
}


}