html, body {width: 100% !important;}

body {
	font-family: verdana, sans-serif;
	background: #fff;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
}

body#templates {
	text-align: center;
	background: #fff;
}

body#templates img {
	margin-top: 1em;
	border: 5px solid #fff;
}
body#templates ul#csstemplates {
	text-align: center;
	font-size: 0.9em;
}
body#templates ul#csstemplates li{
	list-style-type: none;
	display: inline;
	margin: 0.5em;
}


#container {
	width: 830px;
	margin: 50px auto 20px auto;
	padding-right: 18px;
	background: transparent url(../templ/bg-container.jpg) top right repeat-y;
}

#top {
	margin-right: -17px;
	background: transparent url(../templ/bg-toprepeat.png) top left repeat-x;
}
#top div {
	background: transparent url(../templ/bg-topleft.png) top left no-repeat;
}
#top div#topinner {
	height: 52px;
	background: transparent url(../templ/bg-topright.png) top right no-repeat;
}

#top ul {
	margin: 0 25px 0 0;
	padding-top: 18px;
	text-align: right;
}
#top ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: inline;
}
#top ul li a {
	text-decoration: none;
	color: #E5E5E5;
	font-weight: bold;
	background: transparent;
	padding: 0.5em 1em;
	line-height: 2.1em;
	border-right: 1px solid #626262;
}
#top ul li a.last {
	border: none;
}
#top ul li a:hover {
	color: #E5E5E5;
	background: #5C5C5C url(../templ/bg-top-menuhover.jpg) top left repeat-x;
}

#header {
	background: #5C759D url(../templ/bg-header.jpg) top left no-repeat;
	padding: 0;
	border-top: 1px solid #848B9C;
}

/* Begin CSS Drop Down Menu */

#menuh-container {
	color: #fff;
	background: #262626;
	font-size: 0.95em;
	height: 32px;
	margin: 243px 0 0 0;
	padding: 0;
}

#menuh {
	font-size: small;
}
		
#menuh a {
	text-align: center;
	display:block;
	white-space:nowrap;
	font-size: 0.85em;
	font-weight: bold;
	line-height: 32px;
	margin:0;
	padding-left: 5px;
}
* html #menuh a {
	font-size: 1em;
	padding: 6px 0 6px 0;
}
	
#menuh a:link, #menuh a:visited, #menuh a:active	/* menu at rest */
	{
	color: #E5E5E5;
	background: #262626;
	text-decoration:none;
}
	
#menuh a:hover						/* menu on mouse-over  */
	{
	color: #E5E5E5;
	background: #5C5C5C url(../templ/bg-top-menuhover.jpg) top left repeat-x;
	text-decoration:none;
}	
	
#menuh a.top_parent:hover  /* attaches down-arrow to all top-parents */
	{
	background: #5C5C5C url(../templ/bg-top-menuhover.jpg) top left repeat-x;
}
	
#menuh a.parent, #menuh a.parent:hover 	/* attaches side-arrow to all parents */
	{
}

#menuh ul {
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	width:17em; /* width of all menu boxes */
	/* NOTE: For adjustable menu boxes you can comment out the above width rule.
	However, you will have to add padding in the "#menh a" rule so that the menu boxes
	will have space on either side of the text -- try it */
}
#menuh ul.ulspecial {
	width:26em;
}

#menuh li {
	position:relative;
	min-height: 1px;		/* Sophie Dennis contribution for IE7 */
	vertical-align: bottom;		/* Sophie Dennis contribution for IE7 */
}

#menuh ul ul {
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 1em;
	margin:-1em 0 0 -1em;
}

#menuh ul ul ul {
	top:0;
	left:100%;
}

div#menuh li:hover {
	cursor:pointer;
	z-index:100;
}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}

/* End CSS Drop Down Menu */


a#logo { 
	float: left;
	height: 72px;
	width: 182px;
	margin: 36px 0 0 20px;
	padding: 0;
	border: none;
	background: transparent url(../templ/logo.png) top left no-repeat;
}
a#logo:visited {
	background: transparent url(../templ/logo.png) top left no-repeat;
}
a#logo:hover {
	background: transparent url(../templ/logo.png) 0 -72px no-repeat;
}

#wrapper {
	padding-left: 0;
	background: transparent;
}

#inhoud { 
	background: #F4F8FF; 
	padding: 1em 17em 1em 4%;
	margin: 0;
}

* html #inhoud, * html #wrapper ,* html div.tekstblok{
   height: 0.1%;
}

#inhoud a, #templates a { 
	font-weight: bold;
	text-decoration: underline;  
	background: transparent;
	color: #039;
	line-height: 1.2em;
}

#inhoud a:link, #templates a:link { 
	color: #039; 
	text-decoration: none; 
	border-bottom: 1px dotted; 
}
#inhoud a:visited, #templates a:visited { 
	color: #000; 
	text-decoration: none; 
	border-bottom: 1px dotted; 
}
#inhoud a:hover, #templates a:hover { 
	color: #FC9C00; 
	text-decoration: none; 
	border-bottom: 1px dotted; 
}
#inhoud a:active, #templates a:active { 
	color: #09C; 
	text-decoration: none; 
	border-bottom: 1px dotted; 
}


h1 { 
	color: rgb(0,66,155); 
	font-size: 300%;
	font-weight: normal;
	font-family: Guatemala, Georgia, serif;
	font-weight: bold;
	font-style: italic;
	text-shadow: 0 1px 0 rgba(255,255,255,0.5),0 0 6px rgba(0,28,85,0.2),0 0 30px rgba(0,28,85,0.1);
	padding: 0;
}
h2 { 
	color: rgb(0,29,86);
	font-size: 145%;
	font-family: Guatemala, Georgia,serif;
	font-weight: bold;
	margin: 1.5em 0 0 0;
	padding-bottom: 0;
}
h2.toplistnr1 {
	line-height: 63px;
	margin-top: .65em !important;
	padding-left: 64px;
	background: transparent url(../templ/button-toplist1.png) top left no-repeat;
}
h2.toplistnr2 {
	line-height: 63px;
	margin-top: .5em !important;
	padding-left: 64px;
	background: transparent url(../templ/button-toplist2.png) top left no-repeat;
}
h2.toplistnr3 {
	line-height: 63px;
	margin-top: .5em !important;
	padding-left: 64px;
	background: transparent url(../templ/button-toplist3.png) top left no-repeat;
}
h3 { 
	font-family: Georgia,serif;
	color: rgb(28,66,106); 
	letter-spacing: 2px; 
}
h4 { color: #039; line-height: 1.3em; margin: 1.5em 0.2em 0 0; padding: 0; }


#inhoud table { 
	margin: 5px auto;
	padding: 3px; 
	border: 1px solid rgb(0,53,127); 
}

#inhoud table#alfabet, #inhoud table.alfabet { 
	text-align: center; 
	margin: 1.5em auto;
}

#inhoud thead { 
	margin:5px; 
	padding:5px; 
	text-align: left;
}

#inhoud tbody { 
	margin:5px; 
	padding:5px; 
	vertical-align: top; 
}

#inhoud tr.even { 
	margin: 5px; 
	padding: 5px; 
	background-color: rgb(172,203,232); 
}

#inhoud tr.odd { 
	margin: 5px; 
	padding: 5px; 
	background-color: rgb(228,238,248); 
}

#inhoud th { 
	margin: 1px; 
	padding: 0.5em; 
	color: #fff; 
	background-color: rgb(0,76,119); 
}

#inhoud td { margin:1px; padding:0.5em; }

#inhoud td.fontafbeelding { background: rgb(223,233,237); }

#inhoud form table { font-size: 0.95em; }

form span.form_error {
	background: transparent;
	color: red;
}

form#verzendform table {
	border: none;
}

legend {
	color: #000;
	font-weight: bold;
}


#inhoud ul li {
	margin-bottom: 0.5em;
}

#inhoud ul.normal li {
	margin-bottom: 0.2em;
}
#inhoud ul.normal {
	margin-bottom: 1em;
}

#inhoud ol li {
	margin-bottom: 0.2em;
}
#inhoud ol h3 {
	margin-bottom: 0;
}
#inhoud ol li p {
	margin-top: 0;
}

div.tekstblok {
	position: relative;
	background: #C3D3E9 url(../templ/tekstblok-topleft.jpg) top left no-repeat;
}
div.tekstblok div {
	position: relative;
	background: transparent url(../templ/tekstblok-topright.jpg) top right no-repeat;
}
div.tekstblok div div.inner {
	position: relative;
	background: transparent url(../templ/tekstblok-bottomleft.jpg) bottom left no-repeat;
}
div.tekstblok div div.inner div {
	position: relative;
	background: transparent url(../templ/tekstblok-bottomright.jpg) bottom right no-repeat;
}
div.tekstblok div div.inner div div {
	position: relative;
}

div.tekstblok p {
	font-weight: bold;
	padding-top: 0.8em;
	padding-right: 0.8em;
	padding-left: 0.8em;
}

.right150 {
	position: relative;
	margin-right: 180px;
}

.menutekstblok {
	margin: 20px 5px 0 5px;
}

#portfolio { margin: 2em 0; }
#portfolio2 { text-align: center; }

div#portfoliopreview { 
	color: #000; 
	background: transparent; 
	margin: 1em 0; 
}

div#portfoliopreview img { 
	float: left;
	width: 100px;
	height: 100px;
	padding: 2px;
	margin: 1em 1em 1em 0;
	border: 5px solid rgb(193,213,221);
}

div#portfolio-preview { 
	float: right;
	width: 117px;
	height: 153px;
	margin: 1em 1em 0 1em;
	padding-top: 4px;
	background: transparent url(../templ/viewer.jpg) top left no-repeat;
	text-align: center;
	vertical-align: middle;
}
div#portfolio-preview a img{ 
	text-decoration: none;
	border: none;
	margin-top: 4px;
	background: transparent;
}

div#portfoliopreview a {
	border: none;
}

div#portfoliolinks {
	margin-top: 1em;
	padding: 0;
}

div#portfoliolinks h4 { 
	margin: 0;
	padding-top: 1em; 
}

div#portfoliolinks img {
	float:left; 
	margin: 0 1em 1em 0; 
	padding: 2px;
	border: 5px solid RGB(193, 213, 221);
}

.linethrough {
	text-decoration: line-through;
}

p.blind { 
	clear: both; 
}

p.center {
	text-align: center;
}

.imgblokrechts, .imgrechts { 
	float:right; 
	text-align:center; 
	background: #FFF; 
	color:#000; 
	margin: 1em 0 0.5em 1em; 
	position:relative; 
	border: 3px solid rgb(193,213,221);
	clear: right;
}
.imgrechts {
	margin-top: 0;
}

.imgbloklinks, .imglinks { 
	float:left; 
	text-align:center; 
	background: #FFF; 
	color: #000; 
	margin: 1em 1em 0 0; 
	position:relative; 
	display: block;
	border: 3px solid rgb(98,131,226);
}

.links {
	float: left;
	margin: 1em 1em 1em 0;
}
.rechts {
	float: right;
	margin: 1em 1em 1em 1em;
}

a.links {
	border-bottom: 1px dotted #fff !important; 
}

.adblockinhoud { 
	float: right;
	text-align: center;
	background: transparent;
	position: relative;
	margin: 0 1em 0 1em;
}

#rechterkolom { 
	position: absolute;
	top: 405px; 
	margin-left: 645px;
	width: 14em;
	background: transparent;
	border-left: 1px solid rgb(175,193,204);
}

#menu { 
	background: transparent; 
	padding: 0 0.5em;
}
* html #menu {
   height: 0.1%;
}

#menu a { 
	display: block;
	font-size: 0.95em;
	font-weight: bold;
	line-height: 1.2em;
	padding: 0.3em 0;
	text-decoration: none;
	border-bottom: 1px solid rgb(185,200,210);
	background: transparent; 
}

#menu a:link { color: #039; background: transparent; }
#menu a:visited { color: rgb(130,175,203); background: transparent; border-bottom: 1px solid rgb(130,175,203); }
#menu a:hover { color: #FC9C00; background: transparent; border-bottom: 1px solid #FC9C00; }

a.menusmall {  
	display: block;
	font-size: 85%; 
	font-weight: bold; 
	line-height: 1.8em;
	text-decoration: none; 
}

a.menusmall:link { color: #FFF; background: transparent; }
a.menusmall:visited { color: rgb(186,213,225); background: transparent;}
a.menusmall:hover { color: #FC9C00; background: transparent;}

#menu a#menuactive { 
	font-size: 0.95em;
	font-weight: bold;
	line-height: 1.2em;
	text-decoration: none;
	border: none;
	color: rgb(66,98,128); 
	background: transparent;
}


#menuinhoud { 
	padding: 0 0.2em 0 0.4em;
	background: transparent; 
}
#menuinhoud h2 { 
	color: #E5E5E5;
	background: #1C1C1C; 
	font-size: 1em;
	font-family: "Trebuchet MS";
	font-weight: bold;
	margin: 2em 0 0.5em 0;
	padding: 0.2em;
}

#menuinhoud ul { margin-left: 1em; padding: 0; }

#menublok { 
	font-size: 1em; 
	text-align: left; 
	line-height: 1.8em; 
	margin-top: 12px; 
	border: 1px solid rgb(103,103,93);
}

#menublok h1 { 
	font-size: 1em; 
	line-height: 2em; 
	margin: 2px; 
	padding-left:5px; 
	color: #FFF; 
	background:rgb(76,90,99);
}

div#aanbieding { 
	float: right;
	width: 10.5em;
	margin: 2em 0.5em 1em 0.6em; 
	padding: 0.5em;
	font-size: 0.85em; 
	text-align: center; 
	background: rgb(223,239,255) url(../templ/bg-seocheck.jpg) top right no-repeat; 
	color: rgb(235,235,234); 
	border: 3px solid rgb(193,213,221); 
}

div#aanbieding a#seocheck { 
	color: #FC9C00;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.3em;
	text-decoration: none;
	border: none;
}

div#aanbieding a#seocheck:link { color: #FC9C00; background: transparent; text-decoration: none; }
div#aanbieding a#seocheck:visited { color: #FC9C00; background: transparent; text-decoration: none; }
div#aanbieding a#seocheck:hover { color: rgb(76,90,99); background: transparent; text-decoration: none; }

div#aanbieding a span { 
	font-size: 1.4em;
}

#aanbieding h2 {
	font-size: 1.2em;
	color: rgb(216,216,216);
}

#menu-ad { 
	float: right;
	width: 10.5em;
	margin: 3em 0.5em 1em 0.5em; 
	padding: 0.5em;
	font-size: 0.85em; 
	text-align: center; 
	background: transparent; 
	color: #000; 
}

#taalkeuze { 
	width: 800px;
	position: absolute;
	top: 15px; 
	text-align: right;
}

#taalkeuze a { 
	font-size: 90%;
	font-weight: bold; 
	padding: 0.3em; 
	margin-right: 0.5em; 
	background: transparent;
	text-decoration: none; 
}

#taalkeuze a:link { color: #000; }
#taalkeuze a:visited { color: rgb(0,66,155); }
#taalkeuze a:hover { color: #FC9C00; }

#koptekst {
	position: absolute;
	top: 60px;
	padding-left: 15px;
	background: transparent;
	text-align: left;
}

#koptekst h1 {
	font-size: 0.9em; 
	line-height: 1.2em;
	color: #E6F0FA;
	font-family: Georgia, serif !important;
	font-weight: normal;
}

.blogblok { 
	padding: 0 1em 0.5em 1em; 
	margin: 0.7em 0 2em 0;
	background: #E5EBF5 url(../plaatjes/bg-blogblok.jpg) 97% 10px no-repeat; 
	color: #000; 
	border: 3px solid #fff; 
}

.blogblok h2 { font-size: 1.3em; font-weight: normal; line-height: 1.2em; margin-right: 50px; }
.blogblok h3 { font-size: 1em; font-weight: normal; }

.blogblok ul { margin-left: 0; padding-left: 1em; }
.blogblok li { padding-left: 0; }

.blogblok span.lijstpunten {
	font-weight: bold;	
}

.blogblok quote, .blogblok blockquote {
	font-style: italic;
	padding: 0.5em; 
	background: #EEF3FC;
	border: 3px double #D5E3F4;
}

.codeblok { 
	background: #FFF; 
	color: #000;
	margin-bottom: 1em;
	padding: 1em;
	border: 1px solid #CCC;
}

span.datum { font-size: 0.75em; font-weight: normal; }
span.kleineletter { font-size: 80%; }
span.code { color: blue; font-weight: normal; }
span.tag { color: purple; font-weight: bold; }
span.attribuut { color: green; font-weight: bold; }
span.vet { font-weight: bold; }

p.small { font-size: 80%; margin: 0.5em 0; }
p.blind { clear: both; }

div.vulblok { height: 28em; }
div.vulblokklein { height: 12em; }
div.berichtblok { font-size: 1.2em; font-weight: bold; font-variant: small-caps; border: thin solid #999; margin: 2em 0 31em 0; padding: 1em; }

div.reclameblok { text-align: center; margin-top: 4em; }
div.adblok-templates { text-align: center; margin: 2em; }

ul#schnitzellist {
	margin-bottom: 2em;
}

#inhoud acronym {
	font-weight: bold;
}

#inhoud a.verklaring, #inhoud acronym {
	cursor: help;
	text-decoration: none;
	border: 1px dotted rgb(188,190,213);
	font-style: italic;
}

#inhoud a.verklaring:visited { 
	color: #000; 
	text-decoration: none; 
	border-bottom: 1px dotted; 
}
#inhoud a.verklaring:hover { 
	color: #FC9C00; 
	text-decoration: none; 
	border-bottom: 1px dotted; 
}
#inhoud a.verklaring:active { 
	color: #09C; 
	text-decoration: none; 
	border-bottom: 1px dotted; 
}

ol.mythen {
	font-weight: bold;
}

ol.mythen {
	font-weight: normal;
}

span.first {
	font-weight: bold;
	padding-right: 1em;
}

#footer {
	background: #5A749C url(../templ/bg-footerdiv.jpg) top center no-repeat;
	border-top: 30px solid #1C1C1C;
	border-bottom: 1px solid #757575;
}

#footer div {
	font-size: 90%;
	line-height: 1.5em;
	color: rgb(235,236,240);
	padding: 15px 1.5em 15px 2em;
	border-top: 1px solid #757575;
}

#footer ul {
	width: 33%;
	float: right;
	margin: 0;
	padding: 1.2em 0 0 0;
}
#footer ul li {
	text-align: left;
	margin: 0;
	padding: 0.2em 0 0.2em 0;
	list-style-type: none;
}

#footer ul.first {
	background: transparent url(../plaatjes/seo.png) top left no-repeat;
	padding-top: 62px;
}

#footer ul.second {
	background: transparent url(../plaatjes/webdesign.png) top left no-repeat;
	padding-top: 62px;
}


#footer a { 
	text-decoration: underline; 
	background: transparent;
	color: #000;
}
#footer a:visited { color: #fff; text-decoration: underline; }
#footer a:hover { color: #FC9C00; }

#footer p { 
	text-align: center;
	clear: right;
	padding-top: 1em;
}

#bottom {
	margin-right: -15px;
	margin-bottom: 10px;
	background: #333 url(../templ/bg-bottomrepeat.png) bottom left repeat-x;
}
#bottom div {
	background: transparent url(../templ/bg-bottomleft.png) bottom left no-repeat;
}
#bottom div#inner {
	height: 53px;
	background: transparent url(../templ/bg-bottomright.png) bottom right no-repeat;
}

a#banner {
	position: absolute;
	top: 155px;
	left: 50%;
	margin: 0 0 0 455px;
	z-index: 2000;
}