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

Version: 1.0
Copyright: 2009, dicode® VOF - understanding internet
W: www.dicode.nl
E: info@dicode.nl
T: 0570-750680
--------------------------------------------------------------------*/

/* Global
--------------------------------------------------------------------*/
* { 
	font-family: arial;
	color: #959998;
	font-size: 12px;
	line-height: 22px;
}

img {
	border: 0;
}

h1 {
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 14px;
	color: #0e85a0;
	text-transform: uppercase;
}

h2 {
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 15px;
	color: #ffffff;
}

h3 {
	margin: 0;
	padding: 0;
	font-weight: bold;
	color: #ffffff;
}

h4 {
	margin: 0 0 2px 0;
	padding: 0;
	color: #00b2ff;
	font-size: 12px;
	letter-spacing: 1px;
}

h5 {
	margin: 0;
	padding: 0;
	color: #0e85a0;
	font-size: 9px;
	font-weight: normal;
	height: 45px;
}

h6 {
	margin: 0;
	padding: 0;
	color: #00b2ff;
	font-size: 19px;
	text-transform: uppercase;
}

a {
	color: #0e85a0;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

body {
	margin: 0;
	padding: 0;
	background: #05333f url(css/images/bg.jpg) repeat-x;
}

body.page {
	background: #05333f url(css/images/bg_page.jpg) repeat-x;
}

.error {
	border: 2px solid #011113;
}

input, textarea {
	border: 2px solid #0e85a0;
	padding: 2px;
}

/* Container
--------------------------------------------------------------------*/
	div#container {
		position: relative;
		width: 999px;
		margin: 0 auto;
		background: #05333f;
	}

	/* Container::Header
	----------------------------------------------------------------*/
	div#header {
		position: relative;
		width: 999px;
		height: 480px;
		background: url(css/images/header.jpg) top no-repeat;
	}
	
	body.page div#header {
		position: relative;
		width: 999px;
		height: 220px;
		background: url(css/images/header_page.jpg) top no-repeat;
	}

	/* Container::Header::Order
	-----------------------------------------------------------------*/
		div#header div#order {
			position: absolute;
			top: 235px;
			left: 620px;
			width: 312px;
			height: 72px;
		}
		
		body.page div#header div#order {
			position: absolute;
			top: 45px;
			left: 780px;
		}

	/* Container::Header::Menu
	-----------------------------------------------------------------*/
		div#header div#menu {
			position: absolute;
			width: 500px;
			height: 42px;
			top: 282px;
			left: 72px;
		}
		
		div#header div#menu ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}
	
		div#header div#menu ul li {
			height: 24px;
			width: 148px;
			text-align: right;
		}
		
		div#header div#menu ul li a {
			text-transform: uppercase;
			color: #ffffff;
			text-decoration: none;
			font-size: 15px;
		}
		
		div#header div#menu ul li a:hover {
			color: #0e85a0;
		}

	/* Container::Left (2 columns)
	----------------------------------------------------------------*/
		div#left {
			position: relative;
			float: left;
			width: 410px;
			padding: 20px 0 0 0;
		}
		
		body.page div#left div#cover {
			position: absolute;
			left: 250px;
			top: 20px;
		}
		
		div#left div#cover {
			position: absolute;
			left: 50px;
			top: 30px;
		}
		
		div#left div#cover .box1 {
			float: left;
			width: 170px;
			background-color: #0e85a0;
			font-size: 11px;
			color: #ffffff;
			line-height: 17px;
		}
		
		div#left div#cover .box2 {
			float: left;
		}
	
	/* Container::Right (2 columns)
	----------------------------------------------------------------*/
		div#right {
			position: relative;
			float: left;
			width: 550px;
			padding: 20px 0 0 0;
		}
		
		div#right p, div#right p * {
			color: #ffffff;
		}
		
		div#right li, div#right li * {
			color: #ffffff;
		}
		
		div#right li a {
			color: #0e85a0;
			font-weight: bold;
			text-decoration: none;
		}
		
		div#right li a:hover {
			text-decoration: underline;
		}
		
		div#right img {
			padding: 5px;
		}
		
		div#right table td {
			color: #ffffff;
		}
		
		div#right input, div#right textarea {
			color: #000000;
		}
		div#container div#right p a {
			color: #0e85a0;
			text-decoration: none;
		}
		
		div#container div#right p a:hover {
			text-decoration: underline;
		}
		
		
	/* Container::Footer
	----------------------------------------------------------------*/
	div#footer {
		position: relative;
		width: 999px;
		height: 50px;
		background: #05333f;
		margin-top: 45px;
		padding-bottom: 25px;
	}
	
	div#footer a {
		font-size: 11px;
		color: #aeabb1;
		text-decoration: none;
	}
	
	div#footer a:hover {
		text-decoration: underline;
	}
	
	
	/* Container::Footer::Note
	-----------------------------------------------------------------*/
		div#footer div#note {
			position: absolute;
			top: 5px;
			left: 50px;
			color: #0e85a0;
			font-size: 11px;
			font-weight: bold;
			text-transform: uppercase;
		}
	
	/* Container::Footer::Links
	-----------------------------------------------------------------*/
		div#footer div#links {
			position: absolute;
			left: 410px;
			top: 5px;
			color: #ffffff;
			font-size: 11px;
		}
		
		div#footer div#links a {
			font-size: 11px;
			color: #ffffff;
			text-transform: uppercase;
		}


/* Other
--------------------------------------------------------------------*/
	div.clear {
		clear: both;	
	}