/* Body positioning
----------------------------------------------------------------------------- */

body {
    margin: 0px auto;
    position: relative;
    width: 940px;
}

.normalLists ul {
    margin: 5px 5px 0 15px;
}

.normalLists p {
    margin: 5px 0 5px 0;
}

/* HTML separators
----------------------------------------------------------------------------- */

hr.hidden {
    display: none;
}


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

#header {
    height: 70px;
    padding: 20px 10px 5px 10px;
    width: 920px;
    position: relative;
}

#branding {
    float: left;
    height: 45px;
    left: 10px;
    position: relative;
    top: 10px;
    width: 195px;
	text-decoration: none;
	border: 0;
}

#header #locatorsearch {
    float: right;
    width: 220px;
    height: 70px;
    padding: 0px;
}

#header #locatorsearch #slogan {
    float: right;
    height: 22px;
    margin-left: -10px;
    width: 220px;
}

#header #locatorsearch p {
    padding: 0px 0px 0px 10px;
}

/* Locator search
----------------------------------------------------------------------------- */


#searchField,
#searchField_webshop,
#searchFieldMain {
    height: 20px;
    line-height: 20px;
    margin: 4px 10px 0px 0px;
    padding: 2px 0px 0px 5px;
    width: 134px;
}

#locatorsearchMain {
    margin-top: 10px;
}
.pagina #maincontent #innercontent,
.vestigingen #maincontent #innercontent,
.winkels #maincontent #innercontent  {
	min-height: 540px;
}
#locatorsearchMain #searchButtonMain {
	margin-left: 6px;
	float: left;
}

#searchField,
#searchField_webshop {
    margin-left: 10px;
    margin-top: 6px;
}

/* Content
----------------------------------------------------------------------------- */

#content {
    float: left;
    padding: 0px;
    width: 940px;
}


/* Navigation
----------------------------------------------------------------------------- */

#content #navigation {
    float: left;
    display: block;
    left: 20px;
    padding: 0px;
    position: relative;
    top: 10px;
    width: 700px;
}

#content #navigation li {
    float: left;
    height: 35px;
    margin-right: 2px;
    width: 111px;
}

#content #navigation li a {
    display: block;
    padding: 2px 0;
    text-align: center;
}

/* Subnavigation
----------------------------------------------------------------------------- */

#maincontent #subnavigation {
    display: block;
    float: left;
    padding: 0px;
    position: relative;
}

#maincontent #subnavigation li {
    float: left;
    height: 25px;
    margin-right: 22px;
    width: 106px;
}

#maincontent #subnavigation li a {
    display: block;
    padding: 2px;
    text-align: center;
}

/* Main Content
----------------------------------------------------------------------------- */
#carousel-wrap {
	background-color: #fff;
	overflow: hidden;
	height: 160px;
	width: 680px;
	margin-bottom: 9px;
	margin-left: -10px;
	position: relative;
}
#carousel {
	clear: both;
	width: 1400px;
	left: 0;
	position: absolute;
}
#carousel:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#carousel li {
	float: left;
	width: 199px;
	height: 145px;
	margin-right: 11px;
	padding: 5px 8px;
	border: 2px solid #203092;
	position: relative;
	font-family: arial, verdana, sans-serif;
}
#carousel li h3 {
	padding: 1px 0 3px 0;
	font-size: 1.1em;
	font-weight: normal;
}
#carousel li .illustration {
	position: absolute;
	top: 33px;
	right: 4px;
}
#carousel li .header-image {
	padding-top: 4px;
	border-bottom: 1px dashed #0c3d9e;
}
#carousel li .price {
	background: none;
	background-color: none;
	position: absolute;
	left: 9px;
	bottom: 0;
	color: #ff0000;
	font-size: 1.1em;
}
#carousel li.even {
	background-color: #c9d1eb;
}
#carousel li.odd {
    background-color: #fff;
}
#carousel li .innercornerWhite_BlueTopLeft {
	top: -2px;
	left: -2px;
}
#carousel li .innercornerWhite_BlueTopRight {
	top: -2px;
	right: -2px;
}
#carousel li .innercornerWhite_BlueBottomLeft {
	bottom: -2px;
	left: -2px;
}
#carousel li .innercornerWhite_BlueBottomRight {
	bottom: -2px;
	right: -2px;
}
#carousel li h3 {
	margin-bottom: 5px;
	border-bottom: 1px dashed #000;
}
#carousel li p {
	font-size: 0.85em;
	color: #000;
}
#carousel li p.description {
	width: 120px;
	font: 0.9em arial, verdana, sans-serif;
}
#carousel li p.footer {
	position: absolute;
	bottom: 5px;
	right: 5px;
}
#carousel .carousel-link {
	display: block;
	border: 1px solid red;
}
#carousel li p.footer a {
	display: block;
	width: 118px;
	height: 22px;
	margin-top: 3px;
	text-align: center;
	font-size: 1em;
	font-weight: bold;
	color: #fff;
}
#carousel .text-banner-button-wrap { 
	right: 0;
	bottom: -5px;
}
#carousel .odd .text-banner-button-left,
#carousel .odd .text-banner-button-right {
	background-color: #fff;
}
#carousel .odd .text-banner-button-left {
	left: 1px;
	width: 8px;
}


/* Main Content
----------------------------------------------------------------------------- */

#maincontent {
    float: left;
    left: 20px;
    margin: 0px;
    padding: 0px 10px 10px 10px;
    position: relative;
    width: 660px;
    top: 0px;    
}

body.home #maincontent {
    padding-bottom: 0px;
}
body.contact #maincontent,
body.pagina #maincontent,
body.ondernemers #maincontent,
body.vestigingen #maincontent,
body.winkels #maincontent,
body.efolder #maincontent,
body.nieuwsbrief #maincontent {
	padding-top: 10px;
}

#maincontent #innercontainer {
    float: left;
    min-height: 525px;
    _height: 525px;
    padding: 10px;
    position: relative;
    width: 640px;
}

#maincontent #innercontainer h2 {
    margin: 0px 0px 10px 0px;
}

#maincontent #innercontainer #innercontent {
    float: left;
    padding: 10px;
    position: relative;
    width: 620px;
}
#innercontainer #innercontent {
    min-height: 240px;
}
#maincontent #innercontainer #innercontent h1 {
    margin-bottom: 10px;
}

#maincontent #innercontainer iframe {
    margin-left: -10px;
}

#maincontent.fullwidth {
    min-height: 260px;
    /*padding-bottom: 20px;*/
    width: 880px;
}

#maincontent.fullwidth #innercontainer {
    min-height: 360px;
    width: 860px;
}

#maincontent #homepagebanner {
    left: -10px;
    margin: 0px;
    padding: 0px;
    position: relative;
    top: -10px;
    width: 680px;
}

#maincontent #homepagebanner img {
   margin: 0 0 10px 10px;
}

#maincontent #homepageflash {
    float: left;
    height: 160px;
    left: -10px;
    margin: -10px 0px 0px 0px;
    padding: 10px 0px 0px 0px;
    position: relative;
}

#maincontent #bookcontainer {
    float: left;
    min-height: 200px;
    padding: 10px;
    position: relative;
    width: 640px;
}

#bookinfo1 {
    padding: 0px 10px 10px 10px;
    width: 399px;
    min-height:199px;
}
/* Announcements
----------------------------------------------------------------------------- */

#portalmessages_first,
#portalmessages_second {
    margin: 0px;
    padding: 0px;
    position: relative;
    top: 0px;
    width: 177px;
}

#portalmessages_first li,
#portalmessages_second li {
    padding: 10px;
    /*position: relative;*/
}

#portalmessages_first li {
    height: 97px;
}

#portalmessages_second li {
    height: 157px;
}

#portalmessages_first li h3,
#portalmessages_second li h3 {
    padding: 0px 0px 4px 20px;
    margin-bottom: 2px;
}

#portalmessages_first {
    float: left;
}

#portalmessages_second {
    float: right;
}
#searchButton {
	float: right;
	width: 30px;
	margin: 4px 16px 0 0;
}
#search_webshop #searchButton {
	margin-right: 0;
}
#search_webshop #searchField_webshop {
	margin-right: 50px;
}
#portalmessages_first .buttonDarkBlue,
#portalmessages_second .buttonDarkBlue {
    margin-top: 5px;
    /*
    position: absolute;
    bottom: 10px;
    */
}

#portalphoto {
    float: left;
    margin: 0px 10px;
}

#announcements {
    float: right;
    margin: 0px;
    padding: 0px;
    top:130px;
	position: absolute;
    right: 20px;
    width: 210px;
}

.puzzle #announcements  {
    float: left;
    margin: 0px;
    padding: 0px;
    top:10px;
    position: absolute;
    left: 5px;
    width: 210px;
}

#announcements li {
    height: 126px;
    margin: 0px;
    padding: 10px;
    position: relative;
}
#announcements li.thirdChild {
	height: 150px;
}
.puzzle #announcements li.thirdChild {
	height: 122px; 
	border: none;
}
#announcements img.illustration {
	position: absolute;
	bottom: 11px;
	right: 5px;
}
.puzzle #announcements img.illustration {
    bottom: 0px;
}
#announcements .lastChild img.illustration {
    top: 68px;
}


#announcements li div.bgHolder {
    background-position: right bottom;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0px;
    top: 0px;
    left: 0px;
    right: 0px;
    padding: 10px;
}

#ifDenksport{
	float:right;	
}
#announcements li div.bgHolder .buttonYellow {
    bottom: 10px;
    position: absolute;
}
#announcements li.lastChild div.bgHolder .buttonYellow {
    top: 100px;
}


.puzzle #announcements li.lastChild { height: 157px; }


#announcements li.lastChild div.bgHolder {
    bottom: 10px;
}
.puzzle #announcements li.lastChild div.bgHolder {
	bottom: 6px;
}

#announcements li h3 {
    margin-bottom: 5px;
    width: 180px;
}

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

#footer {
    display: block;
    float: left;
    padding: 0px 0px 10px 0px;
    text-align: center;
    width: 940px;
}

#footer li {
    display: inline;
    margin: 0px;
    padding: 0px 10px;
    position: relative;
    top: 20px;
}

#footer li a {
    margin: 0px;
    padding: 0px 0px 2px 0px;
}

/* Outer corners
----------------------------------------------------------------------------- */

.cornerOrangeTopLeft,
.cornerOrangeTopRight,
.cornerOrangeBottomLeft,
.cornerOrangeBottomRight,
.cornerDarkBlueTopLeft,
.cornerDarkBlueTopRight,
.cornerDarkBlueBottomLeft,
.cornerDarkBlueBottomRight,
.cornerLightBlueTopLeft,
.cornerLightBlueTopRight,
.cornerLightBlueBottomLeft,
.cornerLightBlueBottomRight {
    height: 10px;
    margin: 0px;
    padding: 0px;
    position: absolute;
    width: 10px;
}

.cornerOrangeTopLeft,
.cornerDarkBlueTopLeft,
.cornerLightBlueTopLeft {
    left: 0px;
    top: 0px;
}

.cornerOrangeTopRight,
.cornerDarkBlueTopRight,
.cornerLightBlueTopRight {
    right: 0px;
    top: 0px;
}

.cornerOrangeBottomLeft,
.cornerDarkBlueBottomLeft,
.cornerLightBlueBottomLeft {
    left: 0px;
    bottom: 0px;
}

.cornerOrangeBottomRight,
.cornerDarkBlueBottomRight,
.cornerLightBlueBottomRight {
    right: 0px;
    bottom: 0px;
}

/* Inner corners
----------------------------------------------------------------------------- */

.innercornerWhite_BlueTopLeft,
.innercornerWhite_BlueTopRight,
.innercornerWhite_BlueBottomLeft,
.innercornerWhite_BlueBottomRight,

.innercornerWhiteTopLeft,
.innercornerWhiteTopRight,
.innercornerWhiteBottomLeft,
.innercornerWhiteBottomRight,
.innercornerLightBlueTopLeft,
.innercornerLightBlueTopRight,
.innercornerLightBlueBottomLeft,
.innercornerLightBlueBottomRight,
.innercornerDarkBlueTopLeft,
.innercornerDarkBlueTopRight,
.innercornerDarkBlueBottomLeft,
.innercornerDarkBlueBottomRight {
    height: 10px;
    margin: 0px;
    padding: 0px;
    position: absolute;
    width: 10px;
    z-index: 100;
}

.innercornerWhiteTopLeft,
.innercornerWhite_BlueTopLeft,
.innercornerLightBlueTopLeft,
.innercornerDarkBlueTopLeft {
    left: 10px;
    top: 10px;
}

.innercornerWhiteTopRight,
.innercornerWhite_BlueTopRight,
.innercornerLightBlueTopRight,

.innercornerDarkBlueTopRight {
    right: 10px;
    top: 10px;
}

.innercornerWhiteBottomLeft,
.innercornerWhite_BlueBottomLeft,
.innercornerLightBlueBottomLeft,
.innercornerDarkBlueBottomLeft {
    left: 10px;
    bottom: 10px;
}

.innercornerWhiteBottomRight,
.innercornerWhite_BlueBottomRight,
.innercornerLightBlueBottomRight,
.innercornerDarkBlueBottomRight {
    right: 10px;
    bottom: 10px;
}

#innercontent .innercornerWhiteTopLeft,
#locationImage .innercornerLightBlueTopLeft,
#portalphoto .innercornerWhiteTopLeft,
#assortImage .innercornerWhiteTopLeft,
#aktiephoto .innercornerWhiteTopLeft,
.aktiebannertext .innercornerWhiteTopLeft,
.aktiebanner1 .innercornerWhiteTopLeft,
.aktiedetailbanner .innercornerWhiteTopLeft,
#aktiegernalphoto .innercornerWhiteTopLeft,
#innercontainer .innercornerDarkBlueTopLeft {
    left: 0px;
    top: 0px;
}

#innercontent .innercornerWhiteTopRight,
#locationImage .innercornerLightBlueTopRight,
#portalphoto .innercornerWhiteTopRight,
#assortImage .innercornerWhiteTopRight,
#aktiephoto .innercornerWhiteTopRight,
.aktiebannertext .innercornerWhiteTopRight,
.aktiebanner1 .innercornerWhiteTopRight,
.aktiedetailbanner .innercornerWhiteTopRight,
#aktiegernalphoto .innercornerWhiteTopRight,
#innercontainer .innercornerDarkBlueTopRight {
    right: 0px;
    top: 0px;
}

#innercontent .innercornerWhiteBottomLeft,
#locationImage .innercornerLightBlueBottomLeft,
#portalphoto .innercornerWhiteBottomLeft,
#assortImage .innercornerWhiteBottomLeft,
#aktiephoto .innercornerWhiteBottomLeft,
.aktiebannertext .innercornerWhiteBottomLeft,
.aktiebanner1 .innercornerWhiteBottomLeft,
.aktiedetailbanner .innercornerWhiteBottomLeft,
#aktiegernalphoto .innercornerWhiteBottomLeft,
#innercontainer .innercornerDarkBlueBottomLeft {
    left: 0px;
    bottom: 0px;
}

#innercontent .innercornerWhiteBottomRight,
#locationImage .innercornerLightBlueBottomRight,
#portalphoto .innercornerWhiteBottomRight,
#assortImage .innercornerWhiteBottomRight,
#aktiephoto .innercornerWhiteBottomRight,
.aktiebannertext .innercornerWhiteBottomRight,
.aktiebanner1 .innercornerWhiteBottomRight,
.aktiedetailbanner .innercornerWhiteBottomRight,
#aktiegernalphoto .innercornerWhiteBottomRight,
#innercontainer .innercornerDarkBlueBottomRight {
    right: 0px;
    bottom: 0px;
}

#assortImage .innercornerWhite_BlueTopLeft{
	left: 0px;
    top: 0px;

}
#assortImage .innercornerWhite_BlueTopRight{
	right: -2px;
    top: 0px;
}
#assortImage .innercornerWhite_BlueBottomLeft{
	 left: -0px;
     bottom: -2px;
}
#assortImage .innercornerWhite_BlueBottomRight{
	right: -2px;
    bottom: -2px;
}




#assortiment-button .innercornerWhite_BlueTopLeft,
.aktiebannertext .innercornerWhite_BlueTopLeft,
.aktiebanner1 .innercornerWhite_BlueTopLeft,
.aktiedetailbanner .innercornerWhite_BlueTopLeft,
#aktiegernalphoto .innercornerWhite_BlueTopLeft,
#aktiephoto .innercornerWhite_BlueTopLeft{
	left: -2px;
    top: -2px;
}

#assortiment-button .innercornerWhite_BlueTopRight,
.aktiebannertext .innercornerWhite_BlueTopRight,
.aktiebanner1 .innercornerWhite_BlueTopRight,
.aktiedetailbanner .innercornerWhite_BlueTopRight,
#aktiegernalphoto .innercornerWhite_BlueTopRight,
#aktiephoto .innercornerWhite_BlueTopRight{
	right: -2px;
    top: -2px;
}

#assortiment-button .innercornerWhite_BlueBottomLeft,
.aktiebannertext .innercornerWhite_BlueBottomLeft,
.aktiebanner1 .innercornerWhite_BlueBottomLeft,
.aktiedetailbanner .innercornerWhite_BlueBottomLeft,
#aktiegernalphoto .innercornerWhite_BlueBottomLeft,
#aktiephoto .innercornerWhite_BlueBottomLeft{
	left: -2px;
    bottom: -2px;
}

#assortiment-button .innercornerWhite_BlueBottomRight, 
.aktiebannertext .innercornerWhite_BlueBottomRight,
.aktiebanner1 .innercornerWhite_BlueBottomRight,
.aktiedetailbanner .innercornerWhite_BlueBottomRight,
#aktiegernalphoto .innercornerWhite_BlueBottomRight,
#aktiephoto .innercornerWhite_BlueBottomRight{
	right: -2px;
    bottom: -2px;
}

/* Akties specific
----------------------------------------------------------------------------- */

#aktie {
    /*float: left;*/
	position: relative;
    min-height: 199px;
	height: 1%;
}
#aktie:after,
#aktiebuttons:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;	
}
#meer-acties {

}
#aktie li, #assortiment-button div, #meer-acties li {
    float: left;
	margin: 0 0 5px 0;
}
#assortiment-button div, #aktiephoto, #meer-acties li, #aktiegernalphoto {
	position: relative;
}
#aktie #aktiegernalphoto, #aktie #aktiephoto {
	float: right;
}
#meer-acties li {
	margin-bottom: 10px;
}
#meer-acties li.left-col {
	margin-right: 10px;
}
#meer-acties li.middle-col {
	margin: 0 12px;
}
.aktiedetailbanner a,
.aktiebanner1 a {
	padding-top: 21px;
    position: relative;
	display: block;
	color: #000;
	text-decoration: none;
	font-weight: bold;
}
.aktiebanner1 a {
	padding-top: 20px;
}
.aktiedetailbanner a:hover,
.aktiebanner1 a:hover {
	text-decoration: none;
}
.aktiebannertext {
	position: absolute;
	top: 35%;
	right: 8px;
	text-align: right;
	color: #000;
}
.meer-detail-page .aktiebannertext {
	top: 44%;
}
.aktiedetailbanner {
	position: relative;
	margin: 10px 10px 0 0;
    width: 201px;
    height: 178px;
}
#acties-terug-wrap, #cadeau-terug-wrap {
	margin-left: 4px;
}
#cadeau-terug-wrap {
	margin-top: 160px;
}
#acties-terug, #acties-terug-wrap, #cadeau-terug-wrap, #cadeau-terug {
	clear: both;
	width: 10em;
	display: block;
}
#acties-terug a, #cadeau-terug a {
	color: #fff;
	text-align: left;
	display: block;
	text-decoration: none;
	font: bold 1.1em verdana, arial, sans-serif;
	line-height: 1.9;
}

#aktiegernalphoto {
    background-position: center center;
    background-repeat: no-repeat;
    width: 209px;/*378px; */
    height: 159px;/*315px;*/
}

#aktiephoto {
    background-position: center center;
    background-repeat: no-repeat;
    /*
    width: 259px;
    height: 299px;
    */
    width: 201px;
    height: 232px;
}
#aktietime {
	clear: both;
    width: 368px;
	padding-top: 10px;
}
.aktiedetailtext { 
	clear: both;
	padding-top: 20px;
	margin-bottom: 10px;
}
#aktieinfo1 {
    padding: 0px 0px 10px 0px;
    width: 396px;
    min-height:199px;
}

#aktieinfo, .aktiedetailtext {  
	width: 349px;
}
#aktieinfo {
	padding-bottom: 40px;
	position: relative;
	min-height: 196px;
}
#aktiebuttons {
	position: absolute;
	bottom: 0px;
    margin: 10px 0px 10px 2px;
    padding: 0;
    width: 260px;
}

#aktieconditions,
#aktieform {
    position: absolute;
    top: 0px;
}

#aktieconditions {
    float: right;
    right: 0px;
}

#aktieform {
    float: left;
    left: 0px;
}

#webshopPortal {
	margin: 0 -10px 0 0;
}

#denksport{
	float:left;	
    position: relative;

}


/* Homepage specific
----------------------------------------------------------------------------- */

#bannerButton {
	bottom: 20px;
	left: 20px;
	position: absolute;
}
#actiebannerUl {
	clear: both;
	width: 700px;
}

#actiebannerUl:after,
#actiebannerList:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#actiebannerList {
	clear: both;
	margin-left: 18px;
	padding: 0 0 0 3px;
}
#actiebannerList li a {
	border: 2px solid #203092;
	display: block;
}
#actiebannerList li {	
	position: relative;
	float: left;
	margin: 0;
	padding: 0;	
}
#actiebannerList li.first {	
	margin-right: 10px;
}
#actiebannerList li {
	width: 334px;
}
#actiebannerList li .innercornerWhite_BlueTopLeft { top: 0; left: 0; }
#actiebannerList li .innercornerWhite_BlueTopRight { top: 0; right: 0; }
#actiebannerList li .innercornerWhite_BlueBottomLeft { bottom: 0; left: 0; }
#actiebannerList li .innercornerWhite_BlueBottomRight { bottom: 0; right: 0; }

/* Locator specific
----------------------------------------------------------------------------- */

#contentheader {
    margin-bottom: 10px;
}

#location {
    float: left;
    position: relative;
    width: 620px;
}

#locationName,
#locationData {
    float: left;
    margin: 0px 0px 20px 0px;
    position: relative;
    width: 242px;
}

#locationData dt {
    font-weight: bold;
    margin: 0px;
}

#locationData dd {
    margin: 0px 0px 10px 0px;
}

#locationImage {
    float: right;
    position: relative;
    width: 378px;
}

/* Assortment specific
----------------------------------------------------------------------------- */

#contentheader {
    margin-bottom: 10px;
}

#assort {
    float: left;
    position: relative;
    width: 579px;
}

#assortName,
#assortData {
    float: left;
    margin: 0px 0px 20px 0px;
    position: relative;
    width: 238px;
	min-height:310px;
}

#assortImage {   
    height: 376px;
    margin: 0 10px 0 0;
    width: 315px;   
}
#assortiment-wrap {
	height: 1%;
}
#assortiment-wrap:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#assortiment-info {
	float: left;
	width: 360px;
}
#assortiment-info p,
#aktie p {
	margin-bottom: 15px;
}
#assortiment-button {
	float: right;
}

/* Form specific
----------------------------------------------------------------------------- */
#frmContact {
    margin-top: 10px;
}

form li.titel {
    margin-bottom: 2px;
}

form li.input {
    margin-left: 10px;
    margin-bottom: 8px;
}

/* Lottery results specific
----------------------------------------------------------------------------- */

#innercontent.orange {
    /*background-image: url("/images/bg_uitslagen_staatsloterij.jpg");*/
    /*background-image: url("/images/bg_staatsloterij_logo.png");*/
    background-image: url("/images/logo-staatsloterij.jpg");
    background-position: 450px 10px;
    background-repeat: no-repeat;
    min-height: 300px;
}

#lotteryResults {
    margin: 0px auto;
}

#lotteryResults .lastDigit {
    margin: 0px auto;
}

#lotteryResults th,
#lotteryResults td {
    margin: 0px;
    padding: 5px;
}

#lotteryResults .digitIndex li {
    display: inline;
    padding: 5px;
}


#webshop_first {
    margin: 0px;
    padding: 0px;
    position: relative;
    top: 0px;
    width: 210px;
	float:left;
}

#webshop_first li{
    padding:0px 10px 0px 10px;	
	width:200px;	
}


.div10{
	height:10px;
}
#left_menus, #right_menus{
	width:210px;
	float:left;
}
#left_menus a,
#right_menus td.web_black span {
	color: #0F228B;
}


/**
 * Cadeaukaart styles...
 */
#cadeau-wrap:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#cadeauCardList .innercornerWhite_BlueTopLeft { top: 0; left: 0; }
#cadeauCardList .innercornerWhite_BlueTopRight { top: 0; right: 0; }
#cadeauCardList .innercornerWhite_BlueBottomLeft { bottom: 0; left: 0; }
#cadeauCardList .innercornerWhite_BlueBottomRight { bottom: 0; right: 0; }

#cadeauRightCol .innercornerWhite_BlueTopLeft { margin-top: -12px; margin-left: -12px; }
#cadeauRightCol .innercornerWhite_BlueTopRight { margin-top: -12px; margin-right: -12px; }
#cadeauRightCol .innercornerWhite_BlueBottomLeft { margin-bottom: -12px; left: -2px; }
#cadeauRightCol .innercornerWhite_BlueBottomRight { margin-bottom: -12px; margin-right: -12px; }


#cadeauIntro {
	float: left;
	width: 400px;
}
#cadeauRightCol {
	position: relative;
	float: right;
	width: 205px;
    height: 159px;
	margin-right: 2px;
	border: 2px solid #192788;
}
#cadeauCardList {
	clear: both;
	margin-top: 10px;
}
#cadeauCardList li {
	position: relative;
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
}
#cadeauCardList li.left-col {
	margin-right: 10px;
}
#cadeauCardList li .cardlist-wrap {
	width: 311px;
	height: 80px;
	border: 2px solid #192788;	
}
#cadeauCardList .logo {
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
}
#cadeauCardList h3 {
	margin-top: 10px;
}
#cadeauCardList .button {
	position: absolute;
	bottom: 10px;
	right: 10px;
}
#cadeauCardChecker {
	position: relative;
	margin-top: 20px;
	margin-right: 5px;
	padding-top: 100px;
	padding-left: 17px;
	border-top: dashed 1px black;	
	height: 38px;
	width: 406px;	
	background-image: url('/images/card/bg_cardChecker.gif');
	background-position: 0px 10px;
	background-repeat: no-repeat;
}
#cadeauCardChecker input {
	width: 160px;
	padding-left: 3px;
}
#cadeauCardSaldo {
	position: absolute;
	top: 25px;
	left: 10px;	
	width: 180px;
	height: 23px;	
	padding-left: 5px;
	padding-top: 8px;	
	background-image: url('/images/card/bg_cardCheckerSaldo.gif');
}
#cadeauCardSaldo span {
	color: #F00;
	font-weight: bold;
} 

#cadeauCardCheckerSubmit {
	margin-left: 318px;
	margin-top: 10px;
}

#saldoform{
	clear: both;
	width: 406px;
	margin-top: 69px;
}
#saldoform .input-cadocard{
	z-index:2;
	display: block;
	position: relative;
	top: 109px; 
	left: 17px;

}
#saldoform .saldo-cadocard{
	z-index:2;
	display: block;
	position: relative;
	top: 59px; 
	left: 19px;
}

.saldo-button{
	clear: both;
	padding-top: 10px; 
	display: block;
	float: right;
}
button.saldo-button {
	margin-top: 10px;
	background: url(/images/saldochecker/bekijk_saldo.gif) top left no-repeat;
	border: none;
	width: 90px;
	text-indent: -9999px;
	cursor: pointer;
	outline: none;
}
/* book specific
----------------------------------------------------------------------------- */

#bookList:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#bookList {
	clear: both;
	margin-top: 10px;
}
#bookList li {
	position: relative;
	float: left;
	margin: 0 50px 10px 16px;
	padding: 0 0 10px 0;
	width: 110px;
	height: 260px;
}
#bookList li.first-book {
	margin-left: 0;
}
#bookList li.last-book {
	margin-right: 0;
}
#bookList li .book-wrap {
	height: 169px;	
}

#bookList .logo {
	
}
#bookList a {
	text-decoration: none;
}

#bookRightCol{
	background-position: center center;
    background-repeat: no-repeat;
    width: 209px;/*378px; */
    height: 159px;/*315px;*/
    border: 1px solid rgb(25, 39, 136); 
}

.bookprice {
	display: block;
    /*
    position: absolute;
    top: 210px;
    left: 0px;
    */
    width: 64px;
    height: 16px;
    padding-top: 15px;
	
	font-weight: bold;
	
	width: 87px;
    height: 22px;
    line-height: 22px;
    padding-top: 0px;
    padding-left: 0px;
    background-image: url('/images/bg_books_price.gif');
    margin-bottom: 15px;
}
.bookprice .number {
	padding: 0 12px 0 7px;
	color: #FFF;
}
#bookNew {
    width: 64px;
    height: 16px;
    padding-top: 15px;
    padding-left: 0px;
	background-image: url('/images/bg_books_new.gif');
	text-align: center;
	line-height: 14px;
	margin-bottom: 5px;
}
#bookTip {
	width: 64px;
    height: 16px;
    padding-top: 15px;
    padding-left: 0px;
    background-image: url('/images/bg_books_tip.gif');
    text-align: center;
    line-height: 14px;
    margin-bottom: 5px;  
}

.bookintro{
	display: block;
	/*
	position: absolute;
	
	left:0px;
	top:175px;
	*/
	width: 110px;
	text-align:left;
	font-size:10px;
	clear: both;
}

.bookintro p {
	font-size:10px;	
}
.booktip1{	
	position: absolute;
	color:#001d90;
	font-weight:bold;
	font-size:12px;
	background-image:url("/images/book_tip.gif");
	background-repeat:no-repeat;
	width:71px;
	height:31px;
	vertical-align:top;
	line-height:43px;
}

.booktip{
	position: absolute;
	color:#001d90;
	font-weight:bold;
	font-size:10px;
	background-image:url("/images/book_tip.gif");
	background-repeat:no-repeat;
	width:71px;
	height:23px;
	vertical-align:middle;
	text-align:center;
	line-height:23px;
	position: absolute;
	left:-9px;
	margin-top:-179px;
	font-weight: bold;
	background-image:url("/images/book_tip.gif");
	z-index:3;
}


/* ######### TEXT-BANNER ######## */
.text-banner-wrap {
	position: absolute;
	top: 1px;
	width: 99%;
	display: block;
	padding-bottom: 8px;
	cursor: pointer;
}
.text-banner {
	display: block;
	text-align: right;
	padding: 4px 10px 5px 10px;
	font-weight: bold;
	vertical-align: middle;
	text-align: left;
	color: #fff;
	background-color: #010d85;
}
.text-banner-cr-left,
.text-banner-cr-right {
	position: absolute;
	height: 8px;
	width: 8px;
	display: block;
}
.text-banner-cr-left {
	background: url("/images/banner-corner-left.png") bottom left no-repeat;
}
.text-banner-cr-right {
	right: 0;	
	background: url("/images/banner-corner-right.png") bottom right no-repeat;
}

.text-banner-button-wrap {
	position: absolute;
	bottom: 5px;
	left: 10px;
	padding: 0 9px;
	cursor: pointer;
}
.text-banner-button {
	position: relative;
	display: block;
	height: 24px;
	padding: 5px 5px 0 5px;
	color: #fff;
	background: url(/images/button-bg.gif) top left repeat-x;
	background: url(/images/bg_button_darkblue_middle.png) top left repeat-x;
}
.text-banner-button-wrap .text-banner-button-left,
.text-banner-button-wrap .text-banner-button-right {
	position: absolute;
	display: block;
	height: 24px;
	width: 9px;
	top: 0;
}
.text-banner-button-wrap .text-banner-button-left {
	left: 1px;
	background: url(/images/bg_button_darkblue_left.png) top left no-repeat;
}
.text-banner-button-wrap .text-banner-button-right {
	right: 0;
	background: url(/images/bg_button_darkblue_right.png) top left no-repeat;
}
.aktiebanner1 .text-banner-button-wrap {
	left: 5px;
	bottom: 1px;
}

span.text-banner {
	font-size: 90%;
}
.aktiebanner1 .text-banner {
	padding: 3px 10px 5px 10px;
}
.aktiebanner1 span.text-banner,
.aktiedetailbanner span.text-banner {
	font-size: 85%;
}
.aktiebanner1 a:hover span.text-banner,
.aktiebanner1 a:hover span.text-banner-button,
.aktiedetailbanner a:hover span.text-banner {
	text-decoration: none;
}
.home .text-banner-button-wrap {
	font-weight: bold;
	font-size: 90%;
}
.aktiebanner1 .text-banner-button-wrap {
	font-size: 80%;
}

#actiebannerList li a {
	text-decoration: none;
	padding-top: 20px;
	font-size: 90%;
}
#actiebannerList li a:hover span,
.text-banner a:hover {
	text-decoration: none;
}
.aktiebanner1 .text-banner-wrap,
.aktiedetailbanner .text-banner-wrap {
	top: 0;
	width: 100%;
}

/**
 * Events
 */
.events .date {
    width: 50px;
    padding-left: 5px;
}
.events .event-title {
	font-weight: bold;
}
.events tr {
	height: 30px;
	cursor: pointer;
}
.events .eventDetails {
    display: none;
}
.events .eventDetails td {
	padding-bottom: 10px;
}
.events .even {
    background-color: #dadfef;
}
.events #search {
    background-color: #dadfef;
    padding: 5px;
}
.events .textInput {
    padding: 2px;
}
.events select {
    padding: 2px;
    color:#192788;
	font: 12px verdana, arial, sans-serif;
}