body {margin:0;padding:0;font:normal 12px Arial}
a, a:active, a:visited {text-decoration:none;color:#00F;}
h1 {margin:0;padding:3px;font-size:14px;font-weight:bold;line-height:18px;}
h2 {margin:0;padding:0 3px 0 3px;font-size:12px;}
ul {margin:0;padding:0;list-style-type:none;}
img {border:none; max-width: 100%;}
.clear {clear:both;}
/*
.clearfix:after { content: "."; display: block; height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
*/
.clearfix:before, .clearfix:after { content:""; display:table; }
.clearfix:after {clear:both;}
input, textarea {background:#FFF;border:1px solid #999;}
input {width:95%}
textarea {width:98%}
.bgColor {background:#EFEFEF;}
.mpage {padding-top:50px;}

#switch {margin:0;padding:3px 3px 0; text-align:right; background:#0E1031;font-size:11px;font-weight:bold}
#switch a {color:#FFF}
#header {position:relative;padding:0;background:#0E1031;padding-bottom:4px;width:100%;z-index:100;}
#header div {height:30px;padding:4px 4px 4px 110px;background:#D32828;background:-webkit-gradient(linear, left top, left bottom, from(#B30505), to(#FC6666));border:1px solid #FFF;border-left:none;border-right:none;}
#header div #logo {position:absolute; top:0;left:0;}
#photoCntr #header div, #photoDetailCntr #header div {background:#000}
#header div ul {width:100%;margin:0;color:#FFF; position:relative;}
#header div ul li {margin-right:5px;float:left;}
#header div ul.right li{float:right;margin-right:5px}
#header div ul.right li:first-child{margin:0}
#header div ul li span {font-size:32px;}
#header div ul #weatherType {position:absolute;top:-3px;left:135px;}  
#header #searchBtn {float:right;margin:0}
#header #annuleren {display:none;float:right;margin:0}
#header #search {display:none;margin:0;padding:4px;background:#D32828;background:-webkit-gradient(linear, left top, right bottom, from(#D32828), to(#cc0000));border-bottom:1px solid #fff;border-top:4px solid #0E1031}
#header #search input[type="text"] {width:83%;height:22px;}
#header #search input[type="button"] {float:right;margin-right:5px;background:#D32828 url(../img/7s7/searchbutton.png) no-repeat;width:32px;height:30px;border:none;}
#header div ul.right li.subtitle {float:left;}
#header div ul.right li.subtitle img {margin-top:-2px;}

#carouselCntr {background:#003;}
#carouselCntr h1, .cntr3 h1 {color:#FFF;padding:3px}
#mainCntr, #photoCntr {margin:0;padding:0;width:100%;position:absolute;top:0}
#btCntr {width:100%;border-bottom:1px solid #003;background:#D32828;background:-webkit-gradient(linear, left top, left bottom, from(#aa0000), to(#ff0000));}
#btCntr li {float:left;margin:5px 0 5px 17px;}

#cntr1 {float:left;width:100%;border-right:1px solid #000;background:#FFF;}
#cntr1 li {border-top:1px solid #979797;padding:2px 5px 0 5px;background:-webkit-gradient(linear, left top, left bottom, from(#EBEBEB), to(#ffffff))}


#cntr1 img {padding:2px 0 0 2px;}
/*.commentsBox {margin: 0 0 0 0;}*/
.commentsBox {font-size:10px;padding:0 0 0 0;position:relative;color:#000;}
.commentsBox span {color:#FFF;position:absolute;background:url(../img/7s7/comments.png) no-repeat;width:20px;height:18px;font-weight:bold;left:0;top:0;text-align:center}

#cntr1 li.comments, #cntr4 li.comments {border:none;padding:0;margin:0;}
#cntr2 {float:left;width:33%;height:100%;background:#EFEFEF;text-align:center}
#cntr2 li{border-bottom:1px solid #000;}
#cntr2 li:last-child {border:none;}
#cntr2 img{margin:3px;}
.cntr3 {border-top:1px solid #000;background:#003;}
.cntr3 h3, #photoCntr #cntr4 h3 {color:#FFF;margin:0;padding:3px;font:bold 14px Arial, verdana; background:#333; background:-webkit-gradient(linear, left top, right bottom, from(#BBBBBB), to(#000000));}

/*24u nieuws, photo*/
#cntr4 li a{color:#000;}
#cntr4 li {padding:5px;border-bottom:1px solid #000;width:310px;}
#cntr4 img {margin-right:5px;float:left;}
#cntr4 li:last-child {border:none;}
#cntr4 li div {float:left;width:180px}
#cntr4 li div span {font-size:11px;}
#cntr4 li div span.label {background-color:#F00;color:#FFF;font-weight:bold;}
#cntr4 h1 {color:#00F;padding-left:0}

/* poll */
#poll.cntr3 {background:#FFF;border-bottom:1px solid #000;margin-top:10px}
#poll h3 {text-transform:uppercase;background:#D32828;background:-webkit-gradient(linear, left top, right bottom, from(#D32828), to(#cc0000));}
#poll.cntr3 p {padding:0;margin:0 0 10px 0;font-weight:bold;}
#poll.cntr3 form {padding:5px;}
#poll.cntr3 form input[type="button"] {margin:10px 0 0 0;background:#FFF url(../img/7s7/button_vote.png) no-repeat;width:56px;height:27px;border:none;}
#poll.cntr3 form input[type="radio"] {width:auto}
#poll ul li {background:#CCC;width:100%}
#poll ul li div {background:#FFF;width:100%}
#poll ul li p {height:20px;width:0px;background:#8C0000;background:-webkit-gradient(linear, left top, left bottom, from(#FF0000), to(#8C0000)); color:#FFF; font-size:12px;}
#poll ul li p span {display:block;padding:3px}

#photoCntr #cntr4 li {border-bottom:1px solid #CCC;width:97%}
#photoCntr #cntr4 li.album_teaser {background:#000;padding:0;color:#FFF;width:100%;}
#photoCntr #cntr4 li.album_teaser h1 {color:#FFF;padding:5px;}
#photoDetailCntr {background:#000;color:#FFF}
#photoDetailCntr #header ul li a {color:#FFF;text-transform:none;font-size:10px;}
#photoDetailCntr #header ul li:last-child {background:url(../img/7s7/buttonback_black.png) no-repeat;width:44px;height:30px;padding:5px 0 0 5px;}
#photoDetailCntr #slides li {position:relative;}
#photoDetailCntr #slides li .overlayIcon {position:absolute;top:10px;left:10px;display:none;}
#photoDetailCntr #slides li p {margin:0}

#photoDetailCntr #nav {display:block;z-index:1000;background:-webkit-gradient(linear, left top, left bottom, from(#666666), to(#000000));border-top:1px solid #FFF;color:#FFF;position:fixed;bottom:0;left:0;width:100%;}
#photoDetailCntr #nav a {color:#FFF; text-decoration:none;}
#photoDetailCntr #nav p {margin:5px 0}
#photoDetailCntr #nav #counter {position:absolute;top:5px;left:5px;}
#photoDetailCntr #nav #buttons {margin:5px auto;width:144px;}
.playpause {margin:0 30px;}
#photoDetailCntr #nav #prev, #photoDetailCntr #nav #next {position:relative;top:0;right:0} 

#mainCntr #nav p {display:none;}

/* photo detail */
.slide {width:320px;}

#bnCntr {margin:10px 0 0 0;background:#003;border-top:1px solid #000;width:100%}
#bnCntr h3 {color:#FFF;margin:0;padding:3px;font:bold 13px Arial, verdana; background:#014AAC;}
#bnCntr li {float:left;width:30%;margin-right:5%}
#bnCntr .articleL {width:320px;margin:0 auto;}
#bnCntr li:last-child {margin:0;}
#bnCntr h1, #bnCntr h2 {color:#FFF;}

#advCntr {margin:10px 0;border-top:1px solid #000;border-bottom:1px solid #000;}

#reactionCntr {padding:0;margin:0;}
#reactionCntr h3, #loginCntr h3 {background:url(../img/7s7/commentsXL.png) no-repeat 7px 0;position:absolute;top:-27px;left:0;padding:0 7px 0 42px;font-size:16px;height:25px;background-color:#FFF;}
#reactionCntr li {border-bottom:1px solid #CCC;padding:7px 0;margin:0 7px 5px 7px;}
#reactionCntr li:last-child {border:none;}
#reactionCntr li p {font-size:14px;pading:0;margin:0 0 7px 0;}
#reactionCntr li span {display:block;font-size:11px; color:#666;}
#postReactionForm input[type="button"] {margin:10px 0 0 0;background:#FFF url(../img/7s7/button_plaatsen.png) no-repeat;width:71px;height:29px;border:none;}
#loginForm input[type="submit"] {margin:10px 0 0 0;background:#FFF url(../img/7s7/button_login.png) no-repeat;width:71px;height:29px;border:none;}

#footer {border-top:1px solid #FFF;color:#FFF;text-align:center;padding:10px;background:#D32828;background:-webkit-gradient(linear, left top, left bottom, from(#aa0000), to(#ff0000));}
#footer a {text-decoration:underline;color:#FFF;}
#footer span {font-size:25px}
#footer img {display:none}

/*carousel*/
#mainCntr #nav {width:100%;background-color:#CCC;position:relative;border-bottom:1px solid #003;height:25px;}
#mainCntr #nav a {color:#000; text-decoration:none;}
#prev, #next {font-weight:bold;	position:absolute;top:4px;}
#next {right:3px;}
#prev {left:3px;}
.jFlowPrev {display:none;}

#jFlowSlide, #slides {position:relative;overflow:hidden;}
#slides li {float:left; position:relative;}

#indicator, #indicator > li {display:block; float:left;list-style:none;padding:0; margin:0;}
#indicator {float:none;width:170px;margin:0 auto;padding:10px 0 0;}
#indicator > li {text-indent:-9999em;width:7px; height:7px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px;background:#888;overflow:hidden;margin-right:8px;}
#indicator > li.jFlowSelected {background:#FFF;}
#indicator > li:last-child {margin:0;}
.artImage { display: block; text-align: center; }

.topImg {display:none;position:absolute;top:50px;left:7px;}
.fontXL {font-size:18px; padding-top:50px;}
.caption {margin:3px 7px 0 7px;padding:0;font-size:11px; color:#666;}
.article {margin:15px 7px 7px 7px;padding:0 0 10px 0;border-bottom:1px solid #CCC;}
.article span {display:block;font-weight:bold;margin-bottom:10px}
.stamp {margin:0 7px;padding:0;font-size:12px; color:#666;}
#share {margin:15px 7px 5px 7px;padding-bottom:5px;}
#share ul {float:left;width:90px;}
#share .social {float:right;width:180px;}
#share .social li {float:left;margin-right:7px;}
.soc_tools_button {background: none repeat scroll 0 0 #EFEFEF;margin:0 0 5px;text-align: center;width: 100px;font-size:10px;}
.soc_tools_button a {border: 1px solid #CCCCCC;color: #000000;display: block;height: 22px;padding-top: 6px;text-decoration: none;text-transform: uppercase;}
.soc_tools_button p {margin:0 0 0 2px;padding:1px 0 0 6px;}
.soc_tools_button a:hover {background: none repeat scroll 0 0 #CCCCCC;}
#commentsTrigger {position:relative;}
#commentsTrigger i { position:absolute;top:4px;left:81px; width:16px; height:8px; background: url(../img/7s7/caret.png) no-repeat 0 0; }
#commentsTrigger.collapse i  { background-position: 0 -30px;}

/*registreer*/
#loginCntr {padding:20px 5px  5px  5px;position:relative;border:1px solid #F00;margin:20px 7px;}
#loginCntr h3 {left:-9px;}
dt {margin:10px 0}
dd {margin:-28px 0 0 100px}

/*24u nieuws*/
#overviewCntr {text-transform:uppercase;text-align:center;color:#FFF;font-weight:bold;background:#006;background:-webkit-gradient(linear, left top, left bottom, from(#000066), to(#006699));font-size:16px;word-spacing:30px;}
#overviewCntr span {font-size:22px;}
#overviewCntr span a {color:#FFF;}

#overlay {display:none;position:absolute;background:url(../img/7s7/overlayBg.png) repeat scroll 0 0 transparent; position:absolute;left:0;top:43px;width:100%;z-index:1000}
.categories {border:2px solid #CCC;background:#E0E0E0;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;width:250px;margin:40px auto 0 auto;padding:0;}
.categories li {font-size:16px;padding:5px;border-bottom:1px solid #CCC;font-weight:bold;}
.categories li a {color:#006;display:block;}
.categories li:last-child {border:none;}

#mainCntr .categories {text-transform:uppercase;font-weight:bold;width:100%;border:none;}
#mainCntr .categories li {background:#D32828;background:-webkit-gradient(linear, left top, right bottom, from(#AA0000), to(#FF0000));border-top:1px solid #FFF;}
#mainCntr .categories li a {display:block; text-decoration:none;color:#FFF;}

#overlay p {display: block;
	outline: none;
	padding: 5px 0;
	text-align: center;
	text-decoration: none;
	font-size: 20px;
	font-weight:bold;
	text-transform:uppercase;
	border:none;
	border-radius: .5em;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	margin:20px auto;
	width:250px;
	border:2px solid #C00;

	/*kleur*/
	color: #FFF;
	background:#000000;
	background: -webkit-gradient(linear, left top, left bottom, from(#AA0000), to(#FF0000));
	background: -moz-linear-gradient(top,  #AA0000,  #FF0000);
	background: linear-gradient(#AA0000, #FF0000);
}
#overlay p:hover {
	background:#000000;
	text-decoration: none;
	background: -webkit-gradient(linear, left top, left bottom, from(#FF0000), to(#AA0000));
	background: -moz-linear-gradient(top,  #FF0000,  #AA0000);
	background: linear-gradient(#FF0000, #AA0000);
}


/* landscape view / high res */
@media screen and (min-width: 330px) {
	#btCntr img {width:60px;}
	
	#jFlowSlide {margin:0 auto;}

	/*breaking news*/
	#bnCntr li {text-align:center;}
	#bnCntr .articleL {float:none;}
	
	/*invert article, foto, adv*/
	.cntr3, #advCntr {width:100%;text-align:center;}
	#slides h1, .cntr3 h1, #cntr4 h1, #advCntr h1 {font-size:90%;}
	
	/*poll*/
	.cntr3#poll {text-align:left}
	
	.slide {height:320px;width:auto;}
}

/* low res */
@media screen and (max-width: 300px) {
	#jFlowSlide, #slides li, #cntr4 li, #cntr4 li div, #bnCntr .articleL {width:266px!important;}
	
	#indicator, #weatherType {display:none;}
	#btCntr img {width:70px;}
	
	#cntr4 li img, #cntr4 li div {float:none;}
	#cntr4 li img {margin:0 auto}
	#photoDetailCntr #nav p {font-size:10px;}
	#header #search input[type="text"] {width:80%}
	
	#share ul {float:none;width:100%;margin:10px 0}
	.soc_tools_button {
		float:left;
		margin:0 20px 5px 0;
		width: 45%;
	}
	ul .soc_tools_button:last-child {
		margin:0;
	}
	
	#share .social {float:left;width:100%;text-align:left;}
	#share .social li {margin-right:42px;}
	#share .social li:last-child {margin:0;}
}