/*" 
	NAAM SITE
	
	CCS COMPOSED BY THE LADS @GLUE (http://www.glue.be)   	
                   ANNO DOMINI 2010     
	---------------------------------------------------
	00.RESET
	01.GLOBAL STYLES
	02.BLOCKS STRUCTURE
	03.HEADER
	04.NAVIGATION
		a. main nav
		b. sub nav
		c. extra nav
	05.CONTENT
		a. main content
		b. extra content
	06.FORMS
	07.FOOTER
	
"*/


															
/*" RESET "*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; text-align: left; outline:none;}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove annoying border on linked images. */
a img { border: none; display: block}

/* clearfix & spaces */
.clearfix {display: block; clear: both;}
.clearer {display: block; height: 0; line-height: 0; font-size: 0}
.last {margin:0 !important;}
.spacy {padding: 10px 0 !important}





/*"	01.GLOBAL STYLES "*/
body{font-family: Arial, sans-serif;font-size: 75%; background:#f3f3f3 url(../images/bg.png) repeat-x }

h1, h2, h3, h4, h5, h6, h7 { font-family: Arial, sans-serif; font-weight: 800; color: #55951a; margin: 10px 0 }

h1 { font-size: 1.5em;}
h2 { font-size: 1.3em;}
h3 { font-size: 1.2em;}
h4 { font-size: 1.1em;}

p {font-size: 1em; line-height: 1.8em;padding-bottom: 1em}

blockquote {font-family: Georgia, sans-serif; background:url("../images/layout/quote.png") no-repeat scroll left top transparent; color:#333; font-size:1.4em; font-style:italic; line-height:1.5em; padding:0 0 1em 30px; margin: 10px }
blockquote p{padding: 0 }

/* link underline */
a {text-decoration: none}
a:hover {text-decoration: underline}

/* lists */
li ul, 
li ol       { margin:0 1.5em;  }

ul, ol      { margin: 0 1.5em 1.5em 2.5em; line-height: 1.5em }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

/* tables */
table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th    { background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }

/*" 02.LAYOUT DIVS "*/
#wrapper	{}
#header		{margin: 0 auto;  }
#branding	{ padding-top: 25px }
.home #branding{}
#topNav .holder{ padding: 0}
.holder{width:750px; margin: 0 auto; clear: both; overflow: hidden}
#sidebar 	{width: 220px; margin-right: 25px; float: left; padding-top: 20px}
#content-main{width: 465px; margin-right: 25px; float: left}
#content-second{width:225px; float: left; padding-top: 20px}

.kaartje{padding-top: 50px}
.adres{background: #fff url(../images/adr-top.png) top left no-repeat; margin-top: 20px}
.adres .adres-holder{background:transparent url(../images/adr-bot.png) bottom left no-repeat; padding: 25px 0 5px}
.adres .adres-holder h3, .adres .adres-holder p{margin:10px 25px}

#footer		{clear:both; }
#links-footer {padding:15px 0; background-color: #222; clear:both; overflow: hidden}
#credits-footer{background-color: #565656; clear:both; overflow: hidden; height: 40px}
#credits-footer .holder{ padding: 0}

.span2-1, .span3-1, .span3-2,
.span4-1, .span4-2, .span4-3{float: left; overflow: hidden; margin-right: 25px; padding: 10px 0}


.span3-1{width: 267px; float: right }
.span3-2{width: 450px; }


/*" 03.HEADER "*/
#logo{width: 25%; float: left; padding: 25px 0}
.branding-slogan{width: 275px;  height: 224px; position: absolute;top:159px; margin: 0 0 0 473px; background:url(../images/header-trans.png)  }


.branding-slogan p{font: normal 1.6em/1.35em arial, sans-serif ; color: #55951a; padding: 25px;}

/*" 04.NAVIGATION "*/
/* top nav */
#topNav{ background-color:#222;}
#topNav ul{ height: 36px; width: 660px; margin: 0 auto 0 -1px; line-height: 36px; float: left }
#topNav ul li{ display: block; float: left; width: auto; }
#topNav a{ color: #fff;padding-left: 10px; padding-right: 10px; border-left: 1px dotted #666}

ul#lang-switch{width: 300px; float: right}
ul#lang-switch li{float:right; margin-right: -1px}
ul#lang-switch li a{ color: #999;padding-left: 10px; padding-right: 10px; border: none; border-right: 1px dotted #666}

.nl ul#lang-switch li a.nl, .fr ul#lang-switch li a.fr, .en ul#lang-switch li a.en {color: #fff}


/* main nav */
#mainNav{margin-top: -5px }
#mainNav ul{ width: 715px; padding-left: 245px; height: 36px; margin: 0 auto; line-height: 36px; }
#mainNav ul li{ display: block; float: left; width: auto;  background-color: #999; margin-right: 5px }
#mainNav a{ color: #000;padding-right: 15px; padding-left: 15px;}

/* sub nav */
#subNav{margin:0 0 20px;border-top:1px solid #C1C1C1;}
#subNav li{background:url(../images/layout/sub-menu-bullet.png) no-repeat scroll 1px 22px transparent; border-bottom:1px solid #C1C1C1; display:block; list-style:none outside none; padding-left:15px;}
#subNav li a{color:#333; display:block; line-height:50px; font-weight: 800;}

/*" 05.CONTENT "*/
/* main content */
.intro {font-size: 1.1em; color: #333}
p.quoter{text-align: right}
.divider{font-size: 0px; height: 1px; margin: 0 10px; background-color: #f0f0f0}

p.adr-mail{background: transparent url(../images/ico-mail.png) left center no-repeat; padding-left: 40px}
p.adr-tel{background: transparent url(../images/ico-tel.png) left center no-repeat; padding-left: 40px}

#content-middle p {padding: 1em 0}
#content-middle p a {color:#900;font-weight: 800; text-decoration: none; border-bottom: 1px dotted #666}
#content-middle p a:hover {color:#600; text-decoration: none; border-bottom: 1px dotted #333}

.widget-text {padding-bottom:10px; margin-bottom:10px; border-bottom: 1px solid #C1C1C1; }
.widget-text h2 {font-weight:bold;font-size: 1.4em}
.widget-text img {float:left; margin: 5px 10px 5px 0}
.widget-text p {font-size: 1em}

ul.vcard{line-height: 1.8em; list-style: none; margin: 0; padding: 0}
.vcard li{}
.vcard .org {font-weight: 800; font-size: 1.1em}
.vcard span {display: inline; color: #000}

dl.news-entries { line-height: 1.5em}
dl.news-entries dt.news-entry-title {}
dl.news-entries dt.news-entry-title .news-entry-date {margin-left: 10px; color: #666}
dl.news-entries dd.news-entry {margin: 0 0 10px}
dl.news-entries dd.news-entry a { }





/*" 06.FORMS "*/

/* form messages */

span.error,
span.notice, 
span.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd;width:93%;display: block }

span.error      { color: #8a060e; }
span.notice     { color: #ff9d00; }
span.success    { color: #80d31f; }
span.error a    { color: #8a060e; }
span.notice a   { color: #ff9d00; }
span.success a  { color: #80d31f; }

/* form layout */
#content-main form{padding: 15px 0}

input[type=text], input[type=password],
input.text, input.title, 
textarea, select { background-color:#e7e8e2; border:1px solid #babbb6; }

input[type=text]:focus, input[type=password]:focus, 
input.text:focus, input.title:focus, 
textarea:focus, select:focus { background-color: #f2f3ee;}

input[type=text], input[type=password],
input.text, input.title,
textarea, select { margin:0.5em 0;}

input.text, 
input.title   { width: 300px; padding:5px; }

input.title   { font-size:1.5em; }

textarea, input , select     {font-family: Arial, sans-serif; width:95%; padding:7px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-size: 1.14em}

select     {width:99%; }

label { font-size: : 1.2em; color: #333 }

form.inline { line-height:3; }
form.inline p { margin-bottom:0; }

#send-button, #login_submit{background:transparent url(../images/layout/but-send.png) repeat scroll 0 0; font-family: Arial, sans-serif; font-size: 1.2em; display:block; height:36px; padding-right: 20px;  width:132px; border:0; color: #5F554A; cursor: pointer;outline-style: none; float: right;clear: both}
#send-button:hover{color: #111; }






/*" 07.FOOTER "*/

#footer h3{margin-bottom: 10px; font-weight: 100}

#links-footer .holder div{width: 220px; margin-right: 25px; float: left; color: #fff}
#links-footer ul{list-style: none; margin-left: 0;}
#links-footer ul li{color: #fff;}

#links-footer ul li a{color:#fff}

.single-listing ul{line-height: 2em}

.double-listing ul{line-height: 1.6em}
.double-listing ul li {margin-bottom: 10px;display:inline-block; }
.double-listing ul li span{display: block; color: #999}

#footer .vcard li{color: #fff}
#footer .vcard li span{color: #fff}

.social-listing li{background-position: left top; background-repeat: no-repeat; text-indent: 20px;margin-bottom: 15px; width: 45%; display: block; float: left}

.social-listing .fb {background-image: url(../images/layout/icn-facebook.png);}
.social-listing .fl {background-image: url(../images/layout/icn-flickr.png);}
.social-listing .de {background-image: url(../images/layout/icn-delicious.png);}
.social-listing .vi {background-image: url(../images/layout/icn-vimeo.png);}
.social-listing .li {background-image: url(../images/layout/icn-linkedin.png);}
.social-listing .tw {background-image: url(../images/layout/icn-twitter.png);}
.social-listing .sl {background-image: url(../images/layout/icn-slideshare.png);}

#credits-footer p {float: left; line-height: 40px; color: #fff}
#credits-footer p.copy {width:60%}
#credits-footer p.siteBy {width:25%; float: right}
#credits-footer p a{color: #fff}
.siteBy a{float: right; color: #fff; background:url(../images/icn-glue.png) left center no-repeat; text-indent: 20px }


/*" the end - Yeay! "*/