/*  GENERIC
    STRUCTURE
    MENU
    REALISATIES
    CONTACT FORM
*/

/* =GENERIC
   ---------------------------------------------------- */

html, body
{
    height: 100%;
    margin: 0px;
    padding: 0px;
        
    font-family: Trebuchet MS, Verdana, Arial, Times New Roman;
    color: #565656;
    
    background-color: #945A2C;
    background-image: url(../images/background.jpg);
    background-repeat: repeat;
    background-position: center center;
}

body
{
    font-size: 0.75em;
}

h1
{
    margin: 10px 0 10px 0;
    padding: 0;
    color: #6C4116;
    font-size: 1.5em;    
    text-transform: uppercase;
}

h2
{
    margin: 0;
    padding: 0;    
    
    font-size: 1.25em;
}

a
{
    color: #75401c;
}

a:hover
{
    text-decoration: none;
}

img
{
    border: 0;
}

p
{
    margin: 0 0 10px 0;
    padding: 0;
}

.clearBoth
{
    clear: both;
}

/* =STRUCTURE
   ---------------------------------------------------- */

#wrapper 
{
    position: relative;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}

#pageContent
{
    position: relative;
    margin: 0;
    padding: 0 30px 15px 30px; 
}

#content
{
    position: relative;
    width: 564px;
    margin: 0px auto;
    z-index: 10;
}    

#footer
{
    position: absolute;
    width: 100%;
    bottom: 0;  
    z-index: 0;
}

/* =MENU
   ---------------------------------------------------- */
#menuWrapper
{
    float: left;
    width: 100%;
    background-color: #DBDBDB;    
}

#menu
{
    margin: 0 0 0 24px;
    padding: 0;
    list-style: none;
}

#menu li
{
    float: left;
    margin: 0;
    padding: 0;
    font-size: 1.17em;
}

#menu li a
{
    display: block;
    padding: 11px 7px 11px 7px;
    font-weight: bold;
    text-decoration: none;
}

#menu li a:hover
{
    color: #FFFFFF;
    background-color: #9F693D;
}

#menu li a.selected
{
    color: #FFFFFF;
    background-color: #9F693D;
}
    

/* =REALISATIES
   ---------------------------------------------------- */

.fotoboek
{
    margin: 10px auto 0 auto;
    padding: 0px;
    width: 355px;
    list-style: none;
}

.fotoboek li
{
    padding-right: 5px;
    display: inline;
}

/* =CONTACT FORM
   ---------------------------------------------------- */

fieldset 
{  
    float: left;  
    clear: left;  
    width: 100%; 
    margin: 1.5em 0px 0px 0px;  
    padding: 0;
    border: solid 1px #E2E2E2;
    background-color: #F4F4F4;
}

legend 
{  
    margin-left: 1em;  
    padding: 0px;
    color: #000000;  
    font-weight: bold;
    font-size: 11px;
}
.fontWeight
{
    font-weight:bold;    
}

fieldset ol 
{  
	margin: 0;
    padding: 1em 1em 0 1em;  
    list-style: none;
}

fieldset li 
{  
    float: left;
    clear: left;
    width: 100%;
    padding-bottom: 1em;
}

fieldset.submit 
{  
    float: none;
    width: auto;
    border-style: none;
    padding-left: 12em; 
    background-color: Transparent;
}

label
{
    float: left;
    width: 10em;
    text-align: left;
    margin-right: 1em;
    color: #000000;
    position: relative;
}

label em
{
    position: absolute;
    left: 10em;  
    top: 0px; 
}

fieldset.error
{
	color: #FF260B;
	border: solid 1px #FF260B;
	background-color: #FFD9D5;
}

fieldset.ok 
{
	color: #117100;
	border: solid 1px #23E000;
	background-color: #D9FFD2;
}

.TextBox
{
    width: 15em;
    padding: 3px;
    border: solid 1px #C8C8C8;
}

.TextBoxLarge
{
    width: 15em;
    height: 15em;
    padding: 3px;
    border: solid 1px #C8C8C8;
}    

.error
{
	background-color: #FAE7E0;
}

.ok
{
	background-color: #FFFFFF;
}

.Button
{
    padding: 5px;
    color: #FFFFFF;
    border: solid 1px #815532;
    background-color: #9F693D;
}

.TextBoxError
{
    border: solid 2px #ED242A;
}

/* =ERROR MESSAGE
   ---------------------------------------------------- */  

.errorNotification
{
    position: relative;
    margin: 0px auto;
    padding: 6px 0px 0px 6px;
    width: 500px;
    color: #FFFFFF; 
}

.errorNotification .title
{
    margin: 0px;
    padding: 11px 5px 0px 5px;
    
    text-align: center;
    background-image: url(../images/errorTop.png);
    background-repeat: no-repeat;    
}

.errorNotification .text
{
    padding: 0px 15px 0px 15px;
    text-align: center;
    color: #FF260B;
    background-color: #FFD9D5;
}

.errorNotification .text ol
{
    margin: 0px 0px 0px 25px;
    padding: 0px;
}

.errorNotification .text ol li
{
    text-align: left;
}

.errorNotification .footer
{
    height: 18px;
    background-image: url(../images/errorBottom.png);
    background-repeat: no-repeat;   
}

.errorNotification img
{
    position: absolute;
    top: 0;
    left: 0;
}

/* =OK MESSAGE
   ---------------------------------------------------- */ 

.okNotification
{
    position: relative;
    margin: 0px auto;
    padding: 6px 0px 0px 6px;
    width: 500px;
    color: #FFFFFF; 
}

.okNotification .title
{
    margin: 0px;
    padding: 11px 5px 0px 5px;
    
    text-align: center;
    background-image: url(../images/okTop.png);
    background-repeat: no-repeat;    
}
.okNotification .text
{
    padding: 0px 15px 0px 15px;
    text-align: center;
    color: #169300;
    background-color: #D9FFD2;
}

.okNotification .text ol
{
    margin: 0px 0px 0px 25px;
    padding: 0px;
}

.okNotification .footer
{
    height: 18px;
    background-image: url(../images/okBottom.png);
    background-repeat: no-repeat;   
}