/* --------------------------------------------------------------

	Site: www.ilsemedia.nl
	Author: www.buyways.nl

	screen.css
	* Main stylesheet

-------------------------------------------------------------- */

html {
	overflow-y: scroll;
	/*height: 100%;*/
	}
body {
	/*min-height: 100%;*/
	background: #fff;
	}


/* =Header
-------------------------------------------------------------- */

#logo {
	position: absolute;
	left: 0;
	top: 10px;
	}
#menu {
	position: absolute;
	top: 88px;
	left: 0;
	z-index: 99;
	width: 960px;
	}
#hdr-logos {
	margin-top: 6px;
	}

ul#menu { border-bottom: 1px solid #b7c7dd; }
ul#menu,
#menu li { margin: 0; padding: 0; list-style-type: none; }
#menu li {
	position: relative;
	left: -12px;
	float: left;
	background: url(../images/menu_divider.png) no-repeat center right;
	padding: 0 5px;
	}
#menu li li { left: 0; }
#menu a {
	display: block;
	float: left;
	padding: 4px 4px 5px 5px;
	border-bottom: 0;
	height: 18px;
	color: #003f80;
	text-decoration: none;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	}
#menu a.selected,
#menu a:hover,
#menu a:focus,
#menu a:active { color: #991722; text-decoration: none; }
#menu .sub a:hover,
#menu .sub a:focus,
#menu .sub a:active,
#menu .sub a.sflinkhover {
	position: relative;
	z-index: 11;
	padding: 3px 3px 4px 4px;
	border: 1px solid #a6a6a6;
	border-bottom: 0;
	background: #fff;
	}
#menu .sub      { position: relative; }
#menu .sub li a {
	padding: 0 5px 0 6px;
	border: 1px solid #fff;
	color: #989898;
	text-transform: lowercase;
	font-size: 11px;
	}
#menu .sub li a:hover,
#menu .sub li a:focus,
#menu .sub li a:active {
	padding: 0 5px 0 6px;
	border: 1px solid #fff;
	color: #1197d5;
	}
#menu li ul {
	display: none;
	position: absolute;
	top: 25px;
	left: -9999em;
	margin-left: 0;
	padding: 20px 7px 12px 0;
	border: 1px solid #a6a6a6;
	z-index: 10;
	min-width: 160px;
	background: #fff;
	}
#menu li.last { background: none; }
#menu ul li {
	float: none;
	height: 23px;
	line-height: 23px;
	background: none;
	white-space: nowrap;
	}
#menu ul li a {
	display: inline;
	float: none;
	color: #989898;
	}
#menu li:hover ul,
#menu li.sfhover ul { display: block; left: 5px; }

#breadcrumb {
	position: absolute;
	top: 123px;
	left: 0;
	color: #003f80;
	font-size: 10px;
	}
#breadcrumb a { color: #003f80; text-decoration: none; }
#breadcrumb a:hover,
#breadcrumb a:focus,
#breadcrumb a:active { text-decoration: underline; }

.dot {
	position: absolute;
	z-index: 1;
	left: 13px;
	top: 28px;
	width: 6px;
	height: 5px;
	background: #5b8dc3;
	overflow: hidden;
	}


/* =Footer
-------------------------------------------------------------- */

#footer { position: relative; z-index: 5; }
#footer ul,
#footer li      { margin: 0; padding: 0; list-style-type: none; }
#footer li      { display: inline; }
#footer li span { padding: 0 5px; }
#footer,
#footer a       { color: #003f80; text-decoration: none; }
#footer a:hover,
#footer a:focus,
#footer a:active { text-decoration: underline; }

#last-footer { border-right: 1px solid #c0c0c0; }

#footer-links     { float: left; }
#footer-logos     { float: right; }
#footer-logos img { vertical-align: middle; }
#footer-logos li  { padding: 0 10px; border-left: 1px solid #c0c0c0; }
#footer li.final  { border-right: 1px solid #c0c0c0; }

#footer div.info {
	float: left;
	padding-top: 1.6em;
	clear: both;
	width: 600px;
	}

/* =Sidebar
-------------------------------------------------------------- */

.search { position: relative; height: 66px; }
.selector { position: relative; margin-bottom: 20px; min-height: 120px; height: auto !important; height: 120px; }

#search-1,
#search-2 { position: absolute; right: 0; bottom: 0; z-index: 1; }
#search-2 { bottom: 10px; }
.selector select {
	position: relative;
	z-index: 9;
	margin-bottom: 6px;
	width: 198px;
  height: 23px;
	}
.search select {
	position: relative;
	z-index: 9;
	width: 150px;
	}
#sel-3 { width: 130px; }


/* =Home
-------------------------------------------------------------- */

.full-row  { clear: both; margin-left: 21px; }
.full-col1 { float: left; width: 443px; }
.full-col2 { float: right; width: 476px; }


/* =Main
-------------------------------------------------------------- */

.block { margin-bottom: 20px; }

.block-call-me-back { padding-top: 40px; }

div#gallery-wrapper { width: 600px; }
div.jobsnav-department { margin-top: 10px; }

a.more {
	margin-left: 4px;
	padding: 1px 0;
	background: url(../images/btn_more.png) no-repeat center right;
	text-decoration: none;
	}
a.more span { visibility: hidden; }
a.btn-inline img,
span.btn-inline img { vertical-align: middle; }

.options {
	margin-top: 10px;
    margin-left: 25px;
    margin-bottom: 10px;
	width: 500px;
	height: 25px;
	z-index: 10;
	}

.btn {
	display: block;
	float: left;
	margin-right: 50px;
	height: 25px;
	text-indent: -9999em;
	}
.btn-forward {
	width: 62px;
	background: url(../images/btn_forward.png) no-repeat left top;
	}
.btn-print {
	width: 29px;
	background: url(../images/btn_print.png) no-repeat left top;
	}
.btn-tell {
	width: 62px;
	background: url(../images/btn_tellafriend.png) no-repeat left top;
	}
.btn-back {
	width: 32px;
	background: url(../images/btn_back.png) no-repeat left top;
	}
.btn-pdf {
	width: 61px;
	background: url(../images/btn_pdf.png) no-repeat left top;
	}

.contact-1 { float: left; width: 175px; }
.contact-2 { float: right; width: 180px; }

.adverts img   { float: left; border: 1px solid #878787; }
.adverts .item-txt { float: right; width: 518px; }
.adverts .item { margin-bottom: 29px; }

.cat img       { float: left; }
.pic-border    { border: 1px solid #818181; }
.cat .item-txt { float: right; width: 216px; }
.cat .item     {
	display: inline;
	float: left;
	width: 306px;
	margin: 0 0 0 97px;
	}
.cat p         { margin-bottom: 0; }
.cat a.more    { margin: 0; background-position: center left; }
.cat .row      { margin: 0 0 30px -97px; width: 806px; }

#sidebar .item img { float: left }
#sidebar .item-txt { float: right; width: 177px; }
#sidebar .get-to-know { margin-top: 10px; }
#sidebar .get-to-know img { float: none; }

.alphabet   { margin: 30px 0; color: #63636b; font-weight: bold; }
.alphabet a { margin: 0 2px; color: #63636b; text-decoration: none; }
.alphabet a:hover,
.alphabet a:focus,
.alphabet a:active,
.alphabet a.selected { color: #6193c9; text-decoration: underline; }
.alphabet .unavailable { color: #dbdada }

.call-1 { float: left; width: 210px; }
.call-2 { float: right; width: 474px; }

.video { margin-bottom: 12px; }


/* =Table sorting on the tarieven pagina
-------------------------------------------------------------- */

.sorted-table .header         { margin-left: 12px; padding-left: 12px; background: transparent url(../images/sorting_bg.gif) scroll no-repeat left center; cursor: pointer; }
.sorted-table .headerSortUp   { background-image: url(../images/sorting_asc.gif); }
.sorted-table .headerSortDown { background-image: url(../images/sorting_desc.gif); }


/* =Legacy styling
-------------------------------------------------------------- */

.contentPLAT { vertical-align: top; text-align: left; }
table.contentPLAT-info { margin-left: 10px; float: right; width: auto; }

.copy { float: left; margin-top: 5px; line-height: 15px; color: #999; font-size: 9px; }
.stir { position: relative; float: left; margin-top: 5px; margin-left: 11px; }
.thuiswinkelen { position: relative; float: left; margin-top: 5px; margin-left: 11px; }
.iab { position: relative; float: left; margin-top: 5px; margin-left: 11px; }
.generationnext  { position: relative; float: left; margin-top: 5px; margin-left: 11px; }
.english { float: left; margin: -17px 0 0; padding: 0; width: 233px; height: 3px; line-height: 15px; vertical-align: top; text-align: right; color: #999; font-size: 9px; }
/* Opmaak rijen */
.kopImage { height: 29px; line-height: 0; vertical-align: top; text-align: left; font-size: 0; }
.kopIllImage { line-height: 0; font-size: 0; }
.contentRij265,
.contentRij368,
.contentRijLeft368,
.contentRijRight368 { float: left; border: 0; width: 265px; line-height: 15px; font-size: 11px; color: #333; }
.contentRij368,
.contentRijLeft368,
.contentRijRight368 { width: 368px; }
.contentRijLeft368 { margin-right: 39px; }
.stippelHome { height: 32px; line-height: 0; background: url(../images/bg_stippelhome.gif) no-repeat 0 16px; font-size: 0; }
.tussenruimte39 { float: left; width: 39px; border: 0; line-height: 11px; font-size: 1px; }
.tussenruimte47 { float: left; width: 47px; border: 0; line-height: 11px; font-size: 11px; }
/* content Opmaak rijen */
.stippel { width: 100%; height: 1px; line-height: 0; background-image: url(../images/bg_stippel.gif); background-repeat: repeat-x; font-size: 0; }
.ill-homeSmall { float: left; padding: 3px 4px 0 0; width: 60px; line-height: 0; font-size: 0; }
.ill-netwerk { line-height: 15px; vertical-align: top; text-align: left; font-size: 11px; }
.ill-netwerk-image {padding: 3px 10px 0 0; line-height: 0; text-align: left; font-size: 0; }

.linklistilsemediaLevel1 { margin: 0; padding: 0; height: 12px; color: #666; font-size: 11px; }
.linklistilsemediaLevel2 { position: absolute; z-index: 20; margin-top: -2px; margin-bottom: 10px; margin-left: 4px; background: url(../images/L_stippel.gif) no-repeat 0 -2px; height: 20px; text-decoration: none; }
a.linklist2ilsemediaSelectedLevel1 { font-weight: bold; }
a.linklist2ilsemediaSelectedLevel2 { color: #666; font-weight: normal; }
.linklist2ilsemediaLevel0,
.linklist2ilsemediaLevel1,
.linklist2ilsemediaLevel2,
a.linklistATAGilsemediaLevel0,
a.linklistATAGilsemediaLevel1,
a.linklistATAGilsemediaLevel2,
a.linklistATAGilsemediaSelectedLevel0,
a.linklistATAGilsemediaSelectedLevel1,
a.linklistATAGilsemediaSelectedLevel2 { margin: 0; padding: 7px 0 0; color: #666; font-size: 11px; }
a.linklistATAGilsemediaLevel0,
a.linklistATAGilsemediaSelectedLevel0 { height: 14px; font-weight: bold;  }
a.linklistATAGilsemediaLevel1,
a.linklistATAGilsemediaSelectedLevel1,
.linklistilsemediaSelectedLevel1 { height: 14px; }
a.linklistATAGilsemediaSelectedLevel2,
a.linklistATAGilsemediaLevel2 { margin-top: 10px; margin-left: 4px; padding: 0 0 0 8px; }
a.linklistATAGilsemediaSelectedLevel0,
a.linklistATAGilsemediaSelectedLevel1,
a.linklistATAGilsemediaSelectedLevel2 { color: #2267b3; }

.linklistilsemediaSelectedLevel0 { padding-bottom: 7px; }
.linklistilsemediaSelectedLevel2 { position: absolute; z-index: 20; margin-top: -2px; margin-bottom: 10px; margin-left: 4px; height: 20px; background: url(../images/L_stippel.gif) no-repeat 0 -2px; text-decoration: none; }

.linklistDIVilsemediaSelectedLevel0,
.linklistDIVilsemediaSelectedLevel1 { margin-left: 14px; padding: 5px 0 7px 0; }
.linklistDIVilsemediaSelectedLevel2 { margin-left: 14px; padding: 17px 0 7px 0; height: 5px; }
.linklistDIVilsemediaLevel0,
.linklistDIVilsemediaLevel1 { margin-left: 14px; padding: 5px 0 7px 0; }
.linklistDIVilsemediaLevel2 { margin-left: 14px; padding: 17px 0 7px 0; height: 5px; }

.stippelDIV { margin-left: 7px; width: 138px; height: 1px; line-height: 0; background: url('../images/bg_stippel.gif') repeat-x; font-size: 1px; }
.width5,
.width15 { width: 5px; height: 1px; line-height: 1px; font-size: 1px; }
.width15 { width: 15px; }
/* componenten */
.tableBanner { margin-top: 20px; margin-left: -1px; width: 100%; }
.titelBanner { border-bottom: 1px solid #ccc; height: 18px; color: #003f80; font-weight: bold; }
.titelBanner.tariffsSelector { height: 30px; }
.titelBannerNoBottom { height: 18px; color: #588cc6; font-weight: bold; }
.heightBanner18,
.heightFacts15 { height: 18px; }
.titelFacts { border-bottom: 1px solid #ccc; height: 18px; color: #588cc6; font-weight: bold; }
.omschrijvingFacts { width: 150px; height: 18px; }
.widthFacts20 { width: 20px; }
.factsPorcent{padding-right: 5px; }
.iconentussenRuimten { margin-right: 5px; }
.alg3rijenCol1{ padding-right: 50px; width: 313px; vertical-align: top; text-align: left; }
.alg3rijenCol2 { padding-right: 20px; width: 210px; vertical-align: top; text-align: left; }
.alg3rijenCol3 { vertical-align: top; text-align: left; }

.channelDropdown { border: 1px solid black; line-height: 15px; color: #003f80; font-size: 9px; font-weight: normal; }
.pijltjeUitgeklapt,
.pijltjeIngeklapt { margin: 7px 0 0; }

/* zoekblok advertentienetwerk */
#netwerkzoekblok { margin: 0; padding: 0; border: 1px solid #cfcfcf; width: 163px; }
#netwerkzoekblok-inner { margin: 10px 12px 10px 12px; padding: 0; }
#netwerkzoekblok p { margin: 0; padding: 0; }
#netwerkzoekblok select { width: 100%; }
.line { margin: 15px 0 10px; padding: 0; height: 1px; line-height: 0; background: url('../images/line.gif') repeat-x; font-size: 0; }
#abcnav { width: 100% }
#abcnav ul { margin: 0; padding: 0; }
#abcnav li { display: block; float: left; margin: 7px 0; width: 14px; list-style: none; }
#abcnav li a { padding: 1px; color: #666; font-weight: normal; text-decoration: none; }
#abcnav li a:hover,
#abcnav li a:focus,
#abcnav li a:active { color: white; background-color: #2267b3; text-decoration: none; }

.padding-right20 { padding-right: 20px; vertical-align: top; text-align: left; }
.blokBorder223 { padding: 12px; border: 1px solid #cfcfcf; width: 100%; }
.htmlbokIconen { width: 595px; }

/* used to frame the Ilse/Sanoma Picnic07 pages*/
#onecol { width: 590px; line-height: 15px; text-align: left; font-size: 11px; color: #333; font-weight: normal; }

/* used for the netwerkselector */
.bottomDotted { margin-bottom: 8px; padding-bottom: 4px; background: url(../images/bg_stippel.gif) repeat-x scroll 0 bottom;}


/* =Legacy styling fixes
-------------------------------------------------------------- */

#main div table { width: auto; }


/* =Pagination
-------------------------------------------------------------- */

.pag         { margin-bottom: 40px; color: #818181; text-align: center; }
.pag a       { color: #818181; text-decoration: none; }
.pag a:hover,
.pag a:focus,
.pag a:active { color: #5b8dc3; }
.pag span    { padding: 0 16px; }
.prev        { margin-right: 20px; }
.next        { margin-left: 20px; }
a.selected   { color: #5b8dc3; font-weight: bold; }
span.selected   { color: #5b8dc3; font-weight: bold; }

.site-info    { float: right; margin-left: 40px; width: 228px; overflow: hidden; }
.site-info dt { float: left; clear: left; font-weight: normal; }
.site-info dd { text-align: right; }
.site-info dd a { color: #5b8dc3; text-decoration: none; }
.site-info dd a:hover,
.site-info dd a:focus,
.site-info dd a:active { text-decoration: underline; }

.sel-1 { float: left; margin-right: 45px; width: 150px; }
.sel-2 { float: left; width: 250px; }

.select-options        { margin-bottom: 50px; }
.select-options label  { display: block; margin-bottom: 4px; }
.select-options select { width: 150px; }

table.proposities { width: 100% !important; }

table.proposities th input { margin-left: 1px !important; }