/*
Title:		Standard website style definitions
File: 		inc/style_site.css
Version: 	v2.02
Author:		Digitalization
Contact:	info@digitalization.nl

Comments:	All definitions defined in this stylesheet are used by Digitalization modules. So make sure that if you use
			your own stylesheet, you define these elements too if you use the modules.
*/

/* Clear all */
* {
	margin:			0px;
	padding:		0px;
}

div {
	background:		none;
}

/* Re-set some margins */
table {
	margin-bottom:		15px;
}

ul {
	padding-bottom:		10px;
	margin-left: 		10px;
}

ul li {
 	margin-left: 		10px;
    list-style: 		disc;
	line-height:		18px;
}

p {
	padding-bottom:		10px;
	line-height:		18px;
}

/* Body */
body {
	background:		#8ebcff url('../gfx/site/background.png') repeat-y;
}

/* HR */
hr {
	color: 				#ffffff;
	background-color: 	transparent;
	border: 			1px dotted #3a4c00;
	border-style: 		none none dotted;
	margin-top:			10px;
	margin-bottom:		10px;
}

/* Font styles */
body, p, td, div {
	font-family:	Verdana,Arial,Helvetica,sans-serif;
	color:			#0057B7;
	font-size:		11px;
}

span.header_blue {
	color:			#0057B7;
	font-size:		29px;
}
span.header_orange {
	color:			#FF9900;
	font-size:		29px;
}

span.steps {
	display:			inline;
	color:				#0057B7;
	font-size:			17px;
	font-weight:		bold;
	margin-right:		20px;
	margin-left:		25px;
	font-family:		Verdana;
}

span#big_price {
	font-size:			17px;
	font-weight:		bold;
}

span#big_price_red {
	color:				red;
}

p.error_message {
	color:				#ff0000;
	font-style:			italic;
}
p.message {
	font-style:			italic;
}

a {
	color:				#FF9900;
	text-decoration: 	none;
}
a:hover {
	text-decoration: 	underline;
}

h1 {
	background:			url('../gfx/site/title_bar_blue.gif') no-repeat;
	height:				28px;
	width:				650px;
	color:				white;
	letter-spacing:		1px;
	font-size:			20px;
	font-weight:		bold;
	text-align:			left;
	margin-top:			5px;
	margin-bottom:		5px;
	padding-left:		5px;
}

h2 {
	color:				#FF9900;
	font-weight:		bold;
	font-size:			18px;
}
h3 {
	color:				#FF9900;
	font-weight:		bold;
	font-size:			14px;
}

/* Clearing elements */
.clear {
	clear: 			both;
	overflow:		hidden;
	height:			0px;
}

/* No border for images */
img {
	border: 		0px;
}

/* Form elements font style */
input, select, textarea, button, option {
	font-family:	Verdana,Arial,Helvetica,sans-serif;
	color:			#0057B7;
	font-size:		11px;
	margin-bottom: 	1px;
	margin-top: 	1px;
	padding-left:	3px;
}

form {
	display: 		inline;
}

/* Standard width fitting for textarea and selectboxes */
textarea {
	border: 		1px solid #888888;
	width: 			362px;
	height: 		120px;
	padding: 		2px;
}

select {
 	border: 		1px solid #888888;
	width: 			216px;
	height: 		18px;
	padding: 		1px;
}

/* Standard width text input boxes */
.input_small {
 	border: 		1px solid #888888;
	width: 			50px;
	height: 		14px;
	padding: 		2px;
}

.input_medium {
 	border: 		1px solid #888888;
	width: 			150px;
	height: 		14px;
	padding: 		2px;
}

.input_regular {
 	border: 		1px solid #888888;
	width: 			210px;
	height: 		14px;
	padding: 		2px;
}

.input_large {
 	border: 		1px solid #888888;
	width: 			362px;
	height: 		14px;
	padding: 		2px;
}

/* Calendar input box and file input box */
.input_calendar {
 	border: 		1px solid #888888;
	width: 			180px;
	height: 		14px;
	padding: 		2px;
}

.input_file, input[type='file'] {
	width: 			221px;
	padding: 		2px;
}

/* Checkboxes */
input[type='checkbox'] {
	margin-left: 4px;
}

/* Buttons */
button, input[type='submit'], .input_submit {

}

/* Calendar button */
button.calendar_button {
	padding-top:		0px;
	width: 				26px;
	height:				20px;
}

/* LAYOUT - MAIN CONTAINER */
div#container {
	width:				826px;
	position: 			absolute;
	left:				50%;
	margin-left:		-413px;
	top:				4px;
}

/* Wider */
div#container_wide {
	width:				926px;
	position: 			absolute;
	left:				50%;
	margin-left:		-463px;
	top:				4px;
}

/* LAYOUT - ORANGE FRAME DIVISION */
div#body_top {
	width:				826px;
	height:				12px;
	background:			url('../gfx/site/body_top.png') no-repeat;
	margin-top:			3px;
	overflow:			hidden;
}
div#body_middle {
	width:				806px;
	background:			url('../gfx/site/body_middle.png') repeat-y;
	padding-left:		10px;
	padding-right:		10px;
}
div#body_bottom {
	width:				826px;
	height:				17px;
	background:			url('../gfx/site/body_bottom.png') no-repeat;
	overflow:			hidden;
}

/* Wider */
div#body_top_wide {
	width:				926px;
	height:				12px;
	background:			url('../gfx/site/body_top_wide.png') no-repeat;
	margin-top:			3px;
	overflow:			hidden;
}
div#body_middle_wide {
	width:				906px;
	background:			url('../gfx/site/body_middle_wide.png') repeat-y;
	padding-left:		10px;
	padding-right:		10px;
}
div#body_bottom_wide {
	width:				926px;
	height:				17px;
	background:			url('../gfx/site/body_bottom_wide.png') no-repeat;
	overflow:			hidden;
}

/* LAYOUT - BODY LEFT AND RIGHT DIVISION */
div#left_content {
	float:				left;
	width:				655px;
}

div#right_content {
	width:				140px;
	margin-left:		5px;
	float:				left;
}

/* LAYOUT - BIG TITLE DIV */
div#title {
	margin-top:			5px;
}

div#hendriksdolvendeh1 {
	position:			absolute;
	height:				20px;
	width:				200px;
	top:				0px;
	left:				600px;
}

/* LAYOUT - RIGHT FAUX COLUMN BLUE */
div#content_faux {
	background:				url('../gfx/site/right_box_blue_middle.gif');
	background-repeat:		repeat-y;
	background-position:	660px 0px;
	height:					1%;
}

/* LAYOUT - RIGHT FAUX COLUMN ORANGE */
div#content_faux_orange {
	background:				url('../gfx/site/right_box_orange_middle.gif');
	background-repeat:		repeat-y;
	background-position:	660px 0px;
	height:					1%;
}

/* LAYOUT ELEMENTS - RIGHT BLUE BOX */
div#right_box_blue_top {
	height:				6px;
	background:			url('../gfx/site/right_box_blue_top.gif') no-repeat;
	overflow:			hidden;
	width:				140px;
}
div#right_box_blue_middle {
	width:				130px;
	padding-left:		5px;
	padding-right:		5px;
}
div#right_box_blue_bottom {
	height:				6px;
	background:			url('../gfx/site/right_box_blue_bottom.gif') no-repeat;
	width:				140px;
	overflow:			hidden;
	position:			absolute;
	margin-left:		660px;
	margin-top:			-6px;
}
div#right_box_blue_middle img {
	margin-left:		14px;
	margin-top:			2px;
}
div#right_box_blue_middle p {
	padding:			0px;
	margin-left:		14px;
	line-height:		13px;
}
div#right_box_blue_middle a {
	color:				#0057B7;
}
div#right_box_blue_middle a:hover {
	color:				#FF9900;
}
div#right_box_blue_middle select#card_type_select {
	width:				120px;
	margin-left:		5px;
	margin-bottom:		5px;
}

/* LAYOUT ELEMENTS - RIGHT ORANGE BOX */
div#right_box_orange_top {
	height:				6px;
	background:			url('../gfx/site/right_box_orange_top.gif') no-repeat;
	overflow:			hidden;
	width:				140px;
}
div#right_box_orange_middle {
	width:				130px;
	padding-left:		5px;
	padding-right:		5px;
}
div#right_box_orange_bottom {
	height:				6px;
	background:			url('../gfx/site/right_box_orange_bottom.gif') no-repeat;
	width:				140px;
	overflow:			hidden;
	position:			absolute;
	margin-left:		660px;
	margin-top:			-6px;
}
div#right_box_orange_middle img {
	margin-left:		14px;
	margin-top:			2px;
}
div#right_box_orange_middle p {
	padding:			0px;
	margin-left:		14px;
	line-height:		13px;
}
div#right_box_orange_middle a {
	color:				#0057B7;
}
div#right_box_orange_middle a:hover {
	color:				#FF9900;
}
div#right_box_orange_middle select#card_type_select {
	width:				120px;
	margin-left:		5px;
	margin-bottom:		5px;
}

/* LAYOUT ELEMENTS - MIDDLE BLUE BOXES (3) */
div.box_container {
	float:				left;
	width:				215px;
	margin-right:		5px;
}
div.box_container_last {
	float:				left;
	width:				215px;
}
div.middle_box_blue_top {
	height:				6px;
	background:			url('../gfx/site/middle_box_blue_top.gif') no-repeat;
	overflow:			hidden;
	width:				215px;
}
div.middle_box_blue_middle {
	background:			url('../gfx/site/middle_box_blue_middle.gif') repeat-y;
	width:				195px;
	padding-left:		10px;
	padding-right:		10px;
	padding-top:		10px;
	height:				190px;
	text-align:			justify;
	overflow:			hidden;
}
div.middle_box_blue_bottom {
	height:				6px;
	background:			url('../gfx/site/middle_box_blue_bottom.gif') no-repeat;
	width:				215px;
	overflow:			hidden;
}

/* LAYOUT ELEMENTS - MIDDLE BLUE BOX WIDE */
div.box_container_wide {
	width:				655px;
}
div.middle_box_blue_wide_top {
	height:				6px;
	background:			url('../gfx/site/middle_box_blue_wide_top.gif') no-repeat;
	overflow:			hidden;
	width:				655px;
}
div.middle_box_blue_wide_middle {
	background:			url('../gfx/site/middle_box_blue_wide_middle.gif') repeat-y;
	width:				635px;
	padding-left:		10px;
	padding-right:		10px;
	padding-top:		10px;
	text-align:			justify;
}
div.middle_box_blue_wide_bottom {
	height:				6px;
	background:			url('../gfx/site/middle_box_blue_wide_bottom.gif') no-repeat;
	width:				655px;
	overflow:			hidden;
}

/* LAYOUT ELEMENTS - BOTTOM ORANGE BOXES */
div.bottom_box_container {
	float:				left;
	width:				205px;
	height:				108px;
	margin-right:		5px;
	background:			url('../gfx/site/orange_box.gif') no-repeat;
	margin-top:			5px;
	padding:			5px;
	color:				#0057B7;
	overflow:			hidden;
}
div.bottom_box_container_last {
	float:				left;
	width:				205px;
	height:				108px;
	background:			url('../gfx/site/orange_box.gif') no-repeat;
	margin-top:			5px;
	padding:			5px;
	color:				#0057B7;
	overflow:			hidden;
}
div.bottom_box_container p, div.bottom_box_container_last p {
	color:				#0057B7;
	padding:			0px;
}
div.bottom_box_container img.title, div.bottom_box_container_last img.title  {
	margin-bottom:		2px;
}
div.bottom_box_container a, div.bottom_box_container_last a {
	color:				#0057B7;
}

/* LAYOUT ELEMENTS - MENU */
div#menu {
	position:			absolute;
	margin-left:		280px;
	margin-top:			-11px;
	z-index:			5;
}
div#menu ul {
	margin:				0px;
	padding:			0px;
	width:				500px;
}
div#menu ul li {
	display:			inline;
	margin:				0px;
	padding:			0px;
	list-style-type:	none;
	height:				20px;
	float:				left;
	position:			relative;
	margin-right:		3px;
}
div#menu ul li p {
	float:				left;
	margin:				0px;
	padding-left:		3px;
	padding-right:		3px;
	padding-top:		2px;
	height:				18px;
	background:			url('../gfx/site/menu_tab_middle.gif') repeat-x;
}
div#menu ul li:hover p {
	background:			url('../gfx/site/menu_tab_hover_middle.gif') repeat-x;
}
div#menu p.left {
	float:				left;
	width:				7px;
	padding:			0px;
	padding-top:		2px;
	background:			url('../gfx/site/menu_tab_left.gif') repeat-x;
}
div#menu ul li:hover p.left {
	background:			url('../gfx/site/menu_tab_hover_left.gif') repeat-x;
}
div#menu p.right {
	float:				left;
	width:				7px;
	padding:			0px;
	padding-top:		2px;
	background:			url('../gfx/site/menu_tab_right.gif') repeat-x;
}
div#menu ul li:hover p.right {
	background:			url('../gfx/site/menu_tab_hover_right.gif') repeat-x;
}
div#menu ul li a {
	color:				#ff9900;
	text-decoration:	none;
}
div#menu ul li:hover a {
	color:				#ffffff;
	text-decoration:	none;
}

/* LAYOUT ELEMENTS - BUTTON */
div#button {
	position:			absolute;
	z-index:			5;
	margin-top:			75px;
	margin-left:		540px;
}

/* LAYOUT ELEMENTS - FOOTER */
div#footer {
	color:				#FF9900;
	text-align:			center;
	margin-top:			3px;
	line-height:		20px;
}

/* MARGINATOR */
div#marginator {
	margin-left:		20px;
	margin-top:			20px;
}

/* Slideshow */
div#slideshow {
	position:			relative;
	width:				655px;
	height:				138px;
}

div#slideshow img {
	position:			absolute;
	top:				0;
	left:				0;
	z-index:			1;
	opacity:			0.0;
	filter:				alpha(opacity=0);
}

div#slideshow img.last-active {
	z-index:			2;
}

div#slideshow img.active {
	z-index:			3;
}

#footert_top {
	border: 0px solid #00ff00;
	background: url(../img/footer_top.png);
	width: 825px;
	height: 20px;
}

#footert_bottom {
	border: 0px solid #00ff00;
	background: url(../img/footer_bottom.png);
	width: 825px;
	height: 20px;
}

#footert {
	border: 0px solid #00ff00;
	background: url(../img/footer_main.png) repeat-y;
	width: 825px;
	padding: 0px;
}

#footer-box{
	border: 0px solid #ff0000;	
	float: left;
	width: 150px;
	margin: 10px 0px 10px 40px;	
	padding: 0px;
}

#footer-box2{
	border: 0px solid #ff0000;	
	float: left;
	width: 150px;
	margin: 10px 10px 10px 40px;
	padding: 0px;	
}

#footer-box a{
	line-height: 20px;
	display:block;
}
#footer-box2 a{
	line-height: 20px;
	display:block;
}

#footer-stripe{
	border-left: 1px solid #a6c6ed;
	float: left;
	height: 100px;
	width: 1px;
	margin-top: 12px;
}

#clear {
	clear:both;
}