/* webEmbryo - voor screen gebruik
Gebruik dit stylesheet om aan te geven 'hoe' de elementen eruit zien.
Bijvoorbeeld: font-family, font-size, color, background-image, background-color en borders
*/

/* swatches
=============================================================
Blauw #008AcA;
*/

/* style elementen 
============================================================= */

body {
	background: url(../gfx/main_bg.jpg) no-repeat top center;
}

body,th, td, div, ul li, input, textarea {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
}

h1, h2, h3, h4, a, strong, b {
	color: #663366;
}

div#pageTitle h1 {
	font-size: 30px;
	color: #8bcbeb;
}

input, textarea {
	border: 1px solid #a7a6aa;
}

a img {
	border: none;
}

span.editableContent {
	/*border: 2px solid red;*/
}

span.editableContent h1,
span.editableContent h2,
span.editableContent h3,
span.editableContent h4,
span.editableContent p {
	margin-bottom: 0;
	padding-bottom: 0;
}

span.editableContent table td {
	padding: 2px;
}

/* wrappers
============================================================= */

div#wrapper {
	border: 1px solid #b3b3b3;
	background: #fff;
}

div#wrapperContent {
	background: url(../gfx/background_01.gif) no-repeat top left;
}

body.iframeLarge div#wrapperContent {
	background: url(../gfx/background_03.gif) no-repeat top left;
}

/* navigation
============================================================= */

div#mainNav {
	border-left: 1px solid #663366;
	border-bottom: 1px solid #663366;
	border-right: 1px solid #663366;	
}

div#mainNav ul#headNav li a,
div#mainNav ul#extraNav li a {
	text-decoration: none;
	font-weight: bold;
	color: #663366;
}

div#mainNav ul#headNav li {
	border-bottom: 1px solid #fff;
	background: #8bcbeb;
}

div#mainNav ul#headNav li.current {
	background: #0093d0;
}

div#mainNav ul#extraNav li.header {
	text-transform: uppercase;	
}

div#mainNav ul#headNav li.current a,
div#mainNav ul#extraNav li.current a {
	background-image: url(../gfx/menu_hover.gif);	
	color: #fff;
}

div#mainNav ul#headNav li:hover,
div#mainNav ul#extraNav li:hover {
	background: #fff;
}

div#mainNav ul#headNav li:hover a,
div#mainNav ul#extraNav li:hover  a{
	color: #48b5e2;
}

div#mainNav ul#headNav li a:hover,
div#mainNav ul#extraNav li a:hover {
	background-image: url(../gfx/menu_hover2.gif);	
	color: #48b5e2;
}

div#mainNav ul#extraNav li.header,
div#mainNav ul#extraNav li.header:hover,
div#mainNav ul#extraNav li {
	border-bottom: 1px solid #fff;
	background: #0093D0 ;
	color: #663366;
	font-weight: bold;	
}

/* intro
============================================================= */

div#intro {
	color: #008AcA;
	font-weight: bold;
}

/* opacity blocks
============================================================= */

div.opacity,
div#intro div.opacity {
	background: #fff;
	opacity: .8;
}

/* language arrow
============================================================= */

div#langSwitch {
	position: absolute;
	top: 33px;
	left: 15px;
	width: 727px;
}

div#langSwitch p {
	margin: 0;
	padding: 0;
	text-align: left;
}

div#langSwitch img {
	margin-right: 10px;
}

div#langSwitch a {
	text-decoration: none;
	font-weight: bold;
}

/* contact form
============================================================= */

table#contactTable td {
	vertical-align: top;
	color: #008AcA;
	font-weight: bold;
	margin: 0;
	padding: 5px 10px 0 0;
}

table#contactTable td input.inputText {
	color: #000;
	font-weight: normal;
	width: 380px;
}

table#contactTable td textarea.inputTextarea {
	width: 380px;
}

table#contactTable td input.submit {
	color: #fff;
	background: #008AcA;
	border: none;
	margin: 5px 0 0 0;
}


/* scrollPane
============================================================= */

div#scrollPane,
iframe#scrollPane {
	/* Win/IE only */
	scrollbar-3dlight-color:#008AcA;
	scrollbar-arrow-color:#fff;
	scrollbar-base-color:#008AcA;
	scrollbar-darkshadow-color:#008AcA;
	scrollbar-face-color:#008AcA;
	scrollbar-track-color:#fff;
	scrollbar-highlight-color:#008AcA;
	scrollbar-shadow-color:#008AcA;	
}

div#scrollPane {
	color: #7B7C7E;
}

div#scrollPane h1, 
div#scrollPane h2, 
div#scrollPane h3, 
div#scrollPane h4, 
div#scrollPane h5,
div#scrollPane h6,
div#scrollPane strong,
div#scrollPane b {
	color: #663366;
	font-size: 12px;
}

div#scrollPane h1 {
	border-bottom: 1px solid #663366;
	padding-bottom: 3px;
}

div#scrollPane td,
div#scrollPane th,
div#scrollPane div {
	font-size: 12px;
}

div#scrollPane a:hover {
	text-decoration: none;
}

div#scrollPane table td hr {
	height: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
	border: none;
	border-top: 1px solid #008AcA;
}

/* News (uitbreiding)
============================================================= */

div#newsBlock {
	width: 350px;
	font-size: 12px;
	color: Black;
}

div#newsBlock h1 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #663366;
	font-size: 14px;
	font-weight: bold;
}

div#newsBlock h2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	font-size: 10px;
	font-style: normal;
}

div#newsBlock a.readOn {
	font-size: 11px;
	font-style: italic;
}

div#newsBlock hr {
	height: 0px;
	border: none;
	border-top: 1px solid #008AcA;
}

/* login form
============================================================= */

table#loginTable {
	margin: 0;
	padding: 0;
	background: #008AcA;
	color: #fff;
}

table#loginTable td.forgotPassword {
	border-top: 1px solid #fff;
}

table#loginTable td {
	margin: 0;
	padding: 2px;
}

table#loginTable td input.submit{
	background:#008AcA none repeat scroll 0%;
	border: 1px solid #fff;
	color:#FFFFFF;
	margin:5px 0pt 0pt;
	padding: 3px;
}

table#loginTable a,
table#loginTable strong {
	color: #fff;
	text-decoration: none;
}

/* sidePane
============================================================= */

div#sidePane {
	background: #fff;
	border: 1px solid #008AcA;
	background-image: url(../gfx/background_02.gif);
}

/* footer
============================================================= */

div#footer {
	color: #fff;
	background: #008AcA;
	background: url(../gfx/footerbg.jpg) repeat-x bottom left;
	font-size: 10px;
	position: relative;
}

div#footer a {
	color: #fff;
	text-decoration: none;	
}

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

div#footer span.button {
	border: 1px solid #fff;
	position: relative;
}

div#footer span.button a:hover {
	text-decoration: none;
}



/* donwloads
============================================================= */

ul.downloadItems
{
	list-style: none;
	padding: 0px;
	margin: 0px;
	margin-left: 5px;
}

/* Login
============================================================= */

/*a.login
{
	color: #fff;
	background: #008AcA;
	text-decoration: none;
	border: none;
	padding: 2px 5px 2px 5px;
}*/

.loginBox
{
	width: 240px;
	border: solid 2px  #0093d0;
	background: #FFF;
}

.loginBox .head
{
	background: #0093d0;
	color: White;
	padding: 2px;
}

.loginBox .body
{
	overflow: hidden;
	padding: 2px;
	
}

.loginBox .body label
{
	display: block;
	width: 100px;
	float: left;
	margin-bottom: 5px;
}

.loginBox .body input
{
	display: block;
	width: 130px;
	float: right;
	margin-bottom: 5px;
}

.loginBox .footer
{
	clear: both;
	overflow: hidden;
	padding: 2px;
}

.loginBox .footer input.btn
{
	display: block;
	width: auto;
	float: right;
	cursor: pointer;
	
}