/* @override http://showcase.joomlabamboo.com/avante/templates/avanti/style/base/theme.css */

/* These styles set the background colour and any other style you want to attach to the rows int he theme.  */

/* Used mainly to set the bottom footer colour and to create a faux footer */

body {
	background: #676B77;
	color: #666
}

.containerBG {
	margin-top: 0px
}

.fullWrap {
	margin-top: 0
}

#mainBodyWrap {

	float: left;
	width: 100%;
	background-color: #676B77;
}

#mainBottomWrap {


	float: left;
	width: 100%
}


#mainWrap {
	background: #000 url(../images/back-zwart-slide.gif) repeat-y 50%;
	border-top: 1px solid #fff;

	float: left;
	width: 100%;
	height: 366px;
	overflow: hidden;
}

#below {
	background: #000 url(../images/back-zwart-b.gif) repeat-y 50%;
	border-top: 1px solid #fff;

	float: left;
	width: 100%
}

#below b{
	font-weight: normal;
	color: #F89A12
}

.topRow {
	padding: 0
}

.topRow .containerBG {
	
}

/* logo */

.logoRow .containerBG {
	margin: 0
}

#logo {
	margin-top: 0px
}

#logo a {
	border: none
}

/* Nav */

.navRow {
	padding: 0;
		background: url(../images/gradient.png) no-repeat center 0;
	height: 32px;

}

.navRow .containerBG {
	padding: 0
}

/* banner */

.bannerRow {
	color: #fff
}

.bannerRow .containerBG {
	padding: 30px 0
}

.bannerRow h2 {
	color: #fff
}

.bannerRow .moduletable {
	margin-bottom: 20px
}

/* grid1 */

.gridWrap1 {
	padding-top: 30px
}

.gridWrap3 {
	background: #000 url(../images/back-zwart.gif) repeat-y 50%;
	border-top: 1px solid #fff;

	float: left;
	width: 100%
}

.gridWrap2 {
	background: #000 url(../images/back-zwart-b.gif) repeat-y 50%;
	border-top: 1px solid #fff;

	float: left;
	width: 100%;
	padding-left: 0px;
	height: 21px;
	overflow: hidden;
}
.gridWrap4 {
background: #fff;
	border-top: 4px solid #fff;
	background-color: #fffeff;
}

.grid1Row {
	
}

.grid1Row .containerBG {
	padding-bottom: 0
}

/* grid2*/

.grid2Row {	background-color: #676B77;
	color: white;
}

.grid2Row .containerBG {
	
}

/* grid3 */

.grid3Row {	background-color: #676B77;
	color: white;
}

.grid3Row .containerBG {
	
}

/* grid4 */

.grid4Row {
	
}

.grid4Row .containerBG {
	
}

/* grid5 */

.grid5Row {
	
}

.grid5Row .containerBG {
	
}

/* grid6 */

.grid6Row {
	
}

.grid6Row .containerBG {
	
}

/* main row */

.mainRow {
	background-color: #676B77;
	color: white;
}

.mainRow .containerBG {
	padding-bottom: 0;

}

/* Pathway Classes */

#breadcrumb {
	margin: 0;
	width: 100%;
	padding: 0;
	visibility: hidden;
	height: 0;
}

#breadcrumb .moduletable {
	text-align: right
}

.pathway img {
	margin: 6px 2px 0
}

/* Left Column */

#leftCol .moduletable {
	padding-top: 20px;
	border-top: 1px solid #ddd;
	width: 96%
}

/* Center Column */

#center {
	
}

#centerCol .moduletable {
	padding-top: 0px;
	width: 96%
}

/* Main Content Row Classes */

/* Left Column */

#midCol {
	
}

.mainRow {
	
}

#midCol.twoL {
	padding-bottom: 00px
}

#midCol.twoL #jbArticle {
	
}

#midCol.twoR #mainContent {
	padding-right: 0px;
	border-top: 0px solid #ddd
}

#mainContent {
	margin-bottom: 0px
}

/* Right Column */

#right {
	
}

#right {
	padding-top: 0px
}

/* bottom */

.bottomRow {
			background: #676B77 url(../images/back-grijs-c.gif) repeat-y 50%;
	color: #fff;

}

.bottomRow .containerBG {
		border-bottom: 8px solid #263645;
	border-top: 8px solid #263645;
	background: #263645 url(../images/back-grijs-c.gif) repeat-y 50%;
}

.bottomRow .moduletable {

	clear: both
}

#bottom4 .moduletable {
	border: 0;
	padding: 8
}

.bottomRow .moduletable h3,#bottom h3 {
	color: #c3c1c0;
	font-size: 1.2em
}

/* bottom menu */

.bottomRow ul {
	margin: 0
}

.bottomRow ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

bottomRow ul li a {
	background: url(../images/bottomArrow.png) no-repeat left center;
	padding-left: 20px;
	display: block;
	color: #7E8386
}



.bottomRow ul li li a {
	padding-left: 30px;
	background: none;
	border: none
}

#bottom a {
	border: none
}

#bottom .parent {
	padding-left: 20px;
}

/* Footer Row Classes */

.footerRow {
	;padding-bottom: 50px
}

.footerRow .containerBG {
	padding: 0}

#footer {
	;border-top: 1px solid #1f1f1f
}

#footer a {
	border: none
}

/* Search Styling */

#search {
	
}

#search .inputbox,#search_searchword {
	border: 1px solid #ddd;
	padding: 8px;
	margin: 4px 0;
	background: url(../images/fieldShadow.jpg) repeat-x;
	border: 1px solid #c8c8c8;
	font-size: 13px;
	color: #333333;
	padding-bottom: 0;
	margin: 0 20px
}

#searchForm .button {
	margin-top: 8px
}

/* Headings */

h1,.componentheading {
	color: #333
}

h2,.contentheading,h2 a {
	color: #333;
	line-height: 1.2em
}

h3,.moduletable h3 {
	color: #333;
	font-size: 1.6em
}

h4 {
	color: #333
}

h5 {
	color: #fff;
	background: #333;
	padding: 2px 0 2px 4px
}

h6 {
	color: #fff;
	background: #999;
	padding: 2px 0 2px 4px
}

/*Nav - Top levels */

#navWrap.navLeft {
	float: left
}

#navWrap.navLeft ul {
	float: left;
	margin: 5px 0 0 0
}

#navWrap.navLeft ul li {
	margin: 0
}

#navWrap {
	float: right
}

#nav ul {
	float: right;
	margin: 20px 0px 0 20px
}

#nav ul li {
	margin: 0;
	padding: 0
}

#nav ul li a {
	padding: 10px 20px 12px;
	color: #fff;
	margin: 0;
	font-weight: bold;
	border: none;
	font-size: 0.8em;
}

#nav ul li a:hover {
	color: #333;
	background: #fff
}

#nav span.expanded {
	margin: 0;
	padding: 0 0 0 8px;
	font-weight: bold
}

#nav ul li span.mainlevel {
	font-size: 1em;
	color: #ccc;
	padding-top: 0;
	padding-left: 14px;
	margin-top: -2px;
	float: left;
	background: url(../images/navParent.png) no-repeat 8px 8px
}

#nav a.mainlevel.sf-with-ul,#nav a.mainlevel_active.sf-with-ul, #nav a#active_menu.mainlevel_current.sf-with-ul {
	background: url(../images/navParent.png) no-repeat 0px center;
	padding-left: 6px;
	margin-left: 15px;
}

#nav ul li a.mainlevel.sf-with-ul:hover,#nav ul li a.mainlevel_active.sf-with-ul:hover,#nav ul li a.mainlevel_active.sf-with-ul {
	background: url(../images/navParent.png) no-repeat 0px center;
	padding-left: 6px;
}

#nav a.mainlevel_active,#nav .mainlevel_current,#nav ul li a:hover {
	background: none
}

/* Nav - Second and third levels */

#nav li:hover ul,#nav ul li.sfHover ul {
	left: 0px;
	top: 35px
}

#nav li li:hover ul,#nav ul li li.sfHover ul {
	left: 155px;
	top: 0px
}

#nav li ul {
	background: url(../images/navBG.png) no-repeat left top;
	width: 155px
}

#nav li ul li,#nav li ul li#current,#nav ul li li a,#nav ul li li span.expanded {
	width: 138px
}

#nav ul li li a,#nav ul li span.sublevel {
	border-bottom: 1px solid #111;
	color: #fff;
	font-size: 0.9em;
	padding-left: 12px;
	width: 134px
}

#nav ul li li span.sublevel {
	padding: 4px 0;
	display: block;
	width: 154px;
	color: #fff;
}

#nav ul ul li a#active_menu.sublevel_current.sf-with-ul {
	
}

#nav ul li li a:hover {
	background: #252521
}

#nav ul li li span.expanded {
	padding-left: 0px;
	font-size: 95%;
	padding-top: 0px;
	background: url(../images/subParent.png) right center no-repeat
}

/* Left and right lists and panel menu */

#leftCol ul li, #rightCol ul li,#centerCol ul li {

}

#leftCol ul li a,#rightCol ul li a,#leftCol ul li span.separator,#rightCol ul li span.separator,#centerCol ul li a {

	color: #333;
	background: url(../images/new_page.png) no-repeat 0 8px;
	padding-left: 16px;
}

/* Left and right Sub menus */

#leftCol ul li li a,#rightCol ul li li a,#centerCol ul li li a {
	color: #666;
	font-weight: normal;
	padding-left: 34px;
	background: url(../images/new_page.png) no-repeat 17px 8px;
	border-bottom: 0
}

#leftCol ul li li li a,#rightCol ul li li li a {
	padding-left: 60px;
	background: none;
	font-style: italic;
	font-size: 1em
}

/* Styling for parent on panel menu */

#leftCol span.expanded,#rightCol span.expanded {
	background: url(../images/panelParent.png) no-repeat left center;
	display: block;
	padding-left: 20px;
	cursor: pointer;
	padding: 4px 0 4px 20px
}

#leftCol ul li li span.expanded,#rightCol ul li li span.expanded {
	padding-left: 40px;
	background: url(../images/panelParent.png) no-repeat 20px center
}

/* Hidden Panel Styling */

#toppanel a#open {
	color: #ccc;
	padding: 13px 10px 0;
	margin-top: 12px;
	right: 20px;
	border: none
}

.overlay div.close {
	background: url(../images/panelClose.png) no-repeat
}

#panelInner {
	;border: 4px solid #343434;
	background: #f9f9f9
}

/* Input Styling */

.inputbox,input#email {
	border: 1px solid #ddd;
	background: url(../images/fieldShadow.jpg) repeat-x;
	border: 1px solid #c8c8c8;
	font-size: 13px;
	color: #333333
}

/* MicroBlog */

.mbitemCols h2 a {
	font-size: 1.2em;
	border: none
}

img.mbImage {
	background: #eee;
	border: 1px solid #ddd;
	padding: 6px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-bottom-left-radius: 3px
}

.mbMoreCols a.readon {
	border-bottom: 1px solid;
	padding-bottom: 2px
}

.mbMoreCols a.readon:hover {
	color: #333
}

.mbDateCols {
	color: #aaa;
	font-style: italic
}

/* Page classes */

div.jbFrontPage {
	
}

div#jbArticle {
	padding-top: 20px;
	border-top: 1px solid #ddd;
}

div.jbSection {
	padding-top: 20px;
	border-top: 1px solid #ddd
}

div.jbCategory {
	
}

#mainContent .blog {
	padding-top: 20px;
	border-top: 1px solid #ddd
}

.leading,.article_row {
	border-bottom: 1px solid #ededed;
	clear: both;
	float: left;
	padding-bottom: 20px;
	margin: 0 0 20px
}

/* Pdf Buttons etc */

div.buttons {
	
}

/* Div around the title and author, date etc */

div.jbMeta {
	
}

/* Section and Categories */

div.jbSectCat {
	
}

span.jbSections {
	
}

span.jbCategories {
	
}

/* Author and date styling */

div.jbAuthorDate {
	font-size: 90%;
	color: #999;
	display: block;
	float: left;
	width: 100%
}

span.jbModifydate {
	float: right;
	margin-top: 10px
}

span.jbAuthor {
	
}

.buttons {
	float: right;
	margin-left: 20px
}

div.jbCreatedate {
	width: 90px;
	float: left
}

div.jbCreatedate span.dateday {
	
}

div.jbCreatedate span.datemonth {
	
}

div.jbCreatedate span.dateyear {
	
}

/* Read more */

a.jbReadon,a.k2ReadMore {
	border-bottom: 1px solid;
	padding-bottom: 4px;
	margin-top: 10px;
	float: left
}

a.k2ReadMore {
	float: right
}

a.jbReadon:hover,a.k2ReadMore:hover {
	color: #333
}

/* jTweet Overrides */

.moduletable-bottomtwitter .jTweet .tweet li span {
	line-height: 2em
}

.moduletable-bottomtwitter .tweet {
	width: 100%
}

.moduletable-bottomtwitter .jTweet ul li a {
	background: none;
	padding: 0;
	display: inline
}

.moduletable-bottomtwitter .jTweet ul.tweet_list li {
	border: none
}

.moduletable-bottomtwitter .jTweet ul.tweet_list li.tweet_first {
	padding-bottom: 4px
}

.moduletable-bottomtwitter span.triggerDetail {
	border: none;
	width: 100%;
	padding: 0;
	margin: 0
}

.moduletable-bottomtwitter span.triggerDetail a {
	color: #666
}

/* PrettyBox */

img.prettyBox {
	padding: 4px;
	border: 1px solid #ddd
}

p.prettyTitle {
	font-style: italic
}


#tabzwart1 {
	margin-top: 10px;
}

#tabzwart2 {
	margin-top: 10px;
}

#tabzwart1 div.gk_tab_item_space {
	
	color: #fff;
	background: url(../images/bull.png) no-repeat 0 4px;
	line-height: 14px;
	padding: 0px 0 0px 12px;
	margin-left: -20px;
	margin-bottom: 4px;
	
}


#tabzwart1 ul li a {
	color: #fff;
	background: url(../images/bull.png) no-repeat 0 4px;
	line-height: 14px;
	padding: 0px 0 0px 12px;
	margin-left: 0px;
	margin-bottom: 4px;

}


#tabzwart1 h4 {
	color: white;
	font-size: 100%;
	padding: 0px 0 0px 14px;
	margin-bottom: 6px;
}

#tabzwart1 a {
	color: white;

}

#tabzwart1 a:hover {
	color: #F89A12;

}


.sc-footer{
	visibility: hidden;
}

.tagCloud {
		line-height: 160%;
}
.tag1 {
	font-size: 70%;
}

.tag2 {
	font-size: 150%;
}

.tag3 {
	font-size: 200%;

}

img.i_left{
	float: left;
}

img.i_left {
	margin-top: 0;
}

#botbar {
	color: #fff;
}
.footerRow div.containerBG {
	background-color: #1F1F1F;
}