@charset 'UTF-8';

@font-face {
    font-family: 'Clearface-HeavyItalic';
    src: url('/fonts/ClearHeaIta.eot');
}

@font-face {
  font-family: 'Clearface-HeavyItalic';
  src: url('/fonts/ClearHeaIta.woff') format('woff'),
  url('/fonts/ClearHeaIta.svg#Clearface-HeavyItalic') format('svg');
}

.Clearface-HeavyItalic { font-family: 'Clearface-HeavyItalic', serif }

html, body { height: 101%; }
body { background-color: black; padding: 0; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; height: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 17px; color: white; }

td { font-size: 80%; vertical-align: top }

#main { position: relative; width: 910px; height: 100%; left: auto; right: auto; margin-right: auto; margin-left: auto; }
#header { position: relative; height: 140px; width: 890px; text-align: left; padding-top: 20px; padding-right: 0; padding-bottom: 0; padding-left: 0; z-index: 1; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; }

#logomenu { position: absolute; height: auto; width: 110px; padding: 0; margin: 0; left: 0; top: 20px; text-align: left; font-size: 11px; }
#logo { position: relative; height: auto; width: 110px; padding: 0; left: 0; top: 0; text-align: left; background-color: LightSteelBlue; margin-top: 0; margin-right: 0; margin-bottom: 2px; margin-left: 0; }
#naw { position: absolute; height: auto; width: 110px; padding: 0; margin: 0; left: 130px; top: 20px; text-align: left; color: #999; font-size: 11px; line-height: 17px; }

#menu { position: absolute; height: auto; width: 110px; margin: 0; left: 520px; top: 20px; text-align: left; padding: 0; overflow: hidden; }
#menu ul { list-style: none; margin: 0; padding: 0 }
#menu li { height: 22px; top: 0; right: 0; display: block; }
#menu li a { 
				font-family: 'Clearface-HeavyItalic', Arial, Helvetica, sans-serif;
    font-size: 20px; 
    line-height: 20px; 
    font-weight: normal; 
    text-transform: uppercase;
    background-color: black;
    color: #FFF;
    text-decoration: none;
    display: block;
}
#menu li a:hover { text-decoration: none; color: LightSteelBlue; font-style: normal; }
/*#menu li a:active { text-decoration: none; background-color: #FFF; }*/
/*#menu li.selected { height: 22px; top: 0; right: 0; background-color: #FFF; display: block; }
#menu li.selected a { text-decoration: none; background-color: #FFF; display: block; }
#menu li.selected a:hover { text-decoration: none; background-color: LightSteelBlue; }
#menu li.selected a:active { text-decoration: none; background-color: #666; }
*/

#searchmenu { position: absolute; height: auto; width: 240px; padding: 0; margin: 0; left: 650px; top: 20px; text-align: left; }
#search { position: relative; height: 21px; width: 110px; padding: 0; left: 0; top: 0; text-align: left; background-color: #333; margin-top: 0; margin-right: 0; margin-bottom: 3px; margin-left: 0; }
.searchbox { position: relative; height: 14px; width: 200px; left: 0; top: 0; text-align: left; background-color: #333; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; color: #FFF; margin-top: 0; margin-right: 5px; margin-bottom: 5px; margin-left: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; padding-top: 3px; padding-right: 2px; padding-bottom: 1px; padding-left: 3px; }

#content { position: relative; float: left; width: 370px; padding-left: 140px; }
#content_big { position: relative; width: 910px; padding-left: 10px; height: 100%; }
#content_project { position: relative; padding-left: 10px; }
#content_project #image_list { position: relative; height: auto; top: 0px; float: left; width: 630px;}
#content_right { position: relative; float: left; width: 370px; padding-left: 20px; top:0px; }

.home { color: #999; }
.home img { margin-top: 5px; margin-bottom: 5px; }

#image_list { position: relative; height: auto; top: 0px; float: left; }
#image_prevnext_album_link { position: relative; border: 1px solid #FF0; bottom: 0px; height: 100px; clear: left; color: #99CC33; }

#image_item { position: relative; width: 630px; height: auto; top: 0px; float: left; margin: 0px; padding: 0px; }
#image_title {}
#image_text { display:none; }
#image_folder_title { font-family: 'Clearface-HeavyItalic', Arial, Helvetica, sans-serif; font-size: 20px; line-height: 20px; font-weight: normal; text-transform: uppercase; height: 20px; padding-bottom: 25px; margin: 0px; padding-top: 0px; padding-right: 0px; padding-left: 0px; }
#image_folder_text { float: right; width: 240px; position: relative; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999; padding-bottom: 20px; border-top-width: 1px; border-top-style: solid; border-top-color: #999; padding-top: 20px; }
#image_prev_next {float: left; width: 240px; position: relative; border-top-width: 1px; border-top-style: solid; border-top-color: #999; padding-top: 20px; padding-bottom: 10px; margin-top: 20px; margin-bottom: 20px;}
#image_prev { position: relative; float: left; padding-right: 20px; width: 110px; height: auto; padding-top: 10px; padding-bottom: 10px; }
#image_next { position: relative; float: left; width: 110px; height: auto; padding-top: 10px; padding-bottom: 10px; }
#image_nav { position: relative; height: auto; width: 240px; top: 0px; float: left; left: 10px; padding-left: 10px; }
#image_nav_prev { position: relative; font-size: 11px; float: left; padding-right: 20px; width: 110px; height: auto; }
#image_nav_next { position: relative; font-size: 11px; float: left; width: 110px; height: auto; }
#image_nav_view_all { font-size: 11px; }
#image_nav_text { font-size: 11px; color: #999; }
.image_thumb_div_title { font-size: 11px; line-height: 13px; padding-top: 5px; }

/*position: relative; float: left; text-align: left; margin-top: 10px; margin-right: 10px; margin-bottom: 25px; margin-left: 10px;*/
.image_thumb { height: 140px; width: 110px; background-color: LightSteelBlue; position: relative; }
.image_thumb a:link { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: LightSteelBlue; height: 140px; width: 110px; display: block; }
.image_thumb a:visited { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: LightSteelBlue; height: 140px; width: 110px; display: block; }
.image_thumb a:active { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: LightSteelBlue; height: 140px; width: 110px; display: block; }
.image_thumb a:hover { height: 140px; width: 110px; display: block; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: LightSteelBlue; }
.image_thumb_div { float: left; position: relative; height: 160px; width: 110px; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 0px; }

.thumb2 { height: 140px; width: 110px; position: relative; float: left; margin-top: 10px; margin-right: 10px; margin-bottom: 15px; margin-left: 10px; text-align: left; }
.thumb2 a:link { height: 140px; width: 110px; display: block; background-color: #000; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000; }
.thumb2 a:visited { height: 140px; width: 110px; display: block; background-color: #000; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000; }
.thumb2 a:active { height: 140px; width: 110px; display: block; background-color: #000; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000; }
.thumb2 a:hover { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: LightSteelBlue; background-color: LightSteelBlue; height: 140px; width: 110px; display: block; }

.col1 { height: auto; width: 110px; position: relative; margin-right: 20px; margin-bottom: 40px; left: 0px; text-align: left; float:left; }
.col2 { height: auto; width: 240px; position: relative; margin-right: 20px; margin-bottom: 40px; left: 0px; text-align: left; float:left; }
.col3 { height: auto; width: 370px; position: relative; margin-right: 20px; margin-bottom: 40px; left: 0px; text-align: left; float:left; }
.col4 { height: auto; width: 500px; position: relative; margin-right: 20px; margin-bottom: 40px; left: 0px; text-align: left; float:left; }
.col5 { height: auto; width: 630px; position: relative; margin-right: 20px; margin-bottom: 40px; left: 0px; text-align: left; float:left; }
.col6 { height: auto; width: 760px; position: relative; margin-right: 20px; margin-bottom: 40px; left: 0px; text-align: left; float:left; }
.col7 { height: auto; width: 890px; position: relative; margin-right: 20px; margin-bottom: 40px; left: 0px; text-align: left; float:left; }

#projectinfo { height: auto; width: 240px; position: relative; text-align: left; float:right; right: 0; margin-top: 10px; margin-right: 10px; margin-bottom: 0; margin-left: 10px; }
#projectimage { width: 630px; position: relative; margin: 10px; left: 0; float:left; text-align: left; height: 500px; }

#footer { position: relative; height: 160px; width: 910px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; text-align: left; clear: both; z-index: 3; margin: 0; padding-top: 80px; padding-right: 0; padding-bottom: 0; padding-left: 0; }

img { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
a:link { color: #999; text-decoration: underline; }
a:visited { color: #999; text-decoration: underline; }
a:active { color: #FFF; text-decoration: underline; }
a:hover { color: LightSteelBlue; text-decoration: none; font-style: italic; }
/*
td { font-size: 10px; width: 104px; height: 20px; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; border-spacing: 0; padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 4px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-bottom-width: 2px; border-bottom-color: #000000; }
table { padding: 0; border-collapse: collapse; margin-top: 5px; margin-right: 0; margin-bottom: 0; margin-left: 0; }
*/

#colors td.p { padding-right: 19px; }
#colors a { padding-left: 4px; display: block; width: 109px; height: 20px; text-decoration: none; }

.smallprint { font-size: 11px; color: #999; }
.greytext { color: #999; }

.color { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; background-color: LightSteelBlue; }
hr { color: #999; shade: noshade; height: 1px; border-top-style: none; border-right-style: none; border-bottom-style: solid; border-left-style: none; margin-top: 20px; margin-bottom: 20px; }
h1 { font-family: 'Clearface-HeavyItalic', Arial, Helvetica, sans-serif; font-size: 20px; line-height: 20px; font-weight: normal; text-transform: uppercase; margin: 0px; padding: 0px; color: #FFF; }
.paginate { clear: left; position: relative; font-size: 11px; padding-top: 30px; }
.paginate .viewing_items { visibility: hidden; }
.button { border: 0px; background: #666; }
.button:hover { border: 0px; background: #999; }

.projecten_list_jaar {
    white-space: nowrap;
    padding-right: 25px;
    font-weight: bold;
    font-style: italic;
    font-size: 30px;
}

.projecten_list_folder {
    white-space: nowrap;
}

.projecten_list_thumb { height: 140px; width: 110px; background-color: LightSteelBlue; position: relative; }
.projecten_list_thumb a:link { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: LightSteelBlue; height: 140px; width: 110px; display: block; }
.projecten_list_thumb a:visited { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: LightSteelBlue; height: 140px; width: 110px; display: block; }
.projecten_list_thumb a:active { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: LightSteelBlue; height: 140px; width: 110px; display: block; }
.projecten_list_thumb a:hover { height: 140px; width: 110px; display: block; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: LightSteelBlue; }
.projecten_list_thumb_div { height: 160px; width: 110px; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 0px; display: inline; }

.introplaatje { background-color: LightSteelBlue; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; width: 890px; heigth: 500px; }