/**************/
/*** GLOBAL ***/
/**************/

html {
    height              :   100%;
}

body {
    margin              :   0;
    padding             :   0;
    height              :   100%;
    background-image    :   url('/images/bg/behang/oranje.gif');
}

* {
    font-family         :   arial, helvetica, sans-serif;
    color               :   #403f3e;
}

div#container {
    height              :   auto;
    min-height          :   100%;
    width               :   715px;
    background-color    :   #ffffff;
    margin-left         :   27px;
    padding-left        :   1px;
    background-image    :   url('/images/bg/balk/oranje.gif');
    background-repeat   :   repeat-y;
    position            :   relative;
    z-index             :   1;
}

/************/
/*** LOGO ***/
/************/

div#logo {
    position            :   absolute;
    left                :   28px;
    top                 :   0;
    z-index             :   2;
    width               :   449px;
    height              :   95px;
}

div#logo img {
    position            :   absolute;
    width               :   447px;
    height              :   95px;
    behavior            :   url("/style/png.htc");
}

div#logo h1 {
    position            :   absolute;
    line-height         :   0;
    font-size           :   1px;
    color               :   #ea9105;
    padding             :   0;
    padding-top         :   10px;
    padding-left        :   10px;
}


/***************/
/*** CONTENT ***/
/***************/

div#content {
    float               :   right;
    width               :   513px;
    font-size           :   0.8em;
    padding-left        :   14px;
    padding-top         :   116px;
}

/****************/
/* LINKER KOLOM */
/****************/

div#text {
    float               :   left;
    width               :   333px;
}

div#text h2 {
    margin              :   0;
    font-size           :   1em;
}

div#text p {
    font-size           :   1em;
    line-height         :   1.4em;
}

div#text a {
    color               :   #ea9105;
}

div#text a:visited {
    color               :   #777777;
}

div#text a:hover {
    color               :   #000000;
}

div#text h3 {
    font-size           :   1em;
    margin-bottom       :   0;
}

div#text div.nomargin p {
    margin-top          :   0;
    margin-bottom       :   0;
}

div#text div.hiddentext {
    display             :   none;
}

div#text div.more {
    text-align          :   right;
}

div#text div.more a.closed {
    padding-left        :   15px;
    background-image    :   url('/images/arrow/blue-left.gif');
    background-repeat   :   no-repeat;
    background-position :   0 3px;
    color               :   #000000;
}

div#text div.more a.open {
    padding-left        :   15px;
    background-image    :   url('/images/arrow/blue-down.gif');
    background-repeat   :   no-repeat;
    background-position :   0 3px;
    color               :   #000000;
}

div#text div.more a.closed:hover, div#text div.more a.open:hover {
    text-decoration     :   none;
}

/*********/
/* FORMS */
/*********/

div.formfield {
    margin-bottom       :   1em;
}

div.formfield label {
    font-weight         :   bold;
    display             :   block;
}

div.formfield label.no {
	display				:	inline;
	font-weight			:	normal;
}

div.formfield label span {
    color               :   #cc0000;
    font-weight         :   normal;
}

div.formfield input {
    width               :   300px;
    font-size           :   1em;
    display             :   block;
}

div.formfield input.no {
	width				:	auto;
	display				:	inline;
}

div.formfield textarea {
    width               :   300px;
    font-size           :   1em;
    display             :   block;
}

div.error {
    border              :   1px solid #cc0000;
    background-color    :   #fae5e5;
    margin-top          :   1em;
}

div.error h5 {
    margin              :   0;
    color               :   #ffffff;
    background-color    :   #cc0000;
    padding             :   5px;
}

div.error ul li {
    padding-right       :   0.5em;
    color               :   #cc0000;
}

div.error ul li strong {
    color               :   #cc0000;
}

/*****************/
/* RECHTER KOLOM */
/*****************/

div#visuals {
    float               :   right;
    width               :   165px;
    padding-left        :   5px;
    padding-right       :   10px;
    text-align          :   right;
}

div#visuals img {
    border-width        :   0;
}

/*****************/
/*** TEGELTJES ***/
/*****************/

div#tegeltje {
    position            :   absolute;
    left                :   768px;
    top                 :   98px;
    z-index             :   10;
}

div#tegeltje img#tegel {
    position            :   absolute;
    left                :   0;
    top                 :   0;
    z-index             :   11;
    width               :   222px;
    height              :   236px;
    behavior            :   url("/style/png.htc");
}

div#tegeltje img#tekst {
    position            :   absolute;
    left                :   0;
    top                 :   0;
    z-index             :   12;
    width               :   222px;
    height              :   236px;
    behavior            :   url("/style/png.htc");
}

/**************/
/*** FOOTER ***/
/**************/

div#footer {
    clear               :   both;
    padding-left        :   188px;
    font-size           :   0.7em;
}

/***************/
/*** SPECIAL ***/ 
/***************/

div#tantepic {
/*    position            :   absolute;*/
    position            :   relative;
    left                :   220px;
    bottom              :   0;
    line-height         :   0;
}