@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, form, fieldset, p, ol, ul, li, dt, dd, dl, input, img {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	background-color: #FFFFFF;
	color: #7C7C7C;
	color: #000;
	font: 75% Arial, Helvetica, sans-serif; /* 12px */
}

.clearer { 
	clear: both; 
	display: block;
}

html>body {
	font-size: 12px;
}

ul, ol {
	list-style: none;
}

h1, h2, h3, h4, h5, h6, pre, code {
	font-weight: normal;
	font-size: 1em;
}

fieldset {
	padding-bottom: 0.833em;
}

.msi-blockwrap img:hover {
	/* opacity:0.7; valideert niet bij W3C */
}

a { text-decoration: none;}
.center {
	clear: both;
	margin: auto;
	position: relative;
	text-align: left;
	width: 83.333em; /* 1000px */
	background-color: #FFFFFF;
}

#center a {
	text-decoration: underline;
}

#center a:hover {
	text-decoration: none;
}

#center .col-33-33-33 a {
	text-decoration: underline;
}

#center .col-33-33-33 a:hover {
	text-decoration: none;
}

#center .home-bovenaan-col-33-33-33 a {
	text-decoration: none;
}

.right { 
	display: inline;
	float: right;
}

.align-right {
	text-align: right;
}
.align-left {
	text-align: left;
}
.align-center {
	text-align: center;
}
.fir { text-indent: -999em;}

.fir a {
	display: block;
	height: 100%;
	overflow: hidden;
	width: 100%;
	text-indent: -999em;
}

.clear, .clearfix {
	clear:both;
	display: block;
	height:1%;
}

.clearfix:after {
	clear:both;
	content:".";
	display:block;
	height:0pt;
	visibility:hidden;
}

* html .clearfix {
	height:1%;
}


.big {
	font-size: 1em;
	text-transform: uppercase;
}

h2 {
	font-size: 1.2em;
	margin-bottom: 0.833em; /* 10px */
}

h1 { font-size: 2.0em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em;}

.spacer-gif { clear:both; display:block; width:100%; }

/* Header */
#header, #header-sub {
	position: relative;
	z-index: 2;
}

.csc-textsubheader {
	margin-bottom: 0.416em; /* 5px */
}

/* Logo */
#logo h1, #logo div.fir {
	height: 128px;
}

/* Magazine */
#magazine {
	height: 79px;
	text-align: right;
	padding-right: 33.8332em; /* 406px */
	padding-top: 92px;
}

#magazine p {
	font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	font-size: 0.916em;
}

#magazine p a {
	color: #FFFFFF;
}

/* Top Image */
#top-image {
	position: absolute;
	width: 406px;
	height: 303px;
	top: 0;
	right: 0;
}

/* News */
#news {
	background: transparent url(../img/news_bg.gif) no-repeat scroll 0%;
	position: absolute;
	width: 172px;
	height: 295px;
	top: 119px;
	left: 0.8333em; /* 10px */
	padding-left: 12px;
	padding-right: 24px;
}

#header-sub #news {
	background: transparent url(../img/news_bg2.gif) no-repeat scroll 0%;
	top: 0;
	height: 305px;
	z-index: 2;
}

#news h3 {
	margin-bottom: -10px;
}

#news #rss {
	background: transparent url(../img/rss.gif) no-repeat;
	height: 14px;
	width: 14px;
	margin-top: 29px;
	margin-bottom: 22px;
}

#header-sub #news #rss {
	margin-top: 39px;
}

#news dd {
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 0.833em; /* 10px */
}

#news dd a {
	color: #722B4D;
}

#news #news-more {
	text-align: right;
	font-weight: bold;
}

/* Main menu */
#main-menu {
	display: block;
	position: relative;
	height: 29px;
	z-index: 1;
	width: 1000px;
}

#main-menu ol {
	left: 20.5em; /* 246px */
	left: 19em; /* na aanpassing pagina-titel naar links gezet ( EB ) */
	position: absolute;
}

#main-menu ol li {
	display: inline;
	/*display: block;*/
	float: left;
	position: relative;
	white-space: nowrap;
}

#main-menu ol ol li{
	display: block;
	float: none;
	padding: 0;
}

#main-menu ol li a {
	display: block;
	font-size: 14px;
	font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0 1em; /* 20px */
	padding-top: 5px;
	padding-bottom: 6px;
}

#main-menu ol ol a {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

#main-menu ol li ol,  
#main-menu ol li:hover ol li ol, 
#main-menu ol li.hover ol li ol {
	position: absolute;
	left: 0pt;	
	
	left: auto; /* aanpassing voor links uitklappen submenu */
	right: 0pt;
	
	top: 100%;
	display: block;
	visibility: hidden;
	padding: 1em 0;
	padding: 0;
}

#main-menu ol li.last ol,  
#main-menu ol li.last:hover ol li ol, 
#main-menu ol li.hover ol li ol {
	position: absolute;
	left: auto;
	right: 0pt;
	top: 100%;
	display: block;
	visibility: hidden;
	padding: 1em 0;
	padding: 0;
}


#main-menu ol li:hover ol, #main-menu ol li ol li:hover ol, #main-menu ol li.hover ol, #main-menu ol li ol li.hover ol {
	visibility: visible;
}

#main-menu ol li ol li { padding: 0; }

#main-menu ol li ol li a {
	display: block;
	margin-left: 0.3em;
	margin-right: 0.3em;
	padding: 0.3em;
}

#main-menu ol li ol li, #main-menu ol li.last {
	border: 0;
}

#main-menu ol ol ol, #main-menu ol li.first ol ol, #main-menu ol li:hover ol li ol, #main-menu ol li.hover ol li ol {
	/*left: 100%; */
	
	right: 100%; /* aanpassing voor links uitklappen submenu */
	
	top: -0.833em; /*10px*/
	white-space: pre;
}

#main-menu ol li.first { padding-left: 0;}
#main-menu ol li.first ol { left: -1.666em; /* 20px */}
#main-menu ol li.last { padding-right: 0;}


/* Breadcrumb */
#breadcrumb {
	background: #FFF url(../img/breadcrumb_bg.gif) repeat-x scroll 0 top;
	padding: 0.833em 0; /* 10px */
}

#breadcrumb ol {
	margin-left: 20.5em; /* 246px */
}

/* Menu left //////////////////////////////////////*/
.homeshoppingCategories {
	line-height: 2em;
	font: 1.3em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; /* 11px */
	margin: 0 0.833em 0.833em 0.833em; /* 10px */
	width: 162px;
}

.homeshoppingCategories li {
	text-indent: 0.3em; /* 20px */
	display: block;
	white-space: nowrap;
}

/* Content */
/* Left column */
#left {
	width: 17.08em; /* 205px */
	margin-top: 4em;
	overflow: hidden;
}

#content-sub #left {
	margin-top: 9.8333em;
}

#left div .csc-header, #left div .csc-menu {
	margin-left: 0.833em;
}

#left div .csc-menu {
	margin-left: 0em;
}

/* Extra menu */
#extra-menu {
	margin: 0 0.833em 0.833em 0.833em; /* 10px */
	font: 0.916em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; /* 11px */
	line-height: 2em;
}

#extra-menu li {
	text-indent: 1.666em; /* 20px */
}

#extra-menu #login {
	background: transparent url(../img/extra-menu_login.gif) no-repeat scroll 0% 0.5em;
}

#extra-menu #sendtofriend {
	background: transparent url(../img/extra-menu_sendfriend.gif) no-repeat scroll 0% 0.5em;
}

#extra-menu #newsletter {
	background: transparent url(../img/extra-menu_newsletter.gif) no-repeat scroll 0% 0.5em;
}

#extra-menu #mail-webredactie {
	background: transparent url(../img/extra-menu_webredactie.gif) no-repeat scroll 0% 0.5em;
}

#extra-menu #mail-redactie {
	background: transparent url(../img/extra-menu_redactie.gif) no-repeat scroll 0% 0.5em;
}

/* Center column */
#center {
	width: 52.208em; /* 625px */
	margin-left: 1.666em; /* 20px */
}

#center ol, #center ul {
	list-style:disc;
	margin-left: 1.3em;
	margin-bottom: 1.3em;
	padding-left: 1.3em;
}

/*Right column */
#right {
	width: 10em; /* 120px */
	margin-right: 0.833em; /* 10px */
}

/* Footer 1 */
#footer1 {
	height: 9.5em; /* 114px */
	overflow: hidden;
	width: 1000px;
}

#footer1-left {
	width: 17.08em; /* 205px */
}

#footer1-center {
	width: 45.841em; /* 625px */
	margin-left: 1.666em; /* 20px */
	padding-top: 3.332em; /* 40px */
}

/* Footer 2 */
#footer2 { padding: 0.6em 0;}

#footer2 li {
	display: inline;
	font-size: 0.916em; /* 11px */
}

/* Advertisements */
#advertisement-rectangle, #advertisement-skyscraper {
	text-align:center;
}
#advertisement-rectangle p, #advertisement-skyscraper p {
	font-size: 0.8em;
}
#advertisement-leaderboard {
	margin: auto;
	width: 728px;
	height: 90px;
}
#advertisement-rectangle {
	margin: auto;
	width: 336px;
}
.clear, #advertisement-rectangle  { clear: both;}

/* Teasers */
#left .teaser { margin-bottom: 0.833em; /* 10px */}
#center .teaser-top p { margin-bottom: 0;}
.teaser-top a, #news #news-more a, #extra-menu li a { color: #7C7C7C;}
#news a:hover, .tx-vgetagcloud-pi1 a:hover { text-decoration: underline;}
#main-menu a, #footer2, #footer2 a { color: #FFFFFF;}

.frame-banner, .frame-no-border {
	margin: 12px;
	margin-right: 0;
	padding: 0.3em;
}

.frame-banner *, .frame-no-border * {  font-family: Georgia, serif; }

/*Columns ///////////////////////////////////////////////////////////////////////////////////*/
.col-50-50, .col-33-33-33, .home-bovenaan-col-33-33-33, .col-33-66, .col-66-33 {
	margin-bottom: 1em;
}

.col-left, .col-center, .col-right {
	display: inline;
	float: left;
	overflow: hidden;
}

.col-right { margin-left: 1.666em; /* 20px */ }

/* col-50-50 */
.col-50-50 .col-left, .col-50-50 .col-right { width: 25.208em; /* 302.5px */}
#left .col-50-50 .col-left, #left .col-50-50 .col-right { width: auto;}

/* col-33-33-33 */
.col-33-33-33 .col-center, .home-bovenaan-col-33-33-33 .col-center {
	width: 16.25em; /* 195px */
	margin-left: 1.666em; /* 20px */
}

/* col-33-66 */
.col-33-66 .col-right { width: 34.166em; /* 410px */}

/* col-66-33 */
.col-66-33 .col-left { width: 34.166em; /* 410px */}

.col-33-33-33 .col-left, .col-33-66 .col-left, .home-bovenaan-col-33-33-33 .col-left,
.col-33-33-33 .col-right, .col-66-33 .col-right, .home-bovenaan-col-33-33-33 .col-right {
	width: 16.25em; /* 195px */
}
/* Extensions ////////////////////////////////////////////////////////////////////////////////*/

/* Searchform */
#searchform input.text {
	margin-left: 0.833em; /* 10px */
	/*
	*: /; /* Valideert niet in W3C
	*/
	width: 11.500em; /* 138px */
}

#searchform input.submit {
	margin-left: 0.3em; 
	width: 3.917em; /* 47px */
	margin-right: 0;
}

#searchform input {
	/* font-size: 1em; *//* 12px */
}

#searchform, #tx-srfeuserregister-pi1-fe_users_form li.checkbox {
	display: inline;
	width: auto;
}

/* tagcloud */
.tx-vgetagcloud-pi1 {
	background-color: transparent;
	text-align: center;
}

.tx-vgetagcloud-pi1 a {
	padding: 4px;
}

#footer2 {
	text-align: center;
}
/* Quote of the day */
.tx-ncquoteoftheday-controller {
	clear: both;
	padding: 1.666em 0;
	border-top: 2px dotted #7C7C7C;
	border-bottom: 2px dotted #7C7C7C;
	margin-bottom: 1.666em; /* 20px */
}

.tx-macinasearchbox-pi1, #content, #center p {
	padding-bottom: 1.666em; /* 20px */
}

/* New login box*/
#newloginbox  fieldset.submit {
	padding-left: 10.333em; /* 100px */
}

#newloginbox fieldset label {
	width: 8.333em; /* 100px*/
}

#newloginbox fieldset label em {
	left: 8.333em; /* 100px*/
}

/* Tip a friend */
#tip-a-friend fieldset, #newloginbox fieldset, #tx-srfeuserregister-pi1-fe_users_form fieldset, #tt_address_form fieldset {
	margin-bottom: 0.833em; /* 10px */
	border: 1px solid;
	float: left;
	clear: left;
	width: 98%;
}

#tip-a-friend legend, #newloginbox legend, #tx-srfeuserregister-pi1-fe_users_form legend, #tt_address_form legend {
	margin-left: 1em;
	font-weight: bold;
}

#tip-a-friend fieldset ol, #newloginbox fieldset ol, #tx-srfeuserregister-pi1-fe_users_form ol, #tt_address_form fieldset ol {
	padding: 1em 1em 0 1em;
}

#tip-a-friend fieldset li, #newloginbox fieldset li, #tx-srfeuserregister-pi1-fe_users_form li, #tt_address_form fieldset li {
	padding-bottom: 1em;
	clear: left;
}

#tx-srfeuserregister-pi1-fe_users_form li.checkbox {
	clear: none;
}

#tip-a-friend fieldset.submit, #newloginbox fieldset.submit, #tx-srfeuserregister-pi1-fe_users_form fieldset.submit, #tt_address_form fieldset.submit {
	border-style: none;
	float: none;
	width: auto;
}

#tip-a-friend fieldset.submit, #tx-srfeuserregister-pi1-fe_users_form fieldset.submit {
	padding-left: 19.1em; /* 195px */
}

/* User register */
#tx-srfeuserregister-pi1-fe_users_form fieldset label strong {
	display: block;
	color: #FF0000;
	font-size: 0.833em; /* 10px */
	font-weight: normal;
	text-transform: uppercase;
}

* html #tx-srfeuserregister-pi1-fe_users_form li {
	height: 1%;
}

#tx-srfeuserregister-pi1-fe_users_form li:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#tx-srfeuserregister-pi1-fe_users_form fieldset fieldset {
	border: 0 none;
}

#tx-srfeuserregister-pi1-fe_users_form li.checkbox label {
	float: none;
}

#tx-srfeuserregister-pi1-fe_users_form li.label, .left, #breadcrumb li {
	display: inline;
	float: left;
}

/*tip-a-friend */
#tip-a-friend fieldset .indent, #tx-srfeuserregister-pi1-fe_users_form fieldset .indent, #tt_address_form .indent {
	padding: 0;
	padding-top: 1em;
	padding-left: 18em; /* 195px */
}

#tip-a-friend fieldset .small, #tx-srfeuserregister-pi1-fe_users_form fieldset .small, #tt_address_form .small {
	font-size: 0.9em; /* 10px */
}

#tip-a-friend fieldset .small.indent, #tx-srfeuserregister-pi1-fe_users_form fieldset .small.indent, #tt_address_form .small.indent {
	padding: 0;
	padding-bottom: 1em;
	padding-left: 215px;
}

#tip-a-friend fieldset em, #newloginbox fieldset em, #tx-srfeuserregister-pi1-fe_users_form fieldset span, #tt_address_form fieldset em {
	color: #FF0000;
}

#tip-a-friend fieldset label em, #newloginbox fieldset label em, #tx-srfeuserregister-pi1-fe_users_form fieldset label span, #tt_address_form fieldset label em {
	position: absolute;
	top: 0;
}

#tip-a-friend fieldset label em, #tx-srfeuserregister-pi1-fe_users_form fieldset label span, #tt_address_form fieldset label em {
	left: 16.25em; /* 195px */
}


#tip-a-friend fieldset label, #newloginbox fieldset label, #tx-srfeuserregister-pi1-fe_users_form fieldset label, #tt_address_form fieldset label {
	position: relative;
	float: left;
	margin-right: 1em;
	text-align: right;
}

#tip-a-friend fieldset label, #tx-srfeuserregister-pi1-fe_users_form fieldset label, #tt_address_form fieldset label {
	width: 16.25em; /* 195px */
}

#tx-srfeuserregister-pi1-fe_users_form fieldset .checkbox label {
	width: 20px;
}

.alert { color:#CC0000; font-size:1.1em; }
