/*
	CSS Created by Istiecool
	http://www.istiecool.nl
	textsize:
	~line 23	body (default):		font-size: 11
				body (big):			font-size: 13
				body (bigger):		font-size: 18
	~line 174	contenttoptext: 	font-size: 18
				contenttoptext: 	font-size: 26
				contenttoptext: 	font-size: 32
	~line 238	contenttext_left1: 	overflow: auto;
	~line 251	contenttext_left2: 	overflow: auto;
	~line 374	rightcolumn:		height: 480
				rightcolumn:		height: 585
				rightcolumn:		height: 850
	~line 401	rightcolumn_title:	font-size: 12
				rightcolumn_title:	font-size: 14
				rightcolumn_title:	font-size: 18
*/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 11px;
}

p {
 padding: 10px;
}

img {
border: 0px;
}

#container {
  /*text-align:center;*/
  width: 100%;
  min-height: 800px; /*100%;*/
  /*_height: 970px;*/
  border: 0px solid black;
  overflow: hidden;
}

#wrapper { 
 margin: 0 auto;
 width: 963px;
 width: 983px;
 /*height: 760px;*/
 min-height: 800px; /*970px;*/

 /*border: 1px solid red;*/
  /*--- alternatieve achtergrond onder wrrapper (links +183 grotergroen ---*/
 background-image: url("../images/achtergrond3.gif");
 background-repeat: no-repeat;
 /*overflow: hidden;*/
}
/*#wrapper {overflow:hidden; }*/

#pageending { 
  margin-left: 97px;
  background-image: url("../images/achtergrond_end.gif");
  background-repeat: repeat-y;
  }

#middle { 
 position: relative;
 float: left;
 color: #333;
 /*--- achtergrond blijft staan text schuif eroverheen ---*/
 /*background-image: url("../images/achtergrond.gif");
 background-repeat: no-repeat;  */
 /*background: #E4E8D2;*/
 /*height: 350px;*/
 width: 600px;
 padding-right: 20px;
 /*border: 1px solid green;*/
 /*display: inline;*/
 /*height: 100%;*/
}

#middlecolum { 
 position: relative;
 float: left;
 color: #333;
 /*background: #E4E8D2;*/
 /*height: auto; /*783px;*/
 /*height: 350px;*/
 width: 600px;
 padding-right: 20px;
 /*border: 1px solid green;*/
 /*display: inline;*/
 /*height: 100%;*/
 /*overflow:auto;  */
}

#middlecolumtop { 
  margin-top: 20px;
  float: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  text-align: left;
  color: #FFFFFF;  
  background: #6B0000;
  height: 22px;
  width: 590px;
  padding-top: 8px;
  padding-left: 10px;
  border-bottom: 1px solid #FFFFFF; /* #E4E8D2 */
  display: inline;
}

#transp_nav {
  display:inline-block;
  color: #FFFFFF;  
  background: #6B0000;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=55)";
  filter:alpha(opacity=55);
  -moz-opacity:.55;
  opacity:.55; 
 }
 
#actual_nav {
  display:inline-block
  color: #FFFFFF;  
  background: #6B0000;
 }

#middlecolumtop_index { 
  margin-top: 20px;
  float: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  text-align: left;
  color: #FFFFFF;  
  background: #687535;
  height: 22px;
  width: 590px;
  padding-top: 8px;
  padding-left: 10px;
  border-bottom: 1px solid #FFFFFF; /* #E4E8D2 */
  display: inline;
}

#content {
 margin-top: -30px; /* -30px */
 /*--- achtergrond schuift mee met text ---*/
 /*background-image: url("../images/achtergrond.gif");
 background-repeat: no-repeat; */
 position: relative; 
 /*border: 1px solid green; */
 width: 600px;
 }
 
#contenttransparent {
 /** margin-top: 20px;*/
 position: absolute; 
 background-color: #687535; 
 filter:alpha(opacity=25);
 -moz-opacity:.25;
 opacity:.25; 
 height: 100%; 
 width: 100%; 
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px; 
  border-radius: 6px;
 z-index: 1;
}

#contenttoptext {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 20px;
 font-weight: bold;
 padding-bottom: 10px;
 /* position: relative;  */
 /* text-align: left; */
 /* padding: 10px; */
 /* padding-top: 35px; */
 color: #687535; 
} 

#contenttoptext_index {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 20px;
 font-weight: bold;
 padding-bottom: 10px;
 /* position: relative;  */
 /* text-align: left; */
 /* padding: 10px; */
 /* padding-top: 35px; */
 /*color: #687535; */
}

#contenttext {
 position: relative;
 text-align: justify;
 /* text-align: left; */
 z-index: 2; 
 padding: 10px;
 padding-top: 35px;
 margin-top: 25px;
 color: #000000; 
} 

#content_index {
 position: relative;
 text-align: justify;
 min-height: 680px;
 /* text-align: left; */
 z-index: 2; 
 padding: 10px;
 padding-top: 55px;
 margin-top: 30px;
 background: #6B0000;
 color: #FFFFFF; 
} 

#contenttext_left {
 position: relative;
 text-align: justify;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 /* text-align: left; */
 z-index: 2; 
 padding: 5px;
 /*padding-top: 55px;*/
 margin-top: -35px;
 /*background: #6B0000;*/
 color: #FFFFFF; 
}

#contenttext_topleft1 {
 width: 340px;
 height: 20px;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 20px;
 font-weight: bold;
 padding-bottom: -10px;
 /* position: relative;  */
 /* text-align: left; */
 margin-top: -30px;
 /* padding-top: 35px; */
 color: #687535; 
 color: #FFFFFF;
} 
#contenttext_topleft2 {
 width: 340px;
 height: 20px;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 20px;
 font-weight: bold;
 padding-bottom: -10px;
 /* position: relative;  */
 /* text-align: left; */
 margin-top: 30px;
 /* padding-top: 35px; */
 color: #687535; 
 color: #FFFFFF;
}

#contenttext_left1{
 width: 340px;
 height: 290px;
 text-align: justify;
 /* text-align: left; */
 padding-top: 10px;
 padding-right: 10px;
 color: #FFFFFF;
 z-index: 2; 
 border-bottom: 1px solid #A36161;
 overflow: auto;
} 

#contenttext_left2 {
 width: 340px;
 height: 285px;
 text-align: justify;
 /* text-align: left; */
 padding-top: 10px;
 padding-right: 10px;
 color: #FFFFFF;
 z-index: 2; 
 overflow: auto;
 /*border-bottom: 1px solid #FFFFFF;*/
} 

#contenttext_right {
  float: right;
  /*width: 200px;*/
  /*top: 175px;*/
  margin-top: -55px;
  margin-right: -10px;
  margin-left: 15px;
  padding-bottom: 1px;
  Z-index: -2;
}

/*#contenttext { 
  /*background: transparent;/* none repeat scroll 0 0;*/
  /*margin-right: 20px;
  max-height: 604px;
  /*background-color: #687535;
/*  filter:alpha(opacity=75);
  -moz-opacity: 0.25;
  opacity:0.25;*/
 /*margin-top: 60px;
 width: 600px;
 overflow: auto;
 border: 1px solid red;
}*/

/*#contentcolor { 
 background: transparent none repeat scroll 0 0;
 overflow: hidden;
 border: 1px solid red;
}*/

#header {
 color: #E4E8D2;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px; /* nl | eng text grootte */
  font-weight: bold;
  text-decoration: none;
  text-align: left;
  padding-left: 1px;  
  padding-top: 06px;  
 width: 963px; /* 783px; */
 float: left;
 height: 20px;
 background: #FFFFFF;
 border-bottom: 1px solid #E4E8D2; /* #E4E8D2 */
}

#header_right {
  position:inline; 
 float: right;
 text-align:right;
 margin-top: -14px;
 margin-right: 180px;
}

#middlecolumfooter { 
 /*float: bottom;*/
 width: 600px;
 height: 65px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 text-align: left;  
 clear: both;
 color: #000000;
 padding-top: 20px;
 margin-bottom: 0px;
 /*background-color: #687535; */
 filter:alpha(opacity=50);
 -moz-opacity:.50;
 opacity:.50;
 /*margin-left: 183px;*/
 padding-left: 10px;
}

#navigation {
  float: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
  text-align: left; 
 width: 700px;
 height: 20px;
 padding-left: 167px;
 padding-top: 0px;
 /*padding-bottom: 5px;*/
 color: #333;
 background: #FFFFFF;
}

#leftcolumn { 
 padding-top: 20px;
 padding-right: 20px;
 color: #333;
 /*background-image: url("../images/logo.gif");
 background-repeat: no-repeat;*/
 background: #E4E8D2;
 /*height: 712px;*/
 /*height: 920px;*/
 min-height: 614px;
 /*height: 100%;*/
 width: 163px;
 float: left;
  padding-bottom:32767px;
  margin-bottom:-32767px;
  padding-left:32767px;
  margin-left:-32767px;   
  Z-index: 1000;
}
/*#leftcolumn {overflow:hidden; }*/

#rightcolumn { 
 margin-top: 20px;
 color: #333;
 background: #E4E8D2;
 height: 540px; /*350px;*/
 width: 160px;
 float: left;
 border-radius: 6px;
 -moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 /*behavior:url("../css/border-radius.htc");*/
}

#rightcolumntop { 
  padding-top: 8px;
  padding-left: 10px;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
 float: left;
 color: #FFFFFF;
 background: #6B0000;
 height: 22px;
 width: 150px;
 border-bottom: 1px solid #FFFFFF; /* #E4E8D2 */
}

#rightcolumn_title { 
 font-size: 12px;
 color: #687535; 
}

#rightcolumntext { 
  padding-top: 38px;
  padding-left: 20px;
}

/* ---- links ---*/
a.active {
text-decoration: underline; color: #6B0000;
border: 0px;
}
a.inactive {
 text-decoration: none; color: #687535;
 border: 0px;
}

.lang a {
 text-decoration: none; color: #687535;
 border: 0px;
}

.lang a:active {
text-decoration: underline; color: #6B0000;
border: 0px;
}

.lang a:hover {
 text-decoration: underline; color: #6B0000;
 border: 0px;
}

a {
 text-decoration: none; color: #687535;
 border: 0px;
}

a:hover {
 text-decoration: underline; color: #6B0000;
 border: 0px;
}

a:active {
text-decoration: underline; color: #6B0000;
border: 0px;
}

/*--- speciale link classes ---*/
div.white {
}
a.white {
 text-decoration: none; color: #D47F00;
 border: 0px;
} 
a.white:hover {
 text-decoration: underline; color: #FFFFFF;
 border: 0px;
}

div.black  {
}
a.black {
 text-decoration: none; color: #ffffff;
 border: 0px;
} 
a.black:hover {
 text-decoration: underline; color: #000000;
 border: 0px;
}

div.blue  {
text-decoration: none; color: #2200CC;
}
a.blue {
 text-decoration: none; color: #2200CC;
 border: 0px;
} 
a.blue:hover {
 text-decoration: underline; color: #2200CC;
 border: 0px;
}

div.black2  {
text-decoration: none; color: #000000;
}
a.black2 {
 text-decoration: none; color: #000000;
 border: 0px;
} 
a.black2:hover {
 text-decoration: underline; color: #FFFFFF;
 border: 0px;
}
/* ---- beheer ---*/

	

#beheer {
  position: inline;
  /*width: 485px;*/
  width: auto;
  margin-left: 10px;
  /*border: 1px solid red;*/
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;   
  Z-index: 300;
}

/*---- used for centering in page ----*/
/*#outercontent {height: 400px; overflow: hidden; position: relative; width: 100%;}*/
/*#outercontent[id] {display: table; position: static;} */
#midcontent {position: absolute; top: 175px; width: 100%; text-align: center;} /* top 520 for explorer only*/
#midcontent {*top: 0px; } /* top 520 for ie6 only*/
/*#midcontent {_top: 600px; } /* top 600 for ie7 only*/*/
#midcontent[id] {display: table-cell; vertical-align: middle; position: absolute;}
#innercontent {position: relative; *top: 175px; text-align: left;} /* for explorer only */
#innercontent {width: 990px; margin-left: auto; margin-right: auto;} /* for all browsers*/
/* optional: #inner[id] {position: static;} */

div.contentbeheer {
  position: absolute;
  overflow: auto;
  background-color: #FDFDFD; /*#FFFFFF;*/
  width: 1000px;
  height:720px;
  /*top: 175px;*/
  margin-bottom: -5px;
  margin-left: 10px;
  padding-right: 10px;
  border: 2px solid red;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;   
  Z-index: 300;
}

#beheer_link {
  /*position: absolute;*/
  width: 570px;
  /*width: 605px;*/
  float: center; /*99CC00*/
  color: #99CC00;
  /*color: #CC3333;*/
  margin-top: -20px;
  _margin-top: -20px; /*for IE6*/
  /*margin-left: -15px;*/
  margin-left: 0px;
  padding: 5px;
  font-family: Tahoma, Helvetica, Geneva, Arial,  sans-serif;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  background-color: #a6ac8b;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px; 
  
  Z-index: 500;
}

#beheer_link_home {
  /*position: absolute;*/
  /*width: 570px;
  /*width: 605px;*/
  float: center; /*99CC00*/
  color: #99CC00;
  /*color: #CC3333;*/
  margin-top: 30px;
  _margin-top: 25px; /*for IE6*/
  /*margin-bottom: 25px;*/
  padding-bottom: 10px;
  /*margin-left: -15px;*/
  margin-left: 0px;
  padding: 5px;
  font-family: Tahoma, Helvetica, Geneva, Arial,  sans-serif;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  background-color: #a6ac8b;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px; 
  Z-index: 500;
}

#edit_link {
	/*position: relative;*/
	width: 75px;
	float: right;
	/*color: #CC3333;*/
	color: #99CC00;
	margin-top: 0px;
	_margin-top: 0px; /*for IE6*/
	margin-right: 15px;
	margin-bottom: 5px;
	padding: 5px;
	font-family: Tahoma, Helvetica, Geneva, Arial,  sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	background-color: #a6ac8b;
	border-radius: 6px;
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px; 
	Z-index: 400;
	/*border: 1px solid red;*/
}


/*---- used for centering in page ----*/
/*#outer {height: 400px; overflow: hidden; position: relative; width: 100%;}*/
/*#outer[id] {display: table; position: static;}*/
#midtext {position: absolute; top: 180px; width: 100%; text-align: center; } /* for explorer only*/
#midtext[id] {display: table-cell; vertical-align: middle; position: }
#innertext {position: relative; top: -50%; text-align: left; } /* for explorer only */
#innertext {width: 650px; margin-left: auto; margin-right: auto; } /* for all browsers*/
/* optional: #inner[id] {position: static;} */
		
div.show_text {
  /*position: absolute;
  /*display: table;*/
  /*position: static;*/
  overflow: auto;
  /*margin: 10px 0px 0px 0px;*/
  /*display: block;*/
  background-color: #FDFDFD; /*#FFFFFF;*/
  /*width: 650;*/
  height:250px;
  /*top: 180px;
  left: 22%;*/
  /*padding: 15px;
  padding-right: 10px;*/
  border-radius: 14px;
  -moz-border-radius: 14px;
  -webkit-border-radius: 14px; 
  border: 2px solid red;
  Z-index: 300;
}

/* ---- tabellen stylen ---*/
.tableright {
  border: 1px solid white;
  margin-left: 0px;
  background-color: #b5a594;
  font-family: Tahoma, Helvetica, Geneva, Arial,  sans-serif;
  font-size: 12px;
  color: #5F5F5F;
}
.tableintable {
  border: 1px solid black;
  margin-left: 10px; /*-3px;*/
  /*padding: 0px;*/
}
.logintable {
  border: 1px solid #939D6E;
  margin-left: 0px; /*-3px;*/
  /*padding: 0px;*/
}

.tabelrij {
  border-bottom: 1px solid #939D6E;
  padding: 0px;
}

/* ---- winkelwagen stylen ---*/
.cart_row {
height: 26px;
background-color: #afb597;
  /*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=55)";
  filter:alpha(opacity=75);
  -moz-opacity:.75;
  opacity:.75; */
  /*color: #000000;*/
}

.cart_line {
/*height: 1px;
padding: 1px;*/
border-bottom: 1px solid #ffffff; /*#a36161 ;*/
  /*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=55)";
  filter:alpha(opacity=75);
  -moz-opacity:.75;
  opacity:.75; 
  /*color: #000000;*/
  /*background-color: #afb597;*/
}

.cart_table {
margin-left: -10px; 
_margin-left: -11px; /* ie6 only*/
*margin-left: -11px; /* ie7 only*/
margin-top: -44px; 
_margin-top: -45px; 
*margin-top: -45px; 
border-collapse: collapse;
}

/* ---- invul velden stylen voor bijv bij: contact ----*/

textarea { 
background-color:#F8F8F8;
/*border-width: 1px;
border-style: solid;
border-color: #cccccc;*/
border:1px solid #687535;
/*border:1px solid #009900;*/
/*font-family: Tahoma, Helvetica, Geneva, Arial,  sans-serif;*/
font-size: 12px;
color: #858585;
/*color: #858585;*/
font-style:regular;
text-decoration:none;
}

textarea:focus {
  background-color: #ffffdd  /*E8E8E8=lichtgrijs*/
}

.input {
background-color:#F8F8F8;
border:1px solid #687535;
/*font-family: Tahoma, Helvetica, Geneva, Arial,  sans-serif;*/
color: #858585;
font-size:12px;
font-style:regular;
text-decoration:none;
}

.input:focus { 
background-color: #ffffdd 
} /*E8E8E8=lichtgrijs*/


/* ----- Alle buttons stylen ----- */
.submitbutton {
/*background-color: #8B7A68; /*#F8F8F8;*/
width: 110px; /* With the padding included, the 158 width is 190 pixels: the actual width of the image. */
height: 22px;
padding: 0px 0px 2px 0px;
margin-left: 0px;
border: 2px solid;
text-align: center;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 11px;
/*font-family: Tahoma, Helvetica, Geneva, Arial,  sans-serif;*/
/*font-size:10pt;*/
/*font-style:regular;*/
font-weight:bold;
color: #FFFFFF; /*#DFD8D0;*/
/*text-decoration:none;*/
/*background: url('../images/submit.png') no-repeat;*/
background-color: #687535;
border-color: #687535 #2B3016 #2B3016 #687535; /*#00aa99 #006666 #006666 #00aa99;*/
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px; 
}

/* ----- BUTTONS on HOVER  ----- */
.submitbutton:hover {
  font-weight:bold;
  /*background: url('../images/submithover.png') no-repeat;*/
  border-color: #2B3016 #687535 #687535 #2B3016; /*#006666 #00aa99 #00aa99 #006666;*/
}

/* ----- Dus ook in IE want daar werkt hover niet ----- */
/* ----- Samen met javascript hoverButton in head ----- */
.submitbutton:hover, .over {
font-weight:bold;
/*background: url('../images/submithover.png') no-repeat;*/
border-color: #2B3016 #687535 #687535 #2B3016;

}

/* ----- Javascript Warning ----- */
#javamidtext {position: relative; top: 180px; width: 100%; text-align: center; } /* for explorer only*/
#javamidtext[id] {display: table-cell; vertical-align: middle; position: }
#javainnertext {position: relative; top: -50%; text-align: left; } /* for explorer only */
#javainnertext {width: 650px; margin-left: auto; margin-right: auto; } /* for all browsers*/

.javascripttext {
  overflow: auto;
  background-color: #FDFDFD; /*#FFFFFF;*/
  height:80px;
  border-radius: 14px;
  -moz-border-radius: 14px;
  -webkit-border-radius: 14px; 
  border: 2px solid red;
  Z-index: 300;
}