/* Fonts
----------------------------------------------------------------------------- */

body,div,dl,dt,dd,ul,ol,li,pre,form,fieldset,input,p,blockquote,th,td,a {
    color: #192788;
    font-family: Verdana, Arial, sans;
    font-size: 12px;
}

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

#header {
    background: #FFFFFF url("/images/bg_main_top.png") bottom center no-repeat;
}

#branding {
    background-color: transparent;
    background-image: url("/images/logo.png");
    background-position: center center;
    background-repeat: no-repeat;
    font-size: 0px;
    text-indent: -9000px;
}

#header #locatorsearch p {
    font-family: Verdana, Arial, serif;
    font-size: 10px;
}

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

#searchField,
#searchField_webshop,
#searchFieldMain {
    background-color: transparent;
    background-image: url("/images/bg_searchform_textfield.png");
    background-position: 1px 1px;
    background-repeat: no-repeat;
    border: none;
}
#searchField_webshop{

	font-size:9px;
}

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

#content {
    background: #FFFFFF url("/images/bg_main_middle.png") center center repeat-y;
}

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

#content #navigation li a {
	background: transparent url(/images/bg_tabs.jpg) top left no-repeat;
}

#content #navigation li a:link,
#content #navigation li a:visited {
    background-position: -117px 0px;
}

#content #navigation li a:active,
#content #navigation li a:hover {
    background-position: -234px 0px;
}

#content #navigation li a.active,
#content #navigation li a:link.active,
#content #navigation li a:active.active,
#content #navigation li a:visited.active {
    background-position: 0px 0px;
}

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

#maincontent #subnavigation li a {
    background-color: transparent;
    background-image: url("/images/bg_subtabs.png");
    background-repeat: no-repeat;
}

#maincontent #subnavigation li a:link,
#maincontent #subnavigation li a:visited {
    background-position: -110px 0px;
    color: #fffffff;
}

#maincontent #subnavigation li a:active,
#maincontent #subnavigation li a:hover {
    background-position: -220px 0px;
    font-color: #fffffff;
}

#maincontent #subnavigation li a.active,
#maincontent #subnavigation li a:link.active,
#maincontent #subnavigation li a:active.active,
#maincontent #subnavigation li a:visited.active {
    background-position: 0px 0px;
}
.home .breadcrumbs {
	margin: 9px 0 7px 15px;
	padding-top: 2px;
}
.breadcrumbs { 
	margin: -1px 0 7px 5px;
	padding-top: 4px;
}
.breadcrumbs:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.breadcrumbs li {
	float: left;
	margin-right: 3px;
	color: #fff;
	font-size: 0.9em;
}
.breadcrumbs a {
	color: #fff;
	font-size: 0.9em;
}
.breadcrumbs li.last a {
	font-weight: bold;
}
.breadcrumbs a:hover {
	text-decoration: none;
}

/* Main content
----------------------------------------------------------------------------- */

#maincontent {
    background-color: #192788;
}

#maincontent .cornerDarkBlueTopLeft {
    background-color: #CAD1EB;
}

#innercontainer .cornerDarkBlueTopLeft {
    background-color: #ff0000;
}

#maincontent #innercontainer {
    background-color: #FFFFFF;
}

#maincontent #innercontainer #innercontent {
    background-color: #CAD1EB;
}

#maincontent #innercontainer #innercontent.orange {
    background-color: #FF6600;
}

#homepageflash {
    background-color: #FFFFFF;
}

/*body.uitslagen #innercontainer .innercornerDarkBlueTopLeft,
body.webwinkel #innercontainer .innercornerDarkBlueTopLeft,
body.akties #innercontainer .innercornerDarkBlueTopLeft,
body.assortiment #innercontainer .innercornerDarkBlueTopLeft,
body.acties #innercontainer .innercornerDarkBlueTopLeft

{
    background-color: #C9D1EB;
    background-image: url("/images/bg_corner_white.png");
}*/

/* Announcements
----------------------------------------------------------------------------- */

#portalmessages_first,
#portalmessages_second,
#announcements {
    background-color: #C8D0EA;
}

#portalmessages_first li p,
#portalmessages_second li p,
#announcements li p {
    font-family: arial, verdana, sans;
    font-size: 11px;
}

#portalmessages_first li,
#portalmessages_second li,
#announcements li {
    background-position: right bottom;
    background-repeat: no-repeat;
    border-bottom: solid 1px #FFFFFF;
}
#portalmessages_first li.firstChild,
#portalmessages_first li.lastChild,
#portalmessages_second li.firstChild,
#portalmessages_second li.lastChild {
	background: #fff url(/images/bg_announcements_lightblue_small.png) no-repeat;
}

#announcements li.firstChild {
   background: #fff url(/images/bg_announcements_lightblue.png) center bottom no-repeat;
}

#announcements li.lastChild {
	background: #fff url(/images/bg_announcements_lightblue_lastchild.jpg) no-repeat bottom left;
}

#portalmessages_first li.firstChild,
#portalmessages_second li.firstChild,
#announcements li.firstChild {
    background-position: top center;
    padding-top: 10px;
}

#portalmessages_first li.lastChild,
#portalmessages_second li.lastChild,
#announcements li.lastChild {
    background-position: bottom center;
    border-bottom: none;
    padding-bottom: 10px;
}

#portalmessages_first li h3,
#portalmessages_second li h3 {
    background: url(/images/newsIcon.jpg) no-repeat left center;
}

#portalmessages_first li h3,
#portalmessages_second li h3,
#announcements li h3 {
    border-bottom: dashed 1px #192788;
    color: #192788;
    font-family: TheSans, Verdana, Arial, serif;
    font-size: 15px;
    font-weight: normal;
}

#portalmessages_first li h3 strong,
#portalmessages_second li h3 strong,
#announcements li h3 strong {
    font-weight: bolder;
}

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

#footer {
    background: #FFFFFF url("/images/bg_main_bottom.png");
    background-position: center -10px;
    background-repeat: no-repeat;
}

#footer li {
    border-right: solid 1px #192788;
}

#footer li.lastChild {
    border-right: none;
}

#footer li a {
    font-size: 9px;
    border-bottom: dashed 1px #192788;
    text-decoration: none;
}

/* Outer corners: Dark blue: Background
----------------------------------------------------------------------------- */

.cornerDarkBlueTopLeft,
.cornerDarkBlueTopRight,
.cornerDarkBlueBottomLeft,
.cornerDarkBlueBottomRight {
    background-color: #FFFFFF;
    background-image: url("/images/bg_corner_darkblue.png");
    background-repeat: no-repeat;
}

/* Outer corners: Light blue: Background
----------------------------------------------------------------------------- */

.cornerLightBlueTopLeft,
.cornerLightBlueTopRight,
.cornerLightBlueBottomLeft,
.cornerLightBlueBottomRight {
    background-color: #FFFFFF;
    background-image: url("/images/bg_corner_lightblue.png");
    background-repeat: no-repeat;
}

/* Outer corners: Orange: Background
----------------------------------------------------------------------------- */

.cornerOrangeTopLeft,
.cornerOrangeTopRight,
.cornerOrangeBottomLeft,
.cornerOrangeBottomRight {
    background-color: #FFFFFF;
    background-image: url("/images/bg_corner_orange.png");
    background-repeat: no-repeat;
}

/* Outer corners: Positioning
----------------------------------------------------------------------------- */

.cornerOrangeTopLeft,
.cornerDarkBlueTopLeft,
.cornerLightBlueTopLeft {
    background-position: 0px 0px;
}

.cornerOrangeTopRight,
.cornerDarkBlueTopRight,
.cornerLightBlueTopRight {
    background-position: -10px 0px;
}

.cornerOrangeBottomLeft,
.cornerDarkBlueBottomLeft,
.cornerLightBlueBottomLeft {
    background-position: 0px -10px;
}

.cornerOrangeBottomRight,
.cornerDarkBlueBottomRight,
.cornerLightBlueBottomRight{
    background-position: -10px -10px;
}

/* Inner corners: Dark blue
----------------------------------------------------------------------------- */
.innercornerDarkBlueTopLeft2{
	background-color: transparent;
    background-image: url("/images/bg_innercorner_lightblue.png");
    background-repeat: no-repeat;
}

.innercornerDarkBlueTopLeft,
.innercornerDarkBlueTopRight,
.innercornerDarkBlueBottomLeft,
.innercornerDarkBlueBottomRight {
    background-color: transparent;
    background-image: url("/images/bg_innercorner_darkblue.png");
    background-repeat: no-repeat;
}

/* Inner corners: White
----------------------------------------------------------------------------- */
.innercornerWhite_BlueTopLeft,
.innercornerWhite_BlueTopRight,
.innercornerWhite_BlueBottomLeft,
.innercornerWhite_BlueBottomRight{
    background-color: transparent;
	background-image: url("/images/round-corner-2.png");
    background-repeat: no-repeat;
}
.odd .innercornerWhite_BlueTopLeft,
.odd .innercornerWhite_BlueTopRight,
.odd .innercornerWhite_BlueBottomLeft,
.odd .innercornerWhite_BlueBottomRight{
	background-color: #fff;
}
.odd h3 img,
.odd strong.price {
	background-color: #fff;
}

.innercornerWhiteTopLeft,
.innercornerWhiteTopRight,
.innercornerWhiteBottomLeft,
.innercornerWhiteBottomRight {
    background-color: transparent;
    background-image: url("/images/bg_innercorner_white.png");
    background-repeat: no-repeat;
}

/* Inner corners: Light Blue
----------------------------------------------------------------------------- */

.innercornerLightBlueTopLeft,
.innercornerLightBlueTopRight,
.innercornerLightBlueBottomLeft,
.innercornerLightBlueBottomRight {
    background-color: transparent;
    background-image: url("/images/bg_innercorner_lightblue.png");
    background-repeat: no-repeat;
}

/* Inner corners: Positioning
----------------------------------------------------------------------------- */

.innercornerWhiteTopLeft,
.innercornerWhite_BlueTopLeft,
.innercornerDarkBlueTopLeft,
.innercornerDarkBlueTopLeft2,
.innercornerLightBlueTopLeft {
    background-position: 0px 0px;
}

.innercornerWhiteTopRight,
.innercornerWhite_BlueTopRight,

.innercornerDarkBlueTopRight,
.innercornerLightBlueTopRight {
    background-position: -10px 0px;
}

.innercornerWhiteBottomLeft,
.innercornerWhite_BlueBottomLeft,

.innercornerDarkBlueBottomLeft,
.innercornerLightBlueBottomLeft {
    background-position: 0px -10px;
}

.innercornerWhiteBottomRight,
.innercornerWhite_BlueBottomRight,
.innercornerDarkBlueBottomRight,
.innercornerLightBlueBottomRight {
    background-position: -10px -10px;
}

/* Buttons
----------------------------------------------------------------------------- */

.buttonDarkBlue,
.buttonDarkBlue span {
    background-image: url("/images/bg_button_darkblue.png");
    color: #FFFFFF;
}

.buttonYellow,
.buttonYellow span {
    background-image: url("/images/bg_button_yellow.png");
    color: #192788;
}

.buttonDarkBlue,
.buttonYellow {
    border: none;
	cursor: pointer;
	line-height: 23px;
    height: 23px;
	background-color: transparent;
    background-position: right top;
    background-repeat: no-repeat;
	padding: 0px 10px 0px 0px;
	display: block; /*opera*/
	margin: 1px 2px;
    text-decoration: none;
}

/* ADDED BY MARINA*/
 .middle_border{
	background-color: transparent;   
    font-weight: bold;
    font-size: 10px;
	height: 23px;
	display: block;
	float:left;
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
    vertical-align: middle;
}
.left_border{
	background-image: url("/images/bg_button_darkblue_left.png");
	background-repeat:no-repeat;
	height: 23px;
	display: block;
	float:left;
	line-height:23px;
	width: 8px;
}
.right_border{
	background-image: url("/images/bg_button_darkblue_right.png");
	background-repeat:no-repeat;
	height: 23px;
	display: block;
	float:left;
	line-height:23px;
	width:8px;
}
.middle_border{
	background-image: url("/images/bg_button_darkblue_middle.png");
	height: 23px;
	line-height:23px;
	color: #FFFFFF;
	background-repeat:repeat-X;
	display:block
	float:left;

}
.outer_button{
	height:23px;
	line-height:23px;
	color: #FFFFFF;
	text-decoration:none;
	cursor:pointer;
}

/* ADDED BY MARINA*/


.buttonDarkBlue span,
.buttonYellow span { 
	background-color: transparent;
    background-position: left top;
    background-repeat: no-repeat;
    font-weight: bold;
    font-size: 10px;
	height: 23px;
	display: block;
    margin: 0px 0px 0px -5px;
	padding: 0px 0px 0px 10px;
    vertical-align: middle;
}

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

/*body.home */#maincontent {
    background-color: transparent;
}

#maincontent {
    background-color: #192788;
}
.home #maincontent {
	background-color: #fff;
}

#homepagebanner { padding-bottom: 20px; }

#homepagebanner,
#homepagebanner .cornerDarkBlueTopLeft,
body.vestigingen #maincontent .cornerDarkBlueTopLeft,
body.efolder #maincontent .cornerDarkBlueTopLeft {
    background-color: #192788;
    background-image: none;
}

body.efolder #maincontent .cornerDarkBlueTopLeft,
#homepagebanner .cornerDarkBlueTopLeft {
    background-image: none;
}
#homepagebanner .innercornerDarkBlueTopLeft {
	top: 20px;
	left: 10px;
}
#homepagebanner .innercornerDarkBlueTopRight {
	top: 20px;
	right: 10px;
}
#homepagebanner .innercornerDarkBlueBottomLeft {
	bottom: 10px;
	left: 10px;
}
#homepagebanner .innercornerDarkBlueBottomRight {
	bottom: 10px;
	right: 10px;
}
/* Announcement specific
----------------------------------------------------------------------------- */

#announcements li .buttonYellow {
    margin-top: 10px;
}

#aktietime {
    font-weight: bold;
}

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

#lotteryResults .lastDigit,
#lotteryResults th {
    color: #FFFFFF;
}

#lotteryResults th {
    font-weight: bold;
    text-align: right;
}

#lotteryResults td {
    text-align: right;
}

#lotteryResults .lastDigit {
    font-size: 32px;
    font-weight: bold;
    text-align: center;
}

#lotteryResults .digitIndex {
    text-align: center;
}

#lotteryResults .digitIndex li a:link,
#lotteryResults .digitIndex li a:visited,
#lotteryResults .digitIndex li a:hover {
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    color: #232F91;
}

#lotteryResults #jackpot,
#lotteryResults .header th {
    text-align: center;
}

#assortData ul {
    list-style: disc;

}

#assortData li {
    margin-left: 20px;

}

#assortData p {
    margin-top: 10px;
    margin-bottom: 10px;
}

b, strong {
    font-weight: bold;
}

i, em {
    font-style: italic;
}


a.arrows{
	background-image:url("/images/webshop/arrows_blue.gif");
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:15px;
	line-height:19px;
	color:#000000;
	font-size:11px;
	text-decoration:none;
}
a.arrows_purple{
	background-image:url("/images/webshop/arrows_purple.gif");
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:15px;
	line-height:19px;
	color:#000000;
	font-size:11px;
	text-decoration:none;
}


.white_box{
	background-image:url("/images/webshop/round_white.gif");
	background-repeat:no-repeat;
	width:190px;
	height:130px;
	padding:10px;
}

.purple_box{
	background-image:url("/images/webshop/round_purple.gif");
	background-repeat:no-repeat;
	width:190px;
	height:130px;
	padding:10px;
}

a.bestel{
	background-image:url("/images/webshop/bestel.gif");
	background-repeat:no-repeat;
	width:68px;
	height:21px;
	text-align:center;
	display: block;
}
.bestel div{
	width:68px;
	height:21px;
	color:#ffffff;
	font-weight:bold;
	font-size:11px;
	vertical-align:middle;
	line-height:21px;
	cursor:hand;

}
.web_black{
	color:#000000;
	font-weight:bold;
}
.widthfix {
	width: 85px;
	display: block;
	overflow: hidden;
}

.white_box table td {
	text-align:center;
}
.price{
	color:#001d90;
	font-weight:bold;
	font-size:15px;
	background-image:url("/images/webshop/price.gif");
	background-repeat:no-repeat;
	width:71px;
	height:43px;
	vertical-align:middle;
	line-height:43px;

}

#search_webshop{
	width:860px;
	padding-bottom:10;
	text-align:right;
}
#locatorsearch_webshop { position: relative; }
#search_webshop fieldset #searchField_webshop { float: right; margin-right: 55px; }
#search_webshop fieldset #searchButton { position: absolute; right: 0; }

/* ########### PAGES ######### */
.page-13 #innercontent {
	height: 540px;
}

/* #######################
		CAPTCHA
########################*/
#captcha p {
	margin-bottom: 5px;
}
#captcha input {
	float: left;
	margin-right: 5px;
}
#captcha img {
	border: 1px solid #7f9db9;
}
#refresh-captcha {
	margin-left: 113px;
}
#captcha-error {
	margin-top: 10px;
	padding: 4px;
	border: 1px dotted red;
	color: red;
}

#content .assortiment-iframe #innercontainer iframe {
    border: 0px solid #ffffff;
    margin-left: 1px;
}