/*--------------------------------------------------------------------
Basic Style Sheet

Version: 1.0
Copyright: 2007, DeTi Internet Hosting Service VOF
Email: info@deti.nl
Website: http://www.deti.nl
--------------------------------------------------------------------*/

/* Global settings
-------------------------------------------------------------------------*/

* { 
	font-family: verdana, sans-serif; 
	font-size: 10px; 
	color: #aaaaaa; 
}

body {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
}


img {
	border: 0;
}

div#site {
	position: relative;
	margin: 0 auto;
	width: 999px;
	text-align: left;
	/*border: 1px dotted red;*/
	/*overflow: hidden;*/
}

div#header {
	position: relative;
	width: 1099px;
	height: 130px;
	background: #fff url(css/images/header.gif) no-repeat;
	/*border: 1px dotted blue;*/
}

div#lang {
	position: absolute;
	top: 10px;
	left: 840px;
	width: 109px;
	height: 18px;
	text-align: right;
	line-height: 16px;
	/*border: 1px dotted orange;*/
}

div#lang img {
	vertical-align: bottom;
}


div#menu {
	position: absolute;
	top: 50px;
	left: 228px;
	height: 70px;
	width: 660px;
	padding-left: 90px;
}

div#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

div#menu ul li {
	float: left;
	width: 90px;
	height: 53px;
	background: url(css/images/menu_button.gif) no-repeat;
	text-align: center;
}

div#menu ul li.home { 
	background: url(css/images/menu_home.gif) no-repeat;
}

div#menu ul li.homeactive { 
	background: url(css/images/menu_home_active.gif) no-repeat;
}

div#menu ul li.active { 
	background: url(css/images/menu_button_active.gif) no-repeat;
}

div#menu ul li.empty { 
	background: url(css/images/menu_empty.gif) no-repeat;
	width: 10px;
}

div#menu ul li a {
	font-size: 12px;
	line-height: 50px;
	font-weight: bold;
	text-decoration: none;
	color: #8e8e8f;
}

div#menu ul li.active a {
	color: #ffd6b3;
}

div#menu ul li.homeactive a {
	color: #ffd6b3;
}

div#menu ul a:hover {
	/*text-decoration: underline;*/
}

div#content {
	position: relative;
	width: 1074px;
	padding: 10px 0 140px 25px;
	background: #fff url(css/images/background.gif) no-repeat bottom;
/*	border: 1px dotted yellow;*/
	min-height: 617px;
}

div#site div.home {
	background: #fff url(css/images/background_home.gif) no-repeat bottom;
	min-height: 0px;
}

div#footer {
	position: absolute;
	left: 48px;
	bottom: 0; 
	height: 60px;
	width: 560px;
	line-height: 18px;
	/*border: 1px dotted green;*/
}

div#footer a {
	text-decoration: underline;
}

div#footer a.hover {
	text-decoration: underline;
}

div#footer div#logos {
	position: relative;
	float: left;
	line-height: 60px;
	padding-right: 15px;
}

div#content strong {
	font-weight: bold;
	color: #fff;
	font-size: 11px;
}

div#content select {
	border: 1px dotted #ff7600;
	width: 202px;
}

div#content select option.monospace {
	font-family: courier new, verdana;
	font-size: 11px;
}

div#content select.large {
	border: 1px dotted #ff7600;
	width: 252px;
}


div#content input.normal {
	border: 1px dotted #ff7600;
	width: 200px;
}

div#content input.tiny {
	border: 1px dotted #ff7600;
	width: 15px;
}


div#content input.small {
	border: 1px dotted #ff7600;
	width: 25px;
}

div#content input.medium {
	border: 1px dotted #ff7600;
	width: 50px;
}

div#content input.large {
	border: 1px dotted #ff7600;
	width: 400px;
}

div#content div.full {
	position: relative;
	float: left;
	width: 620px; /* 735 - 115 */
	min-height: 365px; /* 440 - 75 */
	padding: 50px 50px 25px 65px;
	background: url(css/images/blok_full.jpg) no-repeat;
	text-align: justify;
	/*border: 1px dotted blue;*/
}

div#content div.full div.text {
	position: relative;
	float: left;
	color: #818181;
	font-size: 11px;
	line-height: 15px;
	width: 450px;
}

div#content div.full div.text p {
	color: #818181;
	font-size: 11px;
	line-height: 15px;
}

div#content div.full div.text a {
	font-size: 11px;
	line-height: 15px;
/*	font-weight: bold;*/
}

div#content div.full div.text strong {
	font-weight: bold;
	color: #818181;
}

div#content div.full div.text ul {
	list-style: none;
}

div#content div.full div.text ul li {
	background: url(css/images/arrow_white.gif) no-repeat 0 3px;
	padding-left: 15px;
	color: #818181;
	font-size: 11px;
	line-height: 15px;
	text-align: justify;
}

div#content div.full div.icons {
	float: right;
	width: 154px;
	padding-top: 68px;
}

div#content div.full h1 {
	font-size: 12px;
	font-weight: bold;
	color: #ff7600;
}

div#content div.full div.order {
	color: #818181;
	font-size: 11px;
	line-height: 15px;
}

div#content div.full div.order a {
	font-size: 11px;
	line-height: 15px;
}

div#content div.full div.order strong {
	font-size: 11px;
	line-height: 15px;
	color: #ff7600;
}

div#content div.full table {
	border-collapse: collapse;
	border: none;
	padding: 0;
	margin: 0;
}

div#content div.full table tr {
}

div#content div.full table th {
	border: none;
	padding: 5px 5px 5px 0;
	margin: 0;
	color: #818181;
	font-size: 11px;
	font-weight: bold;
	padding-right: 20px;
}

div#content div.full table td {
	border: none;
	padding: 5px 10px 5px 0;
	margin: 0;
	color: #818181;
	font-size: 11px;
	font-weight: normal;
}

div#content div.order table.xlned {
	border-collapse: collapse;
	border: none;
	padding: 0;
	margin: 0;
}

div#content div.order table.xlned tr {
	color: #818181;
	font-size: 11px;
	font-weight: bold;
}

div#content div.order table.xlned th {
	border: none;
	padding: 0px 0px 0px 10px;
	color: #ff7600;
	font-size: 11px;
	font-weight: bold;
	background: white;
}

div#content div.order table.xlned td {
	border: none;
	padding: 1px 0px 1px 10px;
	color: #818181;
	font-size: 11px;
	font-weight: normal;
	background: #fff8f2;
	border-left: 1px solid #ffdec2;
}

div#content div.order table.xlned td.head {
	font-weight: bold;
	padding-right: 15px;
	padding-left: 0;
	border-left: none;
}

div#content div.order table.xlned td.blankhead {
	font-weight: bold;
	background: white;
	padding-right: 15px;
	padding-left: 0;
	border-left: none;
}

div#content div.order table.xlned td.blankheadpad {
	font-weight: bold;
	background: white;
	padding-right: 15px;
	padding-left: 10px;
	border-left: none;
}

div#content div.order table.xlned td.blankpad {
	background: white;
	padding-right: 15px;
	padding-left: 10px;
	border-left: none;
}

div#content div.order table.xlned td.blank {
	background: white;
}

div#content div.order table.xlned td.button {
	background: white;
	padding: 5px 10px 0 0;
	border: none;
}

div#content div.order table.xlned td.space {
	background: #d2d2d2;
	line-height: 1px;
	height: 1px;
	padding: 0;
	border: none;
	border-top: 4px solid white;
	border-bottom: 4px solid white;
}

div#content div.order table.xlned td.space div.hr {
	border: none;
	height: 1px;
	padding: 0;
	margin: 0;
	background: #d2d2d2;
}

div#content div.order table.xlned td.spaceorange {
	background: #ff7600;
	line-height: 1px;
	height: 1px;
	padding: 0;
	border: none;
	border-top: 4px solid white;
	border-bottom: 4px solid white;
}

div#content div.order table.xlned td.spaceorange div.hr {
	border: none;
	height: 1px;
	padding: 0;
	margin: 0;
	background: #ff7600;
}

div#content div.order table.xlned td.white {
	background: white;
	height: 1px;
	line-height: 1px;
	border: none;
}

div#content div.order table.xlned td.text {
	background: white;
	padding: 12px 0 2px 0;
	border: none;
}

div#content div.order table.xlned td.text h1 {
	margin: 0;
}

div#content div.full div.order textarea {
	border: 1px dotted #ff7600;
	margin-top: 2px;
	width: 450px;
	height: 150px;
}

div#content div.orange {
	position: relative;
	float: left;
	width: 245px; /* 315 - 70 */
	height: 243px; /* 308 - 65 */
	padding: 40px 20px 25px 50px;
	background: #fff url(css/images/blok_orange.jpg) no-repeat;
	/*border: 1px dotted blue;*/
}

div#content div.white {
	position: relative;
	float: left;
	width: 245px; /* 315 - 70 */
	height: 243px; /* 308 - 65 */
	padding: 40px 20px 25px 50px;
	background: #fff url(css/images/blok_white.jpg) no-repeat;
	/*border: 1px dotted blue;*/
}
div#content div.whitexl {
	position: relative;
	float: left;
	width: 245px; /* 315 - 70 */
	height: 243px; /* 308 - 65 */
	padding: 40px 20px 25px 50px;
	background: #fff url(css/images/blok_whitexl.jpg) no-repeat;
	/*border: 1px dotted blue;*/
}

div#content div.logo {
	position: absolute;
	top: 44px;
	left: 24px;
	width: 268px;
	height: 74px;
}

div#content div.info {
	position: relative;
	top: 92px;
	height: 75px;
	left: 3px;
	width: 225px;
}

div#content div.white div.info {
	width: 125px;
}


div#content div.info ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

div#content div.info ul li {
	background: url(css/images/arrow_white.gif) no-repeat left center;
	padding-left: 15px;
	color: #818181;
	height: 15px;
	font-size: 11px;
}

div#content div.orange div.info ul li {
	background: url(css/images/arrow_orange.gif) no-repeat left center;
	color: #fff;
}

div#content div.orange div.button {
	position: relative;
	left: 95px;
	top: 105px;
}

div#content div.white div#star {
	position: absolute;
	width: 154px;
	height: 157px;
	bottom: 34px;
	left: 161px;
}

div#content div.white div#star.nl {
	background: url(css/images/nl/star_win.gif) no-repeat;
}

div#content div.white div#star.en {
	background: url(css/images/en/star_win.gif) no-repeat;
}

div#content div.white div.button {
	position: relative;
	left: 3px;
	top: 115px;
}

div#content div.whitexl div.button {
	position: relative;
	left: 80px;
	top: 115px;
}

div#content span.status {
	font-size: 12px;
	font-weight: bold;
	color: #ff7600;
	line-height: 15px;
}


div#content span.status0 {
	color: #fc2314;
	font-weight: bold;
	font-size: 12px;
	line-height: 15px;
}

div#content span.status1 {
	color: #fecf10;
	font-weight: bold;
	font-size: 12px;
	line-height: 15px;
}

div#content span.status2 {
	color: #4ae84b;
	font-weight: bold;
	font-size: 12px;
	line-height: 15px;
}


/* RIGHT BAR */

div#content div#bar {
	position: relative;
	float: left;
	width: 210px;
	min-height: 100px;
	padding-top: 4px;
	/*border: 1px dotted green;*/
}

div#content div#bar div.smallorange {
	position: relative;
	float: left;
	width: 185px; /* 220 - 35 */
	height: 170px; /* 202 - 32 */
	padding: 20px 10px 12px 25px;
	background: #fff url(css/images/blok_small_orange.jpg) no-repeat;
	/*border: 1px dotted blue;*/
}

div#content div#bar div.smallwhite {
	position: relative;
	float: left;
	width: 185px; /* 220 - 35 */
	height: 170px; /* 202 - 32 */
	padding: 20px 10px 12px 25px;
	background: #fff url(css/images/blok_small_white.jpg) no-repeat;
	/*border: 1px dotted blue;*/
}

div#content div#bar div.logo {
	position: absolute;
	top: 30px;
	left: 18px;
	width: 175px;
	height: 47px;
}

div#content div#bar div.info {
	position: relative;
	top: 67px;
	height: 75px;
	left: 12px;
	width: 150px;
}

div#content div#bar div.info ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

div#content div#bar div.info ul li {
	background: url(css/images/arrow_white.gif) no-repeat left center;
	padding-left: 15px;
	color: #818181;
	height: 13px;
	font-size: 10px;
}

div#content div#bar div.smallorange div.info ul li {
	background: url(css/images/arrow_orange.gif) no-repeat left center;
	color: #fff;
}

div#content div#bar div.smallorange div.button {
	position: relative;
	left: 67px;
	top: 50px;
}

div#content div#bar div.smallwhite div.button {
	position: relative;
	left: 67px;
	top: 53px;
}

/* INSET */

div#content div#inset {
	position: relative;
	width: 643px; /* 735 - 92 */
	padding: 25px 46px 0px 46px;
	/*border: 1px dotted red;*/
}

div#content div#inset strong {
	color: #aaaaaa;
	font-size: 10px; 
}


div#content div#inset div.insetwhite {
	position: relative;
	float: left;
	width: 282px;
	height: 163px;
	background: url(css/images/blok_inset_white.jpg) no-repeat;
}

div#content div#inset div.insetwhitexl {
	position: relative;
	float: right;
	width: 282px;
	height: 163px;
	background: url(css/images/blok_inset_whitexl.jpg) no-repeat;
}

div#content div#inset div.logo {
	position: absolute;
	top: 23px;
	left: 12px;
	width: 245px;
	height: 34px;
}

div#content div#inset div.info {
	position: relative;
	top: 67px;
	height: 75px;
	left: 30px;
	width: 230px;
}

div#content div#inset div.info ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

div#content div#inset div.info ul li {
	background: url(css/images/arrow_white.gif) no-repeat left center;
	padding-left: 15px;
	color: #818181;
	line-height: 14px;
	font-size: 10px;
}

div#content div#inset div.button {
	position: relative;
	left: 43px;
	top: 80px;
}

/* DEFAULT */

div.clear {
	clear: both;
}