/* CSS Document Ottografie - PB-PhotoArt */
/* (c)2009 TimDeibel.nl - Rev.2009/07/10  */

html, body {
 font-family:Verdana, Geneva, sans-serif;
 font-size:12px;
 width:100%;
 background:#0a0a0a;
 color:#999;
 margin:0;
 padding:0;
 border:none;
}
p { padding:0; margin:1em 0; }
a:link, a:visited {	color:#777; text-decoration: underline; }
a:hover { color:#ccc; text-decoration: none; }
a:active { color:#fff; text-decoration: underline; }

#mainWrap {
 position:absolute;
 top: 0px;
 left:0px; right:0px;
 width:100%;
 height:100%;
 min-width: 980px; /* MIN-WIDTH/HEIGHT: niet in IE6 */
 min-height:690px;
 margin:0;padding:0;border:none;
}
#topWrap {
 position:fixed; /* FIXED: niet in IE6 */
 width:100%;
 top:20px;
 left:0;right:0;
 height:80px;
 background:url(../img/top_bg.jpg) top repeat-x;
 z-index:30;
}
#botWrap {
 position:fixed; /* FIXED: niet in IE6 */
 width:100%;
 bottom:20px;
 left:0;right:0;
 height:40px;
 background:url(../img/bot_bg.jpg) top repeat-x;
 z-index:10;
}
#copyright {
 position:absolute;
 width:200px;
 height:12px;
 left: 20px;
 bottom:15px;
 font-size:10px;
 text-align:left;
}
#copyright a {
 text-decoration:none;
 color: #444;
}
#copyright a:hover, #copyright a:focus {
 text-decoration:none;
 color:#999;
}

#topTitle {
 position:absolute;
 top: 10px;
 left:20px;
 width:300px;
 height:75px;
 background:url(../img/top_title.gif) top left no-repeat; /* + preload ! */
}
#topMenu {
 position:absolute;
 top:  55px;
 right:20px;
 width:auto;
 height:auto;
 text-align:right;
 background:#121212;
}
#nav {
}
#nav ul {
 margin: 0; 
 padding: 0;
 list-style-type: none;
 display:inline;
}
#nav ul li {
 padding:0 0 0 20px;
 margin: 0;
 display:inline;
}
#nav ul li a.link0 { /* Overige links */
 text-decoration: none;
 color: #999;
}
#nav ul li a.link1 { /* Actieve item */
 text-decoration: none;
 color: #fff;
}
#nav ul li a:hover, #nav ul li a:focus { /* HOVER */
 text-decoration: none;
 color: #ccc;
 border-bottom: #ccc 1px dotted;
}

#contentWrap {
 position:absolute;
 top: 100px; /* hoogte header + top padding */
 bottom:60px; /* hoogte v/d footer + bottom padding */
 left:0; right:0;
 min-height:520px; /* MIN-WIDTH/HEIGHT: niet in IE6 */
 z-index:20;
}
#contentPics { /* Verticaal centreren */
 position:absolute;
 width:auto;
 left:0;
 height:516px;
 top:50%;
 margin-top:-255px;
 background:#0a0a0a; /* idem body */
}
.picCell0 {
 display:block;
 width: 20px;
}
.picCell {
 vertical-align:bottom;
 padding: 0 20px 0 0;
 vertical-align:bottom;
}
.infoTxt {
 vertical-align:top;
 text-align:center;
 font-size:10px;
 color:#444;
}
.ecp_pic_border {
}

#contentText { /* Text-box, verticaal gecentreerd - INFO, CONTACT */
 position:absolute;
 left:165px;
 width:600px;
 height:480px;
 top:50%;
 margin-top:-240px;
 line-height:200%;
 overflow:auto;
 padding-right:20px; /* tbv scrollbar */
}
#contentText p:first-letter {
}

.size_S  { font-size: 10px; font-weight: Normal; text-decoration: none; }
.size_N  { font-size: 12px; font-weight: Normal; text-decoration: none; }
.size_L  { font-size: 16px; font-weight: Normal; text-decoration: none; }
.size_XL { font-size: 16px; font-weight: Normal; text-decoration: none; }

.frm_txt {
 font-family:"Courier New", Courier, mono;
 font-size: 12px;
 font-weight:normal;
 color: #333;
 background-color:#ddd;
}
.frm_but {
 font-family:"Courier New", Courier, mono;
 font-size: 12px;
 font-weight:normal;
 background-color: #ccc;
 border: #eee outset 2px;
}