﻿/* home.css */
#flags {
	float: right; 
	padding: 15px 15px 0px 0px;
	_margin-top: -90px; /* IE6 hack */
}

#content h1 {color:#0c5601; font: 18px Verdana, Arial, Helvetica, sans-serif; margin-top: 13px;}
#content h2 {color:#0c5601; font: 14px Verdana, Arial, Helvetica, sans-serif; margin-top: 38px;}
#content h2.normal {color:#0c5601; font: 14px Verdana, Arial, Helvetica, sans-serif; margin-top: 0px;}
#content h2.ideal {color:#0c5601; font: 14px Verdana, Arial, Helvetica, sans-serif; margin-top: 0px; background: url(..\\images\\bonusses\\ideal.png) right center no-repeat;}
#content h3 {color:#0c5601; font: 12px Verdana, Arial, Helvetica, sans-serif;}
#content p , .content li {color: #233540; font:normal 10px Verdana, Arial, Helvetica, sans-serif; line-height:1.5em}
#content p.downloadtext a {color:#038fc4; font:bold 16px Verdana, Arial, Helvetica, sans-serif; text-decoration:none;}
#content p.downloadtext a span { text-decoration:underline;}
#content p.downloadtext a:hover { text-decoration:underline;}

ul.homepagelist {margin-top:25px; margin-left:366px; padding:0px;}
ul.homepagelist li { background:url(..\\images\\homepage\\homepage-bullet.gif) no-repeat top left; list-style:none; padding-left:25px; margin-bottom:15px;}
ul.homepagelist2 {margin-top:25px; margin-left:0px; padding:0px;}
ul.homepagelist2 li { background:url(..\\images\\homepage\\homepage-bullet.gif) no-repeat top left; list-style:none; padding-left:25px; margin-bottom:15px;}

ul.listimage0 {margin-top:25px; margin-left:0px; padding:0px;}
ul.listimage0 li { background:url(..\\images\\homepage\\homepage-bullet.gif) no-repeat top left; list-style:none; padding-left:25px; margin-bottom:15px;}
ul.listimage1 {margin-top:25px; margin-left:209px; padding:0px;}
ul.listimage1 li { background:url(..\\images\\homepage\\homepage-bullet.gif) no-repeat top left; list-style:none; padding-left:25px; margin-bottom:15px;}
ul.listimage2 {margin-top:25px; margin-left:418px; padding:0px;}
ul.listimage2 li { background:url(..\\images\\homepage\\homepage-bullet.gif) no-repeat top left; list-style:none; padding-left:25px; margin-bottom:15px;}
ul.listimage3 {margin-top:25px; margin-left:627px; padding:0px;}
ul.listimage3 li { background:url(..\\images\\homepage\\homepage-bullet.gif) no-repeat top left; list-style:none; padding-left:25px; margin-bottom:15px;}


ul.bonuslist {margin-top:25px; margin-left:0px; padding:0px;}
ul.bonuslist li {background:url(..\\images\\homepage\\homepage-bullet.png) no-repeat top left; list-style:none; padding-left:25px; margin-bottom:5px;}

ul.bonuslist2 {margin-top:25px; margin-left:0px; padding:0px; margin-bottom:0px;}
ul.bonuslist2 li.play {display: inline; list-style:none; background: url(..\\images\\global\\play.png) left center no-repeat; padding:0 15px 0 25px; font-size:10px ;}
ul.bonuslist2 li.dontplay {display: inline; list-style:none; background: url(..\\images\\global\\dont-play.png) left center no-repeat; padding:0 15px 0 25px; font-size:10px ;}

div#clientimage {padding:0px 15px;}
img.downloadimage {padding:10px 21px 27px; }
img.arrow {margin:0px; display:block; padding: 20px 32px 3px 32px; border: 0px;}
img.star {margin:0px; display:block; padding: 0px 14px 0px 14px; border: 0px;}

div.bonusbox {padding:0px 0px; }
div.divider {border-top: 1px dotted #c8c8c8; padding-top:15px;}

div.bonusitem {padding:15px 0px;}
div.bonusitem:hover { background-color:#f2f7f0;}
div.bonusitem div.bonuscontent {float:right; padding:0px; width:606px;}
div.bonusitem div.bonuscontent div.links {float:left; width:478px; margin-top:2px;}
div.bonusitem div.bonuscontent div.rechts {float:right; width:128px; text-align: center;}
div.bonusitem img {float:left;}
div.bonusitem p {margin:10px 0px 0px 0px;}

div.reviewitem {padding:0px 0px;}
div.reviewitem div.reviewcontent {float:left; margin:0px; padding:0px; width:397px;}
div.reviewitem div.reviewcontent:hover {float:left; margin:0px; padding:0px; width:397px;}
div.reviewitem div.reviewcontent div.links {float:left; width:199px; margin:0px; padding:0px;}
div.reviewitem div.reviewcontent div.rechts {float:right; width:198px; margin:0px; padding:0px;}

div.starsitem {padding:0px 0px;}
div.starsitem div.starscontent {float:left; margin:0px; padding:0px; width:397px;}
div.starsitem div.starscontent:hover {float:left; margin:0px; padding:0px; width:397px;}
div.starsitem div.starscontent div.links {float:left; width:199px; margin:0px; padding:0px;}

div.starsitem div.starscontent div.rechts1 {float:right; width:198px; margin:0px; padding:0px; background: url(..\\images\\ranking\\1-stars-s.png) right center no-repeat; text-align: right;}
div.starsitem div.starscontent div.rechts2 {float:right; width:198px; margin:0px; padding:0px; background: url(..\\images\\ranking\\2-stars-s.png) right center no-repeat; text-align: right;}
div.starsitem div.starscontent div.rechts3 {float:right; width:198px; margin:0px; padding:0px; background: url(..\\images\\ranking\\3-stars-s.png) right center no-repeat; text-align: right;}
div.starsitem div.starscontent div.rechts4 {float:right; width:198px; margin:0px; padding:0px; background: url(..\\images\\ranking\\4-stars-s.png) right center no-repeat; text-align: right;}
div.starsitem div.starscontent div.rechts5 {float:right; width:198px; margin:0px; padding:0px; background: url(..\\images\\ranking\\5-stars-s.png) right center no-repeat; text-align: right;}
div.starsitem div.starscontent div.rechts6 {float:right; width:198px; margin:0px; padding:0px; background: url(..\\images\\ranking\\6-stars-s.png) right center no-repeat; text-align: right;}
div.starsitem div.starscontent div.rechts7 {float:right; width:198px; margin:0px; padding:0px; background: url(..\\images\\ranking\\7-stars-s.png) right center no-repeat; text-align: right;}
div.starsitem div.starscontent div.rechts8 {float:right; width:198px; margin:0px; padding:0px; background: url(..\\images\\ranking\\8-stars-s.png) right center no-repeat; text-align: right;}
div.starsitem div.starscontent div.rechts9 {float:right; width:198px; margin:0px; padding:0px; background: url(..\\images\\ranking\\9-stars-s.png) right center no-repeat; text-align: right;}
div.starsitem div.starscontent div.rechts10 {float:right; width:198px; margin:0px; padding:0px; background: url(..\\images\\ranking\\10-stars-s.png) right center no-repeat; text-align: right;}

div#toplinks {float:left; margin-right:20px;}
div#toprechts {float:right; margin-left:20px;}

div#middenlinks {float:left; margin-right:20px;}
div#middenlinks1 {float:left; margin-right:20px;}
div#middenlinks2 {float:left; margin-right:20px;}
div#middenlinks3 {float:left; margin-right:20px;}

div#middenrechts {float:right; margin-left:20px;}

div#lijstlinks {float:left; margin-right:20px; width:418px;}
div#lijstrechts {float:right; margin-left:20px; width:418px;}


div#h1 {float:left;}

div#clientdownload {float:left; margin-right:20px;}

#content p.cantdownload {float:left; width:190px; margin-left:10px;  font-size:10px; line-height:1.2em;}
#content p.deposit {float:left; width:220px; margin-left:10px; font-size:10px; line-height:1.2em;}
p.cantdownload img, p.deposit img {float:left; padding-right:10px; }
p.cantdownload img { padding-bottom:20px;}
p.cantdownload a, p.deposit a {color:#b03d16; text-decoration:none;}
p.deposit a:hover, p.cantdownload a:hover {text-decoration:underline;}
#content a {color:#0000FF; text-decoration:underline; font:normal 10px Verdana, Arial, Helvetica, sans-serif; line-height:1.5em}
#content a:hover {color:#000000; text-decoration:underline; font:normal 10px Verdana, Arial, Helvetica, sans-serif; line-height:1.5em}
#content a.moreinfo {background: url(..\\images\\global\\breadcrumb-orange.gif) left center no-repeat; color:#0000FF; padding-left:14px; text-decoration:underline; font:normal 10px Verdana, Arial, Helvetica, sans-serif; line-height:1.5em}
#content a.moreinfo:hover {background: url(..\\images\\global\\breadcrumb-black.gif) left center no-repeat; color:#000000; padding-left:14px; text-decoration:underline; font:normal 10px Verdana, Arial, Helvetica, sans-serif; line-height:1.5em}
#content a.bonuslink {color:#0000FF; text-decoration:underline; font:normal 10px Verdana, Arial, Helvetica, sans-serif; line-height:1.5em}
#content a.bonuslink:hover {color:#0000FF; text-decoration:underline; font:normal 10px Verdana, Arial, Helvetica, sans-serif; line-height:1.5em}

div#onderregel {width:876px; margin:0 auto; padding-top:30px; text-align:center;}
div#onderregel a { text-decoration:none; }
div#onderregel a:hover { text-decoration:underline;}

div#onderregel3 {width:876px; margin:0 auto; text-align:center;}
div#onderregel3 a:hover { text-decoration:underline;}

#onderregel3 a.list {background: url(..\\images\\global\\menu-line-v.gif) left center no-repeat; color:#ffffff; padding-left:10px; padding-right:10px; font-weight:bold;}
#onderregel3 a.first {color:#ffffff; padding-left:10px; padding-right:10px; font-weight:bold;}

div#onderregel1 a { text-decoration:none; color:#FFF;}
div#onderregel1 a:hover { text-decoration:underline; color:#FFF;}

div#onderregel2 a { text-decoration:none;}
div#onderregel2 a:hover { text-decoration:underline;}

div#favorites a { text-decoration:none; color:#FFF;}
div#favorites a:hover { text-decoration:underline; color:#FFF;}

#friends {float:left; margin-left:15px; background: url(..\\images\\homepage\\belowthefold\\friends.png) no-repeat; padding:0px 10px 5px 90px; width: 310px;} 
#friends p.h2 {font-size:14px; margin:10px 0; font-weight: bold;}
#friends p {font-size:10px; margin:10px 0;}
#friends p a.moreinfo {background: url(..\\images\\global\\icon-yellowarrow.gif) left center no-repeat; color:#ffe600;  padding-left:10px; font-weight:bold;}

#newsletter {float:left; margin-left:15px; background: url(..\\images\\homepage\\belowthefold\\newsletter.png) no-repeat; padding:0px 10px 5px 90px; width: 310px;} 
#newsletter p.h2 {font-size:14px; margin:10px 0; font-weight: bold;}
#newsletter p {font-size:10px; margin:10px 0;}
#newsletter p.moreinfo {background: url(..\\images\\global\\icon-yellowarrow.gif) left center no-repeat; color:#ffe600; padding-left:10px; font:bold 10px Verdana, Arial, Helvetica, sans-serif;}

#contact {float:right; margin-right:5px; background: url(..\\images\\homepage\\belowthefold\\contact.png) no-repeat; padding:0px 10px 5px 90px; width: 310px;} 
#contact p.h2 {font-size:14px; margin:10px 0; font-weight: bold;}
#contact p {font-size:10px; margin:10px 0;}
#contact p a.moreinfo {background: url(..\\images\\global\\icon-yellowarrow.gif) left center no-repeat; color:#ffe600; padding-left:14px; font-weight:bold;}

#favorites {float:right; margin-right:5px; background: url(..\\images\\homepage\\belowthefold\\favorites.png) no-repeat; padding:0px 10px 5px 90px; width: 310px;} 
#favorites p.h2 {font-size:14px; margin:10px 0; font-weight: bold;}
#favorites p {font-size:10px; margin:10px 0;}
#favorites p a.moreinfo {background: url(..\\images\\global\\icon-yellowarrow.gif) left center no-repeat; color:#ffe600; padding-left:10px; font-weight:bold;}
