html
{
height: 100%;
width: 100%;
}

body
{
margin: 0px;
padding: 0px;
height: 100%;
width: 100%;
font-family: Tahoma, "Trebuchet MS", Arial;
font-size: 11pt;
line-height: 160%;
color: #5f3b1d;
}

#container {
position: relative;
min-height: 100%;
height: auto;
background-color: #fffae1;
background-image: url(../img/bg.jpg);
background-repeat: no-repeat;
background-position: bottom right;
}

/* het volgende wordt ALLEEN gezien door IE 5.x én 6 en niet door de anderen */
* html #container
{
height: 100%;
}
/* dit kan iedereen weer lezen*/

#wrapper {

padding-bottom: 32px;
/*background-color: green*/;
}
#content {
/*background-color: blue*/;
}
#footer {
clear: both;
position: absolute;
bottom: 0;
width: 100%;
text-align: left;
}

.top
{
padding: 0px;
border: 0px;
background-image: url(../img/header.jpg);
background-repeat: repeat-x;
background-position: left top;
height: 107px;
z-index: 2;
position: relative;
}

.logo-plaatje
{
padding: 0px;
border: 0px;
position: absolute;
top: 0px;
left: 0px;
z-index: 2;
}

.htmlitem a:link 
{
text-decoration: none; 
color: #5f3b1d;
}
.htmlitem a:visited 
{
text-decoration: underline; 
color: #5f3b1d;
}
.htmlitem a:active 
{
text-decoration: underline; 
color: #000000;
}
.htmlitem a:hover 
{
text-decoration: underline; 
color: #5f3b1d;
}

.htmlitem
{
width: 49%;
height: auto;
padding-right: 50px;
padding-bottom: 50px;
}

.tekstvak
{
background-image: url(../img/tekstcontent-bg.png);
background-repeat: repeat;
}

.tekstcontent
{
min-height: 500px;
margin-left: 70px;
margin-right: 20px;
}

.randonder
{
height: 20px;
}

.randondermidden
{
height: 20px;
width: 95%;
float: right;
background-image: url(../img/tekstcontent-bg.png);
background-repeat: repeat;
}

.randonderrechts
{
width: 20px;
height: 20px;
float: right;
background-image: url(../img/randonderrechts.png);
background-repeat: repeat;
}

/* het volgende wordt ALLEEN gezien door IE 5.x én 6 en niet door de anderen */
* html .randondermidden
{
background-image: none;
}
* html .randonderrechts
{
background-image: none;
}

* html .tekstvak
{
background-image: none;
}
* html .tekstcontent
{
height: 500px;
}

/* dit kan iedereen weer lezen*/

/* het volgende wordt ALLEEN gezien door IE 5.x én 6 en niet door de anderen
* html .randondermidden
{
background-image: url(../img/tekstcontent-bg.gif);
background-repeat: repeat;
}
* html .randonderrechts
{
background-image: url(../img/tekstcontent-bg.gif);
background-repeat: repeat;
}

* html .tekstvak
{
background-image: url(../img/tekstcontent-bg.gif);
background-repeat: repeat;
}

dit kan iedereen weer lezen*/

h1
{
padding: 0px;
margin: 0px;
color: #5f3b1d;
border: 0px;
font-family: Tahoma, "Trebuchet MS", Arial;
font-size: 20pt;
line-height: 160%;
font-weight: normal;
}

h2
{
padding: 0px;
margin: 0px;
color: #5f3b1d;
border: 0px;
font-family: Tahoma, "Trebuchet MS", Arial;
font-size: 18pt;
line-height: 160%;
font-weight: normal;
}

h3
{
padding: 0px;
margin: 0px;
color: #5f3b1d;
border: 0px;
font-family: Tahoma, "Trebuchet MS", Arial;
font-size: 16pt;
line-height: 160%;
font-weight: normal;
}

h4
{
padding: 0px;
margin: 0px;
color: #5f3b1d;
border: 0px;
font-family: Tahoma, "Trebuchet MS", Arial;
font-size: 14pt;
line-height: 160%;
font-weight: normal;
}

h5
{
padding: 0px;
margin: 0px;
color: #5f3b1d;
border: 0px;
font-family: Tahoma, "Trebuchet MS", Arial;
font-size: 12pt;
line-height: 160%;
font-weight: normal;
}

h6
{
padding: 0px;
margin: 0px;
color: #5f3b1d;
border: 0px;
font-family: Tahoma, "Trebuchet MS", Arial;
font-size: 10pt;
line-height: 160%;
font-weight: normal;
}

p
{
padding: 0px;
margin: 0px;
color: #5f3b1d;
border: 0px;
font-family: Tahoma, "Trebuchet MS", Arial;
font-size: 11pt;
font-weight: normal;
line-height: 160%;
width: 100%;
}

img
{
border: 0;
}

.item
{
border: 1px dashed #d4d4d4;
padding: 10px;
margin: 10px;
background-color: #F0F0F0;
float: left;
width: 30%;
}

.cmsbox
{
border: 1px solid #d4d4d4;
padding: 5px;
margin: 5px;
background-color: #F0F0F0;
float: left;
width: 95%;
}

.cmsitemboxvisible
{
display: none;
}

.cmstypeboxvisible
{
display: none;
}

.cmstextboxvisible
{
display: none;
}

.cmslinkboxvisible
{
display: none;
}

.cmsimageboxvisible
{
display: none;
}

.cmsvideoboxvisible
{
display: none;
}

.cmsmusicboxvisible
{
display: none;
}

.cmscontactboxvisible
{
display: none;
}

.cmseventboxvisible
{
display: none;
}

.cmssettingboxvisible
{
display: none;
}

.cmscodeblockboxvisible
{
display: none;
}

.invisiblebox
{
border-right: 1px solid #d4d4d4;
border-top: 1px solid #d4d4d4;
padding: 5px;
float: left;
}

.bold
{
font-weight: bold;
visibility: hidden;
}

.relationbox
{
border-right: 1px solid #d4d4d4;
border-top: 1px solid #d4d4d4;
padding: 5px;
float: left;
width: 100px;
}

.parent_relationbox
{
border-right: 1px solid #d4d4d4;
border-top: 1px solid #d4d4d4;
padding: 5px;
float: left;
width: 190px;
}

.cmsitembox
{
border: 1px solid #d4d4d4;
background-color: #F0F0F0;
float: left;
width: 99%;
height: 100%;
}

.cmsitemnewbox
{
border: 1px solid #d4d4d4;
float: left;
width: 99%;
}

.input_inline
{
display: inline;
}

input
{
border: 1px solid #d4d4d4;
margin-right: 5px;
width: 15px;
display: inline;
}

.form_id
{
background: #F0F0F0;
border: 1px solid #d4d4d4;
}

.form_name
{
background: #ffffff;
border: 1px solid #d4d4d4;
margin-right: 5px;
width: 150px;
}

.form_starter
{
background: #ffffff;
border: 1px solid #d4d4d4;
margin-right: 5px;
}

.form_dropdown
{
background: #ffffff;
border: 1px solid #d4d4d4;
margin-right: 5px;
}

.form_createdon
{
background: #ffffff;
border: 1px solid #d4d4d4;
margin-right: 5px;
width: 120px;
}

.form_active
{
background: #ffffff;
border: 1px solid #d4d4d4;
margin-right: 5px;
}

.form_status
{
background: #ffffff;
border: 1px solid #d4d4d4;
margin-right: 5px;
width: 150px;
}

.form_delete
{
padding: 5px;
float: left;
}

.form_button
{
padding: 5px;
float: right;
}

.form_filename
{
background: #F0F0F0;
width: 295px;
}

.form_newfilename
{
width: 295px;
}

.form_content
{
background: #ffffff;
border: 1px solid #d4d4d4;
margin-right: 5px;
width: 400px;
height: 100px;
}

.form_width
{
background: #ffffff;
margin-right: 5px;
width: 30px;
}

.form_height
{
background: #ffffff;
margin-right: 5px;
width: 30px;
}

.form_artist
{
background: #ffffff;
margin-right: 5px;
width: 100px;
}

.form_shortname,.form_function,.form_workaddress,.form_workaddress2,.form_worknumber,.form_workzip,.form_workcity,.form_workcountry,.form_homeaddress,.form_homeaddress2,.form_homenumber,.form_homezip,.form_homecity,.form_homecountry,.form_workemail,.form_homeemail,.form_imessenger,.form_worktelephone,.form_hometelephone,.form_fax,.form_mobiletelephone
{
background: #ffffff;
margin-right: 5px;
width: 100px;
}

.form_startdate,.form_enddate
{
background: #ffffff;
margin-right: 5px;
width: 150px;
}

.clear
{
clear: both;
}

.item_name
{
padding: 0px;
margin: 0px;
color: #5f3b1d;
border: 0px;
font-family: Tahoma, "Trebuchet MS", Arial;
font-size: 20pt;
line-height: 160%;
}
.item_createdon
{
font-family: Tahoma, "Trebuchet MS", Arial;
font-size: 11pt;
font-style: italic;
line-height: 160%;
float: right;
margin-left: 5px;
margin-bottom: 5px;
display: none;
}

.type
{
display: none;
}

.type_fieldname
{
display: none;
}

.text 
{
/*margin-bottom: 10px;*/
padding-bottom:10px;
width: 100%;
}

.text_fieldname
{
display: none;
}

.text_name
{
font-family: Tahoma, "Trebuchet MS", Arial;
font-size: 20pt;
line-height: 160%;
}

.text_content
{
color: #5f3b1d;
}

.link 
{
padding: 0px;
margin-bottom: 10px;
}

.flash_image
{
position: absolute;
bottom: 200px;
right: 0px;
}

.image
{
width: 100%;
}

.image_image
{
background-color: white;
width: 100%;
padding: 5px;
border: 1px solid #d4d4d4;
}

.video 
{
background-color: #ffffff;
border: 1px dashed #d4d4d4;
}
.music
{
padding: 10px;
background-color: #ffffff;
border: 1px dashed #d4d4d4;
}
 
.contact
{
padding:0 0 20px;
margin-top: 10px;
margin-bottom: 10px;
}

.contact_fieldname
{
display: none;
}

.contact_homeaddress,.contact_homeaddress2,.contact_workaddress,.contact_workaddress2,.contact_homenumber,.contact_worknumber,.contact_homezip,.contact_homecity,.contact_workzip,.contact_workcity
{
display: inline;
}

.contact_name
{
font-family: Tahoma, "Trebuchet MS", Arial;
font-size: 20pt;
line-height: 160%;
}

.event
{
padding: 10px;
background-color: #ffffff;
border: 1px dashed #d4d4d4;
}

.event_fieldname
{
display: none;
}

.event_name
{
font-family: Tahoma, "Trebuchet MS", Arial;
font-size: 20pt;
line-height: 160%;
}

.codeblock
{
}

.codeblock_fieldname
{
display: none;
}

.codeblock_name
{
padding: 0px;
margin: 0px;
color: #5f3b1d;
border: 0px;
font-family: Tahoma, "Trebuchet MS", Arial;
font-size: 20pt;
line-height: 160%;
}

.linkbullet
{
margin-right: 10px;
}

.googlemaps
{
position: relative;
top: 159px;
left: 340px;
}


.footertxt
{
margin: 10px;
font-family: Tahoma, "Trebuchet MS", Arial;
font-size: 11pt;
color: #5f3b1d;
font-weight: normal;
line-height: 160%;
}


#footer a:link 
{
text-decoration: none; 
color: #5f3b1d;
}
#footer a:visited 
{
text-decoration: none; 
color: #5f3b1d;
}
#footer a:active 
{
text-decoration: none; 
color: #5f3b1d;
}
#footer a:hover 
{
text-decoration: underline; 
color: #5f3b1d;
}

.cms_feedback,.login_feedback
{
color: #000000;
font-family: Tahoma, "Trebuchet MS", Arial;
font-size: 20pt;
line-height: 160%;
width: 95%;
}

.cms_feedbackbox
{
border: 1px dashed #d4d4d4;
padding: 5px;
margin: 5px;
color: #000000;
font-family: Tahoma, "Trebuchet MS", Arial;
font-size: 11pt;
line-height: 160%;
width: 95%;
}

.login
{
border: 1px solid #d4d4d4;
padding: 5px;
margin: 5px;
color: #000000;
width: 95%;
}

.username,.password
{
color: #000000;
font-family: Tahoma, "Trebuchet MS", Arial;
font-size: 11pt;
line-height: 160%;
width: 200px;
}

.username_field
{
color: #000000;
font-family: Tahoma, "Trebuchet MS", Arial;
font-size: 20pt;
line-height: 160%;
width: 200px;
}

.password_field
{
color: #000000;
font-family: Tahoma, "Trebuchet MS", Arial;
font-size: 20pt;
line-height: 160%;
width: 200px;
}

.logoutbutton
{
position: absolute;
top: 165px;
right: 65px;
}

.login_submit,.logout_submit
{
margin-top: 10px;
font-family: Tahoma, "Trebuchet MS", Arial;
font-size: 11pt;
line-height: 160%;
width: 100px;
}

.switch_button
{
text-decoration: underline; 
color: #000000;
margin: 5px;
display: inline;
}

.code
{
color: #a1a1a1;
font-family: Courier;
font-size: 10pt;
margin: 5px;
display: inline;
}

.offline
{
color: #000000;
margin: 10px;
font-family: Tahoma, "Trebuchet MS", Arial;
font-size: 20pt;
line-height: 160%;
width: 95%;
}

.admin_button
{
color: #c5b59a;
}

.publicedit
{
background-color: #ffffff;
border: 1px solid #d4d4d4;
padding: 5px;
margin: 5px;
width: 50%;
}

.publicedit_vbox_name
{
margin-top: 10px;
display: none;
}

.publicedit_vbox_story
{
margin-top: 10px;
display: none;
}

.publicedit_name
{
margin-top: 10px;
width: 400px;
display: inline;
}

.publicedit_story
{
width: 400px;
height: 100px;
}

.publicedit_aanwijzing
{
margin-top: 10px;
font-family: Tahoma, "Trebuchet MS", Arial;
font-size: 11pt;
color: red;
display: none;
}

.publicedit_button
{
margin-top: 10px;
}

.publicedit_selectbox
{
margin-top: 10px;
}

.publicedit_error
{
border: 1px dashed red;
padding: 5px;
margin: 5px;
color: red;
font-family: Tahoma, "Trebuchet MS", Arial;
font-size: 11pt;
line-height: 160%;
width: 50%;
}

#contact_form
{
width: 405px;
padding: 5px;
border: 1px solid #d2c5ab;
}

label
{

}

#voornaam, #achternaam, #telefoon, #mobiel, #email
{
width: 255px;
position: absolute;
left: 220px;
}

#straat
{
width: 125px;
position: absolute;
left: 220px;
}

#huisnummer
{
width: 125px;
position: absolute;
left: 350px;
}

#postcode
{
width: 125px;
position: absolute;
left: 220px;
}

#plaats
{
width: 125px;
position: absolute;
left: 350px;
}

#bericht
{
width: 255px;
height: 200px;
position: relative;
top:-22px;
left: 144px;
border: 1px solid #d4d4d4;
margin-right: 5px;
}

/* het volgende wordt ALLEEN gezien door IE 5.x én 6 en niet door de anderen */
* html #bericht
{
width: 255px;
height: 200px;
position: relative;
top:-22px;
left: 75px;
border: 1px solid #d4d4d4;
margin-right: 5px;
}
/* dit kan iedereen weer lezen*/

#contact_submit
{
position: relative;
left: 333px;
}

#emailbevestiging
{
position: absolute;
top: 140px;
color: red;
left: 70px;
}

.link_logo
{
background-color: white;
padding: 5px;
margin: 5px;
border: 1px solid #d4d4d4;
text-decoration: none; 
}

/* stops annoying focus-selection boxes in FF3 */
*:active, object:focus, embed:focus
{
outline: none;
}

.gz_logo
{
border: 1px solid #D6C8AD;
text-decoration: none; 
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
padding:5px;
}

#gz_logo
{
padding: 5px;
margin: 5px;
margin-left: 0;
border: 1px solid #D6C8AD;
text-decoration: none; 
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
background: #FFFAE2;
overflow: hidden;
}

#gz_txt
{

}

#gz_logo a
{
float:left;	
}

#gz_logo #gz_txt a
{
	float:none;	
}

#gz_uitleg
{
padding: 5px;
margin: 5px;
margin-left: 0;
border: 1px solid #D6C8AD;
text-decoration: none; 
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
background: #FFFAE2;
overflow: hidden;
}

.codeblock_content img#gz_uitleg{
	width: 99%;
}