﻿


/*  HTML-element 
 ------------------------------------- */
html {
	margin: 0;
	padding: 0;
	font-size: 100.01%;
}
body {
	height: 100%;
	margin: 0;
	padding:10px;
	color: #000;
	font-family:Georgia, Arial, Sans-Serif;
	font-size: 0.71em;
	background:url(../images/pageBg.jpg) no-repeat;
}
div, p, form, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}
h1, h2, h3, h4, h5 {
	margin: 0;
	padding: 0 0 3px 0;
}
img {
	border: 0;
}
a {
	color: #000;
	text-decoration: none;
	outline: none;
}


a:hover {
	text-decoration: underline;
}
input, select, textarea, button {
	font: inherit;
	font-size: 1em;
}

ul,ol 
{
	margin:0px;
	padding:0px;}

/*  Wrapper
 ------------------------------------- */
 #javascriptWarning 
 {
	width:700px;
	height:300px;
	font-size:1.2em;
	text-align:center;
	padding-top:100px;
	
 	}
 	
#pageContainer
{
	display:none;
	width:700px;
	font-size:1.2em;
	}

/*  Head
 ------------------------------------- */
 #logo
{
	float:right;
}

#rssContainer
{
	float:none;
	padding-top:27px;
	
}
#rssContainer a
{
	color:#eb7f2e;
	text-decoration:none;
	
	font-size:0.9em;
}
#rssContainer a.plugin
{
	color:#93a909;
	margin-left:10px;
	
}
#rssContainer img
{
	padding-right:5px;
	vertical-align:middle;
	padding-bottom:4px;
}

/*  Navigation
 ------------------------------------- */

#mainnav
{
	width:100%;
}

#mainnav ul
{
	float:left;
	list-style-type:none;
}
#mainnav ul li
{
	float:left;
	
}
#mainnav ul li a:link, #mainnav ul li a:visited
{
	margin-right:2px;
	float:left;
	text-decoration:none;
	color:#ffffff;
	padding:0px 10px;
	height:30px;
	font-size:0.9em;
	line-height:2.5em;
	
}

#mainnav ul li a.item1
{
	background: url('../images/menuItem1.gif') repeat-x 0 100% ;
}
#mainnav ul li a.item1Active
{
	font-weight:bold;
	height:31px;
	background: url('../images/menuItem1Active.gif') repeat-x 0 100% ;
}
#mainnav ul li a.item2
{
	background: url('../images/menuItem2.gif') repeat-x 0 100% ;
}
#mainnav ul li a.item2Active
{
	font-weight:bold;
	height:31px;
	background: url('../images/menuItem2Active.gif') repeat-x 0 100% ;
}
#mainnav ul li a.item3
{
	background: url('../images/menuItem3.gif') repeat-x 0 100% ;
}
#mainnav ul li a.item3Active
{
	font-weight:bold;
	height:31px;
	background: url('../images/menuItem3Active.gif') repeat-x 0 100% ;
}
#mainnav ul li a.item4
{
	background: url('../images/menuItem4.gif') repeat-x 0 100% ;
}
#mainnav ul li a.item4Active
{
	font-weight:bold;
	height:31px;
	background: url('../images/menuItem4Active.gif') repeat-x 0 100% ;
}
#mainnav ul li a.item5
{
	background: url('../images/menuItem5.gif') repeat-x 0 100% ;
}
#mainnav ul li a.item5Active
{
	font-weight:bold;
	height:31px;
	background: url('../images/menuItem5Active.gif') repeat-x 0 100% ;
}

/*  Menubar
 ------------------------------------- */
 
#menubar
{
	height:11px;
	width:100%;
	float:left;	
	margin-bottom:10px;
}

.item1Bar{
	background:url("../images/menuItem1Bar.gif") repeat-x ;
}
.item2Bar{
	background:url("../images/menuItem2Bar.gif") repeat-x ;
}
.item3Bar{
	background:url("../images/menuItem3Bar.gif") repeat-x ;
}
.item4Bar{
	background:url("../images/menuItem4Bar.gif") repeat-x ;
}
.item5Bar{
	background:url("../images/menuItem5Bar.gif") repeat-x ;
}


/*  Sub menu
 ------------------------------------- */

#submenu
{
	width:462px;
	border:1px solid #e1e1df;
	border-bottom:none;
	float:left;
	height:25px;
	font-size:0.85em;
	color:#333333;
	background:#ffffff;
	padding-top:5px;
}

#submenu form {
	float:right;
	padding-right:10px;
	padding-top:0px;
}

#submenu form label{
	float:left;
	padding:4px 10px 0 0;
	
}
#submenu form select {
	height:20px;
	float:left;
}

#submenu a:link, #submenu a:visited {
	text-decoration:underline;
	color:#333333;
	padding:4px 4px 0 0;
	float:left;
}

#submenu span {
	padding:4px 4px 0 0 ;
	float:left;
}

#submenu span img
{
	padding-top:4px;
}

#submenu span.p10
{
	padding-left:10px;
}

#submenu  a.active:link,  a.active:visited
{
	font-family:Georgia,arial;
	font-size:1em;
	color:#999999;
	padding-right:2px;
	text-decoration:none;
}

#larosaten
{
	width:160px;
	font-size:0.95em;
	}
/*  play list
 ------------------------------------- */
div#contentlist  
{
	display:block;
	}

 div#contentlist
 {
 	color:#33332A;
 	font-family:Georgia,sans-serif;
    float:left;
    width:442px;
    background:#fff;
    overflow-x: hidden ;
    overflow-y: auto ;  
    height:278px;
	border:solid 1px #e1e1df; 
	padding:10px;
    font-size:1.1em;
    line-height:1.1em;
    }

 div#contentlist .item 
 {
 	padding:0 0 15px 0;
 	margin-bottom:10px;
 	border-bottom:solid 1px #ccc;
 	display:block;
 	font-size:0.75em;
 	line-height:1.1em;
 	}
 	
 div#contentlist .item img 
 {
 	margin-right:6px; 
 	border:solid 1px #e1e1df;
 	float:left;
 	}
 	
 div#contentlist .item h2 
 {
 	color:#50504d;
 	margin:1px;
 	padding:0px;
 	font-size:1.3em;
 	line-height:1em;
 	}
 	
 div#contentlist .item p 
 {
 	padding:2px;
 	margin:0px;
 	}
 	
 div#contentlist .item p span.date 
 {
 	font-weight:bold;
 	color:#676767;
 	line-height:1.4em;
 	}
 
 div#contentlist .item p span.organisation 
 {
 	font-weight:normal;
 	line-height:1.4em;
 	color:#666666;
 	
 	/*display:block;*/
 	}
 	
 div#contentlist .item a 
 {
 	text-decoration:underline;
 	}
 	
iframe.play 
 {
	width:100%;
	height:335px;
	border:0px;  
	float:left; 
	border:none; 
	background:#ffffff;
	overflow: hidden;

 	}
 
/* Media player
------------------------------------- */
#playerwrapper 
{
	display:none;
	}

div#player
{
	float:left;
	width:440px;
    height:310px;
    padding:9px;
    border:solid 1px #ccc;
    background-color:#fff;
}

div#noplayer,
div#missingcontent,
div#changePlayer
{
	display:none;
	float:left;
	width:440px;
    height:310px;
    padding:9px;
    border:solid 1px #ccc;
    background-color:#fff;
}
div#noplayer p,
div#missingcontent p,
div#changePlayer p
{
	padding-bottom:10px;
}
div#noplayer p a,
div#missingcontent p a,
div#changePlayer p a 
{
	color:#33332A;
	font-family:Georgia,sans-serif;
	font-size:95%;
	font-style:normal;
	font-weight:normal;
	line-height:normal;
	text-decoration:underline;
}
a#changePlayerLink  
{
	text-decoration:underline;
	color:#000;}

/*  info block
------------------------------------- */

#playerinfo
{
    font-size:1em;
    width:210px;
    color:#000;
    float:left; 
    height:320px;
    padding:10px;
    line-height:1.0em;
    margin-left:10px; 
    overflow:hidden !important;
    background: url("../images/whitePushBox2.gif")  no-repeat;
}
	
#contentlistinfo
{
    font-size:1em;
    width:206px;
    color:#ffffff !important;
    float:right;
    height:297px;
    padding:10px;
    
    line-height:1.0em;
    margin-left:10px; 
}

#contentlistinfo p,#playerinfo p
{
	font-size:0.8em;
	padding-bottom:1em;
	font-family:Georgia, Arial, Sans-Serif;
}
#contentlistinfo h2
{
	color:#ffffff;
	font-size:1.167em;
	font-family:Georgia;
	font-weight:bold;
	margin-bottom:15px;
}

#playerinfo h2 {
	font-size:1.167em;
	font-family:Georgia;
	font-weight:bold;
	margin-bottom:15px;
}

#contentlistinfo img.pod,#playerinfo img.pod  {
	float:left;
	padding:0px 10px 10px 0px;
}

#playerinfo a:link, a:visited
{
	color:#000000;
}

#ipodIcon a:visited
{
	color:#000000;
}

#contentlistinfo a:link, a:visited
{
	color:#ffffff;
}


.green
{
	background: url('../images/greenPushBoxTop.gif') no-repeat top #788d42;
}
.blue
{
	background: url('../images/darkGreenPushBoxTop.gif') no-repeat top #367d4c;
}
.mag
{
	background: url('../images/magPushBoxTop.gif') no-repeat top #3b8080;
}
.lightBlue
{
	background: url('../images/bluePushBoxTop.gif') no-repeat top #3b6580;
}
.darkBlue
{
	background: url('../images/darkBluePushBoxTop.gif') no-repeat top #2a4376;
}

/*  info block, bottom arrow
 ------------------------------------- */
 #bottom
{
	float:left;
	width:17px;
	height:14px;
	margin-left:20px;
}

.arrowGreen
{
	
	background: url('../images/greenPushBoxBottom.gif') no-repeat;
}
.arrowBlue
{
	
	background: url('../images/darkGreenPushBoxBottom.gif') no-repeat;
}
.arrowMag
{
	background: url('../images/magPushBoxBottm.gif') no-repeat;
}
.arrowLightBlue
{
	background: url('../images/bluePushBoxBottom.gif') no-repeat;
}
.arrowDarkBlue
{
	background: url('../images/darkBluePushBoxBottom.gif') no-repeat;
}

