/*" 
	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: Georgia, serif;font-size: 75%; background-color: #f3f3f3}

h1, h2, h3, h4, h5, h6, h7 { font-weight: 100; padding-bottom: 1em }

h1 { font-size: 2em; padding-bottom: 0; margin-bottom: 10px}
h2 { font-size: 1.5em;}
h3 { font-size: 1.3em;}
h4 { font-size: 1.1em;}
h5 { font-size: 1.1em;}
h6 { font-size: 1.1em;}
h7 { font-size: 1.1em;}

p {font-size: 1.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.2em; font-style:italic; line-height:1.5em; padding:3px 0 1em 0; text-indent: 30px }
blockquote p{padding: 0 }

/* link underline */
a {text-decoration: none; color: #00acc1}
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; font-size: 1.1em }

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	{ }
.home #branding{}
#topNav { padding: 0; margin: 0 auto; height: 5px; background-color: #e3e4df; border-bottom: 1px solid #dcddd9}
#topNav .holder{ padding: 0; margin: 0 auto}
#branding .holder{ padding: 0; margin: 0 auto}
.holder{width:720px; margin: 0 auto; margin: 20px auto 10px; clear: both; overflow: hidden}
#sidebar 	{width: 219px; margin-right: 25px; float: left; padding-top: 20px; border-top: 2px solid #d9d9d9}
#content-main{width: 465px; margin-right: 25px; float: left; border-top: 2px solid #d9d9d9; padding-top: 25px}
#content-second{width:225px; float: left; padding-top: 20px; border-top: 2px solid #d9d9d9; font-family: Arial, sans-serif;}
#search-box{width: 250px; height: 50px; float: right; position: absolute; margin-left:467px;}
.search-box-left{width: 18px; height: 47px; float: right; background-image: url(../images/layout/searchbox-left.png);}
.search{width: auto; height: 47px; float: right; background-image: url(../images/layout/searchbox.png);}
.search-box-right{width: 18px; height: 47px; float: right; background-image: url(../images/layout/searchbox-right.png);}
.media {border-top: 2px solid #d9d9d9 }


#footer		{clear:both; }
#links-footer {padding:15px 0; background-color: #e3e4df; border-top: 5px solid #ebebe9; clear:both; overflow: hidden;}
#credits-footer{background: #35302d url(../images/layout/footer-bg.png); clear:both; overflow: hidden; height: 50px; }
#credits-footer .holder{ padding: 0; margin: 0 auto}

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

.span2-1{width: 350px; }
.span3-1{width: 223px; }
.span3-2{width: 625px; }
.span4-1{width: 220px; }
.span4-2{width: 465px; }
.span4-3{width: 710px; }

/*" 03.HEADER "*/
#logo{width: 200px; height: 120px; float: left; }
.branding-slogan{width: 300px; margin-left: 400px; position: absolute; top: 120px}
.branding-slogan p {font: 1.5em/1.5em Arial, sans-serif ; color: #00acc1; padding-top: 237px;  text-align: right; }
.branding-slogan p span{display: none;}

/*" 04.NAVIGATION "*/
/* top nav */


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{padding-top: 65px; width: 515px;  float: left}
#mainNav ul{ width: 515px; padding:0; height: 36px; margin: 0 auto; line-height: 36px; }


#mainNav ul li{display: block; height:30px; line-height: 30px; float:right; font-family: Georgia, serif; font-size:1.25em; letter-spacing:0.04em; text-transform: uppercase; text-align: right}
#mainNav ul li a{color:#47472e; text-shadow: 1px 1px #fff; border:none; padding-left: 50px}
#mainNav ul li a:hover{color:#00acc1}

.blog #mainNav ul li a.blog,
.contact #mainNav ul li a.contact,
.about #mainNav ul li a.about,
.partners #mainNav ul li a.partners {color:#00acc1}


/* 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 */
.header-image {clear: both}
.header-image img{border:1px solid #fff; }

.intro {font-size: 1.3em; color: #333}
p.quoter{text-align: right}

.cta {text-align: right}
.cta a{color: #00acc1; display:inline; padding:5px 10px;text-transform: uppercase; font-family: Arial, sans-serif; font-weight: 600; font-size: 1.2em; }
#footer .cta a{color: #00acc1; display:inline; padding:0;text-transform: none; font-family: Arial, sans-serif; font-weight: 600; font-size: 1.1em; }
.cta span{color:#00acc1}

#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}

.blogpost{border-bottom: 1px dotted #c9c9c9; margin-bottom: 20px}
.blogpost h2{padding-bottom: 0; font-size: 1.6em}
.blogpost .post-link{display: block; text-align: right}

.widget {padding:10px 0 15px; margin-bottom:15px; border-bottom: 1px solid #C1C1C1;  }
.widget h2 {font-weight:bold;font-size: 1.4em; clear: both}
.widget img {float:left; margin: 5px 10px 5px 0}
.widget p {font-size: 1em}
.widget ul {list-style-type: none; padding: 0; margin: 0; overflow: hidden}
.widget ul li { display: block; min-height:40px; border-top: 1px dotted #bfbfbf; margin-top: -1px  }
.widget ul li a { color: #474747; display: block; padding: 10px 0 }
.widget ul li a:hover {background-color: #e5e5e5 }
.widget ul li a em { color: #00acc1; }

.soc-media-links {clear: both; height: 20px; padding-top: 15px; margin-top: 10px;border-top: 1px solid #d9d9d9; font-family: Aria, sans-serif; font-weight: 800; color: #acacac }
.soc-media-links ul{padding: 0; margin: 0; list-style: none}
.soc-media-links ul li{padding: 0; margin: 0 10px 0 0; display: inline; float: left}


.archief ul li { min-height:30px; border-top: none; margin-top: -1px  }
.archief ul li a { display: inline}
.archief ul li a:hover { background-color: transparent}

p.post-datum{padding-bottom: 5px}
.last-post h1 {font-size: 2.3em; line-height: 1.5em; padding-bottom: 0}
.last-post p.intro{font-size: 1.6em}
.last-post p.intro a{color: #2d2d2d}
.home-post p.intro{font-size: 1.1em; line-height: 1.7em}
.home-post p.intro a{color: #5a5a5a}
.holder p a.post-link { color: #00acc1}

.post-reacties {text-transform: uppercase; font-family: Arial, sans-serif; font-weight: 600; font-size: 1.2em; background: transparent url(../images/layout/icn-reacties.png) left 7px no-repeat; text-indent: 20px}
.post-reacties {font-size: 1.1em}

.home-post {border-top: 2px solid #d9d9d9}
.home-post h2 {font-size: 1.5em; line-height: 1.5em; padding-bottom: 0}

.media h2{color: #5a5a5a; text-transform: uppercase; font-family: Arial, sans-serif; font-weight: 600; font-size: 1.2em; margin: 1em 0 0.7em; padding-bottom: 0}

.flickr{  height: auto; float: left; clear: both; margin-bottom: 20px }
.home .flickr{ width: 315px; height: auto; float: right; clear: none }
.flickr a{margin: 0 2px 2px 0; display: block; float: left;}
.home .flickr a{margin: 0 0 3px 3px; display: block; float: right;}
.flickr a img{}
.media .cta {clear: both}

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 { }

.reacties{border-top: 1px solid #d9d9d9; padding-top: 10px; margin-top: 10px; font-family: Arial, sans-serif;}

.tag-box{background-color: #fff; border:1px solid #e9e9e9; padding: 10px;font-family: Arial, sans-serif; }
.tag-box h3{ text-transform: uppercase; font-size: 1.2em; font-weight: 600; color: #606060; padding-bottom: 5px }
.tag-box .tags{padding: 0; font-size: 1em}

img.auteur-pict {float:left; margin: 5px 10px 0 0}
#reageer h3 {font-family: Arial, sans-serif; text-transform: uppercase; font-size: 1.2em; font-weight: 600; color: #00ACC1; padding-bottom: 5px}
.reactie-box {border-bottom: 1px dotted #666; margin-bottom: 15px;overflow:hidden;padding-bottom:15px;}

#content-second h3{font-family: Arial, sans-serif; text-transform: uppercase; font-size: 1.2em; font-weight: 600; color: #00ACC1; padding-bottom: 5px}

.partners #content-main h2{clear: both}
.partners #content-main img{float: left; margin: 5px 20px 5px 0}
.partners #content-main p{}

/*" 06.FORMS "*/

/* form messages */

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

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

/* form layout */

form{font-family: Arial, sans-serif}
#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; }

form#custom-search-box p{margin: 5px 0 0; padding: 0}
form#custom-search-box p #zoekLabel{display: none}
form#custom-search-box #zoek {width: 155px; float: left; font-size: 1em; height: 20px; padding: 2px; padding-left:5px; font-family:  Georgia, serif;color:#5A5A5A;font-style: italic;}
form#custom-search-box #zoekknop {width: auto; height: auto; margin-top: 2px; float: left}


/*" 07.FOOTER "*/

#footer h3{color: #5a5a5a; text-transform: uppercase; font-family: Arial, sans-serif; font-weight: 600; font-size: 1.1em; margin: 1em 0 0.7em; padding-top: 3px}

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

.opTwitter{padding-left: 40px; height: 40px; background:transparent url(../images/layout/icn-gr-twitter.png) left top no-repeat}
.opFacebook{padding-left: 40px; height: 40px; background:transparent url(../images/layout/icn-gr-facbook.png) left top no-repeat}

#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}

.about-vioe{}
.about-vioe p{color: #695643; font-size: 1.4em}

#footer h3.VIOE-link {margin:0 0 10px}
h3.VIOE-link a{display: block; width: 200px; height: 60px; background: transparent url(../images/layout/logo-onroerend-erfgoed.png) no-repeat}
h3.VIOE-link a span{display: none}


#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: right;height: 50px; line-height: 50px; color: #dfdfdf; font-family: Arial, sans-serif}
#credits-footer .copy {width:25%; float: right; text-align: right; background:transparent  url(../images/layout/leo.png) no-repeat right 7px; padding-right: 50px}
#credits-footer .check{width: 35%;float: left}
#credits-footer .check a {background:url("../images/layout/icn-check.png") no-repeat scroll left center transparent;display:block;float:left;line-height:50px;margin-right:15px;text-indent:23px;}

#credits-footer .siteBy {width:20%;float: left;}

#credits-footer p a{color: #dfdfdf}
.siteBy a{float: left; color: #fff; background:url(../images/layout/icn-glue.png) left center no-repeat; text-indent: 20px }

.rss-feed a{background: transparent url('../images/layout/icn-rss.png') no-repeat left center; padding-left:20px;}


/*" the end - Yeay! "*/

#content-main #searchcontrol { font-family: Arial,sans-serif;font-size:1.1em;}
#content-main #searchcontrol .gs-title, #content-main #searchcontrol .gs-title b { color:#00ACC1;font-family:Arial,sans-serif;}
#content-main #searchcontrol .gsc-control { width:100%;}
#content-main #searchcontrol .gsc-tabsArea { display:none}
#content-main #searchcontrol .gsc-resultsHeader { display:none}
#content-main #searchcontrol .gs-no-results-result .gs-snippet, .gs-error-result .gs-snippet {border:none;background-color:transparent;font-size: 1.3em; color: #333}