/* v1.0 */
/* **************************************************
	General declarations and accessibility
   ************************************************** */
html {height: 100%;}
body {
	margin: 0;
	background-color: #dfe3e1;
	color: #1A1A1A;
	height: 100%;
	}
a 
{
	text-decoration:none;
	color: #15740e;
}
a:active,
a:hover,
a:focus 
{
	text-decoration: underline;
}
	.widget h3 a
	{
		display: block;
		color: #fff;
	}
	
p {line-height: 1.3;}
.highlight {font-weight: bold;}
.hr hr {display: none;}
.hr{
	background: #e0e0e0;
	height: 1px;
	margin: 1em 0;
	clear: both;
	}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	}
.clearfix {display: inline-block;}
.clearfix {display: block}
.accessibility{
	position: absolute !important;
	top: -999em;
	left: -999em;
	}
fieldset {border: none; margin: 0; padding: 0;}
legend {display: none;}

/* **************************************************
	Typography
   ************************************************** */
/* --------- Font  Generic elements  ---------- */
body 
{
    font-size: 10px;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #333333;
}
/* ----------- Font-size heading and font face ------------ */
h1,h2,h3,h4 {color: #333333;}
h1 
{
	font-size: 3em; 
	margin: 0 0 16px 0;
}
h2 
{
	margin: 0;
	font-size: 2.4em; 
	font-weight: bold; 
}
h3 { font-size: 1.8em; }
h4 { font-size: 1.6em; font-weight: bold; }

/* ----------- Font-size heading and font face for Rich Text Editors------------ */
.rteBox { font-size: 1.2em; }
.rteBox h1 { font-size: 2.666em; margin-top: 3px; margin-bottom: 3px; }
.rteBox h2 { font-size: 2em; margin-bottom: 18px; }
.rteBox span.subHeading {font-size: 1.667em; font-weight: bold;}


/* ----------- subpage ------------ */
.subHeading 
{
	font-size: 1.8em;
	display: block;
	margin-top: -1px;
}
.aboutItem  h3
{
	clear: both;
	margin: 47px 0 18px 0;
	border-top: solid 1px #333333;
	padding-top: 7px;
	font-size: 1.167em;
}
.aboutItem  h3:first-child,
.aboutItem  h3.firstchild
{
	margin-top: 7px;
}
a.more
{
	font-size: 1.8em;
	font-weight: bold;
}
a.readMore {
    background: transparent url('gfx/arrow_sprite.png') no-repeat scroll right 0;
    padding: 5px 15px 5px 0;
}

/* -------- for widgets -------------- */
.textBox h2,
.textBox .h2
{
	font-family: "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif;
	font-variant: small-caps;
	letter-spacing: 0.1em;
	text-align: center;
}
.textBox .h2
{
	width: 600px;
	border: dotted 1px #cccccc;
	font-size: 2em;
	font-weight: bold;
	margin: 3px;
}

.textBox p, 
.textBox textarea 
{
	color: #424242;
	font-family: "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif;
	letter-spacing: 0.1em;
	text-align: center;
	margin: 0;
	text-transform: lowercase;
	line-height: 145%;
	font-size: 14pt;
	font-variant: small-caps;
}
.textBox p.signature
{
	text-align: right;
	font-style: italic;
	margin-right: 12px;
}
.textBox p:first-letter
{
	text-transform: uppercase;
}
.textBox textarea 
{
	width: 600px;
	height: 400px;
	border: dotted 1px #cccccc;
	margin: 3px;
	padding: 0;
}



/* **************************************************
	Special Graphic Elements
   ************************************************** */	
div.dsbButton
{
	float: left;
	height: 31px;
	margin: 16px 14px 2px 0;
	padding-left: 32px;
	display: inline;
	background: url('gfx/smore_button_left.png') no-repeat scroll 0 0;
}
div.right
{
	float: right;
}
	div.dsbButton a
	{
		display: block;
		float: left;
		height: 14px;
		margin-right: -12px;
		background: url('gfx/smore_button_right.png') no-repeat scroll right 0;
		padding: 7px 15px 9px 0;
		color: #333333;
		font-weight: bold;
	}
	
	a.dsbButton
	{
		/* this link will be replaced with the funky DSB style button */
	}

/* **************************************************
	Main containers
   ************************************************** */
#page
{
	text-align: center;
}

#contentwrapper
{
	width: 992px;
	margin: 0 auto 0 auto;
	border-right: solid 1px #d3d7d5;
	border-left: solid 1px #d3d7d5;
}

#content
{
	width: 938px;
	padding: 44px 26px 58px 26px;
	text-align: left;
	background: #fff url('gfx/content_bg_top.png') repeat-x;
	border-right: solid 1px #bbbfbd;
	border-left: solid 1px #bbbfbd;
}
	#contentbottom
	{
		width: 994px;
		height: 4px;
		margin: 0 auto 96px auto;
		background: #fff url('gfx/canvas_bg_bottom.png') no-repeat left bottom;
	}
.row {
    float: left;
    width: 100%;
    clear: both;
    text-align: left;
    overflow: hidden; /* equal height cols fix */
}
.oneCol {
    width: 200px;
    margin: 0 0 0 20px; 
    background-color: #F0E68C;
    float: left;
    padding: 10px;
    padding-bottom: 2000px; /* equal height cols fix */
    margin-bottom: -1990px; /* equal height cols fix */
    overflow: hidden;
}
.aThirdCol {
    width: 290px;
    margin: 0 0 0 30px; 
    float: left;
    padding-bottom: 2000px; /* equal height cols fix */
    margin-bottom: -1978px; /* equal height cols fix */
    overflow: hidden;
}
.twoThirdsCol {
    width: 610px;
    margin: 0 0 0 30px; 
    float: left;
    padding-bottom: 2000px; /* equal height cols fix */
    margin-bottom: -1978px; /* equal height cols fix */
    overflow: hidden;
}
.twoCol {
    width: 440px;
    margin: 0 0 0 20px;  
    padding: 10px;
    background-color: #8FBC8F;
    float: left;
    padding-bottom: 2000px; /* equal height cols fix */
    margin-bottom: -1990px; /* equal height cols fix */
    overflow: hidden;
}
.threeCol {
    width: 680px;
    margin: 0 0 0 20px;  
    padding: 10px;
    background-color: #FFB6C1;
    float: left;
    padding-bottom: 2000px; /* equal height cols fix */
    margin-bottom: -1990px; /* equal height cols fix */
    overflow: hidden;  
}
.fourCol {
    width: 940px;
    margin: 0 0 0 20px;  
    padding: 10px;
    float: left;
    padding-bottom: 2000px; /* equal height cols fix */
    margin-bottom: -1990px; /* equal height cols fix */
    overflow: hidden;  
}
	.fourCol .fourColSplit {
    width: 430px;
    margin: 0 0 0 20px;  
    padding: 10px;
    float: left;
    padding-bottom: 2000px; /* equal height cols fix */
    margin-bottom: -1990px; /* equal height cols fix */
    overflow: hidden;  
	}

.oneCol:first-child, .aThirdCol:first-child, .twoCol:first-child, .threeCol:first-child, .fourCol:first-child, .fourCol .fourColSplit:first-child { margin-left: 0px; } /* No margin on first item in a row in all browsers except IE6 */
.row .first { margin-left: 0; } /* IE6 fix, remove this and its class in mockup if IE6 support not wanted */

/* **************************************************
	rteBox - Special rules for Rich Text Editor boxes
************************************************** */

/*images can float left or right*/
img.floatLeft 
{
	float: left;
	margin: 0 20px 5px 5px;
}
img.floatRight 
{
	float: right;
	margin: 0 5px 5px 20px;
}

/* **************************************************
	Header area
************************************************** */
#header 
{
	width: 994px;
	height: 131px;
	margin: 0 auto;
}	
	#header h1
	{
		margin: 34px 0 0 0;
		float: left;
	}
		#header h1 a img
		{
			border: none;
		}
	#header img.topLogo
	{
		float:right;
		margin-top:54px;
	}
	

/* **************************************************
	Widget and campaign framework
************************************************** */
.widget,
.campaignBox
{
	float: left;
	width: 290px;
	height: 330px;
	position: relative;
	margin: 26px 26px 0 0;
	background: transparent url('gfx/widget_dropshadow.gif') no-repeat left top;
	padding: 0 2px 4px 2px;
}
.twoColumn
{
	width: 610px;
	background: transparent url('gfx/widget_twocolumn_dropshadow.gif') no-repeat left top;
}

/* Rich Text Editors */
.campaignBox .rteBox
{
	height: 100%;
	padding: 12px 12px 12px 23px;
}

	.twoColumn .rteBox
	{
		width: 574px;
	}
	
	.campaignBox h1.whiteCampaignLink
	{
		font-size:26px;
		line-height:30px;
		margin-left:-15px;
		margin-top:155px;
		padding:0px;
	}	
		.campaignBox h1.whiteCampaignLink a
		{
			color: #fff;
		}	
	
	.widget a.catLink,
	.campaignBox a.catLink
	{
		color: #fff;
	}

	.widget h3,
	.campaignBox h3
	{
		display: block;
		margin: 0;
		background-color: #b9d21e;
		color: #fff;
		padding: 9px 9px 9px 15px;
	}
	.campaignBox h3
	{
		background: #00b3f0;
	}
	
	.widget a.listnavigationLeft,
	.widget a.listnavigationRight
	{
		display: block;
		width: 27px;
		height: 27px;
		position: absolute;
		top: 130px;
		left: 13px;
		z-index: 999;
		text-indent: -999em;
		background-image: url('gfx/arrow_sprite.png');
		background-position: 0 0;
	}
	.widget a.listnavigationLeft:hover
	{
		background-position: 0 27px;
	}
	.widget a.listnavigationRight
	{
		background-position: 27px 0;
		left: 256px;
	}
	.widget a.listnavigationRight:hover
	{
		background-position: 27px 27px;
	}
	
	
	.widgetContent
	{
		height: 329px;
		border-left: solid 1px #c1c1c1;
		border-right: solid 1px #c1c1c1;
		border-bottom: solid 1px #c1c1c1;
		overflow: hidden;
		position: relative;
		background:#fff url('gfx/widget-background.png') repeat-x scroll left top;
	}
	
	.providerLogoBox
	{
		position: absolute;
		left: 0;
		bottom: 0;
		/*width: 134px;
		*/height: 55px;
		z-index: 999;
		background-color: #fff;
	}
    
    .byenKalderFilmWidget .providerLogoBox img, 
	.byenKalderMusikWidget .providerLogoBox img, 
	.byenKalderTeaterWidget .providerLogoBox img, 
	.byenKalderKunstWidget .providerLogoBox img, 
	.byenKalderLitteraturWidget .providerLogoBox img,
	.byenKalderNyeCDerWidget .providerLogoBox img
	{
	    margin-left: 17px;
	}

	
/* --------- Carousel stuff --------- */
	.infiniteCarousel 
	{
      width: 288px;
      position: relative;
    }
		.infiniteCarousel .wrapper 
        {
          width: 268px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
          height: 270px;
          overflow: hidden;
          margin: 20px 10px 0 10px;
          position: absolute;
          top: 0;
        }
		
		.infiniteCarousel .wrapper .itemViewport
        {
        	height: 206px;
        	overflow: hidden;
        }
        
        .infiniteCarousel ul.feed {
          width: 9999px;
          height: 270px;
          list-style-image:none;
          list-style-position:outside;
          list-style-type:none;
          margin:0;
          padding:0;
          position: absolute;
          top: 0;
        }

			.infiniteCarousel ul.feed li.feedItem {
			  display:block;
			  float:left;
			  position: relative;
			  height: 270px;
			  width: 268px;
			  text-align: center;
			}

				.infiniteCarousel ul.feed li.feedItem .mediaBox,
				.infiniteCarousel ul.feed li.feedItem .textBox
				{
					width: 210px;
					height: 158px;
					margin: 0 29px 0 29px;
					overflow: hidden;
				}

				.infiniteCarousel ul.feed li.feedItem a img 
				{
				  border: none;
				}
				
				.byenKalderFilmWidget .infiniteCarousel ul.feed li.feedItem a img, 
				.byenKalderMusikWidget .infiniteCarousel ul.feed li.feedItem a img, 
				.byenKalderTeaterWidget .infiniteCarousel ul.feed li.feedItem a img, 
				.byenKalderKunstWidget .infiniteCarousel ul.feed li.feedItem a img, 
				.byenKalderLitteraturWidget .infiniteCarousel ul.feed li.feedItem a img,
				.byenKalderNyeCDerWidget .infiniteCarousel ul.feed li.feedItem a img
				{
				 margin-top:28px;
				}
				
	
				
				
				.infiniteCarousel ul.feed li.feedItem h4
				{
					margin: 6px 0 1px 0;
				}
				.infiniteCarousel ul.feed li.feedItem span
				{
					font-size: 1.2em;
				}
				.infiniteCarousel ul.feed li.feedItem ul.controls
				{
					border-top: 1px solid;
					bottom: 0;
					height: 51px;
					padding-top: 12px;
					position: absolute;
					right: 0;
					width: 254px;
					font-size: 1.2em;
				}
					.infiniteCarousel ul.feed li.feedItem ul.controls li
					{
						margin-right: 19px;
					}

        a.arrow {
          display: block;
          height: 27px;
          width: 27px;
          background: url('gfx/arrow_sprite.png') no-repeat 0 0;
          text-indent: -999px;
          cursor: pointer;
          z-index: 999;
        }
        .infiniteCarousel a.arrow {
          position: absolute;
          top: 91px;           
        }
        a.forward {
          background-position: -33px 0;
        }
        .infiniteCarousel a.forward {
            right: 9px;
        }
        a.back {
            background-position: 0 0;
        }
        .infiniteCarousel a.back {
            left: 9px;   
        }
        a.forward:hover {
          background-position: -33px -33px;
        }

        a.back:hover {
          background-position: 0 -33px;
        }
        
/* --------- END Carousel stuff  --------- */


		
		/* --- list of controls for widgets and campaigns -- */
		ul.controls
		{
			display: block;
			float: right;
			margin-right: 5px;
			padding: 0;
			list-style-type: none;
		}
		
		.campaignBox ul.controls
		{
			float: left;
			margin: 0 0 0 5px;
			
		}
		
			ul.controls li
			{
				margin-bottom: 5px;
				text-align: right;
			}
			.campaignBox ul.controls li
			{
				float: left;
				margin-right: 17px;
			}
		
				ul.controls li a,
				ul.controls li span
				{
					padding-left: 24px;
				}
				ul.controls li a.delete
				{
					padding-left: 0;
				}
				
				ul.controls li a.listen
				{
					background: url('gfx/icons_links_sprite_desktop.png') no-repeat scroll 0 1px;
				}
				ul.controls li a.listen:hover
				{
					background-position: 0 -72px;
				}
				ul.controls li span.listen
				{
					color: #999999;
					background: url('gfx/icons_links_sprite_desktop.png') no-repeat scroll 0 -147px;
				}
				ul.controls li a.read
				{
					background: url('gfx/icons_links_sprite_desktop.png') no-repeat scroll 0 -15px;
				}
				ul.controls li a.read:hover
				{
					background-position: 0 -88px;
				}
				ul.controls li span.read
				{
					color: #999999;
					background: url('gfx/icons_links_sprite_desktop.png') no-repeat scroll 0 -163px;
				}
				ul.controls li a.watch
				{
					background: url('gfx/icons_links_sprite_desktop.png') no-repeat scroll 0 -33px;
				}
				ul.controls li a.watch:hover
				{
					background-position: 0 -106px;
				}
				ul.controls li span.watch
				{
					color: #999999;
					background: url('gfx/icons_links_sprite_desktop.png') no-repeat scroll 0 -181px;
				}
				ul.controls li a.see
				{
					background: url('gfx/icons_links_sprite_desktop.png') no-repeat scroll 0 -52px;
				}
				ul.controls li a.see:hover
				{
					background-position: 0 -127px;
				}
				ul.controls li span.see
				{
					color: #999999;
					background: url('gfx/icons_links_sprite_desktop.png') no-repeat scroll 0 -202px;
				}
				
		/* --- END list of controls for widgets and campaigns -- */


/* --- VERY SPECIAL WIDGETS --- */
/* ------ BEZZERWIZZER Widget ------ */
.bezzerwizzerWidget h3{
    background-color: #00B3F0;
    }
    .bezzerwizzerWidget h4{
        font-size: 1.0em;
        font-weight: bold;
        margin: 0;
        clear: both;
        }
       
.bezzerwizzerWidget .categoryIcon{
    float: left;
    width: 170px;
    height: 150px;
    }
.bezzerwizzerWidget p.question{
    font-size: 1.33em;
    font-weight: bold;
    }
.bezzerwizzerWidget p{
    margin: 0;
    position: relative;
    z-index: 1;
    }
.bezzerwizzerWidget .rteBox{
    padding: 12px 12px 12px 18px;
    position: relative;
    height: 200px;
    }
    .bezzerwizzerWidget .rteBox h2{
        margin-bottom: 10px;
        font-size: 1.3333em;
        }
        .bezzerwizzerWidget .rteBox h2.incorrect{
            color: #9b1028;
        }
.bezzerwizzerWidget .providerLogoBox{
    margin-left: 18px;
    border-top: 1px solid #000;
    width: 572px;
    padding-top: 15px;
    height: 47px;
    }
.conditions p,
.conditions ol li{
    font-size: 1.1em;
    }
.bezzerwizzerWidget .conditionsText{
    position: absolute;
    width: 300px;
    left:190px;
    top:139px;
    font-size: 0.9em;
    }
.bezzerwizzerWidget .dsbButton{float: left;}
.bezzerwizzerWidget div.dsbButton{margin-top: 10px;}
.bezzerwizzerWidget fieldset.choiceOptions{}
.bezzerwizzerWidget .radioGroup{float: left; position: relative; padding: 1px; margin-top: 6px;}
.bezzerwizzerWidget .radioGroup.error{
    border: 1px solid red;
    padding: 0;
    }
.bezzerwizzerWidget .radioGroup span{
    width: 201px;
    float: left;
    display: block;
    margin-top: 8px;
    }
    .bezzerwizzerWidget .radioGroup input{
        width: 20px;
        float: left;
        display: block;
        padding: 0;
        margin: 0;
        height: 20px;
    }
    .bezzerwizzerWidget .radioGroup label{
    width: 170px;
    float: left;
    margin-top: 3px;
    }
.bezzerwizzerWidget fieldset.contact{width: 384px;}
.bezzerwizzerWidget fieldset.contact .right{margin-top: -3px;}
    .bezzerwizzerWidget .contact p{
        margin-top: 7px;
        width: 142px;
        height: 30px;
        float: left;
        margin-right: 5px;
        background: transparent url('gfx/inputFields.png') no-repeat right top;
        }
    .bezzerwizzerWidget .contact input{
        float: left;
        width: 124px;
        border: 0;
        color: #636363;
        height:14px;
        margin: 6px 0 0 7px;
    }
    .bezzerwizzerWidget .contact p.error{
        background-position: right bottom;
        }
    .bezzerwizzerWidget .contact input.focus{
        color: #000;
    }    
.bezzerwizzerWidget .premiumInformation{margin-top: 10px;}
.bezzerwizzerWidget .premiumInformation p{
    width: 200px;
    height: 95px;
    overflow: hidden;
    float: left;
    padding-top: 20px;
    }
.bezzerwizzerWidget .premiumInformation img{
    width: 200px;
    height: 100px;
    float: left;
    display: block;
    }
.bezzerwizzerWidget div.information{
    clear: both;
    position: absolute;
    bottom: 8px;
    width: 570px;
    left: 20px;
    } 
    .bezzerwizzerWidget div.information p{
        font-size: 1.0em; 
        line-height: 1.2;
        }
.bezzerwizzerWidget .correctAnswer .subText{width: 570px;}
.bezzerwizzerWidget .brandImage{
    left: auto;
    right: 50px;
    width: 170px;
    z-index: 0;
    }
.bezzerwizzerWidget .message{
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -100px;
    display: none;
    padding: 2px;
    color: Red;
    margin-top: -10px;
    font-size: 11px;
    }
.bezzerwizzerWidget .contact .message{
    margin-left: -2px;
    margin-top: -3px;
    }
.participantList{
    font-size: 1.2em;
    }
    .participantList td{
        padding: 5px;
    }
    .participantList th{
        padding: 5px;
    }
/* ------ kkbRadioWidget ------ */    
.kkbRadioWidget
{
	margin: 33px 26px 0 0;
	width: 934px;
	float: left;
	font-size: 1.2em;
}
	.kkbRadioWidget .date
	{
	}
	
	.kkbRadioWidget h3
	{
		margin: 2px 0 0 0;
		padding-bottom: 16px;
		border-bottom: solid 2px #333333;
	}

	.kkbRadioWidget ul
	{
		width: 456px;
		display: block;
		float: left;
		margin: 24px 0 13px 10px;
		padding: 0;
		list-style: none;
	}
		.kkbRadioWidget ul li
		{
			width: 465px;
			display: block;
			float: left;
			margin-bottom:10px;
		}
			.kkbRadioWidget ul li input
			{
				display: block;
				float: left;
				width: 13px;
				height: 15px;
				margin: 0;
			}
			.kkbRadioWidget ul li label
			{
				display: block;
				float: left;
				width: 435px;
				margin: 0 0 0 10px;
				
			}
			
				.kkbRadioWidget ul li label .metaData
				{
					font-size: .833em;
					color: #666666;
				}
	.kkbRadioWidget .kkbRadioControls
	{
		width: 934px;
		float: left;
		background-color: #f2f6f8;
		padding: 17px 0 12px 10px
	}
	.kkbRadioWidget .kkbRadioControls a.controlRadio
	{
		margin-right: 25px;
		padding-left: 19px;
		background: transparent url('gfx/kkb-radio-controls-arrow.gif') no-repeat left center;
		font-weight: bold;
	}
	
/* --- The radio widget --- */
#playerContainer
{
	position: absolute;
	top: -999px;
	left: -999px;
}
#playerOnOff.play,
#playerOnOff.stop
{
	text-indent: -999px;
	display: block;
	float: left;
	width: 72px;
	height: 72px;
	background: transparent url('gfx/temp/playerControls.png') no-repeat left top;
}
#playerOnOff.stop
{
	background-position: left -72px;
}

.radio .playerContainer
{
	float: left;
	margin: 4px 5px 10px 0;
}
.radio .twoThirdsCol h2
{
	margin-top: 5px;
}
.radio h3.missingPlayer
{
	margin-bottom: 5px;
	clear: both;
}
.radio p.missingPlayer
{
	margin-top: 0;
	font-size: 1.2em;
	width: 610px;
}
.radio .aboutItem h4
{
	margin: 0 0 12px 0;
}
.radio .aboutItem ul.controls
{
	clear: both;
}
.radio .aboutItem a img
{
	border: none;
}

/* ---- The Dagen i Dag widget ---- */
#dageniDag  h3 
{
    background-color: #00B3F0;
}
#dageniDag ul.feed
{
    float: left;
    margin: 20px 12px 8px 19px;
    padding: 0;
    width: 426px;
    height: 207px;
    overflow: hidden;
}

    #dageniDag ul.feed li
    {
        display: none;
    }
    #dageniDag ul.feed li.active
    {
        display: block;
    }
        
        #dageniDag ul.feed li .itemViewport
        {
            height: 206px;
            border-bottom: solid 1px #000;
        }
    
            #dageniDag ul.feed li .mediaBox
            {
                width: 177px;
                float: left;
                height: 204px;
                overflow: hidden;
            }
            
            #dageniDag ul.feed li .mediaBox .dageniDagCalendar
            {
                background: transparent url('gfx/dagen_i_dag_calendar.png') scroll no-repeat 12px 0;
                width: 175px;
                height: 190px;
                text-align: center;
            }
                #dageniDag ul.feed li .mediaBox .dageniDagCalendar span.year
                {
                    display: block; 
                    font-size: 1.6em;
                    font-weight: bold;
                    padding-top: 54px;
                    margin-left: 4px;
                }
                #dageniDag ul.feed li .mediaBox .dageniDagCalendar span.day
                {
                    display: block;
                    margin-left: 21px;
                    font-size: 9em;
                    line-height: 1em;
                    font-weight: bold;
                }
            
            #dageniDag ul.feed li h4
            {
                margin-left: 204px;
                margin-top: 0px;
            }
            #dageniDag ul.feed li p
            {
                margin-left: 204px;
                font-size: 1.2em;
            }
    
    #dageniDag .providerLogoBox
    {
        background-color: transparent;
    }
        #dageniDag .providerLogoBox img
        {
            margin-left: 19px;
        }

#dageniDag .navigation 
{
    float: left;
    width: 151px;
}  
    #dageniDag .navigation ul
    {
        margin: 0;
        padding: 0;
        cursor: pointer;
        list-style: none;
    }  
        #dageniDag .navigation ul li
        {
            cursor: pointer;
            background: #f8f8f8 url('gfx/dageniDag_navigation_li_tile.gif') repeat-x 0 0;
            overflow: hidden;
            font-size: 1.2em;
            padding: 0 4px 0 4px;
            height: 32px;
            margin: 1px 1px 0 0;
        }
        #dageniDag .navigation ul li .year,
        #dageniDag .navigation ul li .title
        {
            display: block; 
            float: left;
            overflow: hidden;
            margin-top: 10px;
        }
        #dageniDag .navigation ul li .year
        {
            
            width: 38px;
            font-weight: bold;
            margin-top: 11px;
        }
        #dageniDag .navigation ul li .title
        {
            width: 104px;
            white-space: nowrap;
        }
        #dageniDag .navigation ul li:hover
        {
            font-weight: bold;
        }

/* **************************************************
	Frontpage
   ************************************************** */

#content.frontpage
{
	width: 964px;
	padding-top: 25px;
	padding-right: 0;
}

/* **************************************************
	Subpage with one widget
   ************************************************** */
#content.bigWidget
{
	padding-bottom: 46px;
}

#content.bigWidget img.framed
{
	border: solid 1px #cccccc;
	margin-top: 7px;
}

#content.bigWidget .twoThirdsCol .textBox
{
	border: solid 1px #cccccc;
	margin-top: 7px;
}


#content.bigWidget .aThirdCol ul.controls
{
	float: none;
	margin: 12px 0 35px 0;
}
	#content.bigWidget .aThirdCol ul.controls li
	{
		text-align: left;
	}
	
	
/* the readingColumns layout used for subpages with much text */
#readingColumnsBox {
  height: 556px; /* fixed, but changed via JavaScript */
  overflow: auto; /* changed to hidden via JavaScript */
  position: relative;
}

ul.readingColumns
{
	position: absolute;
	left: 0; /*important*/
	width: 9999px; /*changed with JavaScript*/
	margin-left: 0; /*for IE7 */
	padding: 0;
	list-style: none;
	
}
	ul.readingColumns li
	{
		width: 290px;
		float: left;
		margin-right: 30px;
	}
	
#uiLnkReadLess,
#uiLnkReadMore
{
    margin-top: 0px;
	display: none;
	float: left;
	cursor: pointer;
}
    #uiLnkReadLess:hover a.more,
    #uiLnkReadMore:hover a.more {
        text-decoration: underline;
    }
    #uiLnkReadLess a.arrow {
        float: left;
    }
    #uiLnkReadLess a.more {
        margin: 3px 0 0 10px;
    } 

#uiLnkReadMore
{
	float: right;
	text-align: right;
}
    #uiLnkReadMore a.arrow {
        float: right;
        text-indent: 999px;
    }
    #uiLnkReadMore a.more {
        margin: 3px 10px 0 0;
    } 

	

/* overrides to the broader (four cols) widget */
.four 
{
	width: 930px;
	margin: 40px 0 0 -1px;
	background-image: url('gfx/widget_fourcolumn_dropshadow.gif');
}
.podrides .four,
.flickr .four
{
	margin-top: 0;
}
	.four .infiniteCarousel
	{
		width: 928px;
	}
		.four .infiniteCarousel .wrapper
		{
			width: 908px;
		}
		.four .infiniteCarousel ul.feed li.feedItem
		{
			width: 227px;
		}
			.four .infiniteCarousel ul.feed li.feedItem .mediaBox,
			.four .infiniteCarousel ul.feed li.feedItem .textBox
			{
				width: 169px;
			}
			
			.four .infiniteCarousel ul.feed li.feedItem ul.controls 
			{
				width: 215px;
			}


/* **************************************************
	WIDGET SPECIFIC STYLING for Subpage with one widget
   ************************************************** */

/* poems */

fieldset.poemsEditor
{
	font-size: 1.2em;
}
fieldset.poemsEditor .messageBox
{
	margin-left: 3px;
}

fieldset.poemsEditor span.error, fieldset.userForm dl dd span.error
{
	color: #f00;
}

.poems fieldset.userForm dl
{
	margin: 0;
}
.poems fieldset.userForm dd
{
	margin: 0;
	height: 37px;
}
.poems fieldset.userForm input
{
	border: solid 1px #15740E;
	width: 209px;
}
.poems fieldset.userForm label
{
	font-weight: bold;
}
.poems fieldset.userForm span
{
	/*display: block !important;*/
	display: block;
	clear: left;
}
/*.poems fieldset span.error, 
#page .poems fieldset span.error
{
	color: red;
	float:left;
	clear:both;
}*/

.poems fieldset.userForm input.fileUpload
{
	display: block;
	float: left;
	margin-right: 5px;
}

	.SI-FILES-STYLIZED label.cabinet
	{
		width: 70px;
		height: 20px;
		display: block;
		overflow: hidden;
		background: url('/Templates/Public/Styles/gfx/upload_bg.gif') 0 -22px no-repeat;
		cursor: pointer;
	}
	.SI-FILES-STYLIZED label.cabinet:hover
	{
		background-position: 0 0;
	}
	     
	.SI-FILES-STYLIZED label.cabinet input.file
	{
		position: relative;
		height: 100%;
		width: auto;
		opacity: 0;
		-moz-opacity: 0;
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
		cursor: pointer;
	}

.poems fieldset.userForm input.btn
{
	display: none;
}

.poems .mailconfirmation p
{
	font-size: 1.6em;
}

.charsLeft{
	float:right;
	margin-top:20px;
}
.charsLeft em{
	float:left;
	color:#424242;
	margin-top:3px;
	font-style:normal;
}
.charsLeft #charsLeftDigits{
	border:1px solid #ccc;
	color:#424242;
	float:left;
	width:32px;
	font-weight:bold;
	padding:2px 5px;
	margin-left:5px;
	text-align:center;
}


	
/* podrides */	
.podrides .podridesBigImageLinkBox
{
	width: 608px;
	height: 256px;
	position: relative;
	margin-top: 7px;
	border: solid 1px #cccccc;
	overflow: hidden;
}
	.podrides .podridesBigImageLinkBox img
	{
		position: absolute;
		left: 0;
		top: 0;
	}
.podrides .podridesBigImageLinkBox a.podridesBigImageLink
{
	display: block;
	position: absolute;
	left: 0;
	left: 0;
	z-index: 999;
	width: 610px;
	height: 256px;
	background:transparent url(gfx/big_loud_speaker.png) no-repeat scroll 524px 191px;
	text-indent: -999px;
}
.podrides a.podridesBigImageLink:hover
{
	background-image: url(gfx/big_loud_speaker_hover.png);
}
.podrides .twoThirdsCol p
{
	font-size: 1.2em;
}

.podrides ul.podbites
{
	float: left;
	font-size: 1.2em;
}
	.podrides ul.podbites li
	{
		text-align: left;
	}
		.podrides ul.podbites li a
		{
			font-size: 1.2em;
			font-weight: bold;
		}
	.podrides ul.podbites div
	{
		margin-left: 24px;
	}
/* --- gyldendal -- */
#content.gyldendal .aThirdCol ul.controls 
{
	margin:12px 0 16px;
}
	#content.gyldendal .aThirdCol ul.readAloud li a {
		font-size: 1.44em;
		font-weight: bold;
	}
.bookDescription 
{
	font-size: 1.2em;
}

/* --- bogbidder ---- */
.bite
{
	float: left;
	margin-top: 10px;
}

/* --- byenKalder --- */

.byenKalderContent{
	font-size:1.2em;
}
.byenKalderContent dl, .byenKalderContent dt, .byenKalderContent dd{
	margin:0px;
	padding:0px;
}
.byenKalderContent dl{
	margin-top:10px;
}
.byenKalderContent dt, .byenKalderContent dd{
	display:inline;
	
}
.byenKalderContent dt{
	font-weight:bold;
	padding-right:5px;
}


/* **************************************************
	Main navigation
   ************************************************** */


/* **************************************************
	Main content
   ************************************************** */
   
  
/****************************************************
    Promoted widget
***************************************************** */

.promotedWidget 
{
	width: 600px;
	float: left;
}

.promotedWidgetNoCampaign
{
	
} 

.promotedWidget img, .promotedWidgetNoCampaign img
{
	float: left;
	margin-right: 10px;
}

/****************************************************
    Quiz Widget
***************************************************** */
.graph
{
    position: relative;
    width: 200px;
    height: 100px;
    }
.graph ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: block;
    background-color: White;
    }
.graph ul li.bar
{
    display: block;
    float: left;
    width: 10px;
    height: 0px;
    background-color: Blue;
    position: absolute;
    bottom: 0;
    text-indent: -99999px;
    font-size: 0;
    line-height: 0;
    }
.graph ul li#ticks
{
    bottom: -7px;
    display:block;
    float:left;
    position:relative;
    }
.graph ul #ticks .tick
{
   padding-left: 85px;
   border-bottom: 1px dotted #000;
   position: relative;
    }
  .graph ul #ticks .tick p
  {
    display:block;
    margin:0;
    position:absolute;
    right:-18px;
    top:12px;
      }  
/****************************************************
   Campaign
***************************************************** */

.campaign
{
	float:right;
}



/****************************************************
   Rating
***************************************************** */

div.itemRating{
	
}
div.itemRating em.ratingText{
	display:inline-block;
	margin-left:5px;
	font-size:11px;
	font-style:normal;
	margin-top:2px;
}
div.itemRating em.ratingText span.ratingCount{
	font-size:11px;
}

/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.rating-cancel,div.rating-cancel a{background:url(gfx/delete.gif) no-repeat 0 -16px}
div.star-rating,div.star-rating a{background:url(gfx/star.gif) no-repeat 0 0px}
div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0}
div.star-rating-on a{background-position:0 -16px!important}
div.star-rating-hover a{background-position:0 -32px}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */