/*------------------------------------*\
  RESET
\*------------------------------------*/

body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea,
p, blockquote, th, td {
margin: 0;
padding: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
fieldset, img {
border: 0;
}
address, caption, cite, dfn, th, var {
font-style: normal;
font-weight: normal;
}
caption, th {
text-align: left;
}
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal;
}
q:before, q:after {
content: '';
}
abbr, acronym {
border: 0;
}

/*------------------------------------*\
  MAIN
\*------------------------------------*/


* {
margin:0;
padding:0;
}

p {
margin-bottom:24px;
}


h1 { 
font-size: 24px;
line-height: 24px;
margin-bottom: 24px;
}

h2 { 
font-size: 20px; 
line-height: 24px; 
margin-bottom: 24px;
}

h3 { 
font-size: 16px; 
line-height: 24px; 
}

h4 { 
font-size: 12px; 
line-height: 24px; 
}

ul, ol {
margin-bottom:12px;
margin-left:48px;
}

.left { 
float: left; 
}

.right { 
float: right; 
margin: 0 0 24px 24px; 
}


body,html {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
background-image: url("../images/bg_texture.jpg");
background-repeat:repeat;
margin:0;
color:#FFFFFF;
line-height:24px;
height:100%;
}

#mainheader{
/*background-image: url("../images/backclouds.jpg");
background-repeat:repeat-x;*/
background-color:#e22028;
height:360px;
height:360px;
min-height:360px;
max-height:360px;
text-align:center;
}

#bgwrapper{
position: relative;
margin:0pt auto;
background-image: url("../images/focusbg.jpg");
background-repeat:no-repeat;
text-align:center;
width:auto;
}

#wrapper{
position: relative;
margin:0pt auto;
width: 960px;
}

#mainheadershadow{
margin-left:-4px;
background-color:#222222;
background-image: url("../images/bg_shadow.jpg");
background-repeat:repeat-x;
height:24px;
min-height:24px;
max-height:24px;
}

#container{
text-align:left;
}

#feature{
background-image: url("../images/featurebg.jpg");
background-repeat:no-repeat;
height:460px;
margin-bottom:24px;
}

#feature img{
padding-top:3px;
padding-left:3px;
}

.bigSmall{
float:left;
width:600px;
}

.smallBig{
margin-left:24px;
width:288px;
float:left;
}

.twocolumnLeft{
float:left;
margin-left:0px;
width:444PX;
}

.twocolumnRight{
float:left;
margin-left:48px;
width:444PX;
}

.onecolumn{
margin-left:0px;
width:912px;
margin-bottom:48px;
}

.twocolumn{
margin-left:24px;
width:444PX;
float:left;
}

.threecolumn{
margin-left:24px;
width:288px;
}

.4col{
margin-left:24px;
width:210PX;
}

.6col{
margin-left:24px;
}


.featureText{
margin-top:72px;	
}

.italic{
font-style:italic;	
}

.descriptor{
font-size:13px;
line-height:20px;
font-weight:lighter;
}

.medium { 
font-size: 20px; 
line-height: 24px; 
margin-bottom: 24px;
}

.white{
color:#FFFFFF;
}

.grey{
color:#999999;	
}

.charcoal{
color:#333333;	
}

.lightgrey{
color:#cccccc;	
}

.content{
text-align:left;
margin-top:48px;
font-size:16px;
font-weight:normal;
}

/******** NAVBAR ********/

#navbar{
height:48px;
padding:0px;
width:960px;
overflow:hidden;
margin-bottom:24px;
}

#navbar img{
display:inline;
float:left;
padding:0px;
}

/** nav items **/

.navBestel{
background: url("../images/btn_bestel.jpg") no-repeat scroll 0 0 transparent;
cursor: pointer;
float: left;
height: 48px;
width: 220px;
}
  
.navBestel:hover {
background-position: 0 -48px;
}


.navHome{
background: url("../images/nav_home.jpg") no-repeat scroll 0 0 transparent;
cursor: pointer;
float: left;
height: 48px;
width: 221px;
}
  
.navHome:hover {
background-position: 0 -48px;
}


.navFormaat{
background: url("../images/nav_formaat.jpg") no-repeat scroll 0 0 transparent;
cursor: pointer;
float: left;
height: 48px;
width: 134px;
margin-left:0px;
}
  
.navFormaat:hover {
background-position: 0 -48px;
}

/** OUTEUR
.navOuteur{
	  background: url("../images/nav_outeur.jpg") no-repeat scroll 0 0 transparent;
	  cursor: pointer;
	  float: left;
	  height: 48px;
	  width: 134px;
	  margin-left:0px;
  }
  
.navOuteur:hover {
	background-position: 0 -48px;
	}
 **/

.navVoorwoord{
background: url("../images/nav_voorwoord.jpg") no-repeat scroll 0 0 transparent;
cursor: pointer;
float: left;
height: 48px;
width: 142px;
margin-left:0px;
}
  
.navVoorwoord:hover {
background-position: 0 -48px;
}
	
.navResensies{
background: url("../images/nav_resensies.jpg") no-repeat scroll 0 0 transparent;
cursor: pointer;
float: left;
height: 48px;
width: 121px;
margin-left:0px;
}
  
.navResensies:hover {
background-position: 0 -48px;
}

.navKontak{
background: url("../images/nav_kontak.jpg") no-repeat scroll 0 0 transparent;
cursor: pointer;
float: left;
height: 48px;
width: 221px;
margin-left:0px;
}
  
.navKontak:hover {
background-position: 0 -48px;
}

/** END NAVBAR **/

a:link {color:#FFFFFF;text-decoration:none;}
a:visited {color:#FFFFFF;}
a:hover {color:#e22028;text-decoration:underline;}
a:active {color:#FFFFFF;}

.spacer{
width:25px;
height:48px;
}

.groove{
height:2px;
min-height:2px;
max-height:2px;
margin-bottom:24px;
}

.baselinemarginbottom{
margin-bottom:24px;	
}

.baselinemargintop{
margin-top:24px;	
}

.baselinemargintopandhalf{
margin-top:44px;	
}

div.clear{
clear:both;
}

#footer{
height:48px;
font-size:10px;
padding-top:18px;
position:absolute;
width:100%;
margin-top:72px;
}

.footertext{
position: relative;
margin:0pt auto;
width: 960px;
text-align:right;
}

.bolder{
font-size: 20px;
}

.dotted{
border-bottom:1px #666666 dotted;
}

/** CONTACT **/

.rotator {
width:980px;
height:320px;
overflow:hidden;
}

.rotator img {float:left}

#contactForm {
width:704px;
position:relative;
float:left;
clear:left;
}

#contactUs {
padding: 20px;
}

#contactForm input {
background:none;
border:none;
padding: 12px 10px;
width:290px;
height:19px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color: #000000;
absolute;top:0;
text-indent: 0;
}
   
#contactForm textarea {
background:none;
border:none;
padding: 12px 10px;
width:408px;
height:78px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color: #000000;
}   
   
p.inputTitle {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
font-weight:bold;
color: #ffffff;
margin: 0;
padding-bottom:0;
clear:left;
}
   
label.inputTitle {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
font-weight:bold;
color: #ffffff;
margin: 0;
padding-bottom:0;
clear:left;
}
   
.formSent p.inputTitle {
color: #acbd25;
font-size:18px;
font-weight:bold;
color: #acbd25;	 
margin-bottom: 5px;
}
   
.formSent p {
margin-top: 5px;
color: #acbd25;
font-size: 14px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
margin: 0;
padding: 0;
   
}

.inputShort {
background: url(../images/inputBg.gif) no-repeat;
width: 310px;
height:43px;
position:relative;
margin-bottom:20px;
float:left;
clear:left;
}
   
.inputShortActive {
background-position: 0 -43px;
}

.inputArea {
background: url(../images/inputAreaBg.gif) no-repeat;
width: 428px;
height:102px;
position:relative;
}
	
.inputAreaActive {
background-position: 0 -102px;
}

.btnSubmit {
margin-bottom:20px;
width:134px;
height:48px;
margin-top:20px;
cursor: pointer;
background: url(../images/submitBtn.png) no-repeat;
float:left;
clear:left;

}

.btnSubmit:hover {
background-position: 0 -48px; 
}

.btnAllservices{
background: url("../images/btn_Allservices.png") no-repeat scroll 0 0 transparent;
clear: left;
cursor: pointer;
float: left;
height: 32px;
margin-bottom: 20px;
margin-top: 20px;
width: 220px;  
}
  
.btnAllservices:hover {
background-position: 0 -32px; 
}
  
.btnContactform{
background: url("../images/btn_contactform.png") no-repeat scroll 0 0 transparent;
clear: left;
cursor: pointer;
float: left;
height: 32px;
margin-bottom: 20px;
margin-top: 20px;
width: 159px;  
}

.btnContactform:hover {
background-position: 0 -32px; 
}

.formImageRow {
top:10px;
width:16px;
height:16px;
position:relative;
margin-left:320px;
}

.captcha {
margin: 20px 0;
background: url(../images/captchaSprite.png) no-repeat -1px -1px;
width:213px;
height:72px;
float:left
}

.captcha img {
position: relative;
left:8px;
top:2px;
width: 196px;
}

.captchaInput {
background: url(../images/captchaSprite.png) no-repeat -1px -72px;
width: 600px;
height:43px;
position:relative;
margin-bottom:20px;
float:left;
top:20px;
}

.captchaInputActive {
background-position: -1px -115px;
}
#contactForm.captchaInput input {
background:none;
border:none;
padding: 12px 14px 4px 14px;
width:185px;
margin-top:4px;
height:19px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color: #000000;
absolute;top:0;
text-indent: 0;
}	    

.error {
font-size:14px;
color:red;
position:absolute;
top:1px;
text-indent:20px;
width: 320px;
}

#captchaFieldImage .error {
top:10px;
left:0px
}

#captchaFieldImage img {
top:10px;
position:absolute;
left:0px;
}

.captchaInputText {
position:absolute;
top:-20px;
left: 5px;
}