/* 
    Document   : style
    Created on : 10-jan-2010, 18:03:41
    Author     : wendy
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

body{
    background:#ccccff;
    font-family: "Verdana", sans-serif;
    font-size:15px;
    color:#333333;
}

#achtergrond2{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:url(bg-popup-trans.png);
}

#container{
    width:800px;
    margin:auto;
    background:transparent;
}

#achtergrond{
    width:800px;
    min-height:794px;
    height:auto !important;
    height:794px;
    margin:auto;
    background:url(freya-grijs.png) transparent no-repeat ;
    background-position: 0 100px;

}

#header{
    width:100%;
    height:134px;
    background:transparent url('freya-header.png') no-repeat bottom center;
}

#footer{
    float:left;
    width:100%;
    height:20px;
    background: transparent;
    padding:20px;
}

#content{
    padding-top:65px;

}
#contact-formulier{
    width:100%;
    height:487px;
}

.rij{
    float:left;
    width:100%;
    min-height:35px;
    height:auto !important;
    height:35px;
    font-weight:bold;
}

.rij input[type="text"]{
    width: 243px;
    height:27px;
    border:2px ridge #cccccc;
}

.rij textarea{
    width:498px;
    height:166px;
}

.links{
    float:left;
    width:160px;
    border:none;
}

.rechts{
    float:left;
    width:500px;
}

textarea.textarea-bericht{
    background:#ffffff url(opmerking-tekst.png) no-repeat left top;
    border: 2px ridge #cccccc;
}

textarea.textarea-bericht-leeg{
    background:#ffffff;
    border: 2px ridge #cccccc;
}

.contact-verzendknop{
height:27px;
width:175px;
margin-top:26px;
padding:0;
border:none;
}

.contact-verzendknop-neer{
height:27px;
width:175px;
margin-top:26px;
border:2px ridge #cccccc;
padding:0;
}

#javascript-check{
    font-size:75%;
    color:#666666;
}

a
{
    color:#333333;
    text-decoration: underline;
}

a:hover
{
    color:#000000;
    text-decoration:none;
}

#content-binnen{
    width:100%;
}
#content-links{
    width:20%;
    float:left;
}

#content-rechts{
    width:78%;
    float:left;
    min-height:500px;
    height:auto !important;
    height:500px;
}

#div-menu-inlog input{
    width:150px;
    background:transparent;
}

#menu-links{
    font-size:80%;
    min-height:400px;
    height:auto !important;
    height:400px;
    margin-top:30px;
}

#menu-links li{
        list-style-type: none;
}

#menu-links ul{
     margin-left:5px;
     padding-left:0px;
}

.admin-menu li{
    display:block;
    float:left;
    padding:5px;
}

.admin-menu{
    clear:both;
}