/* Cascading Style Sheet T.H. Deibel - 2009/11/09 */

html,body { width:100%; overflow:auto; margin:0; padding:0; border:0; }

body {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 background-color:#000000;
 color:#CCCCCC;
 text-align:center;
}

a:link, a:visited { color:#999999; text-decoration:underline; }
a:hover  { color:#EEEEEE; text-decoration:none; }
a:active { color:#FFFFFF; text-decoration:underline; }

/* DIV ID's (Rest staat in album PHP!) */
/* =================================== */
/* ########### MAIN WRAP CENTERED + PHP  ############## */
#mainWrap {
 position: absolute;
 display:block;
 top: 48%;
 left:10%;
 text-align:left;
}
/* ########### HEADER + PHP  ############## */
#headLeft {
 position: absolute;
 display:block;
 text-align:right;
}
#headRight {
 position: absolute;
 display:block;
 text-align:left;
}
#catLogo {
 position:relative;
 display:block;
 padding-left: 60px;
 width: 450px;
 height: 68px;
}
#catLine1 {
 position:relative;
 padding-left: 60px;
 display:block;
 width: 300px;
 height: 31px;
}
#catLine2 {
 position:relative;
 padding-left: 60px;
 display:block;
 width: 300px;
 height: 31px;
}
/* ########### MAIN CONTENT + PHP  ############## */
#contLeft {
 position: absolute;
 display:block;
 background-color:#DD1E86;
}
#contLeft #nav {
 padding: 20px 20px 0 0;
 text-align:right;
}
#contLeft #nav ul {
 margin: 0; 
 padding: 0;
 background-color: transparent;
 list-style-type: none;
}
#contLeft #nav ul li {
 padding: 10px 0;
 margin: 0;
}
#contLeft #nav ul li a { /* menu item links */
 color: #000000;
 text-decoration: none;
 display: block;
 height: 1%; /* IE5.5 bug bij display:block; */
}

#contLeft #nav ul li span { /* current menu item */
 color: #FFFFFF;
 text-decoration: none;
 display: block;
 height: 1%; /* IE5.5 bug bij display:block; */
}

#contLeft #nav ul li a:hover, #leftcol #nav ul li a:focus { 
 color: #FFFFFF;
}

#contLeftFooter {
 position:absolute;
 display:block;
 zoom: 1;
 right: 20px;
 bottom: 10px;
 text-align:center;
}
#contLeftFooter a {
 font-family:Verdana,Arial,Helvetica,sans-serif;
 font-size:10px;
 color: #EA5EAB;
 text-decoration:none;
}
#contLeftFooter a:hover, #contLeftFooter a:focus {
 text-decoration:none;
 color:#FFFFFF;
}

#contRight {
 position: absolute;
 display:block;
}
#contRightContact {
 position: absolute;
 display:block;
 border:#EA5EAB 1px solid;
 overflow:auto;
}
.textPadding {
 padding: 40px 60px 0px 60px;
}
/* ########### FOOTER + PHP  ############## */
#footLeft {
 position: absolute;
 display:block;
}
#footRight {
 position: absolute;
 display:block;
}

/* ########### 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: Bold; }
.size_XL { font-size: 16px; font-weight: Bold; }

/* PIC PADDING + PHP ! */
.mainPic  { margin: 0; border-left:#DD1E86 1px solid; }
.mainPic0 { margin: 0; }

.ecp_pic_border {
 border-left:#000000 solid 1px;
 border-top:#000000 solid 1px;
 border-right:#000000 solid 1px;
 border-bottom:#000000 solid 1px;
}
.infoTxt {
 font-family:Verdana,Arial,Helvetica,sans-serif;
 font-size:10px;
 color: #999999;
 height:12px;
}
.frm_txt {
 font-family:"Courier New", Courier, mono;
 font-size: 12px;
 font-weight:normal;
 color: #333333;
 background-color:#EEEEEE;
}
.frm_but {
 font-family:"Courier New", Courier, mono;
 font-size: 12px;
 font-weight:normal;
 background-color: #CCCCCC;
 border: #EEEEEE outset 2px;
}
