 html {margin: 0px; padding: 0 0 0 0; width:100%; height: 100%; text-align: center; background: url(../images/bgWebsite.jpg); font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #012a26;  font-size: 14px;}

img {border: 0;}

p {margin-top: 0px; padding-top: 0px;}

h1 {margin: 0; padding: 0; font-size: 14px; font-weight: bold;}
h2 {margin: 0 0 12px 0; padding: 0; font-size: 24px; font-style: italic; font-weight: bold; #005d54;}

	#container {margin: 20px auto 0px auto; padding: 0; width: 988px; height: 624px; position: relative; background: url(../images/bgContent.png) no-repeat; text-align: left;}
		#header {margin: 0; padding: 0; width: 988px; height: 180px; position: relative; z-index: 20;}
			#logo {margin: 0; padding: 0; width: 385px; height: 91px; display: block; background: url(../images/logo.jpg) no-repeat; position: absolute; left: 90px; top: 41px;}
			#header h1{margin: 0; padding: 0; color: #005d54; font-size: 18px; font-weight: bold;  font-style: italic; position: absolute; top: 132px; left: 100px;}
			a#gameQueen {margin: 0; padding: 0; display: block; width: 513px; height: 226px; position: absolute; top: 0px; right: 0px;}
		#nav {margin: 0px; padding: 0px; width: 988px; height: 49px; position: absolute; top: 185px; left: 0px; z-index: 30; list-style-type: none;}
			#nav li {margin: 0; padding: 0; float: left; z-index: 30;}
			#nav .games {margin: 5px 0 0 30px; padding: 0; display: block; width: 154px; height: 31px; background: url(../images/deGames.jpg) no-repeat;}
			#nav .games:hover {background: url(../images/deGamesOver.jpg) no-repeat;}
			#nav .buy {margin: 5px 0 0 0; padding: 0; display: block; width: 175px; height: 31px; background: url(../images/koopDe.jpg) no-repeat;}
			#nav .buy:hover {background: url(../images/koopDeOver.jpg) no-repeat;}
			#nav .trailer {margin: 5px 0 0 0; padding: 0; display: block; width: 109px; height: 31px; background: url(../images/trailer.jpg) no-repeat;}
			#nav .trailer:hover {background: url(../images/trailerOver.jpg) no-repeat;}
			#nav .contest {margin: 5px 0 0 0; padding: 0; display: block; width: 151px; height: 31px; background: url(../images/prijsvraag.jpg) no-repeat;}
			#nav .contest:hover {background: url(../images/prijsvraagOver.jpg) no-repeat;}
			#nav .gamequeen {margin: 5px 0 0 0; padding: 0; display: block; width: 143px; height: 31px; background: url(../images/gamequeen.jpg) no-repeat;}
			#nav .gamequeen:hover {background: url(../images/gamequeenOver.jpg) no-repeat;}
		#content {margin: 0; padding: 0; width: 390px; height: 400px; overflow: auto; position: absolute; top: 244px; left: 90px; font-size: 14px; color: #012a26;}
		#contentGame {margin: 0; padding: 0px 0 0 0; width: 360px; height: 366px; overflow: auto; position: absolute; top: 244px; left: 90px; font-size: 14px; color: #012a26;}
		#contentTrailer {margin: 0; padding: 0px 0 0 0; width: 700px; height: 366px; overflow: auto; position: absolute; top: 244px; left: 90px; font-size: 14px; color: #012a26;}
			#contentGame .orderGame {margin: 0; padding: 0; background: url(../images/orderButton.jpg) no-repeat; display: block; width: 144px; height: 36px;}
			#contentGame .orderGame:hover {background: url(../images/orderButtonOver.jpg);}
			#contentGame .back {margin: 0; padding: 0; background: url(../images/back.jpg) no-repeat; display: block; width: 144px; height: 36px;}
			#contentGame .back:hover {background: url(../images/backOver.jpg);}
		.time {margin: 0; padding: 0; width: 521px; height: 367px; position: absolute; top: 240px; left: 448px;}
		a#hiddenObject {margin: 0; padding: 0; height: 175px; width: 249px; display: block; text-decoration: none; background: url(../images/hiddenObjectsOver.png) no-repeat; position: absolute; top: 252px; left: 475px;}
		a#hiddenObject:link, a#hiddenObject:visited {background: url(../images/hiddenObjects.png) no-repeat;}
		a#hiddenObject:hover{background: url(../images/hiddenObjectsOver.png) no-repeat;}
		a#match3 {margin: 0; padding: 0; height: 175px; width: 249px; display: block; text-decoration: none; background: url(../images/match3Over.png) no-repeat; position: absolute; top: 252px; left: 728px;}
		a#match3:link, a#match3:visited {background: url(../images/match3.png) no-repeat;}
		a#match3:hover{background: url(../images/match3Over.png) no-repeat;}
		a#marblePopper {margin: 0; padding: 0; height: 175px; width: 249px; display: block; text-decoration: none; background: url(../images/marblePopperOver.png) no-repeat; position: absolute; top: 438px; left: 475px;}
		a#marblePopper:link, a#marblePopper:visited {background: url(../images/marblePopper.png) no-repeat;}
		a#marblePopper:hover{background: url(../images/marblePopperOver.png) no-repeat;}
		a#timeManagement {margin: 0; padding: 0; height: 175px; width: 249px; display: block; text-decoration: none; background: url(../images/timeManagementOver.png) no-repeat; position: absolute; top: 438px; left: 728px;}
		a#timeManagement:link, a#timeManagement:visited {background: url(../images/timeManagement.png) no-repeat;}
		a#timeManagement:hover{background: url(../images/timeManagementOver.png) no-repeat;}
		a#orderHiddenObject {margin: 0; padding: 0; height: 175px; width: 249px; display: block; text-decoration: none; background: url(../images/orderHiddenOver.png) no-repeat; position: absolute; top: 252px; left: 475px;}
		a#orderHiddenObject:link, a#orderHiddenObject:visited {background: url(../images/orderHidden.png) no-repeat;}
		a#orderHiddenObject:hover{background: url(../images/orderHiddenOver.png) no-repeat;}
		a#orderMatch3 {margin: 0; padding: 0; height: 175px; width: 249px; display: block; text-decoration: none; background: url(../images/orderMatch3Over.png) no-repeat; position: absolute; top: 252px; left: 728px;}
		a#orderMatch3:link, a#orderMatch3:visited {background: url(../images/orderMatch3.png) no-repeat;}
		a#orderMatch3:hover{background: url(../images/orderMatch3Over.png) no-repeat;}
		a#orderMarblePopper {margin: 0; padding: 0; height: 175px; width: 249px; display: block; text-decoration: none; background: url(../images/orderMarbleOver.png) no-repeat; position: absolute; top: 438px; left: 475px;}
		a#orderMarblePopper:link, a#orderMarblePopper:visited {background: url(../images/orderMarble.png) no-repeat;}
		a#orderMarblePopper:hover{background: url(../images/orderMarbleOver.png) no-repeat;}
		a#orderIimeManagement {margin: 0; padding: 0; height: 175px; width: 249px; display: block; text-decoration: none; background: url(../images/orderTimeOver.png) no-repeat; position: absolute; top: 438px; left: 728px;}
		a#orderIimeManagement:link, a#orderTimeManagement:visited {background: url(../images/orderTime.png) no-repeat;}
		a#orderIimeManagement:hover{background: url(../images/orderTimeOver.png) no-repeat;}
		.game span.title {margin: 13px 0 0 24px; font-style: italic; font-weight: bold; display: block; color: #005d54;}
		.game span.rest {margin: 8px 0 0 10px; font-size: 12px; display: block; width: 140px; line-height: 14px;}
		a.game {color: #005d54;}
		#packshot {margin: 0px; border: padding: 0px; position: absolute; top: 242px; left: 534px;}
		.buy span {display: none;}
		a.buy {margin: 0px; padding: 0px; display: block; width: 144px; height: 36px; background: url(../images/orderButton.jpg) no-repeat;}
		a.buy:hover{background: url(../images/orderButtonOver.jpg) no-repeat;}
		
		/* prijsvraag */
		#contest {margin: 0; border: 0; padding: 0px 0 0 0; width: 840px; height: 370px; overflow: auto; position: absolute; top: 244px; left: 90px; font-size: 14px; color: #012a26;}
			#naw  {margin: 0; border: 0; padding: 0px 0 0 0; width: 420px; height: 354px; position: absolute; top: 0px; left: 400px; background: #FFF}
				#naw .formRow {margin: 5px 0 0 0; padding: 0; width: 400px;}
					#naw label {display: block; float: left; width: 120px;}
					#naw input {width: 260px;}
					#naw .radioSex {width: 30px;}
					#naw .date {width: 30px; float: left;}
					#naw .year {width: 40px; float: left;}
					#naw input.validationerror {border: 1px solid red;}
					.clearIt {clear: both; height: 0px; line-height: 0px; font-size: 0px;}
					.separator {display: block; float: left;}
					.required {color: #712a82;}
					.formAdd {margin: 10px 0 0 0; font-size: 10px; width: 340px;}
					.formBox {margin: 10px 0 0 0; font-size: 11px; width: 340px;}
					a.send {margin: 8px 0 0 120px; padding: 0px; display: block; width: 144px; height: 36px; background: url(../images/sendButton.jpg) no-repeat;}
					a.send:hover{background: url(../images/sendButtonOver.jpg) no-repeat;}
					.send span {display: none;}
		
		/* algemene voorwaarden */
		#general {margin: 0; padding: 12px 0 0 0; width: 880px; height: 340px; overflow: auto; position: absolute; top: 244px; left: 90px; font-size: 10px; color: #012a26; background: #FFF;}
		#thanks {margin: 0; padding: 12px 0 0 0; width: 880px; height: 340px; overflow: auto; position: absolute; top: 244px; left: 90px; font-size: 14px; color: #012a26; background: #FFF;}
		
		.clearIt {margin: 0px; padding: 0; height: 0px; font-size: 0px; line-height: 0px;}
		
		.retailer1 {margin: 2px 50px 0px 0; padding: 0; display: block; float: left;}
		.retailer {margin: 2px 0px 0px 0; padding: 0; display: block; float: left;}
		

 

