/* Default CSS Stylesheet for a new Web Application project */

BODY {FONT-SIZE: 11px;line-height: 18px; FONT-FAMILY: "Lucida Sans Unicode","trebuchet ms",trebuchet,tahoma, arial,verdana,sans-serif; color: #222222; 
background-image: url(images/bg.jpg);background-repeat: repeat-x; 
/*background-color: #71828a;*/
background-repeat: repeat-x; background-color: #000000;
 }
Table {FONT-SIZE: 11px; color:#222222;}

H1 {FONT-WEIGHT: normal; FONT-SIZE: 24px; MARGIN-BOTTOM: 0px;MARGIN-TOP: 0px; color:#9c1e8b;}
h2{font-size: 125%;  MARGIN-BOTTOM: 0px;MARGIN-TOP: 0px;  padding: 0px;FONT-FAMILY: tahoma;color:#9c1e8b;}
h3{font-size: 115%;  MARGIN-BOTTOM: 0px;MARGIN-TOP: 0px;  padding: 0px; font-weight: lighter;}
h4{font-size: 105%;  MARGIN-BOTTOM: 0px;MARGIN-TOP: 0px;;  padding: 0px; font-style: italic; }
h5{font-size: 115%; font-weight: bold;MARGIN-BOTTOM: 0px;MARGIN-TOP: 0px;  padding: 0px;color:#17085d;}


A{ text-decoration:none; color:#9c1e8b;border-bottom: dotted 1px #222222;}
A:HOVER {color:#888888;border-bottom: solid 1px #9c1e8b;}

A.IMG, A.IMG:HOVER{border-bottom: 0px; text-decoration: none; }
.img {border-bottom:0px;}
.img:hover {border-bottom:0px;}

p{	margin-top:5px;}
UL{font-size:12px; margin-left:24px;  list-style-position: outside;  list-style-type: none;  list-style-image: url(images/dot.gif);  }	
LI{  vertical-align: text-top; margin:0px;}

#TableContent{ FONT-SIZE: 11px;color:#000000; background-image: url(images/bg_content.gif);  background-repeat: repeat-x;  border: solid 8px #ffffff;  width: 700px;  background-color: #cccccc; height:100%;   }
#TableContent2{ FONT-SIZE: 11px;color:#000000;}

#TDContent{height:100%;vertical-align: top;padding-left: 10px; padding-top:5px; padding-right:10px; padding-bottom:5px;color:#222222;}

TD.sep{padding:5px; vertical-align: top; width:33%;}
TD.sep33{width:33%; background-image: url(images/bg_sep_v.gif);background-repeat: repeat-y;	background-position: right; padding:5px; vertical-align: top;
}

td.hr_dotted{background-image: url(images/bg_sep_h.gif); padding: 5px; border:5px; margin:5px; height:1px;  background-repeat: repeat-x; }

.footer{	color:#888888;FONT-SIZE: 11px;  height: 30px;  text-align:right;  vertical-align: middle; /*background-image: url(images/bg_sep_h.gif); background-repeat: repeat-x; */ }
.footer A {color:#888888;border-bottom:0px; text-decoration: none;}
.footer A:hover{color:#888888; border-bottom: solid 1px #9c1e8b;text-decoration: none; }
.separator{color:#888888;}
.bg_footer{
	background-image: url(images/bg_footer.gif);
	background-position: top;
	background-repeat: repeat-x;
}

A.header{FONT-FAMILY: "Lucida Sans Unicode",tahoma;color:#9c1e8b;}

blockquote{ padding: 10px 10px 10px 10px; background-color: #9c1e8b;  color: White;}
blockquote EM{font-size:11pt; text-align:right;  color: White;  font-family: arial; font-weight: bold;  font-style: normal;  }
blockquote A{ border:0px; text-align: right; width:100%; color: #ffffff;}

blockquote.one{ padding: 10px 50px 10px 5px; background-color: #4e4584;  color: White;  background-image: url(images/bg_quote1.gif);  background-position:  center right;  background-repeat: no-repeat;   }
blockquote.one EM{font-size:10pt; text-align: center;  color: White;  font-family: arial; font-weight: bold;  font-style: normal;  }
blockquote.one A{ border:0px; text-align: right; width:100%; color: #ffffff;}

blockquote.two{ padding:  10px 50px 10px 10px; background-color: #5f7a3e;  color: White;  background-image: url(images/bg_quote2.gif);  background-position:  center right;  background-repeat: no-repeat;}
blockquote.two EM{font-size:10pt; text-align:right;  color: White;  font-family: arial; font-weight: bold;  font-style: normal;  }
blockquote.two A{ border:0px; text-align: right; width:100%; color: #ffffff;}

blockquote.three{ padding:  10px 50px 10px 10px; background-color: #f3c529;  color: White;  background-image: url(images/bg_quote3.gif);  background-position:  center right;  background-repeat: no-repeat;}
blockquote.three EM{font-size:10pt; text-align:right;  color: White;  font-family: arial; font-weight: bold;  font-style: normal;  }
blockquote.three A{ border:0px; text-align: right; width:100%; color: #ffffff;}

blockquote.four{ padding:  10px 50px 10px 10px; background-color: #e14e47;  color: White; background-image: url(images/bg_quote4.gif);  background-position:  center right;  background-repeat: no-repeat;}
blockquote.four EM{font-size:10pt; text-align:right;   color: White;  font-family: arial; font-weight: bold;  font-style: normal;  }
blockquote.four A{ border:0px; text-align: right; width:100%; color: #ffffff;}

blockquote.five{ padding:  10px 50px 10px 10px; background-color: #6d94a5;  color: White; background-image: url(images/bg_quote5.gif);  background-position: center right;  background-repeat: no-repeat;}
blockquote.five EM{font-size:10pt; text-align:right;color: White;  font-family: arial; font-weight: bold;  font-style: normal;  }
blockquote.five A{ border:0px; text-align: right; width:100%; color: #ffffff;}

.box{color: White;background-color: #9c1e8b;  padding: 10px 10px 10px 10px; filter: progid:DXImageTransform.Microsoft.Shadow(color="#777777", Direction=135, Strength=3);z-index:	10000;}
.box EM{ font-family: arial; font-size: 15pt; font-weight: bold; font-style:normal;}
.box UL{ list-style-image: none;  list-style-type: square; font-size: 8pt; margin:0px; margin-left:16px;margin-top:8px; padding:0px;}
.box h1, .box h2, .box h3, .box h4, .box h5, .box h6 {color:#ffffff;}

#photoholder {width:507px;height:120px;background:#f9f9f9 url('images/loading.gif') 50% 50% no-repeat; POSITION: relative;}
#thephoto {width:507px;height:120px;}
#thephoto {visibility:hidden;} 

/* PORTFOLIO*/

#logoSpan, #websiteSpan, #applicationSpan, #dtpSpan, #otherSpan {LEFT: 0px; POSITION: absolute}
.portfolio{WIDTH: 640px;POSITION: relative; BORDER-RIGHT: #888 1px solid; BORDER-TOP: #888 1px solid; BORDER-LEFT: #888 1px solid;BORDER-BOTTOM: #888 1px solid;  background-color: #fafafa; margin-top:4px; margin-left:20px;}

#logo_knop_links {DISPLAY: none; POSITION: absolute;LEFT: 5px; TOP: 40px}
#logo_knop_rechts {DISPLAY: none; POSITION: absolute;LEFT: 600px; TOP: 40px}

#website_knop_links {DISPLAY: none; POSITION: absolute;LEFT: 5px; TOP: 40px}
#website_knop_rechts {DISPLAY: none; POSITION: absolute;LEFT: 600px; TOP: 40px}

#application_knop_links {DISPLAY: none; POSITION: absolute;LEFT: 5px; TOP: 40px}
#application_knop_rechts {DISPLAY: none; POSITION: absolute;LEFT: 600px; TOP: 40px}

#dtp_knop_links {DISPLAY: none; POSITION: absolute;LEFT: 5px; TOP: 40px}
#dtp_knop_rechts {DISPLAY: none; POSITION: absolute;LEFT: 600px; TOP: 40px}

#other_knop_links {DISPLAY: none; POSITION: absolute;LEFT: 5px; TOP: 40px}
#other_knop_rechts {DISPLAY: none; POSITION: absolute;LEFT: 600px; TOP: 40px}

.PIB_inner {OVERFLOW: hidden; POSITION: relative;LEFT: 36px; WIDTH: 560px; TOP: 10px; HEIGHT: 130px}
.pib_Object {WIDTH: 142px; PADDING-TOP: 1px; POSITION: absolute; TOP: 0px; HEIGHT: 120px; TEXT-ALIGN: center}
.PibImage {BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; WIDTH: 120px; BORDER-BOTTOM: #cccccc 1px solid; HEIGHT: 80px; BACKGROUND-COLOR: #fafafa}

A.pib {color:#444;FONT-SIZE: 8pt;FONT-FAMILY: "trebuchet ms",trebuchet; TEXT-DECORATION: none; border-bottom:NONE;}
A.pib:hover {border-bottom:NONE;color:#9c1e8b;}

/*FORMS*/

Input, textarea,select{
	border: solid 1px #cccccc;
}

.btn{ background-color: #9c1e8b;  color: #ffffff;  }
.guestbook_item{border-bottom:solid 1px #dadada; background-color:#cccccc;}
.guestbook_item2{border-bottom:solid 1px #dadada;}