/*@import url('-../fgrid');*/

/* ce1141 is KABK red? */

* { border: 0; font-size: 1em; list-style: none; margin: 0; outline: 0; padding: 0; text-decoration: none }
a { background: black; color: white }
a:hover { background: white; color: black }
article, aside { float: left; position: relative }
article { background: #fff; margin: 1.5em 1em; padding: .75em 2em; width: 32em }
article h1 { text-align: left }
article p { font-family: 'Georgia', 'Times New Roman', serif }
aside { margin: 1.5em 0; padding: 0 1em; width: 12em }
aside li { height: 1.5em; overflow: show }
aside li a { background: black; color: white; padding: 1px 2px }
aside li a:hover {  }
body { margin: 0 2em }
footer { bottom: 1.5em; padding: 0 2px; position: fixed; right: 2em }
h1 { font-family: 'Georgia', serif; font-size: 3em; letter-spacing: -.075em; line-height: .75; margin: .5em auto; text-align: center }
h1 a, h1 abbr { background: transparent; display: block }
h2 { font-size: 1.5em; line-height: 1; margin: 0 0 1em 0 }
html { background: #222; font: normal 12px/1.5 'Calibri', sans-serif; overflow-y: scroll }
img { max-width: 100% }
p {  }
sub, sup { font-size: 10px; line-height: 0 }

li.active a { background: white; /*font-family: 'Georgia', serif; font-weight: bold*/ }

h1 span { display: block; font-family: 'Times New Roman', serif; font-size: 3em; font-weight: normal; left: 1.25em; line-height: .5; position: absolute; top: .25em }

/*h1 {
  -webkit-transition-property: opacity, left;
  -webkit-transition-duration: 2s, 4s;
}*/

#logo { height: 15.75em; margin: 0 2em 0 -2em }
#logo a { background: transparent !important; color: #fff !important; text-shadow: 1px 1px 1px #000 }
#logo p { border-bottom: .25em solid #ce1141; margin: 9em 0 0 0; padding: 0 2px; text-align: right }
#docenten { margin-right: 1em; padding-right: 0; width: 10em }
#vakken { margin-right: 1em; padding-right: 0; width: 14em }
#periodes { padding-right: 0 }

footer, h1, h2, h3, li.active a, #logo p { color: #ce1141 }

body.home #content { background: transparent }
body.home h1 { font-size: 9em; text-align: center }

/*
html { background: url('../_sandbox/fgrid/12px') #eee repeat top left !important }
aside { background: yellow }
*/