/*
   Main elements
*/


html {
    background          :   white;
}


body {
    margin              :   0;
    padding             :   0;
    color               :   #231f20;
    font-family         :   "trebuchet ms", arial, sans-serif;
    font-weight         :   300;
    font-size           :   11px;
    line-height         :   16px;
    background          :   url("/images/achtergrond.png") left top no-repeat;
}

body.home {
	overflow-x			:	hidden;
}


#home {
    width               :   946px;
    height              :   551px;
    background          :   url("/images/achtergrond-home.png") left top no-repeat;
}


h1 {
    position            :   absolute;
    left                :   35px;
    top                 :   14px;
    width               :   207px;
    height              :   144px;
    margin              :   0;
    padding             :   0;
    background          :   url("/images/kop.png") center center no-repeat;
}


h1 a {
    display             :   block;
    width               :   100%;
    height              :   100%;
    /*
       By indenting the text that far to the left
       it gets effectively invisible.
       Hide overflow to avoid scrollbars.
    */
    text-indent         :  -100em;
    overflow            :   hidden;
    text-decoration     :   none;
}


#toplinks {
    position            :   absolute;
    left                :   585px;
    top                 :   15px;
    width               :   250px;
    height              :   48px;
    margin              :   0;
    padding             :   4px 0 0 64px;
    list-style-type     :   none;
    background          :   url("/images/logo.png") left center no-repeat;
}


#toplinks li {
    float               :   left;
}


#toplinks a {
    display             :   block;
    width               :   80px;
    padding-left        :   5px;
    border-left         :   solid 1px #00afac;
    color               :   #849b9b;
    font-weight         :   400;
    font-size           :   12px;
    text-decoration     :   none;
    line-height         :   20px;
}


#toplinks .selected a, #toplinks a:hover {
    color               :   #004544;
}


#toplinks .even a {
    width               :   158px;
}


/*
    Menu
*/


#menu {
    position            :   absolute;
    left                :   272px;
    top                 :   40px;
    margin              :   0;
    padding             :   0;
    list-style-type     :   none;
}


#menu a {
    display             :   block;
    width               :   220px;
    color               :   white;
    font-weight         :   400;
    font-size           :   14px;
    text-decoration     :   none;
    line-height         :   20px;
}


#menu .selected a, #menu a:hover {
    color               :   #004544;
}


/*
    Submenu
*/


#submenu {
    position            :   absolute;
    left                :   0;
    top                 :   246px;
    margin              :   0;
    padding             :   0;
    list-style-type     :   none;
}


#submenu a {
    display             :   block;
    width               :   174px;
    color               :   #849b9b;
    font-weight         :   400;
    font-size           :   12px;
    text-decoration     :   none;
    line-height         :   16px;
    text-align          :   right;
}


#submenu .selected a, #submenu a:hover {
    color               :   #004544;
}


/*
    Homepage blocks
*/


#home-1 {
    position            :   absolute;
    left                :   80px;
    top                 :   260px;
    width               :   250px;
}


#home-2 {
    position            :   absolute;
    left                :   357px;
    top                 :   260px;
    width               :   248px;
}


#home-3 {
    position            :   absolute;
    left                :   690px;
    top                 :   248px;
    width               :   175px;
}


#home h2 {
    height              :   20px;
    margin-top          :  -4px;
    line-height         :   20px;
}


#home-3 h2 {
    width               :   150px;
    height              :   87px;
    margin              :   0 0 6px 0;
    padding             :   0;
    background          :   url("/images/kolom-3-kop.png") center center no-repeat;
    text-indent         :  -100em;
    overflow            :   hidden;
}


/*
    Rest of page
*/


#page {
    width               :   364px;
    min-height          :   350px;
    margin-bottom       :   50px;
    padding             :   210px 0 0 196px;
}


.home #page {
    width               :   820px;
    min-height          :   0;
    padding             :   12px 0 0 80px;
}


h2.title {
    height              :   20px;
    margin-bottom       :   16px;
    text-indent         :  -116px;
}


#sideimage {
    display             :   none;
}


#page .img {
    position            :   absolute;
    left                :   570px;
    top                 :   107px;
    width               :   313px;
    height              :   432px;
}


#page .img-frame {
    width               :   313px;
    height              :   432px;
    background          :   url("/images/frame.png") center center no-repeat;
}


#kolom-1, #kolom-2, #kolom-3 {
    float               :   left;
    margin-bottom       :   50px;
}


#kolom-1 {
    width               :   230px;
}


#kolom-2 {
    width               :   230px;
    margin-left         :   50px;
}


#kolom-3 {
    width               :   230px;
    margin-left         :   55px;
}


#footer {
    clear               :   both;
    padding             :   10px 0 20px 80px;
    border-top          :   1px solid #00afac;
}


#footer p {
    display             :   inline;
    margin-right        :   40px;
    color               :   #004544;
    font-weight         :   bold;
}


#footer a {
    text-decoration     :   none;
}


/*
   Content
*/

.cufon-loading h2, .cufon-loading h3, .cufon-loading #menu a, .cufon-loading #toplinks a {
	visibility: hidden !important;
}


h2 {
    color               :   #004544;
    font-weight         :   300;
    font-size           :   20px;
}

h2 a, h3 a, h4 a {
	text-decoration: none;
}


h3 {
    color               :   #004544;
    font-weight         :   300;;
    font-size           :   16px;
    line-height         :   16px;
}


h4 {
    font-weight         :   bold;
    font-size           :   11px;
    line-height         :   16px;
}


h5 {
    font-weight         :   normal;
    font-size           :   11px;
    font-style          :   italic;
    line-height         :   16px;
}


h1, h2, h3, h4, p, blockquote, pre {
    margin              :   0;
    padding             :   0;
}

strong {
	font-weight: bold;
}


p, ul, ol, dl, blockquote, pre {
    margin-bottom       :   16px;
}


a {
    color               :   #004544;
    outline 			:	none;
}


a:hover {
    color               :   #00afac
}


a.meer {
    display             :   inline-block;
    zoom                :   1;
    display             :  -moz-inline-box;
    width               :   34px;
    height              :   16px;
    margin-left         :   8px;
    background          :   url("/images/meer.png") center 4px no-repeat;
    text-indent         :  -100em;
    overflow            :   hidden;
    text-decoration     :   none;
    vertical-align		:	bottom;
}

a.meer:hover {
	background-position-y:	-32px;	
}


blockquote {
    padding             :   16px 25px 0 25px;
    border-top          :   1px solid #e6e6e6;
    border-bottom       :   1px solid #e6e6e6;
    background-color    :   #f2f2f2;
}


blockquote p {
    font-family         :   Georgia, serif;
    font-style          :   italic;
}


hr {
    height              :   1px;
    border              :   none;
    border-bottom       :   solid 1px #e6e6e6;
    text-align          :   center;
}


pre {
    padding             :   16px 25px 16px 25px;
    border-top          :   1px solid #e6e6e6;
    border-bottom       :   1px solid #e6e6e6;
    background-color    :   #f2f2f2;
    font-family         :   "Bitstream Vera Sans Mono", Courier, Monaco, monospace;
}


code {
    font-family         :   "Bitstream Vera Sans Mono", Courier, Monaco, monospace;
}


dt {
    padding             :   0 25px 0 0;
    border-bottom       :   1px solid #e6e6e6;
    font-weight         :   bold;
}


dd {
    margin-left         :   0;
    padding             :   16px 25px 16px 25px;
    background-color    :   #f2f2f2;
}


/*
    Forms
*/


fieldset {
    margin              :   0 0 16px 0;
    padding             :   0;
    border              :   none;
}


legend {
    font-weight         :   bold;
    padding             :   0;
}


label {
    display             :   inline-block;
    zoom				:	1;
    display             :  -moz-inline-box;
    line-height         :   16px;
    vertical-align      :   top;
}

textarea {
	width				:	320px;
	height				:	100px;
}


fieldset ol {
    margin              :   0;
    padding             :   0;
}


fieldset li {
    list-style          :   none;
    padding             :   5px 0 5px 16px;
    margin              :   0;
}

fieldset p {
	margin 				:	0;	
}


fieldset fieldset {
    border              :   none;
    margin              :   0;
}


fieldset fieldset legend {
    font-weight         :   normal;
    padding             :   0;
}


fieldset fieldset label {
    display             :   block;
    width               :   auto;
}

fieldset li.error {
	background-color	:	#ffc4c4;
	color				:	#000;
}

fieldset.error {
	color				:	#f00;
}

form em {
    font-weight         :   bold;
    font-style          :   normal;
    color               :   #f00;
}


label {
    width               :   120px;
}


fieldset fieldset label {
    margin-left         :   123px;
}