/*
licht-blauw: 7fbcf3
tussen-blauw: 3687d4
donker-blauw: 1573cd
*/

body {
	margin: 0px;
	font-family: Tahoma;
	font-size: 11px;
	color: #000000;
}

a {
	color: #000000;
	text-decoration: none;
	font-style: italic;
}

h1 a {
	color: #1573cd;
}

a:hover {
	text-decoration: underline;
}

img {
	border: none;
}

h1 {
	font-size: 18px;
	color: #1573cd;
	margin-top: 0px;
}

h2 {
	font-size: 14px;
	color: #1573cd;
}

th {
	text-align: left;
}

form {
	margin: 0px;
}

input { border: 1px solid #3687d4; padding: 0px 2px 0px 2px; font-family: Tahoma; font-size: 12px; }

input.order { margin-bottom: 4px; }
input.no_border { border: none; }
.error { border: 1px solid #1573cd; background-color: #abcced; }

input.button { padding: 0px; }
input.big { width: 500px; }
input.middle { width: 300px; }
input.little { width: 200px; }
textarea { font-family: Tahoma; font-size: 12px; }
textarea.big { width: 500px; height: 200px; }
textarea.middle { width: 500px; height: 100px; }
textarea.little { width: 500px; height: 50px; }
textarea.small { width: 250px; height: 50px; }
textarea.small_middle { width: 250px; height: 150px; }

div#site {
	position: relative;
	margin: auto;
	width: 1000px;
	background-repeat: no-repeat;
}

div#header {
	position: relative;
	height: 110px;
	background-image:url(../images/site/barhocker.gif);
	background-position: center;
	background-repeat: no-repeat;
}

div#location {
	position: absolute;
	top: 95px;
	left: 190px;
	width: 700px;
	height: 15px;
	padding-left: 10px;
	background-image:url(../images/site/line.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;	
	color: #8298AA;
}

div#time {
	position: absolute;
	top: 95px;
	right: 10px;
	width: 200px;
	height: 15px;
	text-align: right;
	color: #8298AA;
}

#location a {
	color: #8298AA;
}

/* menu */

div#menu {
	position: relative;
	width: 170px;
	color: #FFFFFF;
	font-weight: bold;
	background-image:url(../images/site/menu.gif);
	background-repeat: no-repeat;
	background-color: #3687d4;
	padding-bottom: 10px;
}

div#menu_extra {
	position: relative;
	height: 500px;
	width: 170px;
	float: left;
}

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

#menu li {
	padding-left: 10px;
	line-height: 29px;
	font-size: 12px;
}

#menu li:hover {
	background-color: #1573cd;
	background-image:url(../images/site/pijl_blue2.gif);
	background-position: right center;
	background-repeat: no-repeat;
}

#menu a { font-style: normal; color: #FFFFFF; }
#menu li a:hover { text-decoration: none; }

#menu li { cursor: pointer; }

#menu li#selected {
	background-color: #7ebaf6;
	background-image:url(../images/site/pijl_blue.gif);
	background-position: right center;
	background-repeat: no-repeat;
}

#menu li#language {
	cursor: default;
	margin-top: 10px;
	font-size: 11px;
}

#menu li:hover#language {
	background-color: #1573cd;
	background-image: none;
}

div#order_steps {
	position: relative;
	width: 100px;
	height: 25px;
	float: right;
	border: 1px solid black;
	margin-bottom: 10px;
}

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

div#order_steps li { width: 25px; height: 25px; text-align: center; float: left; }
div#order_steps li.selected { background: URL(../images/site/bg_tr0.gif) repeat-x bottom #84b5e5; color: #FFFFFF; }
div#order_steps li.selected a { color: #FFFFFF; }
div#order_steps a { text-decoration: none; font-style: normal; }
div#order_steps li#selected a { color: #FFFFFF; }

/* content */

div#content {
	position: relative;
	width: 790px;
	float: right;
	padding: 10px;
	line-height: 20px;
}

div#footer {
	position: relative;
	margin: auto;
	height: 15px;
	width: 1000px;
	background-image:url(../images/site/footer.gif);
	background-position: top center;
	background-repeat: no-repeat;
	color: #8298AA;
	padding-top: 2px;
	text-align: center;
}

span.required { color: #1573cd; cursor: default; }


/* tabellen */
table.overzicht { width: 100%; border-collapse: collapse; border: 1px solid #84b5e5; }
table.big { width: 500px; }
table.middle { width: 500px; }
table.little { width: 300px; }

table.overzicht td, table.overzicht th { padding: 0px 4px 0px 4px; }
table.overzicht tr.tr0 { background: URL(../images/site/bg_tr0.gif) repeat-x bottom #84b5e5; color: #FFFFFF; }
table.overzicht tr.tr0 th.edit { width: 50px; }
table.overzicht tr.tr0 th.delete { width: 70px; }
table.overzicht tr.tr1 { background-color: #6ab2e7; }
table.overzicht tr.tr2 { background-color: #a3ceec; }
table.overzicht tr.tr0_color { background-color: #84b5e5; }
table.overzicht tr.tr1:hover, table.overzicht tr.tr2:hover { background-color: #edf1f5; }
table.overzicht tr.grey, table.overzicht tr.grey a { color: #828282; }

div.model {
	position: relative;
	width: 370px;
	margin: 0px 20px 20px 0px;
	padding: 12px 0px 12px 0px;
	border: 1px solid #CCCCCC;
	color: #1573cd;
	float: left;
	cursor: pointer;
	background: URL(../images/site/bg_model_overview.gif) repeat-x
}

div.model_order {
	position: relative;
	width: 370px;
	margin: 0px 20px 20px 0px;
	border: 1px solid #CCCCCC;
	float: left;
}

div.model_order div.model { margin: 0px; border: none; border-bottom: 1px solid #CCCCCC; }

div.model a { color: #1573cd; }


div.model:hover { background: URL(../images/site/bg_model_overview_o.gif) repeat-x }

div.model_pic {
	position: relative;
	width: 100px;
	height: 100px;
	text-align: center;
	float: left;
}

div.model_info {
	position: relative;
	width: 265px;
}

div.order_button {
	position: relative;
	margin-top: 5px;
	float: right;
}


div.model_show_info {
	position: relative;
	width: 250px;
	margin-right: 20px;
	float: left;
}

div.model_show {
	position: relative;
	width: 360px;
	text-align: center;
	float: left;
}

div.order {
	position: relative;
	float: right;
}

/* thumbnails */
td.selected { width: 125px; height: 125px; background-color: #7fbcf3; text-align: center; cursor: pointer; }
td.not_selected { width: 125px; height: 125px; background-color: #FFFFFF; text-align: center; cursor: pointer; }
td.not_selected:hover { background-color: #3687d4; text-align: center; cursor: pointer; }

div.links_group {
	position: relative;
	width: 200px;
	margin: 0px 20px 20px 0px;
	float: left;
}

.link {
	cursor: pointer;
}

div.flashcontent {
	position: relative;
}

span.hidden {
	visibility: hidden;
}

.clear {
	clear: both;
}