/* regels voor vertaalweb-kader */
body {background: #FFF; margin: 0; padding: 0; text-align: center;}
table#buitentabel {margin: 0 auto; width: 98%; width: expression(document.body.clientWidth < 770 ? "770px" : (document.body.clientWidth > 1050 ? "1050px" : "98%")); max-width: 1050px; height: 100%; }


td#linkerkolom {background: url(/templates/basis/media/achter_linkerbalk.png); width: 111px;}
div#ikoon {position: relative; top: 0; left: 0}
div#ikoonachter {position: absolute; top: 0; left: 0; background: url(/templates/basis/media/ikoon_static.gif); width: 111px; height: 300px}
div#ikoondraai {position: absolute; top: 22px; left: 21px}

table#middendeel {width: 100%;}
td#zwartverloop {background: url(/templates/basis/media/zwartverloop.gif) no-repeat; height: 44px; }
td#rechtsboven {background: url(/templates/basis/media/rechtsboven.gif) no-repeat; width: 146px}
td#groenverloop {background: #94CE18 url(/templates/basis/media/groenverloop.gif) no-repeat 0% 0%; height: 10px; padding: 0;}
td#topmenu {height: 23px; background: #000;}
td#rechterkolom {width: 23px; background: #94CE18 url(/templates/basis/media/rechterkolom.gif) no-repeat; }
td#voetlinks {background: url(/templates/basis/media/achter_voet.png) #000 no-repeat; height: 24px;} 
td#voetmenu {background: #000; color: #fff;}
td#voetrechts {background: #000;}

div#topmenulinks, div#voetmenulinks {float: left; color: #A0C94D;}
div#topmenurechts, div#voetmenurechts {float: right; color: #fff;}

td#maincell {background: url(/templates/basis/media/groen.gif) repeat-x 0% 0%;  }
table#phpbbheader { width: 100%;}
table#phpbbheader td.nietzoek {background: url(/templates/basis/media/groen.gif) repeat-x; padding: 25px 0 5px 5px; vertical-align: top;}
td#sidebarright {width: 147px; padding: 0; background: url(/templates/basis/media/groen.gif) repeat-x; vertical-align: top}

div.advblok {text-align: center}

p#phpbblink {text-align: right;}
p#phpbblink a {font-size: 0.8em; color: #999;}

td#logocel {background: url(/templates/basis/media/groen.gif);}
td#zoekcel {background: url(/templates/basis/media/zoekvlak.png) no-repeat; height: 63px; padding: 15px 0 0 10px; }
form#zoek {margin: 0;}
form#zoek legend, form#zoek label {display: none;}
form#zoek input.zoekveld {background-color: #fff; width: 100px;}
form#zoek fieldset {border: 0 solid green; padding: 0;}

/* kleurtjes, fonts e.d. */
* {color: #000; font-family: Verdana, Arial, Geneva, sans-serif; font-size: 1em;}
body {font-size: 80%;}

a {background: none; color: #A0C94D; text-decoration: none; font-weight: bold;}
a:hover, a:focus, a:active {text-decoration: underline; color: #729037;}

td#topmenu, td#topmenu a   {color: #FFF; font-weight: normal; font-size: 12px;}
td#voetmenu, td#voetmenu a {color: #FFF; font-weight: normal; font-size: 12px;}

div#forumcontent {clear: both; padding: 4px; }
div#forumcontent table {width: 99%;} /* maffe IE */
html>body div#forumcontent table {width: 100%;}

/*          *** phpBB ***           */
td {background-color: #fff; }

hr	{ height: 0px; border: solid #E0F0B0 0px; border-top-width: 1px;}

/* This is the outline round the main forum tables */
.forumline	{ background-color: #9c3; }

/* Main table cell colours and backgrounds */
td.row1	{ background-color: #E8F8D0; }
td.row2	{ background-color: #EEEEEE; }
td.row3	{ background-color: #E0F0B0; }

/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
	background-color: #ffffff;
/*	background-image: url(templates/vertaalweb/images/); */
	background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
th	{
	color: #000000; font-weight : bold;
	background-color: #A0C94D; height: 25px;
/*	background-image: url(templates/vertaalweb/images/); */
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
/*	background-image: url(templates/vertaalweb/images/); */
	background-color: #E0F0B0; height: 28px;
}

/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
	height: 29px;
	border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
	font-weight: bold; border: #fff;/* border-style: solid; height: 28px; */
}
td.row3Right,td.spaceRow {
	background-color: #E0F0B0; border: #fff; border-style: solid;
}

th.thHead,td.catHead { font-size: 12px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow	 { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right	 { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft	  { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }
th.thTop	 { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }

/* The largest text used in the index page title and topic title etc. */
h1.maintitle { font-weight: bold; font-size: 22px; margin-bottom: 0;}
a.maintitle {font-size: 1.1em;}
span.maintitle, h2.maintitle {font-size: 1.1em; font-weight: bold;}


/* General text */
td.genmed, span.genmed { font-size : 0.9em; }
.gensmall { font-size : 0.8em; }


/* The register, login, search etc links at the top of the page */
.mainmenu a		{ font-size : 0.9em; }

/* Forum category titles */
.cattitle		{ font-weight: bold; font-size: 12px ; letter-spacing: 1px; color : #A0C94D}

/* Forum title: Text and link to the forums used in: index.php */
.forumlink		{ font-weight: bold; font-size: 12px; color : #A0C94D; }

/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav			{ font-weight: bold; font-size: 0.9em;}
a.nav			{ font-size: 1.1em;}

/* titles for the topics: could specify viewed link colour too */
.topictitle,h1,h2	{ font-weight: bold; font-size: 11px; color : #000000; }

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name			{ font-size : 11px; color : #000000;}

/* Location, number of posts, post date etc */
.postdetails		{ font-size : 10px; color : #000000; }

/* The content of the posts (body of text) */
/*.postbody { font-size : 12px; line-height: 18px} */
.postbody { line-height: 1.5em}



/* gevonden zoektermen */
.highlightzoekterm {font-weight: bold; color: red;}

/* Quote & Code blocks */
.code {
	font-size: 11px; color: #006600;
	background-color: #FAFAFA; border: #E0F0B0; border-style: solid;
	border-width:  1px;
}

.quote {
	font-size: 11px; color: #444; line-height: 125%;
	background-color: #FAFAFA; border: #E0F0B0; border-style: solid;
	border-width:  1px;
}


/* Form elements */
input,textarea, select {
	color : #000000;
	font: normal 11px Verdana, Arial, Geneva, sans-serif;
	border-color : #000000;
}

/* The text input fields background colour */
input.post, textarea.post, select {
	background-color : #ffffff;
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
	background-color : #E8F8D0;
	color : #000000;
	font-size: 11px; font-family: Verdana, Arial, Geneva, sans-serif;
}

/* The main submit button option */
input.mainoption {
	background-color : #FAFAFA;
	font-weight : bold;
}

/* None-bold submit button */
input.liteoption {
	background-color : #FAFAFA;
	font-weight : normal;
}

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: #EEEEEE; border-style: none; }