/* CSS DOCUMENT */
/* TimDeibel.nl Rev.2008/04/21 */

* {
 margin: 0;
 padding:0;
 border: 0;
}
html, body {
 width:100%;
 height:100%;
}
body {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:14px;
 background-color:#FFFFFF;
 color:#333333;
 text-align:center;
}

hr {
 color:#333333;
 height: 1px;
}
/* CLASSES: */
/*========= */
.size_S {
 font-size: 11px;
 text-decoration: none;
}
.size_N {
 font-size: 14px;
 text-decoration: none;
}
.size_L {
 font-size: 16px;
 font-weight: Bold;
}
.size_XL {
 font-size: 20px;
 font-weight: Bold;
}
.no_ul {
 text-decoration: none;
}
.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;
 color: #333333;
 background-color: #EEEEEE;
 border: #999999 outset 1px;
}
.ecp_pic_border {
 border:#FFDDE4 solid 1px;
}
.ecp_thumb_border {
 border:#FFDDE4 solid 1px;
}
.infoTxt1 {
 width:700px;
 height:12px;
 color: #FFA3B8;
 font-family:Verdana,Arial,Helvetica,sans-serif;
 font-size:10px;
}

a:link, a:visited { text-decoration:underline; }
a:hover  { text-decoration:none; }
a:active { text-decoration:underline; }

/* COLOR DIVS */
#colorsHome { /* Blauw */
 color:#1D77B5;
 border-color:#1D77B5;
}
#colorsInfo { /* Paars */
 color:#810B63;
 border-color:#810B63;
}
#colorsPortf { /* Roze */
 color:#FFA3B8;
 border-color:#FFA3B8;
}
#colorsContact { /* Roze */
 color:#000000;
 border-color:#000000;
}
#colorsHome a {
 color:#1D77B5;
}
#colorsInfo a {
 color:#810B63;
}
#colorsPortf a {
 color:#FFA3B8;
}
#colorsContact a {
 color:#000000;
}

/* POSITIONING DIVS */
#centerWrap {
 position: absolute;
 display:block;
 height: 1%; /* IE5.5 bug bij display:block; */
 background-color:#FFFFFF;
 width: 980px;
 height:600px;
 top: 50%;
 left: 50%;  
 margin-left:-475px;
 margin-top: -280px;
 border: 4px solid;
 padding: 0;
}
#mainContent {
 position:absolute;
 display:block;
 height: 1%; /* IE5.5 bug bij display:block; */
 width: 950px;
 height:520px;
 top: 50%;
 left: 50%;  
 margin-left:-479px;
 margin-top: -265px;
 border: 4px solid;
 font-family:Verdana,Arial,Helvetica,sans-serif;
 font-size:14px;
 text-align:left;
}
#mainContent_STANDAARD_CSS { /* Dit was eigenlijk de bedoeling... Maar helaas werkt IE niet mee... */
 position:absolute;
 display:block;
 top:   30px;
 left:   5px;
 right:  5px;
 bottom:30px;
 font-family:Verdana,Arial,Helvetica,sans-serif;
 font-size:14px;
 text-align:left;
 border: 4px solid;
}
#mainMenu {
 position: absolute;
 top: 5px;
 left:60px;
 text-align:left;
}
#mainMenu ul {
 padding: 0;
 margin: 0;
}
#mainMenu ul li {
 display: inline;
 padding: 0;
 margin:  0;
}
#mainMenu ul li a { /* menu item links */
 padding: 0 8px 0 8px;
 width: 9em; /* IE5.5 */
 font-family:Verdana,Arial,Helvetica,sans-serif;
 font-size:18px;
 font-weight:bold;
 text-decoration: none;
 text-align: center;
}
#mainMenu ul li span { /* current menu item */
 padding: 0 8px 0 8px;
 width: 9em; /* IE5.5 */
 font-family:Verdana,Arial,Helvetica,sans-serif;
 font-size:18px;
 font-weight:bold;
 text-decoration: underline;
 text-align: center;
}
#mainMenu ul li a:hover, #nav ul li a:focus {
 text-decoration: underline;
}
#textContainer {
 width: 450px;
 height:430px;
 padding: 40px;
 overflow:auto;
}
#footer {
 position:absolute;
 right: 60px;
 bottom: 3px;
 text-align:right;
 font-family:Verdana,Arial,Helvetica,sans-serif;
 font-size:24px;
 font-weight:bold;
}
