body { background-color: white; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; text-align: center}

#container { background-color: #cccccc; background-image: url(../images/background.jpg); background-repeat: no-repeat; width: 840px; height: 600px; position:absolute; left: 50%; top: 50%; margin-left: -420px; margin-top: -300px; }


#navlang { font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-size: 10px; font-weight: normal; width: 840px; list-style-type: none; list-style-image: none; text-decoration: none;}

#navlang ul{ margin-top: 42px; margin-left: 460px; list-style-type: none; }

#navlang li { color: #ccc; font-weight: bold; text-decoration: none; text-align: left; float: left; padding: 5px 0 5px 10px; }

#navlang a { color: #cccccc; font-weight: bold; text-decoration: none; }

#navlang a:hover { color: #9cf; font-weight: bold; border-bottom: 1px dotted #9cf; text-decoration: none;}
#navlang a:active { color: #039; font-weight: bold; border-bottom: 1px dotted #039;text-decoration: none; }

#navigatie { font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: bold; text-align: left; float: left; padding: 10px 0 15px 200px; }
#navigatie ul{ list-style-type: none; }
#navigatie li { width:140px; color: #ccc; float: left; margin-bottom: 12px; padding-left: 10px; border-left: 1px solid white; }
#navigatie a { color: #cccccc; text-decoration: none; }
#navigatie a:hover { color: white; text-decoration: none; border-bottom: 1px dotted #FFFFFF; }
#navigatie a:active { color: #039;  text-decoration: none; border-bottom: 1px dotted #039;}


#leftcolumn { width: 400px; height: 400px; float: left; }
#rightcolumn { width: 380px; float: left;}

#content { position: relative; float: left; width: 360px; height: 470px; /*overflow: auto; */clip: rect(auto auto auto auto); font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: normal; line-height: 2; }

#contenttekst { text-align: left; position: relative; float: left; width: 340px; height: 438px; overflow: auto; clip: rect(auto auto auto auto); font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: normal; line-height: 2; margin-top: 10px; padding: 5px 22px 5px 12px; }

.contenttekst {  }

#contenthead { font-weight: bold; position: relative; padding-right: 12px; padding-left: 12px; border-bottom: 1px solid black; }

#contentlist {  /*position: relative;*/ padding-right: 12px; padding-left: 12px; border-bottom: 1px dotted black; }

#contentimage { float: left; position: static; width: 380px; height: 220px; clip: inherit; }

#contentlijst { background-color: #c90;    position: relative; float: left; width: 380px; height: 210px; overflow: auto; clip: rect(auto auto auto auto); font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: normal; line-height: 1.5;}

#contentslide { text-align: left; position: relative; width: 380px; height: 430px; clip: rect(auto auto auto auto); font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: normal; line-height: 2; overflow: auto !important; float: left; }

#slidelijst { position: relative; display: block; line-height: 2em; text-align: center; width: 100px; height: 100px !important; float: left; margin: 4px !important; padding: 5px !important; border: solid 1px #FFFFFF; }

#lijstkop {  /*position: relative;*/ font-size: 16px; font-weight: bold; text-align: left; padding-right: 12px; padding-left: 0px; border-bottom: 1px dotted black; }

#lijst {  /*position: relative;*/ text-align: left; padding-right: 22px; border-bottom: 1px dotted black; }
#review { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; text-align: left; padding-right: 10px; padding-left: 12px;}
#review h1 { font-size: 16px;font-variant: capitals; }
#review h2 { font-size: 12px; font-style: oblique; border-bottom: 1px dotted black; }
#review h3 { font-size: 12px; font-style: oblique;}
#review h4 { font-size: 12px; font-style: italic; border-top: 1px dotted black; }
#review h5 {font-size: 12px;  padding-bottom: 22px; }
#review p { font-size: 12px; }
.lijstmidden { position: absolute; left: 200px; }

.lijstrechts { position: absolute; left: 300px; }

/*#lijst a:link { color: white; background-color: #5a3d1b; text-decoration: none; border: solid 2px #5a3d1b; }

#lijst a:visited { color: #88643a; text-decoration: none; border: dotted 2px; }

#lijst a:hover { color: white; font-weight: bold; background-color: #5a3d1b; text-decoration: none; border: solid 2px #5a3d1b; }

#lijst a:active { color: white; background-color: #5a3d1b; text-decoration: none; border: solid 2px #5a3d1b; }*/

#logo {width: 40px; float: left; text-align: left; /*position: absolute;*/  margin-top: 120px; margin-left: 20px; }

#image {width: 40px; float: left; text-align: left; /*position: absolute;*/  margin-top: 170px; margin-left: 180px; }

#citaat { margin-top: 320px; margin-right: 40px; display: block;}

.citaat { float: left; color: white; font-size: 11px; font-family: "Times New Roman", Georgia, Times, serif; font-style: italic; font-weight: normal; line-height: 2; text-align: right; }

td { }

form
    {
  
    padding: 10px;
    width: 320px;
    
    /*font-family: Arial, Helvetica, sans-serif;
    font-size: small;*/
    
    }

label
    {
    float: left;
    width: 80px;
    text-align: right;
    
    margin-right: 15px;
    }
    
input
    {
    background-color: #f5f5f5;

    text-align: left;


    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
    
    margin-bottom: 12px;
    }    

select
    {
    width: 120px;
    font-size: x-small;
    background-color: #f5f5f5;
    
    border-color: #cccccc;
    border-style: solid;
    border-width: 1px;
    
    margin-bottom: 10px;
    }


textarea
    { width: 200px; background-color: #f5f5f5; font-family: Arial, Helvetica, sans-serif; font-size: small; margin-bottom: 10px; border: solid 1px #cccccc; }


a:link { color: black; text-decoration: none; }
a:visited { color: black; text-decoration: none; }
a:hover { font-weight: bold; border-bottom: 1px dotted black; }
a:active { color: black; text-decoration: none; }