body {
	background: #545893 url('http://static.nos.nl/gfx/jeugdjournaal/backgrounds/bck_global.gif') repeat-x;
	font-family: verdana;
	font-size: 11px;
}

form {
	margin: 0;
	padding: 0;
}

ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

img {
	border: none;
}

#container {
	position: relative;
	width: 993px;
	margin: auto;
}

#jeugdTop {
	position: relative;
	float: left;
	width: 993px;
	height: 159px;
	padding: 0 0 0 12px;
	background: url(http://static.nos.nl/gfx/jeugdjournaal/front/kop_breed.gif) no-repeat;
	z-index: 1;
}

#front_menu {
	position: relative;
	width: 100%;
	top: 2px;		
}

td {
	font-size: 10px;
	font-family:  Arial, Helvetica, sans-serif;
}

.front_kop {
	position: relative;
	float: left;
	top: 2px;
	left: 10px;
}

.subkop {
	position: relative;
	height: 32px;
}

/* laatste nieuws */

#front_player {
	position: relative;
	float: left;
	left: 8px;	
	width: 515px;
	height: 351px;
	top: -5px;
}

#front_thumbs {
	position: relative;
	float: left;
	width: 137px;
	top: 7px;
	left: 1px;
}

#front_player_nav .uitz {
	background: url(http://static.nos.nl/gfx/jeugdjournaal/front/bck_laatste_uitzending.gif) no-repeat;
	width: 130px;
	height: 19px;
	padding: 3px 0 0 10px;
}
#front_player_nav .uitz2 {
	background: url(http://static.nos.nl/gfx/jeugdjournaal/front/bck_laatste_uitzending2.gif) no-repeat;
	width: 130px;
	height: 19px;
	padding: 3px 0 0 10px;
}
#front_player_nav .nl {
	background: url(http://static.nos.nl/gfx/jeugdjournaal/front/bck_laatste_nl.gif) no-repeat;
	width: 130px;
	height: 19px;
	padding: 3px 0 0 10px;
}

#front_player_nav {
	position: relative;
	float: left;
	left: 3px;
}

#front_player_nav li {
	float: left;
	margin-top: 7px;
}

#front_video, #front_videoframe {
	position: relative;
	float: left;
	z-index: 1;
}

#front_videoframe {
	display: none;
}

#front_video_txt {
	position: relative;
	float: left;	
	top: 10px;
	background: #5daa02;
	width: 351px;
	height: 87px;
	overflow: auto;
}

#front_video_txt h2 {
	font-size: 14px;
	padding: 5px 0 3px 8px;
}

#front_video_txt p {
	margin: 0;
	padding: 3px 0 3px 8px;
	color: #fff;
}

#front_video_txt p a {
	color: #fff;
	font-weight: normal;
}

#front_video_txt p a:hover, #front_video_txt h2 a:hover {
	text-decoration: underline;
}	

#front_weer {
	position: absolute;
	bottom: 0px;
	left: 325px;
	z-index: 1;
}

#front_nieuwsoverzicht {
	position: relative;
	float: left;
	width: 466px;
}

#front_nieuwsoverzicht ul {
	margin: 0 0 10px 0;
	padding: 0;
}

#front_nieuwsoverzicht li {
	background: url(http://static.nos.nl/gfx/jeugdjournaal/front/li_groen.gif) no-repeat 15px 9px;
	padding: 4px 0 4px 30px;
	font-family: arial;
	color: #fff;
	font-size: 13px;
	margin: 0;
	line-height: 17px;
}

#front_nieuwsoverzicht li:hover {
	background: #86cc37 url(http://static.nos.nl/gfx/jeugdjournaal/front/li_groen_over.gif) no-repeat 15px 9px;
	padding: 4px 0 4px 30px;
}


#front_nieuwsoverzicht li.video {
	background: url(http://static.nos.nl/gfx/jeugdjournaal/front/li_groen_video.gif) no-repeat 15px 0px;
}

#front_nieuwsoverzicht li.video:hover {
	background: #86cc37 url(http://static.nos.nl/gfx/jeugdjournaal/front/li_groen_over_video.gif) no-repeat 15px 0px;
}

.front_bck_nieuws_o, .front_bck_nieuws_b, .front_bck_nieuws {
	position: relative;
	float: left;
	width: 100%;
}
 
.front_bck_nieuws_o {
	background: url(http://static.nos.nl/gfx/jeugdjournaal/front/bck_rand_nieuws_o.gif);	
	height: 27px;	
}

.front_bck_nieuws_b {
	background: url(http://static.nos.nl/gfx/jeugdjournaal/front/bck_rand_nieuws_b.gif);	
	height: 14px;		
	margin-top: 5px;
}

.front_bck_nieuws {
	background: url(http://static.nos.nl/gfx/jeugdjournaal/front/bck_nieuws.gif);	
}

/* mening */


#front_mening {
	position: relative;
	float: left;
	height: auto;
	width: 100%;
	background: #e7b200 url(http://static.nos.nl/gfx/jeugdjournaal/front/bck_mening.gif);
}

.front_bck_mening_o {
	position: relative;
	float: left;
	background: url(http://static.nos.nl/gfx/jeugdjournaal/front/bck_rand_mening_o.gif);	
	width: 100%;
	height: 27px;	
}

.front_bck_mening_b {
	position: relative;
	float: left;
	background: url(http://static.nos.nl/gfx/jeugdjournaal/front/bck_rand_mening_b.gif);	
	width: 100%;
	height: 14px;		
	margin-top: 5px;
}

.mening {
	color: #7d5e01;
}

.mening h2 {
	color: #E7B200;
}

#stelling_iframe, #reacties_iframe {
	position: relative;
	float: left;
	left: 12px;
}

#reacties_iframe {
	
}

#stelling, #reacties, #gastenboek, #klaagmuur {
	position: relative;
	float: left;
	left: 12px;
	background: #e7b200 url(http://static.nos.nl/gfx/jeugdjournaal/front/bck_stelling.gif);
	width: 250px;
	height: 195px;
}

#reacties {
	width: 244px;
}

#gastenboek {
	background: #e7b200 url(http://static.nos.nl/gfx/jeugdjournaal/front/bck_gastenboek.gif);
	width: 240px;
}

#klaagmuur {
	background: #e7b200 url(http://static.nos.nl/gfx/jeugdjournaal/front/bck_klaagmuur.gif);
	width: 236px;
}

#stelling .txt, #gastenboek .txt {
	position: relative;
	float: left;
	margin: 20px 0 20px 0;
	left: 16px;
	color: #fff;
	font-weight: bold;
	width: 175px;
}

#klaagmuur .txt {
	position: relative;
	float: left;
	margin: 20px 0 20px 0;
	left: 16px;
	color:#191569;
	font-weight: bold;
	width: 175px;
}

#gastenboek .txt {
	width: 145px;
}

#stelling .verzend {
	position: relative;
	float: left;
	width: 250px;
	top: 30px;
	top: 10px;
	text-align: center;	
}

#stelling .verzend input {
	background: url(http://static.nos.nl/gfx/jeugdjournaal/front/but_stem.gif) no-repeat;
	width: 83px;
	height: 21px;
	border: none;
	cursor: pointer;
}

#reacties {
	background: #fff;
}

#reacties ul {
	margin: 0;
	padding: 8px 0 0 14px;
}

#reacties li, #reacties li a {
	color:#191569;
	font-size: 10px;
	padding: 0 0 8px 0;
}

#reacties li a:hover {
	text-decoration: underline;
}

#reacties .link , #reacties .link a, #klaagmuur .link , #klaagmuur .link a {
	color: #C18604;
}

#reacties .link a:hover {
	text-decoration: underline;
}

#reacties .link {
	width: 240px;
}

#gastenboek .link {
	width: 234px;
}

#klaagmuur .link {
	width: 234px;
}

#stelling .link .txt, #reacties .link .txt, #gastenboek .link .txt, #klaagmuur .link .txt {
	top: -24px;
	height: 20px;
	position: relative;
	float: right;	
	font-size: 10px;
	right: 0;
	margin: 0;
	padding: 3px 20px 0 0;
	width: 180px;
	text-align: right;
}
 
#stelling .link .txt a:hover, #gastenboek .link .txt a:hover, #klaagmuur .link .txt a:hover {
	text-decoration: underline;
}

/* einde mening */

/* jouw verhaal */

#front_verhaal{
	position: relative;
	float: left;
	height: auto;
	width: 100%;
	background: #9fd4ff url(http://static.nos.nl/gfx/jeugdjournaal/front/bck_verhaal.gif);
}

.front_bck_verhaal_o {
	position: relative;
	float: left;
	background: url(http://static.nos.nl/gfx/jeugdjournaal/front/bck_rand_verhaal_o.gif);	
	width: 100%;
	height: 27px;	
}

.front_bck_verhaal_b {
	position: relative;
	float: left;
	background: url(http://static.nos.nl/gfx/jeugdjournaal/front/bck_rand_verhaal_b.gif);	
	width: 100%;
	height: 14px;		
	margin-top: 5px;
}

#videoitem, #fotoitem, #dwars, #oproep  {
	position: relative;
	float: left;
	left: 12px;
	width: 250px;
	height: 204px;
}

#dwars  {
	width: 235px;
	padding: 0;
}

#oproep {
	width: 234px;
}

#videoitem .txt, #fotoitem .txt, #dwars .txt, #oproep .txt {
	position: relative;
	float: left;
	margin: 6px 0 20px 0;
	left: 16px;
	color: #fff;
	font-weight: bold;
	width: 220px;
	text-align: center;
}

#dwars .txt, #oproep .txt {
	text-align: left;
	/*font-weight: regular;*/
	font-weight: normal;
	font-size: 9px;
}

#oproep .txt {
	color:#191569;
}

#videoitem .link .txt, #fotoitem .link .txt, #dwars .link .txt, #oproep .link .txt {
	top: -24px;
	height: 20px;
	position: relative;
	float: right;	
	font-size: 10px;
	right: 0;
	margin: 0;
	padding: 3px 20px 0 0;
	width: 180px;
	text-align: right;
}

#dwars .link .txt, #oproep .link .txt, #fotoitem .link .txt {
	width: 170px;
}

#fotoitem .link , #fotoitem .link a, #oproep .link , #oproep .link a {
	color: #6bb7e8;
}

#videoitem .link .txt a:hover, #fotoitem .link .txt a:hover {
	text-decoration: underline;
}

#videoitem .link, #fotoitem .link {
	width: 246px;	
}

#fotoitem .link, #oproep .link {
	width: 228px;
}	

#dwars .link {
	width: 226px;
}	

/* einde jouw verhaal */

/* uitleg */

#front_uitleg {
	position: relative;
	float: left;
	height: auto;
	width: 100%;
	background: #9fd4ff url(http://static.nos.nl/gfx/jeugdjournaal/front/bck_uitleg.gif);
}

.front_bck_uitleg_o {
	position: relative;
	float: left;
	background: url(http://static.nos.nl/gfx/jeugdjournaal/front/bck_rand_uitleg_o.gif);	
	width: 100%;
	height: 27px;	
}

.front_bck_uitleg_b {
	position: relative;
	float: left;
	background: url(http://static.nos.nl/gfx/jeugdjournaal/front/bck_rand_uitleg_b.gif);	
	width: 100%;
	height: 14px;		
	margin-top: 5px;
}

.uitlegitem {
	position: relative;
	float: left;
	left: 12px;
	width: 241px;
	height: 195px;
}

.uitlegitem .txt, .uitlegitem .balk {
	position: relative;
	float: left;
	margin: 6px 0 0 0;
	left: 38px;
	color: #fff;
	font-weight: bold;
	width: 175px;
}

.uitlegitem .balk {
	background: #f9760c;
	width: 167px;
	margin: auto;
	height: 16px;
	padding: 1px 0 0 8px;
}

.uitlegitem h2 {
	color: #f9760c;
}

.uitlegitem .subkop {
	height: 24px;
}

/* aktie */

#front_aktie {
	position: relative;
	float: left;
	height: auto;
	width: 100%;
	background: #9fd4ff url(http://static.nos.nl/gfx/jeugdjournaal/front/bck_aktie.gif);
}

.front_bck_aktie_o {
	position: relative;
	float: left;
	background: url(http://static.nos.nl/gfx/jeugdjournaal/front/bck_rand_aktie_o.gif);	
	width: 100%;
	height: 27px;		
	margin-bottom: 10px;
}

.front_bck_aktie_b {
	position: relative;
	float: left;
	background: url(http://static.nos.nl/gfx/jeugdjournaal/front/bck_rand_aktie_b.gif);	
	width: 100%;
	height: 14px;		
	margin-top: 5px;
}

.aktieitem {
	position: relative;
	float: left;
	left: 12px;
	width: 241px;
	height: 195px;
}

.aktieitem .txt, .aktieitem .balk {
	position: relative;
	float: left;
	margin: 6px 0 0 0;
	left: 38px;
	color: #fff;
	font-weight: bold;
	width: 175px;
}

.aktieitem .balk {
	background: #cc1251;
	width: 167px;
	margin: auto;
	height: 16px;
	padding: 1px 0 0 8px;
}

.aktieitem h2 {
	color: #f9760c;
}

.aktieitem .subkop {
	height: 24px;
}
	
/* FONTS */

h1 {
	font-size: 20px;
	color: #fff;
	font-family: arial;
	margin: 0;
	padding: 0;
}

h2 {
	font-size: 16px;
	line-height: 20px;
	color: #fff;
	margin: 0;
	padding: 3px 0 3px 14px;
}

.verhaal h2 {
	color: #6bb7e8;
}

/* ALGEMEEN */


.front_meer_l, .front_meer_r {
	position: relative;
	float: left;
	width: 300px;
	left: 22px;
	padding: 1px 0 0 0;
}

.front_meer_r {
	float: right;
	padding: 1px 46px 0 0;
	text-align: right;
}

.front_bck_rand_o {
	position: relative;
	float: left;
	background: url(http://static.nos.nl/gfx/jeugdjournaal/front/bck_rand_o.gif);	
	width: 100%;
	height: 13px;
}

.link {
	position: absolute;
	bottom: 4px;
	color: #fff;
	width: 250px;
	left: 0px;
	height: 0;
}

.link .arrow {
	top: -24px;
	position: relative;
	float: right;		
	width: 30px;
	z-index: 999;
}

#warningbar {
	border: 1px solid #c00;
	background-color: #ffc;
	text-align: center;
	padding: 5px;
	font-weight: bold;
	}

/* ETALAGE */

.front_etalage {
	position: relative;
	float: left;
	background: url(http://static.nos.nl/gfx/jeugdjournaal/front/bck_etalage.gif);
}

.etalage_kop {
	font-size: 12px;
	font-weight: bold;
	color: #434343;
	font-family:  Verdana;
	font-style: italic;
	text-transform: uppercase;
}

.etalage {font-size: 12px;font-weight: bold;color: #FFFFFF;text-decoration: none;}
a.etalage {font-size: 12px;font-weight: bold;color: #FFFFFF;text-decoration: none;}
a.etalage:hover {font-size: 12px;font-weight: bold;color: #FFFFFF;text-decoration: underline;}

/* footer */

#footer {
	float:right;
	margin:-10px 0 0 0;
	color: #fff;
	}
#footer ul.servicebalk {
	list-style: none;
	margin: 5px 10px;
	}
#footer ul.servicebalk li {
	display: inline;
	}
#footer ul.servicebalk li a {
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.9em;
	margin: 0px 5px;
	}
#footer ul.servicebalk li a:hover {
	text-decoration: underline;
	}

/* Live button in etalage */

a#jj_live { display: block; width: 81px; height: 65px; background-image: url('../images/etalage_uitzending_live1.gif'); background-repeat:no-repeat; text-indent: -9999px; z-index: 1; }
a#jj_live.hover,
a#jj_live:hover { background: url('../images/etalage_uitzending_live2.gif'); }

a#jj_not_live { display: block; width: 81px; height: 65px; background-image: url('../images/etalage_uitzending_1.gif'); background-repeat:no-repeat; text-indent: -9999px; z-index: 1; }

a#jj_not_live.hover,
a#jj_not_live:hover { background: url('../images/etalage_uitzending_2.gif'); }

td.jj_extra object { 
	bottom:4px;
	display:block;
	position:relative;
	} 

td.jj_extra a { 
	bottom:4px;
	font-size:12px;
	font-weight:bold;
	position:relative;
	display:block;
	height: 13px;
	} 
td.jj_extra a:hover { 
    text-decoration:underline;
	} 

img.feckie { bottom:0px; display:block; position:relative; -moz-bottom:1px;   }

/* clearfix */

.clearfix:after {
    content: ""; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}