/* ============================================================
	MMR Trilobiet 2009
============================================================ */

/* ------------------------------------------------------------
	General
------------------------------------------------------------ */
.textOnly {
	display:none;
}
a { 
	color:#24619D;
	text-decoration:none;
}	
a:hover {
	color:#003b79;
	text-decoration:none;	
}	

a.showAsLink, a.docLink {
	background: url(../img_struct/arright.png) left no-repeat;
	padding-left:10px;
}

a.top {
	background: url(../img_struct/artop.png) no-repeat right 50%;
	padding:.5em 10px 0 0;
	display:block;
	text-align:right;
	float:right;
}

a.back {
	float:left;
	background: url(../img_struct/arleft.png) no-repeat left 70%;
	padding:.5em 0 0 10px;
	display:block;
	text-align:left;
	text-transform:lowercase;
}

a img {
	border:none;
}

/* opmerkingen tbv. redactie */
.rednote {
	color:red;
	font-style:italic;
}

.message {
	margin:.5em 0;
	color:green;
	font-weight:bold;
}

.warning {
	margin:.5em 0;
	color:#c00;
	font-weight:bold;
}

.smalltext {
	font-size:.9em;
}

ul.nolist {
	margin:0;
	padding:0;
	list-style-type:none;
}

ul.nolist li {
	margin-bottom:.5em;
}

ul.overview {
	margin:0 0 0 1.2em;
	padding:0;					
}

/* slide background for image to be used on td's */
td.slide {
	text-align:center !important;
	vertical-align:middle !important;
	background:#333;
	padding:5px !important;
	width:80px;
}

/* ------------------------------------------------------------
	Content
------------------------------------------------------------ */
#header, .header {
	height:275px;
	margin:-10px 0 1.5em -10px;
	padding:0;
	width:758px;	
	/* default header pic when none is supplied */
	background: url(../img_struct/HDR_fallback.jpg)	repeat #4C7094;
}


/* ------------------------------------------------------------
	Content - cms functions
------------------------------------------------------------ */
#content div.cmsfunctions {
	position:absolute;
	right:10px;
	top:10px;
	z-index:100;
}	

#content div.cmsfunctions a {
	display:inline-block;
	font-size:0;
	line-height:0;
	height:24px;
	width:24px;
}

#content div.cmsfunctions .edititem {
	background:url(../../cms/_resources/img_struct/icedit-border.png);
}
#content div.cmsfunctions .newitem {
	background:url(../../cms/_resources/img_struct/icnew-border.png);
}


/* nieuw artikel header */												
#content div.context{
	background-color:#888;
	border-width:1px; border-style:solid;
	border-color:#000 #eee #eee #000;
}

#content div.sitefunctions {
	text-align:right;
	font-size:.9em;
	font-weight:bold;
	margin-bottom:-1em;
}

/* ------------------------------------------------------------
	Content
------------------------------------------------------------ */
#content {
	font-size:90%;
	line-height:1.4em;
}

#content table {
	font-size:1em;
	line-height:1.4em;
	border-collapse:collapse;
	width:100%;
	max-width:738px;
}

#content th, #content td {
	padding:.15em 1em .15em 0;
	vertical-align: top;
	text-align: left;
}

#content td {
	border-bottom: 1px solid #BDCACC;
}

#content p {
	margin-top:0;
}

#content .summary {
	width:230px;
	float:left;
	font-weight:bold;
	margin: 0 20px 1em 0;
}

#content .maintext {
	float:left;
	margin: 0 0 1em 0;
}

#content.summary-true .maintext {
	width:488px;
}

#content.summary-false .maintext {
	width:738px;
}


/* kolom layout ------------------------ */
#content.plaatjeskolom .maintext {
	margin: 0 20px 1em 0;
}

#content.summary-true.plaatjeskolom .maintext {
	width:228px;
}

#content.summary-false.plaatjeskolom .maintext {
	width:488px;
}

#content.plaatjeskolom .maintext img {
	position:absolute;
	left:540px;	
	max-width:200px;
}

#content.plaatjeskolom .imagestrip {
	width:230px;
	float:right;
}

#content .imagestrip img {
	float:none !important;
	max-width:220px;
}






#content h3.contextheader	{text-align:right;color:#E6A71C;font-size:12px;border-bottom:solid 1px #E6A71C;margin:0;}
#content div.article 		{
					clear:both;
					padding:0px;
					line-height:1.5em;
					color:black;
					text-align:left
}
#content div.article h2.date	{
					display:none;
					background:none;margin:0;padding:0;font-size:1em;
					}


/* Articles out of date range, only visible for admin.*/
#content div.hide 	{ 
					border: dotted 1px #666666; 
					padding:5px; 
					color: #666; 
					margin-bottom:10px;
					}
					
#content div.hide .msg 	{ 					
	text-align:right;
	font-size:.9em;
	color:red;
}
					
.article span.highlight { color:#A4A428; }					

#content #message {color:green}
#content #warning {color:red}

/* ------------------------------------------------------------
	Link lists of child items
------------------------------------------------------------ */

#content .linklist {
	/*background:white;*/
	padding:10px;
	border:1px solid #D3DDDE;
	clear:both;
}

#content .linklist h1, #content .linklist h2, #content .linklist h3,
#content .linklist h4, #content .linklist h5, #content .linklist h6 {
	margin-bottom:.5em;
}

#content .linklist h5.linklisthead {
	background: #D3DDDE;
	color: #003366;
	font-size: 1em;
	font-style: normal;
	font-weight: bold;
	margin: -10px -10px 10px -10px;
	padding: 2px 10px;
}	

/* high up the tree linklists must not be boxed */
#content .linklist.level1,
#content .linklist.level2,
#content .linklist.level3 {
	background:none;
	border:none;
	padding:0;
	margin-top:
}

#content .linklist.level1 h5,
#content .linklist.level2 h5,
#content .linklist.level3 h5 {
	display:none;
}


/* ------------------------------------------------------------
	Content editors' styles
------------------------------------------------------------ */

img.contentimage {
	max-width:98%;
}

/* ----------------- forms --------------------------------- */
#content form {
	padding:0;
}
#content form input, #content form textarea {
	width:100%;
	background:#FFF;
	border:solid 1px #7F9DB9;
}
#content form input {
	height:1.3em;
}
#content form input:focus {
	height:1.3em;
	background:#D6DFE0;
}
#content form .radio {}
#content form .checkbox {}
#content form .select {}
#content form .button, #content form .button:focus {
	width:auto;
	height:auto;
}


/* ------------------------------------------------------------
	Flickr / YouTUBE / guestbook
------------------------------------------------------------ */
.community div.pageBrowse {
	text-align:center;
	font-weight:bold;
	padding:5px 2px;
	font-size:90%;
	line-height:1em;
	clear:both;
}

.community div.pageBrowse a, .community div.pageBrowse span {
	padding:0 1px;
}	

.community div.pageBrowse .disabled {
	color:#bbb;
}

.community div.pageBrowse .active {
	color:white;
	background:#4C7094;
}

.community table {
	border-collapse:collapse;
	width:100%;
	border-top: solid 1px #000;
}

.community table h4 {
	margin-bottom:1em !important;
}

.community td {
	line-height:1.5em;
	text-align:left;
	vertical-align:top;
	padding:5px !important;
	border-bottom:solid 1px #ddd;
}

.community td.pic a {
	background:#333333 none repeat scroll 0 0;
	border:1px solid #DDDDEE;
	display:block;
	padding:2px 4px;
	text-align:center;	
}

.community td img {
	margin:0 !important;
	float:none;
}

.community td .description {
	font-size:90%;
	color:#666;
	margin-top:.5em;
}

.guestbook .cntComments {
	border-bottom:1px solid black;
	line-height:1em;
	padding:4px 10px 0 0;
}

.guestbook span.comment {
	font-size:90%; 
}

.guestbook dt .date {
	color:#666;
}

.guestbook dt a.admin {
	color: green;
}

.guestbook dt.blocked, .guestbook dt.blocked a {
	color: red;
}

.guestbook dt {
	margin-bottom:.5em;
}	
.guestbook dd {
	margin-bottom:.8em;
}	


/* ------------------------------------------------------------
	Congres 
------------------------------------------------------------ */
.congres hr {
	width:100%;
	clear:both;
	margin:.5em 0;
	height:0;
	border-color: #666;
	border-style:solid;
	border-width:1px 0 0;
}

/* ------------------------------------------------------------
	Tentoonstelling 
------------------------------------------------------------ */
.tentoon .overview h1 {
	font-size:1.1em;
	font-weight:bold;
	clear:left;
}
.tentoon .overview .date, .tentoondigest .date {
	font-size:.9em;
	font-weight:bold;
}
.tentoon .overview img {
	width:80px;
	margin:0;
}

.tentoondigest img {
	max-width:200px;
	float:right;
	margin:0 0 1em 1em;
}

.tentoondigest hr {
	width:100%;
	clear:both;
	margin:.5em 0;
	height:0;
	border-color: #333;
	border-style:solid;
	border-width:1px 0 0;
}

.tentoondetail h3.date {
	text-align:right;
	border-bottom:solid 1px black;
	padding:0 0 .5em 0;
	margin:0;
}
.tentoondetail .chapeau {
	font-weight:bold;
}
.tentoondetail p {
	clear:both;
}
.tentoondetail img {
	float:right;
	margin: 10px 0 10px 10px;
	max-width:90%;
}	

.tentoonbrowse {
	background: #4C6F93;
	color:white;
	clear:both;
	text-align:center;
	margin:0 -10px -10px -10px;
	padding:3px 7px 3px 5px;
}

.tentoonbrowse a {
	display:block;
	text-align:right;
	font-weight:bold;
	color:white;
}

.tentoonbrowse a.next {
	float:right;
	background: url(../img_struct/arright_white.gif) no-repeat right 70%;
	padding:0 15px 0 0;
}

.tentoonbrowse a.prev {
	float:left;
	background: url(../img_struct/arleft_white.gif) no-repeat left 70%;
	padding:0 0 0 15px;
}


/* ------------------------------------------------------------
	Onderwijs programma's
------------------------------------------------------------ */
.onderwijs dt {
	font-weight:bold;
}
.onderwijs dd {
	margin:0 0 1em 2em;
}

/* ------------------------------------------------------------
	Persberichten
------------------------------------------------------------ */
.persberichten .datum {
	color:#999;
	font-size:.9em;
}

/* ------------------------------------------------------------
	Nieuws
------------------------------------------------------------ */
.nieuws .overview h1 {
	font-size:1.1em;
	font-weight:bold;
	clear:left;
}
.nieuws .overview .date, .tentoondigest .date {
	font-size:.9em;
	font-weight:bold;
}
.nieuws .overview img {
	width:80px;
	margin:0;
}

.nieuwsitem img {
	max-width:300px;
}

.nieuwsitem .date {
	font-size:90%;
	text-align:right;
	font-weight:bold;
}




/* ------------------------------------------------------------
	Infobladen
------------------------------------------------------------ */
.infoblad .foto {
	text-align:center;
	border:solid 1px #ccc;
	padding:5px;
	background:#444;
	max-width:100%;
}
.infoblad img {
	margin:0 !important;
	padding:0;
	float:none !important;
	max-width:475px;
}

.infoblad .bijschrift {
	font-size:.9em;
	font-style:italic;
	font-weight:bold;
	clear:left;
}


/* ------------------------------------------------------------
	Evenementen
------------------------------------------------------------ */
.evenement_navi {
	padding:5px;
	margin:0 -10px;
	background:white;
	font-weight:bold;
}

#evenementen{
	clear:both;
	width:758px !important;
	margin:0 -10px;
	max-width:758px !important;
}
#evenementen th{
	text-align:left;
	vertical-align:top;
	font-weight:normal;
}
#evenementen td{
	padding:10px;
}
#evenementen th.cal_header {
	text-align:right;
	color:white;
	font-weight:bold;
	background-color:#396088;
	padding:5px;
}
#evenementen th.cal_imgpane {
	text-align:center;
	color:white;
	font-weight:bold;
	background-color:#B0BBBD;
	width:210px;
	padding:10px;
}
#evenementen p{
	padding:0;margin:0;
}
#evenementen img {
	border:solid 1px black;
	max-width:175px;
}


/* ------------------------------------------------------------
	Zoekresultaten
------------------------------------------------------------ */
.searchresults #resultstab ul {
	margin:0 0 .5em 0;
	padding:0;
	list-style:none;
	border-bottom:solid 1px #4C7094;
	width:100%;
	clear:both;
	float:left;
	float:expression('none');						
}
.searchresults #resultstab li {
	float:right;
	display:inline;
	padding:0 1em;
	border-width:1px 1px 0 1px;
	border-color:#4C7094;
	border-style:solid;
	cursor:pointer;
	margin-bottom:-1px;
	background:#4C7094;
	color:#eef;		
}
.searchresults #resultstab li.active {
	background: transparent;
	font-weight: bold;	
	color: black;		
}