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

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

#container 
{
position: relative;
min-height: 100%;
height: auto;
background-image: url(../img/achtergrond.jpg);
background-repeat: repeat;
background-position: -665px -642px;
}

/* 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: 50px;
}

.header
{
background-image: url(../img/header.jpg);
background-repeat: repeat-x;
background-position: 233px;
height: 104px;
}

#footer 
{
clear: both;
position: absolute;
bottom: 0;
width: 100%;
}

.footer-boven
{
background-image: url(../img/footer-hoekmidden.gif);
background-repeat: repeat-x;
height: 28px;
}

.footer-hoeklinks
{
background-image: url(../img/footer-hoeklinks.gif);
height: 28px;
width: 47px;
float: left;
}

.footer-hoekrechts
{
background-image: url(../img/footer-hoekrechts.gif);
height: 28px;
width: 47px;
float: right;
}

.footeronder
{
padding: 10px;
background-color: #95b146;
text-align: center;
height: 30px;
}

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

h1
{
font-size: 20pt;
}

h2
{
font-size: 18pt;
}

h3
{
font-size: 16pt;
}

h4
{
font-size: 14pt;
}

h5
{
font-size: 12pt;
}

h6
{
font-size: 10pt;
}

p
{
}

img
{
border-style: none;
}

.cluster-l
{
margin: 50px;
margin-top: 15px;
padding: 20px;
border-style: dashed;
border-width: 1px;
border-color: #767679;
width: 750px;
}

.cluster-m
{

}

.cluster-s
{

}

.reactie
{
margin: 50px;
margin-top: 15px;
padding: 20px;
border-style: dashed;
border-width: 1px;
border-color: #767679;
width: 750px;
}

.reactie_formulier
{

}

.nieuwsbrief_formulier
{

}

.feed_formulier
{

}

.item_name
{
display: inline;
font-size: 8pt;
}

.item_createdon
{
display: inline;
font-size: 8pt;
}

.type
{
display: none;
}

.type_fieldname
{
display: none;
}

.text 
{
}

.text_fieldname
{
display: none;
}

.text_name
{
font-size: 20pt;
}

.text_content
{
}

.link 
{
margin-top: 5px;
}

.image
{
}

.image_image
{
background-color: white;
padding: 5px;
margin-top: 5px;
border: 1px solid #d4d4d4;
}

.video 
{
}
.music
{
}
 
.contact
{
}

.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
{
}

.event
{
}

.event_fieldname
{
display: none;
}

.event_name
{
}

.codeblock
{
}

.codeblock_fieldname
{
display: none;
}

.codeblock_name
{
}

.linkbullet
{
margin-right: 5px;
}

.googlemaps
{
}

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

.offline
{
}

.admin_button
{
}

.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, #voornaam2, #achternaam2, #email2
{
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: 149px;
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, #nieuwsbrief_submit
{
position: relative;
left: 333px;
}

#emailbevestiging
{
position: absolute;
top: 120px;
color: red;
left: 50px;
}

.clear
{
clear: both;
}

/************************** cms styling *************************************/
.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;
}

.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;
}