/* CSS DOCUMENT */
/* TimDeibel.nl Rev.2009/09/19 */

html,body { width:100%; margin:0; padding:0; border:none;}
body {
 font-family:Verdana, Geneva, sans-serif;
 font-size: 12px;
 text-align:center;
 background:#181818;
 color:#bbb;
}

p { padding:0; margin:16px 0; }
p:first-letter { font-size:125%; }
p.size_L, h1 { font-size:130%; font-weight: Normal; letter-spacing:0.3em; }
p.size_L:first-letter, h1:first-letter { font-size: 150%; font-weight: normal; }

a:link, a:visited { color:#f9c; text-decoration:underline; }
a:hover  { color:#fff; text-decoration:none; }
a:active { color:#fff; text-decoration:underline; }

#mainWrap {
 position:relative;
 width: 980px;
 height:600px;
 margin:110px auto 0 auto;
 text-align:left;
 background:url(../img/bg_content.jpg) top center no-repeat;
}
#head {
 position:absolute;
 width: 432px;
 height:292px;
 top:  -94px;
 left: -75px;
}
#mainMenu {
 position:absolute;
 width:487px;
 height:43px;
 top:  -36px;
 right: -7px;
 background:url(../img/bg_menu.jpg) top center no-repeat;
}
#nav1 {
 position:absolute;
 top: 20px; left: 35px;
 width:auto;
 height:20px;
 text-align:left;
 margin: 0;
 padding:0;
}
#nav1 ul {
 display: inline;
 list-style-type:none;
 margin: 0; 
 padding:0;
}
#nav1 ul li {
 display: inline;
 list-style-type:none;
 font-size:12px;
 margin: 0;
 padding:0 10px 0 0;
}
#nav1 ul li a.link0 { /* Overige links */
 text-decoration: none;
 color: #666;
}
#nav1 ul li a.link1, #nav1 ul li a:hover, #nav1 ul li a:focus { /* Actieve item */
 text-decoration: none;
 color: #f9c;
}

#homeImageBox {
 position:absolute;
 width: 344px;
 height:500px;
 top:  50px;
 right:54px;
 text-align:right;
}

#homeTextBox {
 position:absolute;
 width: 460px;
 height:488px;
 top:  58px;
 left:120px;
 line-height:200%;
 overflow:auto;
}
#textBox {
 position:absolute;
 width: 645px;
 height:485px;
 top:  58px;
 left:175px;
 line-height:200%;
 overflow:auto;
}

#imageBox {
 position:absolute;
 width: 812px;
 height:540px;
 top:  40px;
 left: 120px;
 line-height:100%;
 overflow:auto;
}
#albumTitle {
 position:absolute;
 width:800px;
 height:20px;
 top:  18px;
 left: 120px;
 line-height:100%;
 overflow:hidden;
 padding-top:2px;
 background:#101010;
}

#homeTextMargins {
 padding-right:40px;
}
#textMargins {
 padding-right:40px;
}

#footer {
 position:relative;
 width: 920px;
 text-align:right;
 margin: -8px auto 0 auto;
}
#footer a {
 color: #444;
 font-size:10px;
 text-decoration:none;
}
#footer a:hover, #footer a:focus {
 color: #ccc;
}

/* ########### CSS CLASSES ############## */
/* ====================================== */
.size_S  { font-size:10px; text-decoration: none; }
.size_N  { font-size:12px; text-decoration: none; }
.size_L  { font-size:16px; font-weight: Normal; }
.size_XL { font-size:16px; font-weight: Bold; }

.ecp_pic_border {
}
.ecp_thumb_border {
 border:#444 1px solid;
}
.portfThumbBox {
 float: left;
 width: 100px;
 height:200px;
 text-align:center;
 padding-right:15px;
}
a.portfThumbLink {
/* color: #f9c; */
 color:#bbb;
 text-decoration:none;
}
.picPadding {
 padding-right:30px;
}
.infoTxt {
 color: #666;
 font-size:10px;
 line-height:12px;
 padding-right: 30px;
 text-align:left;
 vertical-align:top;
}

.frm_txt {
 font-family:"Courier New", Courier, mono;
 font-size: 100%;
 font-weight:normal;
 color: #333;
 background-color:#eee;
 border:#eee 1px solid;
}
.frm_but {
 font-family:"Courier New", Courier, mono;
 font-size: 100%;
 font-weight:normal;
 background-color: #eee;
 border: #eee outset 2px;
}
