/* CSS Document Ottografie - Otto v/d Toorn */
/* (c)2010 TimDeibel.nl - Rev.2011/05/31    */

html, body {
 font-family:Verdana, Geneva, sans-serif;
 font-size:12px;
 color:#aaa;
 background:#1A1A1A;
 margin:0;
 padding:0;
 border:none;
}
div ul { margin-left:0px; padding-left:20px; } /* IE6+7 missing bullets Bug */
p { padding:0; margin:0 0 15px 0; }
a:link, a:visited {	color:#888; text-decoration: underline; }
a:hover { color:#ddd; text-decoration: none; }
a:active { color:#fff; text-decoration: underline; }
h1  { font-size: 12px; font-weight: Bold; color:#bbb; text-decoration: none; }

#mainwrap {
 position:absolute;
 width: 100%;
 height:100%;
 min-width:1160px;
 min-height:600px;
 top:0;bottom:0;left:0;right:0;
 margin:0;padding:0;border:0;
 z-index: 10;
}
#bg_img {
 position:absolute;
 top:0;
 right:0;
 height:100%;
 border:0;
 text-align:right;
 z-index: 11;
 overflow:hidden;
}

#headTitle {
 position:fixed; /* niet in IE6 */
 top: 18px;
 left:35px;
 width:500px;
 height:75px;
 z-index:20;
}
#headNav {
 position:fixed; /* niet in IE6 */
 top: 68px;
 right:35px;
 width:auto;
 height:16px;
 text-align:right;
 padding: 0;
 margin: 0;
 z-index:21;
}
#headNav ul {
 list-style:none;
 padding: 0;
 margin: 0;
}
#headNav ul li {
 display: inline;
 padding: 0;
 margin: 0;
 text-align:center;
}
#headNav ul li a { /* Links, algemeen */
}
#headNav ul li a:hover, #headNav ul li a:focus { /* Hover / focus */
}
.butPadding { /* Indien bij headNav, dan IE/FF problemen */
 padding: 0 4px;
}

#mainContainer {
 position:absolute;
 top: 100px;
 width:100%;
 min-height:500px;
 left:0;
 right:0;
 bottom:0;
 z-index:30;
/* border: 1px solid #F00; */
}
#bg_main_content { /* contact, links */
 position:absolute;
 top:50%;
 left:0;
 width:100%;
 height:500px;
 margin-top:-260px;
 background:url(../img/bg_main.gif) top left repeat-x;
 z-index:31;
}
#main_content {
 position:absolute;
 width:100%;
 left:0;
 height:500px;
 top:50%;
 margin-top:-260px;
 z-index:32;
}
#slideBox {
 padding:0 0 0 40px;
}
#textBox {
 position:absolute;
 top: 40px;
 left:40px;
 width:750px;
 height:420px;
 overflow:auto;
}
#textPadding {
 padding:0;
}
#mi1dBox {
 position:absolute;
 top: 70px; left:40px;
 width:980px; height:400px;
 overflow:hidden;
 margin:0; padding:0;
/* border:1px solid; */
}
.textCol1 {
 float:left;
 width:320px;
 padding:0 35px 0 0;
 margin:0;
 line-height: 150%;
 border-right:#444 1px dotted;
}
.textCol2 {
 float:left;
 width:320px;
 padding:0 0 0 35px;
 margin:0;
 line-height: 150%;
}
.addrCol1 {
 float:left;
 width:175px;
 padding:0 35px 0 0;
 margin:0;
 border-right:#444 1px dotted;
}
.addrCol2 {
 float:left;
 width:140px;
 padding:0 35px;
 margin:0;
 border-right:#444 1px dotted;
}
.addrCol3 {
 float:left;
 width:175px;
 padding:0 0 0 35px;
 margin:0;
}
.mi1dCol1 { /* FLV Video */
 float:left;
 width:650px;
 padding:0;
 margin:0;
}
.mi1dCol2 { /* Keuzelijst */
 float:left;
 width:280px; height:360px;
 padding:0 0 0 30px;
 margin:0;
 line-height: 150%;
 overflow:auto;
}
.videoCol1a { /* FLV Video - TD */
 vertical-align:middle;
}
.videoCol1b { /* FLV Video - DIV */
 width:650px;
 padding:0 0 0 40px; margin:0;
}
.videoCol2a { /* Keuzelijst - TD */
 vertical-align:middle;
}
.videoCol2b { /* Keuzelijst - DIV */
 width:280px; height:360px;
 padding:0 60px 0 40px;
 margin:0;
 line-height: 150%;
 overflow:auto;
}
a.mi1dLink {
 color:#888;
 text-decoration:none;
}
a.mi1dLink:hover, a.mi1dLink:focus {
 color:#ddd;
 text-decoration:none;
}

.picTable {
 background:url(../img/bg_main.gif) top left repeat-x;
}
.picBox {
 vertical-align:bottom;
}
.infoBox0 {
}
.infoBox {
 padding-left:30px;
}
.size_S  { font-size: 10px; font-weight: Normal; text-decoration: none; }
.size_N  { font-size: 12px; font-weight: Normal; text-decoration: none; }
.size_B  { font-size: 12px; font-weight: Bold; color:#bbb; text-decoration: none; }
.size_L  { font-size: 12px; font-weight: Bold; color:#bbb; text-decoration: none; }
.size_XL { font-size: 16px; font-weight: Normal; color:#ccc; 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;
}