/*******************************************************************************

    Template:   $Workfile: default.css $
    Owner:      $Author: maarten $
    Source:     $Archive: /spectra/uvaweb/wwwroot/template/skins/nemo-kinderlezingen/css/default.css $
    Date:       $Date: 2009-09-21 15:18:53 +0200 (ma, 21 sep 2009) $
    Revision:   $Revision: 2785 $

    Description:
        style sheet for UvA FdR skin
    
    Developer: Maarten Veerman
    Organisation: Universiteit van Amsterdam (UvA)

*******************************************************************************/		
		
/*******************************************************************************
* Header
*******************************************************************************/
#header .banner,
#header .banner#nl,
#header .banner#en {  
	background-image: url("/template/skins/nemo-kinderlezingen/gfx/header.gif");
	width: 810px;
	height: 47px;
}
#header #titlebarcontainer {
	background-image: none;
	background-color: red; 
}
#header #titlebarcontainer .theme { 
	background-image: url("/template/skins/nemo-kinderlezingen/gfx/linksonder.gif") !important;
	width: 191px;
	height: 30px;
}

#header #titlebarcontainer .title {
	background-image: url("/template/skins/nemo-kinderlezingen/gfx/titelbalk.gif");
}
		
/*******************************************************************************
* Right
*******************************************************************************/
#right-top #top {
	background-image: none;
}
#right-top #title {
	background-image: none;
}

#right-bottom {
	display: none;	
}
/*******************************************************************************
* CMS Actions 
*******************************************************************************/
#actions A { color: rgb(153,153,153); }
		
/*******************************************************************************
* Left 
*******************************************************************************/
#left { background-color: rgb(218,230,33); }
#left #shadow-top {
	background-image: url("/template/skins/nemo-kinderlezingen/gfx/schaduw-links.gif");
	height: 36px;
	width: 170px;
}

#left #shadow-middle {
	background-image: url("/template/skins/nemo-kinderlezingen/gfx/theme-default-shadow-middle.gif");
}

/*******************************************************************************
* Section navigation 
*******************************************************************************/
#sectionnavigation { background-color: rgb(218,230,33); }
#sectionnavigation #sectionhead { display: none; }
#sectionnavigation .selected {
	background-image: url("/template/skins/nemo-kinderlezingen/gfx/nav_accent.gif");
	background-position: 0px 2px;
}

/*******************************************************************************
* Breadcrumb 
*******************************************************************************/
#breadcrumb {
	background-image: none;
	background-color: rgb(218,230,33);
	height: 30px;
}
#breadcrumb .breadcrumbbar {
    font-size: 14px;
    line-height: 22px;
    font-weight: bold;
    color: #2D6F91;
    text-decoration: none;
    padding-left: 21px;
    height: 100%;
    width: 100%;
    max-height: 24px;
    max-width: 619px;
    overflow: hidden;
    margin-top: 6px;
    background-image: url("/template/skins/nemo-kinderlezingen/gfx/blokje-titelbalk2.gif");
    background-repeat: no-repeat;
    background-position: 0px 6px;
}

#breadcrumb .notext {
    background-image: none;
}


/*******************************************************************************
* MAIN 
*******************************************************************************/
#main {
	background-image: url("/template/skins/nemo-kinderlezingen/gfx/background-wide.gif");
	background-position: 590px 0px;
}

#main.rcEnabled { 
	background-image: url("/template/skins/nemo-kinderlezingen/gfx/background-wide.gif");
	background-position: 468px 0px;
}

div#cmsmessage {
	margin-top: 20px;
}

/*******************************************************************************
* PHOTO-RIGHT
*******************************************************************************/
#cmsmessage .mmblock .photo-right {
	background-image: none;
	width: 140px;
	margin-right: 1px;
}

#cmsmessage .mmblock .photo-right .header {
	display: none;
}

#cmsmessage .mmblock .photo-right .content .photo,
#cmsmessage .mmblock .photo-right .content .sub {
	background-color: transparent;
	margin-right: 0px;
}
#cmsmessage .mmblock .photo-right .content .photo { text-align: right; }
#cmsmessage .mmblock .photo-right .content .caption {
	color: rgb(0,0,0);
}

#cmsmessage .mmblock .photo-right .footer {
	display: none;
}

.photo-right-loupe {
    background-image: url(/template/skins/nemo-kinderlezingen/gfx/loupe.gif);
    width: 20px;
    height: 17px;
}

/* BUTTON RIGHT */

.buttonright {
    width: 142px;
}

.buttonright_top {
    width: auto;
    border-top: 1px solid rgb(95,181,214);
    background-color: rgb(95,181,214);
}

.buttonright_middle {
    border-bottom: 1px solid rgb(95,181,214);
}

.buttonright_bottom {
    display:none;
}

.buttonright_image {
    border-left: 1px solid rgb(95,181,214);
    border-right: 1px solid rgb(95,181,214);
    width: auto;
    background-color: rgb(255,255,255);
}

.buttonright_title {
    border-left: 1px solid rgb(95,181,214);
    border-right: 1px solid rgb(95,181,214);
    background-color: rgb(189,235,235);
}

.buttonright_title_text {
    color: rgb(0,0,0);
}

.buttonright_title_text A {
    color: rgb(0,0,0);
}

.buttonright_lead {
    border-left: 1px solid rgb(95,181,214);
    border-right: 1px solid rgb(95,181,214);
    background-color: rgb(255,255,255)
}

/* /BUTTON RIGHT */

/* POLL */
.pollhead {
   color: rgb(0,0,0);
   background-color: rgb(189,235,235);
}

/******************
* RSS
******************/

.rss-icon {
	height:16px;
	margin-bottom:8px;
	margin-left:0px;
	margin-top:0px;
	width:90px;
}