/*******************************************************************************

    Template:   $Workfile: default.css $
    Owner:      $Author: mveerma1 $
    Source:     $Archive: /spectra/uvaweb/wwwroot/template/skins/uva-uba-bijzondere-collecties/css/default.css $
    Date:       $Date: 2010-09-14 08:41:39 +0200 (di, 14 sep 2010) $
    Revision:   $Revision: 4443 $

    Description:
        style sheet for UvA UBA Bijzonder Collecties skin
    
    Developer: Maarten Veerman
    Organisation: Universiteit van Amsterdam (UvA)

*******************************************************************************/

@import url("message.css");

A, :LINK { color: #009DDA; }

#page { width: 100%; empty-cells: show;}

/*******************************************************************************
* Header
*******************************************************************************/
td#header { width: 809px; height: 105px; }
td#header .banner {  
	background-image: url("/template/skins/uva-uba-bijzondere-collecties/gfx/header.jpg");
	width: 809px;
	height: 80px;
}
td#header .banner#nl {}
td#header .banner#en {
	background-image: url("/template/skins/uva-uba-bijzondere-collecties/gfx/header-en.jpg");
}
td#header .banner #bannerlogo {
	margin-left: 18px;
	margin-top: 10px;
	width: 25px;
	height: 26px;
}
td#header div#titlebarcontainer { 
	height: 25px; 
}
td#header div#titlebarcontainer div {
	display: list-item; 
	list-style: none; 
	float: left;
	height: 25px;
}
td#header div#titlebarcontainer div#theme { 
	background-image: none;
}

td#header div#titlebarcontainer div#title {
	background-image: none;
}
td#header div#titlebarcontainer div.tbleft {
	background-color: #E9E9E9;
	width: 18px;
}
td#header div#titlebarcontainer div.tbcenter {
	background-color: #019CDC;
	width: 649px;
}
td#header div#titlebarcontainer div.tbright {
	background-color: #008AA7;
	width: 142px;
}

/*******************************************************************************
* Searchbar
*******************************************************************************/
td#header div#titlebarcontainer div.tbcenter div.bcsearch {
	float: right;
}

td#header div#titlebarcontainer div.tbcenter div.bcsearch form {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1px;
}

td#header div#titlebarcontainer div.tbcenter div.bcsearch form div.pretext {
	float: left;
	font-size: 11px;
	line-height: 23px;
	color: rgb(255,255,255);
	font-weight: bold;
}
td#header div#titlebarcontainer div.tbcenter div.bcsearch form select.select {
	float: left;
	position: relative;
	height: 19px;
	width: 180px;
	font-size: 10px;
	margin-top: 3px;
	margin-left: 6px;
	color: #009DDA;
}

td#header div#titlebarcontainer div.tbcenter div.bcsearch form input.searchfield {
	float: left;
	font-size: 11px;
	height: 19px;
	width: 119px;
	margin-top: 3px;
	margin-left: 3px;
}

td#header div#titlebarcontainer div.tbcenter div.bcsearch form input.submit {
	float: left;
	background-color: transparent;
	background-image: url("/template/skins/uva-uba-bijzondere-collecties/gfx/searcharrow.jpg");
	border: 0px solid transparent;
	width: 17px;
	height: 25px;
	margin: 0px 0px 0px 2px;
	padding: 0px 0px 0px 0px;
}
		
/*******************************************************************************
* Right
*******************************************************************************/
td#right-top { width: 100%; height: 105px;}

td#right-top div#top {
	background-image: url("/template/skins/uva-uba-bijzondere-collecties/gfx/header-back.jpg");
	background-repeat: repeat-x;
	background-color: #008AA7;
	width: 100%;
	height: 105px;
}
td#right-top div#title {
	display:none;
}
td#right-top div#top #actions {
	padding-left: 5px;
	padding-top: 0px;
	position: absolute;
	left: 768px;
	z-index: 1;
	width: 140px;
}
td#right-top div#top #actions div {
	display: list-item;
	list-style: none;
	float: left;
	top: 80px;
	margin-top: 80px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	line-height: 25px;
	height: 25px;
	color: #E9E9E9;
	padding-right: 8px;
}

td#right-top div#top #actions A { color: rgb(255,255,255); }
		
/*******************************************************************************
* Left 
*******************************************************************************/
#left { 
	width: 184px; 
	background-color: #E9E9E9;
	background-image: url("/template/skins/uva-uba-bijzondere-collecties/gfx/blueback.jpg");
	background-position: 18px 0px;
	background-repeat: repeat-y;
}
#left #shadow-top {
	display: none;
}

#left #shadow-middle {
	background-image: none;
	display: none;
}
	
#sectionnavigation {
	background-color: #FCFCFC;	
	background-image: url("/template/skins/uva-uba-bijzondere-collecties/gfx/greyback.jpg");
	background-position: 18px 0px;
	background-repeat: repeat-y;
	padding-left: 18px;
}

/*******************************************************************************
* Section navigation
*******************************************************************************/
#left div.lightframe {
	background-color: #FCFCFC;	
	background-image: url("/template/skins/uva-uba-bijzondere-collecties/gfx/greyback.jpg");
	background-position: 18px 0px;
	background-repeat: repeat-y;
	min-height: 151px;
}
#sectionnavigation{
	padding-left: 28px;
	padding-top: 15px;
	padding-bottom: 5px;
}

#mainnavigation {
	padding-left: 28px;
	padding-top: 10px;
	padding-bottom: 20px;
}

#sectionnavigation #sectionhead {
	margin-bottom: 8px;	
	width: 146px;
	
}
#sectionnavigation #sectionhead.selected {
	background-image: none;
	
}
#sectionnavigation .sectiehoofd,
#mainnavigation div {
    background-image: none;
    color: #009DDA;
    padding-left: 0px;
    font-size: 11px;
    line-height: 14px;
}
#sectionnavigation .sectiehoofd A,
#mainnavigation div A { color: #009DDA; }
#sectionnavigation .sectiehoofd-footer {
	display: none;
}

#sectionnavigation .sectionlink {
	padding-left: 0px;
	margin-bottom: 3px;
	font-size: 11px;
    font-weight: normal;
    line-height: 12px;
    color: rgb(0,0,0);
}
#sectionnavigation .selected {
	background-image: none;
}
#sectionnavigation .sectionlink A {
    color: rgb(0,0,0);
    font-weight: normal;
    font-size: 11px;
}

#sectionnavigation .submenu A { color: rgb(0,0,0); }
#sectionnavigation .selected a.submenu {
    font-weight: bold;
	color: rgb(102,102,102);
}
#mainnavigation div {
	line-height: 16px;
}
#mainnavigation div.active a {
	color: rgb(102,102,102);
	font-weight: bold;
}

#searchform { display: none; }

/*******************************************************************************
* MAIN
*******************************************************************************/
td#main,
td#main.rcEnabled {
	width: 625px;
	background-image: url("/template/skins/uva-uba-bijzondere-collecties/gfx/rc-back.gif");
	background-position: 483px 0px;
}
td#main td.left { width: 483px; }
td#main td.right { 
	width: 142px;
	padding-top: 0px;
}

td#main .contentcontainer td {
	padding-top: 0px;
}

/*******************************************************************************
* General content
*******************************************************************************/
div#cmsmessage {
	margin-left: 24px;
	margin-top: 20px;
}

td#main #see-also {
	margin-top: 0px;
}
td#main #see-also div.header,
td#main #see-also div.content div.head { display: none; }
td#main #see-also div.content { margin-left: 24px; }
td#main #see-also div.links {
	font-size: 11px;
	line-height: 15px;
	font-weight: bold;	
}
td#main #see-also div.links span.newwindowicon {
	background-image:none;
	padding-right: 0px;
}
td#main #see-also div.links A {
	color: #009DDA;
	background-image: url("/template/skins/uva-uba-bijzondere-collecties/gfx/readmore-arrow.jpg");
	background-repeat: no-repeat;
	background-position: 100% 60%;
	padding-right: 16px;
}

/*******************************************************************************
* LIST-/THEME view
*******************************************************************************/
.left div#cmsmessage div.cmsmessage { 
	margin-left: 24px !important;
	margin-right: 31px;
	padding-left: 0px; 
	background-image: url("/template/skins/uva-uba-bijzondere-collecties/gfx/teaser-bottom.gif");
	background-repeat: no-repeat;
	background-position: 0% 100%;
	padding-bottom: 30px;
	margin-bottom: 27px;
}
div#cmsmessage div.cmsmessage div#cmsmessageblock,
div#cmsmessage div.cmsmessage div.teaser { 
	padding-left: 0px;
	margin-right: 0px !important;
	margin-bottom: 0px;
}

div#cmsmessage div.cmsmessage div.teaser div.foto {
	margin-bottom: 4px;
}
div#cmsmessage div.cmsmessage div.teaser div.text { 
	font-size: 12px !important;
}

div#cmsmessage div.cmsmessage div.teaser div.readmore { 
	margin-top: 2px;
	float: right;
	font-size: 11px;
	font-weight: bold;
	color: #009DDA;
}
div#cmsmessage div.cmsmessage div.teaser div.readmore a { 
	color: #009DDA;
	background-image: url("/template/skins/uva-uba-bijzondere-collecties/gfx/readmore-arrow.jpg");
	background-repeat: no-repeat;
	background-position: 100% 60%;
	padding-right: 16px;
}
div#cmsmessage div.cmsmessage div.teaser div.datum { 
	position: absolute;
}

td.rcEnabled .left #cmsmessage div.headerblock,
td.rcEnabled .left #cmsmessage div#cmsmessageblock {
	padding-left: 0px;
	margin-right: 31px;
}

td.rcEnabled .left #cmsmessage div.headerblock {
	background-image: none;
}

h1.messageheader {
	font-size: 19px;
	font-weight: normal;
}

h2.messagesubheader {
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	margin-top: 3px;
	color: rgb(88,88,102);
}

/*******************************************************************************
* COLUMN view
*******************************************************************************/
td#main td.right div.displayright,
td#main td.right div#cmsmessage {
	padding-right: 0px;	
	margin-left: 0px;
	margin-top: 20px;
}
td#main td.right div#cmsmessage div.cmsmessage { 
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px; 
	background-image: none;
}
.rcEnabled td.right .rightvisual {
	height: 100%;
	width: 101px;	
}

/*******************************************************************************
* CONTENT view
*******************************************************************************/



/*******************************************************************************
* RIGHT-BOTTOM
*******************************************************************************/
table#page tr td#right-bottom {
	background-image: none;
	background-color: #EEEEEE;
	border-left: none;
}


/*******************************************************************************
* BUTTON RIGHT 
*******************************************************************************/
.buttonright {
    width: 142px;
    background-color: #EFEBEF;
    border-right: 1px solid rgb(0,56,120);
    border-left: 1px solid rgb(0,56,120);
}

.buttonright_top {
    width: auto;
    border-top: 1px solid rgb(0,56,120);
}

.buttonright_middle {
    border-bottom: 0px;
}

.buttonright_bottom {
    border-bottom: 1px solid rgb(0,56,120);
}

.buttonright_image {
    width: auto;
    background-color: inherit;
}

.buttonright_title {
    background-color: transparent;
    border-left: 0px;
    border-right: 0px;
    color: #009DDA;
    font-weight: bold;
}

.buttonright_title_text {
    color: #009DDA;
}

.buttonright_title_text A {
    color: #009DDA;
}

.buttonright_lead {
    border-left: 0px;
    border-right: 0px;
    background-color: transparent;
}

/*******************************************************************************
* Photo in 
*******************************************************************************/
div.photo-in div.content {
	background-color: transparent;
	float: left;
	width: 392px;
}
div.photo-in div.content div.photo,
div.photo-in div.content div.sub { 
	background-color: transparent !important; 
}

div.photo-in div.footer {
	clear: left;
}

/*******************************************************************************
* THEME HOME 
*******************************************************************************/
.theme-home #mainnavigation { padding-top: 15px; }
.theme-home td.bcbanner {
	display: none;
}
.theme-home td.rcEnabled td.bcbanner {
	display: block;
}
.theme-home div.bannertext {
	position: absolute;
	z-index: 1;
	width: 584px;
}

.theme-home div.bannertext div.title {
	width: 458px;
	position: absolute;
	left: 25px;
	top: 14px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 18px;
	color: rgb(255,255,255);
}
.theme-home div.bannertext div.title a {
	color: rgb(255,255,255);
	text-decoration: none;
}

.theme-home div.bannertext div.teaser {
	margin: 44px 250px 0px 24px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	line-height: 18px;
	color: rgb(255,255,255);
}
.theme-home div.bannertext div.teaser a {
	color: rgb(255,255,255);
	text-decoration: none;
}

.theme-home div.bannertext div.readmore { 
	margin: 10px 250px 0px 0px;
	padding-left: 24px;
	float: left;
	font-size: 11px;
	font-weight: bold;
	color: rgb(212,236,240);
}

.theme-home div.bannertext div.readmore a { 
	color: rgb(212,236,240);
	background-image: url("/template/skins/uva-uba-bijzondere-collecties/gfx/readmore-arrow-white.png");
	background-repeat: no-repeat;
	background-position: 100% 60%;
	padding-right: 16px;
	text-decoration: none;
}
.theme-home div.homepageimage-right {
	width: 101px;
	height: 151px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

/*******************************************************************************
* THEME HOME - Display themepage
*******************************************************************************/

.theme-home div.teaser div.datelastmodified {
	padding-bottom: 5px;
	background-image: url("/template/skins/uva-uba-bijzondere-collecties/gfx/teaser-bottom.gif");
	background-repeat: no-repeat;
	background-position: 0% 100%;
	margin-bottom: 10px;
	margin-top: 10px;
	font-size: 9pt;
}

.theme-home div.teaser h3.paragraphheader,
.theme-home div.teaser h3.paragraphheader a {
	font-size: 18pt;
	line-height: 22pt;
	color: rgb(130,130,130) !important;
}
.theme-home div.teaser h3.paragraphheader {
	margin-bottom: 10px !important;	
}
.theme-home div.teaser div.leadmmclick {
	margin-top: 4px;
	margin-bottom: 20px;
}
.theme-home div.teaser div.text {
	/*margin-right: 200px;*/
	line-height: 12pt
}

.theme-home div.teaser div.readmore {
	float: none !important;
	/*margin-right: 200px;*/
	text-align: right;
}

.theme-home div.teaser div.readmore a:hover,
.theme-home div.teaser div.readmore a:link {
	text-decoration: none;	
}

.theme-home div.teaser div.footer {
	clear: right;
	font-size: 1px; 
	line-height: 0px;	
}

.theme-home .left div#cmsmessage div.cmsmessage { 
	padding-bottom: 20px;
	margin-bottom: 15px;
}

.theme-home .left div#cmsmessage .linkMessage {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	margin-bottom: 5px !important;
	background-image: none !important;
}

.theme-home .left div#cmsmessage .linkMessage div.smallheader,
.theme-home .left div#cmsmessage .linkMessage div.smallheader a {
	font-size: 9pt;
	line-height: 11pt;
	font-weight: bold;
}

.theme-home .left div#cmsmessage .linkMessage div.smallheader a {
	color: #009DDA;
}
.theme-home .left div#cmsmessage .linkMessage div.smallheader a span.icon {
	background-image: url("/template/skins/uva-uba-bijzondere-collecties/gfx/readmore-arrow.jpg");
	background-repeat: no-repeat;
	background-position: right 6px;
	width: 16px;
	height: 15px;
	display: inline-block;
}
.theme-home .left div#cmsmessage .linkMessage div.smallheader a:hover,
.theme-home .left div#cmsmessage .linkMessage div.smallheader a:link {
	text-decoration: none;	
}

.theme-home .left div#cmsmessage .linkMessage div.smallheader a span.datelastmodified {
	color: rgb(130,130,130);
	font-weight: normal;
	font-size: 8pt;
	line-height: 10pt;
}

/******************
* RSS
******************/

.rss-icon {
	height:16px;
	margin-bottom:8px;
	margin-left:0px;
	margin-top:0px;
	width:90px;
}


/* WEBFORM */
div.x-uvawebcms-form {
	width:392px;
}

div.subsectionnavigation{
	background-image:url("/template/gfx/sectie/schaduw-breadcrumbbar.gif");
	background-position:left bottom;
	background-repeat:repeat-x;
	margin-bottom:0;
	padding:15px 0px 20px 0px;
	width:483px;
}