/*--------------------------------------------------------------------	
	Filename: master.css 
	Description: Primary CSS file for Erfgoedforum Mechelen
	Author: Kristof Michiels (Buzzbat), kristof.michiels@gmail.com
	URL: http://erfgoedforum.be/stylesheets/master.css
	License: Copyright 2009, Buzzbat, Creative Commons License
	License type: Attribution-NonCommercial-ShareAlike 2.0 Belgium
	License URL: http://creativecommons.org/licenses/by-nc-sa/2.0/be/
	Last Updated: juni 2009
   -------------------------------------------------------------------- */

body, form, ol, ul, dl, li, dt, dd, td, th ,tr, h1, h2, h3, h4, h5, h6, p, pre, blockquote, address {margin: 0;padding: 0;}
html, body {height: 100%;width: 100%;}
ul {list-style:none;margin: 0;border: 0;padding: 0;}
img {border: 0;}

/* Layout Structure & Basic Styling */
body {
	margin: 0;
	padding: 0;
	background: #fff;
	color: #333;
	font-size:small;}

body, p, ol, ul, td {
	font-family: verdana, helvetica, sans-serif;
	line-height: 18px;}
	
#container {margin: 4px auto 4px auto; width: 1013px; font-size: 95%;}

#preheader {
	height: 18px;
	padding: 0 0 0 0;
	background: #fff;
	color: #a00081;
	font-weight: bold;
	height: 25px;}
	
#preheader a, #preheader a:visited {
	color: #a00081;
	font-weight: bold;
	text-decoration: none;
	vertical-align: middle;}

#preheader a:hover {text-decoration: underline;}
#pre_header_menu {float: right;}
#pre_header_menu a {padding-right: 20px;vertical-align: middle;float: right;}
#searchbox {display:inline; float: right;vertical-align: top;}

#header {
	background: #fff url(../images/taddheader.jpg) repeat top left;
	height: 140px;
	margin-bottom: 8px;}
	
#header_mgmt {
	height: 20px;
	padding: 20px;
	margin-bottom: 15px;
	margin-top: 10px;
	border: 1px solid #ccc;
	}

#menu {
	border-top: 1px solid #1abaf3;
	border-bottom: 1px solid #1abaf3;
	padding-top: 6px;
	height: 24px;
	vertical-align: middle;
	text-transform: uppercase;
	font-size: 100%;
	color: #a00081;
	font-weight: bold;
	margin-bottom: 8px;}

#menu ul {list-style: none;}
#menu ul li {float: left;margin-right: 25px;}
#menu a, #menu a:visited {color: #1abaf3;text-decoration: none;}
#menu a:hover {text-decoration: underline;}

.txtbox_search {width: 120px;}

#main-body {float: left;width: 695px;margin-right:15px;}

#sidebar-1 {float: left;width: 200px;padding-bottom: 15px;}

#sidebar-2 {float: right;width: 300px;}

#content-1 {float: right;width: 479px;}

#breadcrumbs {color: #6f706a;font-size:92%;display: block; width: 100%; text-align: right;}
#breadcrumbs a, #breadcrumbs a:visited {color: #6f706a;text-decoration: none;}
#breadcrumbs a:hover {text-decoration: underline;}

.button_rechts_a, .button_rechts_b, .button_rechts_c {
	background: #009ef2;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-webkit-border-top-left-radius: 6px;
	padding: 10px;
	margin: 0 0 10px 0;
}

.button_rechts_b {background: #a30080;}

.button_rechts_c {background: #a8e1d2;}

.button_rechts_a a, .button_rechts_a a:hover,
.button_rechts_b a, .button_rechts_a b:hover,
.button_rechts_c a, .button_rechts_a c:hover {
	color: #fff; text-decoration: none; font-size: 125%;}

.button_rechts_c a, .button_rechts_a c:hover {
	color: #a30080;}

.post, .last_post {clear: both;}

#content-1 h1 {color: #a30080;font-size: 130%;margin-bottom: 10px;}

#content-1 h2 {color: #a30080;font-size: 110%;}

.post p, .last_post p {margin: 0;margin-bottom: 10px;}

.tli {float: right;}

.post {margin-bottom: 20px;}

#contentwrapper {
	float: left;
	width: 674px;}

#content {
	border: 0;
	border: 1px solid #ccc;
}

#sidebar {
	margin: 0;
	padding: 0;
	float: right;
	width: 300px;
	font-size: 95%;
	border: 1px solid #ccc;
}

#content .gutter  {margin: 0;padding: 15px 10px 15px 20px;}
#sidebar .gutter {margin: 0;padding: 10px;}
#content-1 .gutter  {margin: 0;padding: 0px 0px 15px 0;}
#sidebar-2 .gutter {margin: 0;padding: 10px;}

#footer {
	color: #6f706a;
	clear: both;
	height: 40px;
	border-top: 1px solid #9ea0a3;
	vertical-align: middle;
	padding-top: 26px;}

#footer a, #footer a:visited {color: #6f706a;text-decoration: none;vertical-align: middle;}
#footer a:hover {text-decoration: underline;}
#footer #footer_logos {float: right;}
#footer #footer_logos a {margin-left: 10px;}
#footer a.footer_mid, #footer a.footer_mid:visited {margin-left: 40px;color: #a00081;}
#footer img {margin-top: -22px;}
	
#footer_mgmt {
	margin: 15px 0px 15px 0px;
	padding: 5px 10px 0px 5px;
	clear: both;
	height: 25px;
	border: 1px solid #ccc;}

.noticeflash, .errorflash{
	background: #fff;
	padding: 10px;
	margin: 0px 0px 15px 0px;
	border: 1px solid #000;}

#embeds {
	list-style: disc;
	margin-left: 20px;
	}
	
#mediabasket li {margin-bottom: 5px;}
	
.acceptbutton {margin-top: 10px;}

/* Typography, headers   */

h2, h3 {
	padding: 0;
	margin: 0;
	margin-bottom: 4px;
	font-size: 130%;
	line-height: 20px;}

#sidebar h3 {font-size: 125%;text-decoration: underline;}

#header h1 {padding-top: 14px;padding-left: 10px;}


/* Next up, p-stuff */

p, blockquote, #content-1 ul, #content-1 ol {
	line-height: 1.6em;
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	margin-top: 10px;
	font-size: 100%;}
	
#content-1 ul {list-style: disc;margin-left: 15px;}  
#content-1 ol {margin-left: 20px;}            
	
/* Control stuff: textboxes, ... */	
	

.txtbox_title, .txtarea_update, .txtbox_tags, .txtbox_description, .txtbox_address, .txtarea_embed, .txtarea_update_comment {	
	font-family: verdana, helvetica, sans-serif;
	line-height: 1.6em;
	font-size: 100%;
	padding: 2px;
	width: 530px;}

.txtbox_title {	
	font-size: 115%;}

.txtarea_update {
	width: 534px;
	height: 300px;}

.txtarea_update_comment {
		width: 455px;
		height: 100px;}
		
		.txtbox_text_short {	
			width: 24em;
			font-family: verdana, helvetica, sans-serif;
			line-height: 1.6em;
			font-size: 100%;}

.txtarea_embed {
	width: 534px;
	height: 100px;}

.chkbox {
	vertical-align: middle;}

#errorExplanation {
	background: #c2e0be;
	border: 1px solid #cecccd;
	border-bottom: 2px solid #cecccd;
	border-right: 2px solid #cecccd;
	padding: 5px;}

#errorExplanation h2 {
	font-size: 110%;
	margin-bottom: 0;}

#errorExplanation p {
	margin: 0;}


/* Other, still to check */

#show_advanced_options, #hide_advanced_options {
	float: right;
	margin-top: 0px}

.hlink {font-size: 50%;}

.content_item {
	border-bottom: 1px solid #cfd1d0;
	padding: 10px;
}

.asset_item {
	width: 125px;
	font-size: 90%;
	float: left;
	margin-left: 7px;
	margin-right: 28px;
	margin-top: 10px;
}

.asset_item img {
	border: 1px solid #cdcdcd;
	padding: 1px;
}

.content_item h3 {
	font-size: 110%;
}

a.newlink, a.editlink {
	float: right;
	margin-right: 20px;
}

h4 {
	text-decoration: none;
	margin: 0;
	padding: 0;
	margin-bottom: 7px;
	margin-top: 12px;
	font-weight: normal;}

h4 span {
	text-decoration: underline;
	font-weight: bold;}
	
#sidebar h4 #geo a {float: none;}

#geo {float:right;}

.editlinks {
	float: right;
	margin-right: 20px;
}

.media, .media-l, .media-r, .asset_duo, .asset_trio {
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	text-align: center;
}

.asset_duo, .asset_trio {width: 480px;}                                                    
.asset_duo_left {float: left;}    
.asset_duo_right {float: right;}
.asset_trio_left {float: left;margin-right: 21px;}
.asset_trio_mid {float: left;}
.asset_trio_right {float: right;}

.post .media, .last_post .media {margin-top: 10px;margin-bottom: 10px;}

.media-s {
	margin-top: 5px;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	display: block;
	text-align: center;
}

.media-l {
	float: left;
	margin-right: 15px;
	margin-top: 8px;
	margin-bottom: 2px;}

.media-r {
	float: right;
	margin-left: 15px;
	margin-top: 8px;
	margin-bottom: 2px;
	}
	
.ddlsidebar {
	width: 178px;
	font-size: 100%;
	margin-bottom: 7px;}
	
#widget {
	border: 1px solid #ccc;
	padding: 5px;
	padding-top: 0;
	margin-bottom: 10px;}
	
#sidebar .linkbutton, #sidebar .linkbutton2, #sidebar .linkbutton3 {
	background: #e9037b;
	color: #fff;
	padding: 2px;
	line-height: 1.6em;
	display: block;
	width: 16em;
	margin-top: 0.4em;
	margin-bottom: 0.6em;
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px; 
	-moz-border-radius-topleft: 6px; 
	-webkit-border-top-left-radius: 6px; 
	-moz-border-radius-bottomright: 6px; 
	-webkit-border-bottom-right-radius: 6px;
	text-decoration: none;
	text-align: center;}

#sidebar .linkbutton:hover, #sidebar .linkbutton2:hover, #sidebar .linkbutton3:hover {
	color: #fff;
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px; 
	-moz-border-radius-topleft: 6px; 
	-webkit-border-top-left-radius: 6px; 
	-moz-border-radius-bottomright: 6px; 
	-webkit-border-bottom-right-radius: 6px;
	background: #e9037b;}

#sidebar .linkbutton3, #sidebar .linkbutton3:hover {
	background: #01a0c7;}

#sidebar .linkbutton2, #sidebar .linkbutton2:hover {
	background: #1e2226;}

#content-1 a {color: #a30080;}

#content-1 h2 a {color: #a30080;text-decoration: none;}

#content-1 h2 {margin-top: 5px;font-size: 120%;}

#content-1 h3 {color: #a30080;font-size: 120%;margin-top: 5px;}

#sitemap li li {margin-left: 26px;}
#sitemap {line-height: 24px;margin-top: 5px;}
#sitemap li {margin-bottom: 12px;}
#sitemap ul li {margin-bottom: 4px;}
#sitemap ul ul li {margin-top: 4px;}
#sitemap li a, #sitemap li a:visited {color: #1abaf3;text-decoration: none;font-weight: bold;text-transform: uppercase;}
#sitemap ul li a, #sitemap ul li a:visited {color: #a30080;text-decoration: none;font-weight: bold;text-transform: none;}
#sitemap ul ul li a, #sitemap ul ul li a:visited {color: #1abaf3;text-decoration: none;font-weight: normal;text-transform: none;}

.subline {font-size: 95%;padding-bottom: 8px;color: #6f706a;}

#content-1 .sresult h3, #content-1 .sresult h2, #content-1 .sresult h1 {display: inline; font-size: 100%; font-weight: normal;color: #333;}

#content-1 .sresult p {display: inline;}

#content-1 .sresult {padding-bottom: 5px;}

#content-1 .sresult strong {font-weight: normal;}

#content-1 .sresult a {color: #333;text-decoration: none;}

.search {padding-top: 5px;}

.right {text-align: right;}
.justify {text-align: justify;}

.external {target: blank;}                          
                             
#map {
	background: #fff;
}
            
.geo_header, .geo_body
{
	width: 285px;
}

.geo_header a {padding-left: 0;}

.geo_body p
{margin: 0;
padding: 0;font-size: 85%;line-height: 1.4em;}

.geo_header
{margin-bottom: 10px;font-weight: bold;font-size: 95%;}
      
.geo_body img {margin: 0px;}

.geo_header h4 {font-weight: bold;font-size: 110%;margin: 0;}
.geo_header h4 a, .geo_header h4 a:visited {font-weight: bold;font-size: 100%;margin: 0;color: #333;text-decoration: none;}