/* Kleurencodes:
	Logo
	#cebca5 zandkleur licht
	#a3907c zandkleur donker
	#b42525 rood licht
	#791616 rood/bruin donker
	#b0bed3 licht blauw
	#728aaa donkerder blauw
	#418293 zeeblauw licht
	#355e6f zeeblauw donker
*/
body {
	background-color: #FBF5EF;
	font-family: Arial, Helvetica, sans-serif;
	color: #791616; /* #1869B2; */
	line-height:1.3;
	font-size:90%;
	margin:10px 0px; padding:0px;
	/* Hack voor IE5 */
	text-align:center;
}

table {
	font-family: Arial, Helvetica, sans-serif;
	color: #1869B2;
	line-height:1.3;
	font-size:95%;
}

ul {
	list-style-type:square;
}

ol {list-style-type:decimal;}

/*headings*/
h1, h2, h3, h4{
	margin:1em 0 .3em 0;
}
a.one:link {
	text-decoration: none;
	color: #FF0000;
}
a.one:visited{text-decoration: none;}
a.one:hover{color: #990000}
a.one:active{color: #FFFFFF}

a.footer2:link {
	color: #903;
	text-decoration: none;
	font-style: italic;
	font-size:80%;
	font-weight:bold;
}
a.footer2:visited{
	text-decoration: none;
	font-weight:bold;
	color:  #903;
	font-style: italic;
	font-size:80%;
}

a.footer2:hover{color: #FFF}
a.footer2:active{color: #FFFF00}

h1{
	border-bottom:1px solid #eee;
	font-size:100%;
	margin-top:0;
}

h2{
	font-size:95%;
}	

h3{
	font-size:90%;
}
h4{
	font-style: italic;
	font-size:90%;	
}
#logoHeader{
	margin:8px;
}

#footerKop{
	font-weight:bold;
	font-size:90%;	
}

#container
  {
  width:850px;
  margin:0px auto;
  position:relative;
  text-align:left;
  background-color: #791616;
  background-image:url(../images/background.gif);
  background-position:center;
  border-left:4px solid #D8D8D8;
  border-right:4px solid #D8D8D8;
}

#kolommaker
  {
  float:left;
  width:710px;
}
#links, #rechts{
  color: white;
  margin:0px;
  padding:0px;
}

#links{
  float:left;
  padding-left:5px;
  width:130px;
  vertical-align:top;
}

#rechts{
  float:right;
  width:130px;
  vertical-align:top  
}

#content{
  background-color: #cebca5;
  padding: 10px;
  float:right;
  width:550px;
  border-right:1px solid black;
  border-left:1px solid black;
}

#voetbalk{
  width:850px;
  position:relative;
  text-align:left;
  background:#5EABC2;
  background-image:url(../images/footer.gif);
  background-position:center;
  margin: 0px;
  color: #903;
  border-left:4px solid #D8D8D8;
  border-right:4px solid #D8D8D8;
  border-bottom:4px solid #D8D8D8;
} 

#kopbalk{
  width:860px;

  position:relative;
  text-align: center;
  vertical-align:bottom;
  background-image:url(../images/header.gif);
  background-position:center;
  color: #903;
  border:4px solid #999; /*#D8D8D8; */
  padding-top:130px;
} 

/*Contactformulier*/
#contact{
	margin:2px 2px 5px 2px;
	width:500px;
	border: inherit;
}

#contact label {
	float:left;
	margin:10px 5px 10px 0px;
	width:100px;
}
 
#contact input {
	width:150px;
	margin:10px 0px 10px 5px;
}

#contact textarea {
	width: 300px;
	margin:10px 0px 10px 5px;
}

#knoppencontact{
	margin:2px 2px 9px 2px;
	width:500px;
	border: inherit;
}

/*Offerteformulier*/
#offerte{
	margin:2px 2px 5px 2px;
	width:500px;
	border: thin solid #CCC;
}
				  
#offerte legend {
		color: #791616; /* #1869B2; */
}

#offerte label {
	float:left;
	margin:5px 5px 5px 0px;
	width:160px;
}
 
#offerte input {
	width:150px;
	margin:5px 0px 5px 5px;
}

#offerte textarea {
	width: 300px;
	margin:5px 0px 5px 5px;
}

#knoppenofferte{
	margin:2px 5px 9px 2px;
	width:500px;
	border: none;
}

/* opmaak tabel webhosting */

 table.webhosting{
	border:1px solid #D8D8D8; 
	border-collapse: collapse;
 }
 .webhosting th {
	border:1px solid #D8D8D8; 
	font-weight: bold;
	font-size:90%;
	text-align: left;
	vertical-align: top;
 }
  .webhosting td {
	border-left:1px solid #D8D8D8; 
	border-right:1px solid #D8D8D8; 
	text-align: left;
	vertical-align: top;
 }

/* opmaak tabel webhosting */
.domeinen {
	border:1px solid #D8D8D8; 
}

 .domeinen th {
	padding: 3px;
	color:#FFF;
	background-color: #a3907c;
	border:1px solid #D8D8D8; 
	font-weight: bold;
	font-size:90%;
	text-align: left;
	vertical-align: top;
 }
  .domeinen td {
	padding: 3px;
	border-left:1px solid #D8D8D8; 
	border-right:1px solid #D8D8D8; 
	vertical-align: top;
	background-color: #F5FBEF;
}

.domeinen_center {
	text-align:center;
}


.domeinen_bottom {
	border:1px solid #D8D8D8; 
  }
/* opmaak opties */

#OptieTekst{
	margin: 0px 0px 10px 0px;
	width:90%;
	text-align: left;
	padding: 5px;
	background-color: #F5FBEF;
	border: 1px solid #D8D8D8; 
}

#OptieKop{
	color:#FFF;
	background-color: #a3907c;
	margin: 20px 0px 0px 0px;
	font-weight: bold;
	padding: 5px;	
}

.portofolio{padding-left: 5px;}

div.portofolio a:link{
	color: white;
	text-decoration: underline overline;
	font-weight:bolder;
}
div.portofolio a:visited{
	color: #1869B2;
	text-decoration: underline overline;
	font-weight:bolder;	
}
div.portofolio a:hover{
	color: #990000;
	text-decoration: underline overline;
	font-weight:bolder;	
}

/* Algemene voorwaarden */

#Container_AV {
  width:540px;
  margin:0px auto;
  position:relative;
  text-align:left;
}

#AV_l, #AV_r {
	width:49%;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size:75%;
	text-align: left;
	background-color: #F5FBEF;
	border: 1px solid #D8D8D8;
}

#AV_l{
	margin: 0px 0px 10px 0px;
	float:left;
	padding-left: 5px;
}

#AV_r{
	margin: 0px 0px 10px 0px;
	padding-right: 5px;
	float: right;
}

#AVkopTitel{
	margin: 0px 0px 5px 0px;
	font-weight: bold;
}

#AVkop{
	font-weight: bold;
}

#domeinaam {
	margin:3px;
	width:120px;
	border: inherit;
	background-color: #bb2727;
	border: 1px solid #D8D8D8;
}

#domeinaam label {
	padding: 4px;
	width:110px;
}
 
#domeinaam input {
	width:110px;
	margin:3px;
}

#domeinbestellen{
	width:90%;
	border: 1px solid #D8D8D8;
	border-collapse: collapse;
	margin: 5px;
}

#domeinbestellen th {
	color:#FFF;
	background-color: #a3907c;
	border: 1px solid #D8D8D8;
}

#domeinbestellen td {
	background-color: #F5FBEF;
	border: 1px solid #D8D8D8;
}

.domeinbestellen_center {
	text-align: center;
}


/* ----------------------------------------------------------------- */
#offerte_aanvraag{
	background-color: #F5FBEF;
	text-align:left;
	width:90%;
}

#offerte_aanvraag th {
	padding-left: 3px;
	border-top: 1px solid #999;
	font-weight:bold;
}

#offerte_aanvraag td {
	padding-left:10px;
	border-left: thin dashed #CCC;
	font-size:90%;
	color:#000;
}

.offerte_aanvraag_center {
	text-align: center;
}
.offerte_aanvraag_right{
	text-align:right;
	padding-right:3px;
}

.offerte_aanvraag_right_totaal{
	text-align:right;
	padding-right:3px;
	font-weight:bold;
}

.offerte_aanvraag_totaal{
	font-weight:bold;
}
.regel_totaal{
	border-top: 1px double #000;
	border-bottom: 1px double #000;	
}

/* ----------------------------------------------------------------- */

#domeinbestel_klein{
	width:70%;
	font-size:80%;
	border: 1px solid #D8D8D8;
	border-collapse: collapse;
	margin: 5px;
} 

#domeinbestel_klein th {
	color:#FFF;
	background-color: #a3907c;
	border: 1px solid #D8D8D8;
}

#domeinbestel_klein td {
	background-color: #F5FBEF;
	border: 1px solid #D8D8D8;
}

 /* <div style="background-color: lightblue; width:500px; height:300px; border: 1 solid black;overflow:auto">  */

#ScrollBar{
/* Typical fixed height and fixed width example */
width: 550px;
height: 580px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
margin: 5px auto;
padding: 5px;
scrollbar-arrow-color: #cebca5;
scrollbar-face-color: #a3907c;
scrollbar-highlight-color: #F5FBEF;
scrollbar-3dlight-color: #CCC;
scrollbar-shadow-color:  #000;
scrollbar-darkshadow-color: #333;
scrollbar-track-color: #F5FBEF;

}

#Korte_Omschrijving{
	font-size:90%;
	color:#000;
}


#domeinaamofferte {
	margin:3px;
}

#domeinaamofferte label {
	float:left;
padding: 4px;
	width:500px;
}
 
#domeinaamofferte input.text {
	float:left;
	width:200px;
	margin:3px;
}

.offerte_border{
	border: 1px solid #D8D8D8;
}

.offerte_title{
	font-weight:bold;
	font-size:90%;	
	color:#000;
}

#domeinaamofferte input.btn{
	width:80px;
}