/* @override 
	http://www.smartist.be/smartist.css
	http://smartist.iobeir.net/smartist.css
*/

html, body {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #FFF;
	font-family: arial;
	font-size: 13px;
	background: #212121 url(images/headerbg.jpg) repeat-x left top;
}

img, form, h6 {
	border: 0;
	margin: 0;
	padding: 0;
}

nobr {
	color:#9b9b9b;
}

#right table {
	margin-top: 5px;
}


a {
	color: #fff;
}

span.rror {
	color: red;
}

marquee {
	color: #9b9b9b;
}
	
hr {
	border: 0;
	border-bottom: 1px solid #666;
	margin: 20px 0;	
}

hr.blokhr {
	margin: 5px 0;
	border-color: #333;
}

h1, h2 {
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 15px;
}	

h1.nomarg {
	margin: 0;
}

h2 {
	font-size: 14px;
	font-variant: small-caps;
	text-transform: lowercase;
	margin-bottom: 2px;
}

h3 {
	margin: 0;
	padding-left: 10px;
	color: #444;
	font-variant: small-caps;
	text-transform: lowercase;
	position: relative;
	top: 3px;
}

h6 {
	position: relative;
	top: -15px;
	margin-bottom: 10px;
	text-align: right;
	font-weight: normal;
	font-size: 12px;
}
#wrapper {
	margin: 0 auto;
	width: 906px;
}

/* @group banners */

#banner_main {
	text-align: center;
	padding: 10px 0;
	background-color: #171717;
	margin-bottom: 20px;	
	height: 60px;
}

/* @end */

/* @group header */

#header {
	text-align: left;
	height: 250px;
	width: 100%;
	background: url(images/logo.jpg) no-repeat center 68px;
}

#header #searchbox {
	text-align: right;
	margin: 0px 15px 0 500px;
	padding-top: 140px;
}

#header #searchbox .field {
	border: 1px solid #999;
	height: 16px;
	width: 120px;
}

#header #login {
	clear: left;
}


#header a.registreren,
#header a.beheren,
#header a.afmelden,
#header a.aanmelden {
    display: block;	
    float: left;
    width: 86px;
    margin-top: 135px;
    height: 30px;
    margin-left: 6px;
}

#header a.registreren {
    background-image: url(images/b_registreren.jpg);
}

#header a.aanmelden {
    background-image: url(images/b_aanmelden.jpg);
    margin-left: 12px;
}

#header a.afmelden {
    background-image: url(images/b_afmelden.jpg);
    margin-left: 12px;
}

#header a.beheren {
    background-image: url(images/b_beheren.jpg);
}

#header a.workshops {
    display: block;
    display: inline;
    float: left;
    width: 136px;
    height: 68px;
    background-image: url(images/b_workshops.jpg);
    margin-left: 95px;
    margin-left: 163px;
}

/*#header a.workshops:hover {
    background-image: url(images/b_workshops_h.gif);
}*/

#header a.cursussen {
	float: left;
    display: inline;
    display: block;
    width: 136px;
    height: 68px;
    background-image: url(images/b_cursussen.jpg);
    margin-left: 10px;
}

/*#header a.cursussen:hover {
    background-image: url(images/b_cursussen_h.gif);
}*/

#header a.vakanties {
	float: left;
    display: inline;
    display: block;
    width: 136px;
    height: 68px;
    background-image: url(images/b_vakanties.jpg);
    margin-left: 10px;
}

#header a.mobiel {
	float: left;
    display: inline;
    display: block;
    width: 136px;
    height: 68px;
    background-image: url(images/b_mobiel.jpg);
    margin-left: 10px;
}

#header a.smarttosing {
	float: left;
    display: block;
    display: none;
    width: 136px;
    height: 68px;
    background-image: url(images/b_sing.jpg);
    margin-left: 10px;
}

/*#header a.leden:hover {
    background-image: url(images/b_leden_h.gif);
}*/

#header a.leden {
	float: left;
    display: block;
    width: 136px;
    height: 68px;
    background-image: url(images/b_leden.jpg);
    margin-left: 10px;
}

#header a.handelaars {
	float: left;
    display: inline;
    display: block;
    width: 136px;
    height: 68px;
    background-image: url(images/b_handelaars.jpg);
    margin-left: 10px;
}

/*#header a.vakanties:hover {
    background-image: url(images/b_vakanties_h.gif);
}*/

#header a .alt { display: none; }

/* @end */



#content {
	padding: 10px 0 40px 0;
	text-align: left;
}

#content p.inleiding {
	text-align: justify;
	color: #CCC;
	line-height: 20px;
	margin-top: -15px;
	margin-bottom: 20px;
}

#content #left {
	float: left;
	width: 160px;
	padding: 0 20px 0 0;
	display: inline;
}

#content #left a, 
#content #right a {
	color: #9b9b9b;
	text-decoration: none;
}

#content #left a:hover,
#content #right a:hover {
	color: #fff;
}

#content #right a.smartshop {
    display: block;
    width: 160px;
    height: 36px;
    background-image: url(images/smartshop.jpg);
    margin-bottom: 16px;
}
#content #right a.placetobe {
    display: block;
    width: 160px;
    height: 36px;
    background-image: url(images/placetobe.jpg);
    margin-bottom: 16px;
}
#content #left a.terug {
    display: block;
    width: 160px;
    height: 36px;
    background-image: url(images/terug.jpg);
    margin-bottom: 16px;
}
#content #left a.agenda,
#content #left a.agenda_alt {
    display: block;
    width: 160px;
    height: 36px;
    background-image: url(images/agenda.jpg);
    margin-bottom: 0px;
}
#content #left a.agenda_alt {
    background-image: url(images/agenda_alt.jpg);
    margin-bottom: 16px;
}
#content #right a .alt { display: none; }
#content #left a .alt { display: none; }


#content #left span.menu_title {
	font-variant: small-caps;
	letter-spacing: 1px;
}

#content .block {
	background-color: #171717;
	padding: 10px;
	font-size: 13px;
	font-variant: small-caps;
	margin-bottom: 10px;
}

#content #left ul {
	list-style: none;
	padding: 0;
	margin: 5px 0 20px 0;
	border-top: 1px dotted #5c5c5c;
	font-size: 13px;
}

#content #left ul li {
	border-bottom: 1px dotted #5c5c5c;
	letter-spacing: 1px;
}

#content #left ul li a {
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 3px;
	color: #fff;
	text-decoration: none;
	font-variant: small-caps;
	display: block;
}

* html body #content #left ul li a { width: 150px; }


#content #left ul li a:hover {
	background-color: #171717;
}
#content #left ul li a span {
	color: #c30d0d;	
	padding-right: 4px;
}

#content #left ul li a span.catcnt {
	font-size: 10px;
	color: #5C5C5C;
	line-height: 18px;
	position: relative;
	left: 5px;
}

#content #main {
	float: left;
	display: inline;
	width: 506px;
	padding: 0 20px;
}

#content .banner {
	background-color: #171717;	
	text-align: center;
	padding: 10px;
	margin-top: 5px;
	font-variant: small-caps;
}

#content .banner a {
	text-decoration: none;
	color: #999;
}

#content .banner img {
	margin-bottom: 10px;
}

#content p.categorie {
	color: #9b9b9b;
	text-transform: lowercase;
	font-variant: small-caps;
	position: relative;
	top: -22px;
	padding: 0;
	margin: 0;
}

#content p.categorie a {
	color: #9b9b9b;
}

#content span.msg {
	text-transform: lowercase;
	font-variant: small-caps;
}

#content .workshop div {
	background-color: #171717;	
	padding: 5px;
	font-variant: small-caps;
}

#content .workshop .foto {
	text-align: center;
	margin-bottom: 2px;
}

#content .workshop a {
	text-decoration: none;
	color: #9b9b9b;
}

#content .workshop a:hover {
	color: #fff;
}

#content .workshop .titel {
	text-transform: capitalize;
	font-weight: bold;
}

#content .workshop .descr {
	margin: 1px 0;
	font-size: 12px;
	margin-bottom: 20px;
}

#content .smartist {
	background-color: #171717;	
	padding: 5px;
	font-variant: small-caps;
	margin-bottom: 10px;
	text-transform: lowercase;
}

#content .smartist strong {
	font-size: 15px;
	line-height: 20px;
}

#content .smartist img {
	float: left;
	margin-right: 10px;
}

#content .smartist a {
	display: block;
	text-decoration: none;
	width: 100%;
}

#content .paspoort div {
	background-color: #171717;
	margin-bottom: 10px;
	padding: 5px 10px;
	line-height: 20px;
	font-variant: small-caps;
	text-transform: lowercase;
}

#content .paspoort .foto {
	text-align: center;
}

#content .paspoort span, #content .smartist span {
	color: #9b9b9b;
}

#content .paspoort a {
	color: #9b9b9b;
	text-decoration: none;
}

#content .paspoort a:hover {
	color: #fff;
}

#content #main div.bewerk {
	width: 450px;
}
* html #content #main div.bewerk { width: 420px; }

#content .bewerk div.label {
	float: left;
	text-align: right;
	margin-right: 15px;
	text-transform: lowercase;
	font-variant: small-caps;
	display: inline;
}
* html #content .bewerk div.label {
	width: 154px;
	font-size: 12px;
	margin-right: 10px;
}

#content .bewerk div.field {
	float: left;
	border-left: 3px solid #171717;
	padding-left: 12px;
	display: inline;
	padding-top: 4px;
}
* html #content .bewerk div.field {	width: 10px; }

#content .bewerk div.field div {
	height: 40px;
}

#content .bewerk div.label div {
	padding-top: 4px;
	height: 36px;
}

#content .inputbig {
	width: 230px;
}

#content .bewerk textarea {
	width: 235px;
	height: 109px;
}

#content .bewerk .submit {
	position: relative;
	top: 15px;
}

#content .bewerk div.field div.text {
	height: 125px;
}

#content .bewerk div.label div.text {
	padding-top: 4px;
	height: 121px;
}

#content .bewerk div.label div.takken,
#content .bewerk div.field div.takken {
	height: 200px;
}

#content .bewerk div.field div.takken div {
	width: 300px;
	text-align: justify;
	color: #999;
	padding: 5px 2px;
	font-size: 11px;
}

*html #content .bewerk .indate {
	width: 235px;
}

#content #right {
	float: left;
	width: 160px;
	padding: 0 0 0 20px;
	display: inline;
}

#content #right .belgie {
	background-color: #171717;
	width: 160px;
	margin-bottom: 10px;
}

#content #right .belgie a {
	display: block;
	width: 160px;
	height: 130px;
}

#content textarea.huge {
	width: 100%;
	height: 500px;
	margin-bottom: 15px;
} 

#content #custom {
	text-align: justify;
	font-size: 14px;
	line-height: 20px;
	color: #CCC;
}

#content #custom .box {
	background-color: #171717;
	padding: 5px 10px;
	margin-bottom: 2px;
}

#content #custom .box h2 {
	color: #fff;
	margin: 0;
	padding: 0;
	font-size: 15px;
}

#content table.admin, #content table.login {
	border-collapse: collapse;
	border-spacing: 0;
	border: 0;
	padding: 0;
	margin: 0;
	font-variant: small-caps;
	text-transform: lowercase;
	font-size: 13px;
}

#content table.admin td, #content table.login td {
	background-color: #171717;
	padding: 5px;
	border-bottom: 2px solid #212121;
	border-right: 2px solid #212121;
}

#content table.admin a {
	display: block;
	text-decoration: none;
	color: #9b9b9b;
}

#content table.admin a:hover {
	color: #FFF;
}

#content table.login td {
	text-align: right;
}

#content table.login td.col {
	text-align: center;
}

#content div.alert {
	background-color: #171717;
	text-align: center;
	padding: 10px;
	position: relative;
	top: -10px;
	margin-bottom: 10px;
	line-height: 25px;
}

#content table#kalender td {
	background-color: #444;
	padding: 2px;
	text-align: center;
	height: 50px;
	width: 50px;
	font-size: 11px;
	color: #888;
}

#content table#kalender td.gday {
	background-color: #555;
}

#content table#kalender a {
	text-decoration: none;
	display: block;
}

#content table#kalender a.event {
	font-weight: bold;
	font-size: 12px;
	padding: 18px 0;
}

#content table#kalender tr.th td {
	background-color: #212121;
	font-size: 11px;
	height: 18px;
	color: #BBB;
	text-transform: uppercase;
}

#content div.caps {
	text-transform: lowercase;
	font-variant: small-caps;
	color: #999;
	margin-top: 10px;
}

#content div#nav {
	background-color: #171717;
	padding: 7px;
	font-variant: small-caps;
	text-transform: lowercase;
	color: #c30d0d;	
	font-size: 12px;
	letter-spacing: 1px;
	margin-bottom: 20px;
}
#content div#nav a {
	text-decoration: none;
}
#content div#nav a:hover {
	color: #999;
}

/* @group diensten */
.diensten h2 {
	margin: 20px 0 10px 0;
	font-size: 16px;
	color: #fff;
}
.diensten p {
	margin-left: 30px;
}
.diensten ul {
	list-style-type: decimal;
	padding-left: 25px;
}
.diensten li {
	margin-bottom: 10px;
	text-align: left;
}

/* @end */

div.clear {
	clear: left;
}

#footer {	
	padding: 20px;
	font-variant: small-caps;
	letter-spacing: 1px;
	font-size: 12px;
	background-color: #171717;
}