/* 

	project:  Chabot Museum 2009
	author:   Ramon Vroegop 

   Donkerblauw: #173F84
*/


*{ margin: 0; padding: 0; }* 
body { 
	font: 12px Arial, Verdana, "Trebuchet MS", Tahoma, sans-serif; 
	line-height: 18px;
	background: #fff url(../img/body_bg.jpg) no-repeat 0 0; 
	color: #444; 
}

a {	color: #173F84;	background: inherit; text-decoration: none; }
a:hover { color: #808080; background: inherit;text-decoration: none; }
p { margin: 0 0 15px 0; }
.contenttable p {margin:0;}
table.contenttable {width: 95%;margin: 10px 0;}
table.contenttable th {font-weight: normal; vertical-align: top; width: 145px;}
table.contenttable td {vertical-align: top;}
ul {margin: 5px 0 5px 30px;}
h1 { font-style: normal; font-size: 1.5em;  line-height: 24px; margin: 0 0 10px;color: #c6003d; }
h1 a { color: #fff; background: inherit; }
h1 a:hover { color: #c6003d; background: inherit; }
h2 { font-weight: bold; font-size: 1.2em; margin: 0 0 4px; color: #c6003d;}
h3 {font-weight: bold; font-size: 1.0em; line-height: 1.6em; margin: 0 0 15px 0;}
h4 { color: #808080; background: inherit; font-weight: normal; font-size: .9em; }
#right-home .tentoonstellingen {font-size:19px;font-weight:normal;letter-spacing:2px;margin-bottom:13px;padding-left:12px;text-align:center;text-transform:capitalize;background-color:white;color:black;display:block;}

img {border-style:none;}

#content { width: 940px; margin: 60px auto;}
#contentbg { margin:0 0 0 0; overflow: hidden;}
/* #contentwrapper { margin-left:10px;} */

.top {height: 50px; margin: 0 0 14px 0; background-color: white;}
.logochabot {height: 54px; margin:0;padding: 0;}
.hoofditem {margin: 0 0 35px 0;}

#intro { 
	clear: both;
/* 	background: #fff url(../images/header.jpg) no-repeat; */
	color: #4C8734;
	height: 208px;
	margin: 43px 0 20px;
	padding: 0;
	text-align: right;
}
#intro img { border: none; }

#left { clear: left; float: left; width: 350px; padding: 0 0 0 34px; margin: 46px 0 21px 0;}

	 #right-home {margin:0 0px 21px 0;padding:0 0 0 0;float: left;width: 615px;text-align: left; background-color: white;}
.ie6 #right-home {margin:0 0px 21px 0;padding:0 0 0 0;float: left;width: 615px;text-align: left;}
	 #left-home {margin:0 0px 21px 0;padding:0 0 0 0;float: right;width: 300px;text-align: left; background: #fff url(../img/grey-line.jpg) repeat-y;}
#left-home h1 {margin-bottom:0px;}


#right-home h1 {margin-bottom:3px}
#right-home h1 a {color: white; text-transform: uppercase;font-size:21px;font-weight:normal;margin: 0}
#right-home h1 a:hover {color: #000000; text-transform: uppercase;font-size:21px;font-weight:normal;margin: 0}
#right-home .een h2 {background-color:#5C797A;color:#89b2b5;display:block;font-size:11px;font-weight:normal;height:19px;margin:0;padding-top:4px;text-transform:uppercase;word-spacing:6px;}
#right-home .twee h2 {background-color: #7f7e4e;color: #b7b36e;display:block;font-size:11px;font-weight:normal;height:19px;margin:0;padding-top:4px;text-transform:uppercase;word-spacing:6px;}
#right-home .drie h2 {background-color: #796449;color: #a68b65;display:block;font-size:11px;font-weight:normal;height:19px;margin:0;padding-top:4px;text-transform:uppercase;word-spacing:6px;}
#right-home .vier h2 {background-color: #975636;color:#cb764f;display:block;font-size:11px;font-weight:normal;height:19px;margin:0;padding-top:4px;text-transform:uppercase;word-spacing:6px;}
#right-home h3 {color: black; text-transform: capitalize;font-size:16px;font-weight:normal;margin: 0}
#right-home h4 {color:black;font-size:11px;font-weight:normal;text-transform:uppercase;}
#right-home .sub p {color: white; font-size:14px;font-weight:normal;margin-bottom: 0px;}

.een {background-color: #89b2b5}
.twee {background-color: #b7b36e}
.drie {background-color: #a68b65}
.vier {background-color: #cb764f}

.afbagenda {float:right;margin-bottom:11px;}
.date {background-color:#C7CAC0;color:white;float:left;font-family:courier;font-size:21px;font-weight:normal;height:66px;margin:0;padding-top:13px;text-align:center;text-transform:uppercase;width:59px;}
.datemaand {font-size:14px;}
.agenda h1 a {color: black;font-weight:normal;margin:10px 0 0 74px;}
.agenda h1  a:hover {color: #f30189;font-weight:normal;margin:10px 0 0 74px;}
.agenda h2 {font-size: 12px; color: black;font-weight:bold;padding:0 0 0 74px;}
.agenda p {font-size: 11px;color: #332f2a;font-weight:normal;padding:0 5px 0 74px;}
.hoofditem p {font-size: 11px;color: #332f2a;font-weight:normal;padding:66px 10px 0 74px;}



.afb {float:left;margin:0 20px 0 0;}
.subwrapper {padding-left: 10px;}
.sub {height:120px;margin-bottom:10px;}


.vriend {float: left;margin:34px 0 0 457px;}
.voeter{ margin: 0 auto; background-color: white;}
.voet {background:url(../img/adres.jpg) no-repeat 0 0; height:112px;width: 940px;margin: 0 auto;}
.redbike {float: left;margin:10px 0 0 -452px;}

	#sub-right {float: right;width: 218px;margin-right: 26px}
#news-top {height:29px; background: #fff url(../images/news_top.gif) left top no-repeat;}
#news-content {background: #fff url(../images/news_bg.gif) left top repeat-y;}
#news-bttm {clear:both;height:29px;background: #fff url(../images/news_bttm.gif) left top no-repeat;}


#notice { padding: 12px 14px 1px; background: #f4f4f4 url(../images/noticebg.gif) no-repeat bottom right; color: #808080; }
#left h3 { border-bottom: 1px solid #eee; padding: 0 0 7px; margin: 0 0 15px 0; }
/* 	#right h2 { border-bottom: 1px solid #ccc; padding: 0 0 8px; } */

#footer { clear: both; height:41px;padding: 25px 10px 0 20px; margin:0 0 0 0; font-size: 1em; color: #c6003d; text-align: center;background-color: white;}
#footer a { color: #fff; }
#footer a:hover { color: yellow; }
#footer p {margin-bottom: 0}
.disclaimer {float:right;margin-right:16px;}	
.koch, .koch a {text-align: center; font-size: 1em; color:#999999;margin:0 0 10px 10px;background-color: white;}
.koch a:hover {color:black;}


/* OPMAAK PLAATJES IN TEXT*/
.csc-textpic-caption {font-size: 1em; font-style: italic; color:#999999; margin-bottom:10px;}
div.csc-textpic-intext-right div.csc-textpic-imagewrap, div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {margin-left:20px !important;}

/* OPMAAK PLAATJES BOVEN PROJECTEN*/
div.csc-textpic-left div.csc-textpic-imagewrap {
	float:left;
	margin-bottom: 20px ;
}
	
	
/* NIEUWS HOMEPAGE	 */
	.news-latest-container {padding:3px 0 20px;}
	.news-latest-item h3 { margin: 2px; padding: 6px 0;color: #173f84; font-size: 0.9em; }
	.news-latest-item h3 A {display:block; padding: 0 0 0 23px; background: url(../images/blue_sqr_8x8.gif) no-repeat 10px 4px; color: #173f84; border-bottom: 1px solid #c8c7c8;}
.ie .news-latest-item h3 A {display:block; padding: 0 0 0 23px; background: url(../images/blue_sqr_8x8.gif) no-repeat 10px 6px; color: #173f84; border-bottom: 1px solid #c8c7c8;}
	.news-latest-item h3 A:hover { background: url(../images/yellow_sqr_8x8_b_border.gif) no-repeat 10px 5px; color: #173f84; }
.ie .news-latest-item h3 A:hover { background: url(../images/yellow_sqr_8x8_b_border.gif) no-repeat 10px 6px; color: #173f84; }

/* NIEUWS SINGLE */
.news-list-morelink {}
.news-list-item {margin-bottom: 30px;}
.news-list-item p {margin-bottom: 0;}

/* OPMAAK TABEL LINKEN */
.linken .contenttable p {margin:0;}
.linken table.contenttable {width: 95%;margin: 10px 0;border-collapse:collapse;border-spacing:0;}
.linken table.contenttable tr {margin-bottom: 10px;}
.linken table.contenttable th {font-weight: normal; vertical-align: top; width: 120px;}
.linken table.contenttable td {vertical-align: top;border-bottom:1px solid #173F84 !important;vertical-align: top;padding:20px 10px;}


/* Powermail */
	/* Form */
span.powermail_mandatory {
	/* Color of mandatory error message */
	color: red;
}
input.validation-failed,
textarea.validation-failed {
	/* Background color if validation failed */
	background-color: red;
}
div.powermail_mandatory_js {
	/* DIV container of errormessage */
	color: red;
/* 	margin: 3px 0 15px 150px; */
}
.tx-powermail-pi1 {
	padding-top: 0px;

}

fieldset.tx-powermail-pi1_fieldset {
	/* Fieldset */
	border: 0px solid #aaa;
/* 	background-color: #ccc; */
	padding: 10px 10px 10px 0;}
fieldset.tx-powermail-pi1_fieldset legend {
	/* legend of Fieldset */
	font-weight: normal;
	color: black;
	display:none;
	}
fieldset.tx-powermail-pi1_fieldset label {
	/* label */
	display: block;
	width: 110px;
	float: left;
	clear: both;
	font-weight: normal;
	color:#173f84;
}
fieldset.tx-powermail-pi1_fieldset input.powermail_text,fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea,fieldset.tx-powermail-pi1_fieldset select.powermail_select {/* Input and textarea */width: 260px;border: 1px solid #173f84;}
div.tx_powermail_pi1_fieldwrap_html {/* DIV container arround every field */margin: 15px 0;}
fieldset.tx-powermail-pi1_fieldset input.powermail_submit {	/* submit button */	margin: 20px 0 10px 150px;font-weight: bold;}
p.tx_powermail_pi1_fieldwrap_html_checkbox_title,
p.tx_powermail_pi1_fieldwrap_html_radio_title {margin: 0;padding: 0;color:#173F84;}
/*
fieldset.tx-powermail-pi1_fieldset .powermail_radio_inner label{float: right;}
.powermail_subuid13_0 {float: right;}*/
div.countryzone {margin: 10px 0 0 150px;}
/* Confirmation */
td.powermail_all_td {padding: 3px 10px 3px 0;}
div.cag_pagebrowser a {	font-size:0.95em;}