/***** Article functions *****/
#articlefunctions {
	background: url(http://static.nos.nl/jeugdjournaal/gfx/nosstudiosport/archief/dots_hor_archief.gif) top left repeat-x;
	margin-left: -4px;
	margin-top: 2em;
}
#articlefunctions ul {
	padding-top: .75em;
	padding-bottom: .75em;
	background: url(http://static.nos.nl/jeugdjournaal/gfx/nosstudiosport/archief/dots_hor_archief.gif) bottom left repeat-x;
	padding-left: 20px;
}
#articlefunctions li {
	list-style-type: none;
}
#articlefunctions li a {
	font-weight: bold;
	color: #161a66;
}
#articlefunctions li a:hover {
	text-decoration: none;
}


/***** Infobox popup *****/

.pop_infobox,
.pop_sendafriendbox {
	position: absolute;
/*	left: 30%;
	top: 35%;
	height: 120px;
	width: 400px; */
	background: url(http://static.nos.nl/gfx/jeugdjournaal/shade_pop_infobox.png) bottom right;
	z-index: 999;
}
.pop_infobox .content,
.pop_sendafriendbox .content {
	background: white;
	border: 1px solid #367a00;
	position: absolute;
	width: 100%;
	height: 100%;
	margin-left: -6px;
	margin-top: -6px;
	padding: 0;
}
.pop_infobox .content h5,
.pop_sendafriendbox .content h5 {
	background: #367a00;
	color: white;
	font-size: 1em;
	margin: 0;
	padding: .1em 10px .1em 10px;
	line-height: 21px; /* height close button + 2* 5px margin */
/*	cursor: move; moving doesn't work well so temporarily disabled */
}
.pop_infobox .content h5 span,
.pop_sendafriendbox .content h5 span {
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
	padding: 0;
}
.pop_infobox .content p,
.pop_sendafriendbox .content p {
	padding: .1em 10px .1em 10px;
}
.pop_infobox .content .mailframe,
.pop_sendafriendbox .content .mailframe {
	width: 400px;
	height: 300px;
}

form.sendafriend {
	margin: 1em 0 1em 0;
	font-family: Arial, Helvetica, sans-serif;
}
form.sendafriend .error {
	font-size: .7em;
	margin: -.5em 0 1em 1em;
	color: #990000;
}
form.sendafriend table td {
	padding-left: 10px;
	padding-bottom: 5px;
	font-size: .7em;
}
form.sendafriend input {
	border: 1px solid #367a00;
}
form.sendafriend input:hover,
form.sendafriend input:focus {
	border-color: #85d22c;
}
form.sendafriend input.verstuur {
	background-color: #367a00;
	color: white;
	cursor: pointer;
	font-size: .85em;
	margin-top: .5em;
}
form.sendafriend input:hover.verstuur {
	background-color: #85d22c;
}
p.sendafriend {
	font-size: .7em;
	font-family: Arial, Helvetica, sans-serif;
}


/***** Videohoek *****/

#videohoek {
	margin: 0 -30px 2em 0;
	position: relative;
}
#videohoek * {
	padding: 0;
	margin: 0;
}
#videohoek a {
	font-weight: bold;
	color: #161a66;
}
#videohoek a:hover {
	text-decoration: none;
}
#videohoek span.artikel_kop {
	line-height: 3em;
}
#videohoek div.blok {
	border: 2px solid #357b00;
	padding: 0 0 7px 0;
	background: white;
}
#videohoek div.blok,
#videohoek div.knop {
	position: relative;
	float: left;
	width: 246px; /* 250px - 2*2px border */
	margin: 0 12px 21px 0;
}
#videohoek div.blok#content_1,
#videohoek div.blok#content_2 {
	min-height: 18.75em;
}
#videohoek div.blok#content_3 {
	min-height: 14.5em;
}
#videohoek div.blok h4 {
	text-indent: 7px;
	line-height: 22px;
	width: 100%;
	background: #5dab02;
	color: white;
	font-size: 1.1em;
}
#videohoek div.blok h4 span {
	font-size: .85em;
}
#videohoek div.blok h4 div.rcorners_t {
	position: absolute;
	right: -2px;
	top: -2px;
	background: url(http://static.nos.nl/gfx/jeugdjournaal/corners/vh_corner_tr.gif) no-repeat right top;
}
#videohoek div.blok li {
	line-height: 20px;
	text-indent: 7px;
	list-style: none;
	height: 1%; /* fixes IE peekaboo bug */
}
#videohoek div.blok li.inactive,
#videohoek div.blok li.inactive a {
	opacity: .5;
}
#videohoek div.blok li ul {
	margin: 3px 0 0 0;
}
#videohoek div.blok li li {
	background: url(http://static.nos.nl/gfx/jeugdjournaal/iconen/camera_klein.gif) no-repeat;
	padding-left: 28px;
	margin-left: 7px;
	text-indent: 0;
}
#videohoek div.blok div.rcorners_b {
	position: absolute;
	bottom: -2px;
	right: -2px;
	width: 100%;
	height: 20px;
	background: url(http://static.nos.nl/gfx/jeugdjournaal/corners/vh_corner_br.gif) no-repeat right bottom;
}
#videohoek div.blok div.rcorners_b span {
	position: absolute;
	left: -4px;
	width: 100%;
	height: 20px;
	background: url(http://static.nos.nl/gfx/jeugdjournaal/corners/vh_corner_bl.gif) no-repeat left bottom;
}
#videohoek div.zwevend img {
	position: relative;
	top: -10px;
}
/***** Quiz *****/
#quiz * {
/*margin:0pt;*/
padding:0pt;
}
#quiz p {
margin-bottom:1em;
}
#quiz div.intro {
background:#CDE1C6 none repeat scroll 0%;
margin:0.5em 0pt 1em;
width:99%;
}
#quiz div.intro .photo {
float:right;
}
#quiz div.intro p {
margin-bottom:0pt;
padding:0.5em;
}
#quiz div.intro p.intro {
font-weight:bold;
}
#quiz div.uitslag {
border:1px solid black;
margin:0pt 5px 1em 0pt;
padding:1em 1em 0pt;
text-align:center;
}
#quiz div.uitslag .score {
font-size:1.2em;
font-weight:bold;
}
#quiz div.uitslag .avg {
font-style:italic;
}
#quiz div.result_0 {
background:#E2C5C5 none repeat scroll 0%;
margin:0pt 5px 0.5em 0pt;
padding:1em;
}
#quiz div.result_1 {
background:#FBECC3 none repeat scroll 0%;
margin:0pt 5px 0.5em 0pt;
padding:1em;
}
#quiz div.result_2 {
background:#CDE1C6 none repeat scroll 0%;
margin:0pt 5px 0.5em 0pt;
padding:1em;
}
#quiz p.amount {
font-weight:bold;
}
#quiz ul.nav {
padding:1em 0pt 1em 45%;
text-align:center;
width:100%;
}
#quiz ul.nav li {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
#quiz ul.nav li.active {
font-weight:bold;
}
#quiz ul.nav li.active a {
text-decoration:none;
}
#quiz fieldset {
border:medium none;
width:99%;
}
#quiz legend {
display:none;
}
#quiz form#klimaat {
position:relative;
}
#quiz ol#deel1 {
background:#2B860C none repeat scroll 0%;
float:left;
position:relative;
top:0pt;
visibility:visible;
width:99%;
}
#quiz ol#deel2 {
background:#2B860C none repeat scroll 0%;
float:left;
left:0pt;
position:relative;
top:0pt;
width:99%;
}
#quiz ol#deel3 {
background:#2B860C none repeat scroll 0%;
float:left;
left:0pt;
position:relative;
top:0pt;
width:99%;
}
#quiz ol li {
color:white;
font-weight:bold;
list-style-type:decimal-leading-zero;
margin-left:2.75em;
position:relative;
}
#quiz #result2, #quiz #result3 {
display:none;
}
#quiz .question {
line-height:1.5em;
}
#quiz .radiolist {
background:#FAFAFA none repeat scroll 0%;
color:black;
font-weight:normal;
margin-left:-2.75em;
padding:1.5em 0pt;
}
#quiz .radiolist .radio {
margin-right:0.5em;
}
#quiz .radiolist label {
display:block;
padding:0.2em 1.5em;
}
#quiz .radiolist label:hover {
background:#EAF7E6 none repeat scroll 0%;
color:#2B860C;
}
#quiz.results .uitleg {
padding:5px;
}
#quiz.results .radiolist label {
font-weight:bold;
padding:0.25em 75px 0.25em 0.25em;
position:relative;
}
#quiz.results .radiolist label .points {
position:absolute;
right:10px;
top:0pt;
}
#quiz.results .radiolist div.checked {
background:#DBDBDB none repeat scroll 0%;
margin-bottom:0.5em;
padding:5px 5px 1px;
}
#quiz .submit {
background:#FAFAFA none repeat scroll 0%;
padding-top:2em;
text-align:center;
}
#quiz .submit .btn_submit {
background:transparent url(http://static.nos.nl/gfx/nosjournaal/images/nav/btn_verstuur_green.gif) no-repeat scroll 0%;
border:medium none;
cursor:pointer;
height:15px;
padding-top:20px;
width:126px;
}
#quiz #resultXplain {
display:none;
width:99%;
}
#quiz #pageNav1, #quiz #pageNav2 {
display:none;
}

/* hyves button
************************************/
div.hyves {
	width:352px;
	text-align:right;
	margin-top:8px;
	}
div.hyves img {
	border:none;
	margin-top:8px;
	}
div.hyves a  {
	font-family: Arial, Helvetica, sans-serif;
	font-family: Verdana;
	font-size: 0.9em;
	font-weight: bold;
	color: #161a66;
	}
div.hyves a :hover {
	text-decoration: none;
	}
/* extra 10-04-2009 */
div.hyves div.embed {
	background-color: #dbdff8;
	padding: 5px;
	margin-bottom: 10px;
	height: 40px;
	}
div.hyves label {
	font-weight: bold;
	}
div.hyves input {
	border: #c2c8f6;
	width: 255px;
	font-size: 0.95em;
	padding: 2px;
	}
div.hyves {
	font-size: 0.9em;
	margin: 5px 0;
	}

/* corrections for ie7, ie8 and opera
*******************************************/
div#videohoek span.artikel_kop {
	width: 100%;
	float: left;
	text-align: left;
	}
div.blok ul li,
div.blok ul li ul li,
div.blok ul li ul li a {
	text-align: left;
	}
.nieuwsoverz_b {
	background-repeat: no-repeat;
	height: 30px;
	line-height: 30px;
	padding: 8px 0 0 25px;
	text-align: left;
	}
td.mening_overz_foto {
	background-repeat: no-repeat;
	}
	
/* Live button in etalage */

a.jj_live { display: block; width: 81px; height: 65px; background: url('../images/etalage_uitzending_1.gif')no-repeat left top transparent; }
a.jj_live:hover { background: url('../images/etalage_uitzending_2.gif'); }

a.jj_not_live { display: block; width: 81px; height: 65px; background: url('../images/etalage_uitzending_live1.gif')no-repeat left top transparent; }
a.jj_not_live:hover { background: url('../images/etalage_uitzending_live2.gif'); }

.leftie-fix {
	float:left!important;
	text-align: left!important;
	display: block;
	width: 255px;
}