#top {
    position: relative;
    background-color: white;
    color: black;
    padding: 0px;
    width: 100%;
    height: 80px;
    overflow: hidden;
}

#logo_container {
    width: 50%;
    height: 100%;
    float: left;
}

#link_container {
    font-family: Calibri, Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
    font-size: 16px;
    width: 50%;
    height: 100%;
    float: right;
    padding-top: 50px;
}

#link_container > div {
    display: inline-block;
    display: -moz-inline-box;
    *display: inline; /* For IE7 */
    zoom: 1; /* Trigger hasLayout */
    width: 32%;
}

#bottom {
    position: relative;
    width: 100%;
    height: 140px;
    margin-left: auto;
    margin-right: auto;
}

#bottom_uppergrayblock {
    position: relative;
    background-color: #2B2B2B;
    text-align: center;
    width: 100%;
    height: 20px;
}

#bottom_grayblock {
    position: relative;
    background-color: #2B2B2B;
    text-align: center;
    width: 100%;
    height: 40px;
    z-index:1;
}

#bottom_whiteblock {
    position: relative;
    background-color: white;
    width: 100%;
    height: 40px;
}

#bottom_textblock {
    position: relative;
    background-color: white;
    text-align: center;
    width: 100%;
    height: 40px;
    padding: 5px;
    margin: 10px 0px 0px 0px;
}

.bottom_text {
    font-family: Calibri, Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
    font-size: 16px;
    color: black;
    letter-spacing: 5px;
}

.bottom_dots {
    font-family: Calibri, Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
    font-size: 16px;
    color: #A4912B;
    letter-spacing: 5px;
}

#content {
    position: relative;  
    background-color: #2B2B2B;
}

#slideshow_frame {
    width: 100%;
    height: 800px;
}

#about_content {
    position: relative;
    width: 100%;
    background-image:url("/superinterieurontwerp/faces/javax.faces.resource/wallpaper_pattern1.gif?ln=img");
    background-repeat:repeat;
    margin-left: auto;
    margin-right: auto;
}

#about_picture { 
    position: relative;
    height: 100%;
    width: 100%;
}

#about_text, #index_text { 
    position: relative;
    font-family: Lato, Calibri, Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
    font-size: 16px;
    font-weight: lighter;
    color: white;
    letter-spacing: 5px;
    line-height: 200%;
    text-align: justify;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 40px;
    padding-bottom: 40px;
    margin-bottom: 0px;
}

.p_about_text, .p_index_text {
    padding-top: 5px;
    padding-bottom: 5px;
}

.p_index_date {
    padding-top: 5px;
    padding-bottom: 5px;
    font-style:italic;
}

#portfolio_content {
    position: relative;
    width: 100%;
    overflow: hidden;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-top: 25px;
    background-image:url("/superinterieurontwerp/faces/javax.faces.resource/wallpaper_pattern1.gif?ln=img");
    background-repeat:repeat;
}

#project_container {
    display: inline-block;
    display: -moz-inline-stack; /* for compatibility with older Firefox */
    *display: inline; /* For IE7 */
    padding: 0px;
    margin: 10px;
    width: 400px;
    height: 315px;
    overflow: hidden;
    text-align: center;
}

#project_textblock {
    font-family: Calibri, Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
    font-size: 12px;  
    letter-spacing: 3px;
    text-align: left;
}

.project_description {
    color: white;
}

.project_location {
    color: #A4912B;    
}

#contact_content {
    position: relative;
    width: 100%;
    height: 1000px;
    background: url("http://www.superinterieurontwerp.nl/slideshow/slideshow2.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;    
}

#contact_container {
    position: relative;
    width: 900px;
    height: 490px;
    top: 100px;
    margin-left: auto;
    margin-right: auto;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding-left: 15px;
    padding-right: 15px;
    background-color:#ffffff;
    border:1px solid black;
    opacity:0.8;
    filter:alpha(opacity=80); /* For IE8 and earlier */
}

#contact_textblock {
    font-family: Calibri, Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
    font-size: 16px;
    color: black;
    letter-spacing: 3px;
    line-height: 150%;
    padding: 10px;
    width: 435px;
    float: left;
}

.contact_text {
    padding-top: 20px;
}

#contact_form {
    font-family: Calibri, Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
    font-size: 16px;
    color: black;
    letter-spacing: 3px;
    line-height: 200%;
    padding-top: 18px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    width: 415px;
    float: right;
}

#top a:link, #top a:visited {
    color: #000000;
    text-decoration: none;
    letter-spacing: 5px;
}

#top a:link:hover, #top a:visited:hover  {
    color: #A9901E;
    text-decoration : none;
    letter-spacing: 5px;
}