/* @override http://www.systeme-d.com/previews/kleinbarnum/_layout/_kleinbarnumstyle.css */


/* @group Eric Meyer */
body, div, span, applet, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
body {line-height:1;}
ol, ul {list-style:none;}
html {padding:0; margin:0; outline:0; font-size:100%; font-size:100%;}
:focus {outline: 0;}

img {border:none;}

ins {text-decoration:none;}
del {text-decoration:line-through;}

table {border-collapse:collapse; border-spacing:0;}
/* @end */


html {width:100%; height:100%;}
body {font:13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;}


a {text-decoration:none; color:#347dac;}
a:hover {text-decoration:none; color:#000;}

#wrapper {width:900px; background-color:#fff; margin-right:auto; margin-left:auto;}
#indexwrapper {position:absolute; top:0; left:0; z-index:100; width:100%; height:100%; text-align:center; overflow:visible;}

#marge {width:260px; float:left;}
	#logo {}
	#subnav {}

#contentcol {float:left; width:620px;margin-bottom:60px; padding-bottom:60px; }
	#nav {height:233px;}
	#content {float:left;width:620px;}
	
	
#productenoverzichtpage #wrapper {width:1000px; background-color:#fff; margin-right:auto; margin-left:auto;}
#productenoverzichtpage #contentcol {float:left; width:720px;margin-bottom:60px; padding-bottom:60px; }
#productenoverzichtpage #content {float:left;width:720px;}	
	

#footer {margin-top:40px; font-size:12px; color:#767676; margin-bottom:40px;}
#footer a {color:#767676; text-decoration:underline;}
#footer a:hover {color:#000; text-decoration:underline;}


h1 {font-size:24px;}
h2 {font-size:20px;}
h3 {font-size:18px;}
h4 {font-size:16px;}
h5 {font-size:15px;}
h6 {font-size:14px;}


#badgesbackground {position:absolute; top:0; left:0; z-index:102; width:100%; height:100%;}
#flashcontent {z-index:103;}

#kleinbarnum_index {position:absolute; top:104px; left:306px; width:590px; text-align:center; z-index:104; background-color:#fff;}
#kleinbarnum_index h2 { width:177px; font:italic bold 26px Georgia, "Times New Roman", Times, serif; margin:0 auto;}
#kleinbarnum_index img {float:left;}
#kleinbarnum_index a {color:#000; text-decoration:none; cursor:pointer;}
#kleinbarnum_index a:hover {color:#347dac; text-decoration:none; cursor:pointer;}
#kleinbarnum_index span {display:block; background-color:#000; width:90px; height:7px; margin:10px auto;}
#kleinbarnum_index ul li { font:italic 22px "Times New Roman", Times, serif;}
#nl { width:224px; height:222px; background-color:#fff;float:left;}
#fr {width:225px; height:222px; background-color:#fff;float:left;}
#link{width:590px; height:90px; background-color:#fff; padding:1px 4px; font:italic bold 14px "Times New Roman", Times, serif; position:absolute; left: 306px; top: 605px; z-index:500;}
#link a {color:#000; text-decoration:none;}
#link a:hover {color:#347dac; text-decoration:none;}




.logo {margin:20px 0px 0px 20px;}
.innersubnav {margin:30px 0px 0px 20px; padding:0px 0px 40px 0px;}
.innersubnav ulf { font:italic 18px Georgia, "Times New Roman", Times, serif;}

.innersubnav ul { font:18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;}

.innersubnav ul li a {text-decoration:none; color:#347dac;}
.innersubnav ul li a:hover {text-decoration:none; color:#000;}
.innersubnav ul li a.actief {color:#000;}

p._actief { text-decoration:underline;}

#productenoverzicht {margin-left:0px; margin-bottom:15px;}
#productenoverzicht h22 { margin-top:10px; color:#000; font:italic bold 14px Georgia, "Times New Roman", Times, serif;}
#productenoverzicht h2 { margin-top:10px; color:#000; font:bold 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;}

#productenoverzicht ul {font-size:12px;}

.theorietdright { border-bottom:1px dotted #000; padding-top:10px; padding-bottom:10px;}

.innernav {margin:28px 0px 0px 20px;float:left;width:480px;}
.innercontent {margin:0 0px 0px 20px; float:left;}
.innerfooter {margin:0 0px 0px 20px;}
.innerfooter a {text-decoration:underline;}

.innernav .navcel {margin-right:10px; float:left; text-align:center; font:italic 12px Georgia, "Times New Roman", Times, serif;}
.innernav .navcel a {text-decoration:none; color:#000;}
.innernav .navcel a:hover {text-decoration:underline; color:#000;}
.innernav .taalcel {float:right;}

#producttable {margin-top:-7px;}
#producttable a {text-decoration:none; color:#000;}
#producttable a:hover {text-decoration:none; color:#000;}

#producttable h2 .zetdaintzwart {text-decoration:none; color:#000;}

#producttable p {margin-top:0;width:144px;}
#producttable th {text-align:left; width:175px;  vertical-align:top; color:#000;}
#producttable h1 {border-bottom:2px solid #000; font-size:18px; display:inline-block; text-transform:uppercase;}
#producttable h2 {font-size:13px; color:#347dac; width:160px; margin-top:10px; font-weight:normal; font-style:normal;}

#producttable span:hover h2  {color:#000;}
#producttable span:hover p  {text-decoration:underline;}


#trechter {table-layout: fixed; border-spacing:0; margin-top:-7px;}
#trechter a {text-decoration:none; color:#000;}
#trechter a:hover {text-decoration:none; color:#000;}

#trechter h2 .zetdaintzwart {text-decoration:none; color:#000;}

#trechter p {margin-top:0;width:144px;}
#trechter th {text-align:left; width:175px;  vertical-align:top; color:#000;}
#trechter h1 {
	border-bottom:2px solid #000;
	font-size:18px;
	display:inline-block;
	text-transform:uppercase;
	text-align: center;
	}
#trechter h2 {
	font-size:13px;
	color:#347dac;
	width:200px;
	font-weight:normal;
	font-style:normal;
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-left: 0px;
}

#trechter span:hover h2  {color:#000;}
#trechter span:hover p  {text-decoration:underline;}

#onderwerpen .innercontent li {margin-bottom:0.2em; text-transform:lowercase; list-style-type:circle; list-style-position:inside;}

.footerlogo {float:left; width:50px; margin-right:20px; margin-top:3px;}
.adres {font-size:11px;}
.adres a {text-decoration:none; color:#000;}
.adres a:hover {text-decoration:underline; color:#000;}

.bodytekst {width:400px; float:left; margin-top:-10px;}
#praktisch {float:right; border-left:1px solid #d0d0d0; width:160px; color:#a1a1a1; padding:0px 0px 10px 10px; margin:0px 0px 6px 20px;}
#praktisch h4 {font-weight:normal; margin-bottom:6px; color:#858585;}
#praktisch a {text-decoration:underline; color:#999;}
#praktisch a:hover {text-decoration:underline; color:#000;}
#praktisch2 {float:right; border-left:1px solid #d0d0d0; width:160px; color:#a1a1a1; margin-top: 300px; margin-right: 0px; margin-bottom: 6px; margin-left: 20px; padding-top: 0px;	padding-right: 0px;	padding-bottom: 10px;padding-left: 10px;}
#praktisch2 h4 {font-weight:normal; margin-bottom:6px; color:#858585;}
#praktisch2 a {text-decoration:underline; color:#999;}
#praktisch2 a:hover {text-decoration:underline; color:#000;}
#info {padding-bottom:10px;}
#video { border-top:1px dotted #000; padding-top:10px; padding-bottom:5px;}
#video1 {padding-top:10px; padding-bottom:5px;}
#referenties {border-top:1px dotted #000; padding-top:10px; padding-bottom:5px;}
#meerweten {border-top:1px dotted #000; padding-top:10px; padding-bottom:5px;}
#links {border-top:1px dotted #000; padding-top:10px; padding-bottom:5px;}
#inschrijvingendiv {border-top:1px dotted #000; padding-top:10px; padding-bottom:5px;}
#productenoverzicht ul li a:hover {}

.quote_SIHO {font:15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color:#347dac; float:right}

#video a {text-decoration:none;}
#video a:hover {text-decoration:none;}

.videobox {height:110px; margin-bottom:8px;}
.videoicon {}
.videolink {margin-top:-31px; margin-left:40px;}

#praktisch h1 {margin-bottom:10px; color:#666;}
#praktisch h2 {margin-bottom:6px;}

#contact h4 {margin-bottom:-8px;}

#teamtable {}
#teamtable strong {font-size:20px; font-weight:normal;}
#teamtable em {font-size:14px; font-style:normal; color:#7b7b7b;}
#teamtable .teaminfo {margin-top:40px; padding-top:10px; padding-bottom:40px;border-top:2px solid #000;}
#teamtable td {vertical-align:bottom; padding-bottom:10px;}

#videotable {}
#videotable h1 {font-size:20px; font-weight:normal; border-bottom:2px solid #000; margin-bottom:10px;}
#videotable h2 {font-size:13px;color:#347dac;width:250px;margin-top:10px;font-weight:normal;font-style:normal;margin-bottom: 0px;}
#videotable h3 {font-size:13px;color:#000000;width:250px;margin-top:10px;margin-bottom:0px;font-weight:normal;font-style:normal;}
#videotable h4 {font-weight:normal; margin-bottom:6px; color:#858585;}
#videotable a {text-decoration:underline; color:#999;}
#videotable a:hover {text-decoration:underline; color:#000;}
#videotable td {vertical-align:bottom; padding-bottom:10px;}

.videoimage {}

.member {width:200px;}
.member strong {font:italic bold 14px Georgia, "Times New Roman", Times, serif;}


#nieuws #nieuwsdiv {width:400px; float:left; margin-top:-10px;}
#links2 ul {margin-top:0;}

.innercontent ol, .innercontent ul {list-style:disc; border:0; list-style-type:circle;}
.innercontent li { margin-left:1em; text-indent:0em;}

.innercontent ul ul {margin-left:0.5em;}
.innercontent ul ul li {margin-bottom:0.3em; padding-bottom:0.2em;}
.innercontent ul ul li ul li { list-style-type:circle;}

#info ul {margin-left:0.5em;}

#onze_acteurs .innercontent img {margin-right:2px;margin-bottom:2px;}


.quote {float:left; margin-left:0px; margin-bottom:10px; font:italic bold 15px Georgia, "Times New Roman", Times, serif; color:#999; width:240px;}
.quote em {font-size:12px;}
.quote.black {float:left;margin-left:0px; margin-right:10px; color:#000; margin-top:0px; text-align:left;}

.quote_ref {font:italic 15px Georgia, "Times New Roman", Times, serif; color:#a4a4a4;}
.quote_ref em {font-size:12px;}


.floatleft {float:left;}
.floatright {float:right;}
.clearDIV {clear:both;}

sup {font-size:60%; position:relative; top:-0.6em;}


#wie .innercontent h1 {font-size:29px; font-weight:normal; display:inline-block; border-bottom:3px solid #000;}
#wie .innercontent h2 {font-size:20px; font-weight:normal; margin-top:20px; color:#347dac;}

#trainersinformatie .innercontent h1 {font-size:29px; font-weight:normal; display:inline-block; border-bottom:3px solid #000;}
#trainersinformatie .innercontent h2 {font-size:20px; font-weight:normal; margin-top:20px; color:#347dac;}

#inschrijven .innercontent h1 {font-size:29px; font-weight:normal; display:inline-block; border-bottom:3px solid #000;}
#inschrijven .innercontent h2 {font-size:20px; font-weight:normal; margin-top:20px; color:#347dac;}

#onze_acteurs .innercontent h1 {font-size:29px; font-weight:normal; display:inline-block; border-bottom:3px solid #000;}
#onze_acteurs .innercontent h2 {font-size:20px; font-weight:normal; margin-top:20px; color:#347dac;}

#waarom_bedrijfstheater h1 {font-size:29px; font-weight:normal; display:inline-block; border-bottom:3px solid #000;}
#product .bodytekst h1 {font-size:29px; font-weight:normal; display:inline-block; border-bottom:3px solid #000;}
#product .bodytekst h2 {font-size:20px; font-weight:normal; margin-top:20px; margin-bottom:-10px; color:#347dac;}
#onderwerpen .innercontent h2 {font-size:20px; font-weight:normal; border-bottom:2px solid #000; margin-top:30px; margin-bottom:10px;}
#theorie .innercontent h2 {font-size:20px; font-weight:normal; border-bottom:2px solid #000; margin-top:30px; margin-bottom:10px;}
#theorie .innercontent h3 {font-size:20px; font-weight:normal;  margin-top:30px; margin-bottom:10px; color:#347dac;}

#referenties2 .innercontent h2 {font-size:20px; font-weight:normal; border-bottom:2px solid #000; margin-top:30px; margin-bottom:10px;}
#vacatures .innercontent h1 {font-size:29px; font-weight:normal; display:inline-block; border-bottom:3px solid #000;}
#vacatures .innercontent h2 {font-size:20px; font-weight:normal; margin-top:20px; color:#347dac;}
#nieuws .innercontent h1 {font-size:22px; font-weight:normal; display:inline-block; border-bottom:3px solid #000;}
#nieuws .innercontent h2 {font-size:16px; font-weight:normal; margin-top:20px; color:#347dac;}

#contact .innercontent h1 {font-size:29px; font-weight:normal; display:inline-block; border-bottom:3px solid #000;}
#contact .innercontent h2 {font-size:16px; font-weight:normal; margin-top:0px; color:#000;}
#contact .innercontent h3 {font-size:16px; font-weight:normal; margin-top:0px; color:#347dac;}

#waarom_bedrijfstheater .innercontent h2 {font-size:20px; font-weight:normal; margin-top:20px; color:#347dac;}

.errortype {
	font-size: 40px;
	color: #000000;
	margin-top:0;
}

#systeme-d {color:#000; background-color:#fff; padding:1px 4px; font:10px Arial, Helvetica, Geneva, sans-serif; position:absolute; bottom:10px; right:10px;z-index:500; }
#systeme-d a {color:#347dac; text-decoration:none;}
#systeme-d a:hover {color:#000; text-decoration:none;}