* {margin: 0; padding: 0}
html, body { height: 100% }
body {behavior:url(csshover.htc)}

* default styles for extension "tx_srlanguagemenu_pi1" */
   .tx-srlanguagemenu-pi1 p { font-family: Verdana, sans-serif; font-size: .8em; line-height:100%; color: #35006d; margin-top: 8px; padding: 0; text-indent: 0; }
   .tx-srlanguagemenu-pi1 img { margin: 5px 3px; padding: 0; border-style: none; }
   .tx-srlanguagemenu-pi1 .CUR { float: left; font-size: .8em; }
   .tx-srlanguagemenu-pi1 .CUR a { background-color: transparent; color: #35006d; text-decoration: none; font-weight: bold; }
   .tx-srlanguagemenu-pi1 .CUR a:focus, .tx-srlanguagemenu-pi1 .CUR a:hover, .tx-srlanguagemenu-pi1 .CUR a:active { color:#333333; }
   .tx-srlanguagemenu-pi1 .NO { float: left; font-size: .8em; }
   .tx-srlanguagemenu-pi1 .NO a { background-color:transparent; color: #35006d; text-decoration:none; font-weight:bold; }
   .tx-srlanguagemenu-pi1 .NO a:focus, .tx-srlanguagemenu-pi1 .NO a:hover, .tx-srlanguagemenu-pi1 .NO a:active { color:#333333; }
   .tx-srlanguagemenu-pi1 .INACT { float: left; font-size: .8em; }
   .tx-srlanguagemenu-pi1 .INACT a { background-color:transparent; color: #35006d; text-decoration: none; font-weight: normal; }
   .tx-srlanguagemenu-pi1 .INACT a:focus, .tx-srlanguagemenu-pi1 .INACT a:hover, .tx-srlanguagemenu-pi1 .INACT a:active { color: #333333; }
   .tx-srlanguagemenu-pi1 .SPC {  float: left; font-family: Verdana, sans-serif; font-size: .8em; line-height: 100%; color: #35006d; }
   .tx-srlanguagemenu-pi1 fieldset { }
   .tx-srlanguagemenu-pi1 fieldset legend { }
   .tx-srlanguagemenu-pi1 fieldset label { display: none; }
   .tx-srlanguagemenu-pi1 fieldset select { font-size: .8em; font-family: Verdana, sans-serif; background-color: #35006d; color: white; font-weight: bold; }
   .tx-srlanguagemenu-pi1 fieldset option.tx-srlanguagemenu-pi1-option-0 { }

div#languageMenu {position: absolute;top:0;right:0;height: 20px;width: 78px;}

div#container {
	position: relative;
	width: 598px;
	margin: 0 auto;
	padding: 10px 0;
	text-align: left;
}

div#topmenu {
	position: absolute;
	top: 0;
	right: 85px;
	height: 20px;
}

div#pageheader {
	position: relative;
	top: 0;
	left: 0;
	height: 186px;
	width: 598px;
	border: 1px solid black;
}

div#randomImage {
	position: absolute;
	top:0;
	left:0;
	background: url(images/title_image1.jpg) no-repeat;
	height: 186px;
	width: 212px;
}

div#headerImage {
	position: absolute;
	top:0;
	left:212px;
	background: url(images/bar_1.jpg) no-repeat;
	height: 186px;
	width: 386px;
	float: left;
}

div#menucontainer {
	position: relative;
	top: 0px;
	left: 0;
	height: 43px;
	width: 598px;
}

div#mainmenu {
	position: relative;
	top: 0px;
	left: 0;
	height: 1.6em;
	width: 598px;
}

div#columncontainer {
	position: relative;
	top: 0px;
	left: 0;
	width: 598px;
	background-color: #F6F1E0;
	border: 1px solid black;
}

div#column_normal {width: 430px; padding: 15px 20px;
	border-right: 1px solid black; background-color: #FFF;}

div#column_right {position: absolute; top: 0; right: 0;
	width: 115px; font-size: 80%; padding: 10px 6px;}

#column_right h1,
#column_right h2 {font-size: 120%}
#column_right h3,
#column_right h4,
#column_right h5 {font-size: 110%}

#column_right a {font: normal 11px Arial, Helvetica, sans-serif;}

div#column_end {
	width: 598px;
	height: 20px;
	border-top: 1px solid black;
}

/********** Text format ************
*/

div#container {font: normal 13px Verdana, Geneva, Arial, Helvetica, sans-serif}

div#column_normal {
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: black;
	text-align: left;
	line-height: 1.5em;
	text-indent: 0pt;
}

h1, h2, h3, h4, p {margin: 0px 0 9px 0; padding: 0 0 3px 0}
h1.csc-firstHeader {margin: 0px 0 6px 0}
h1, h2, h3, h4 {
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	color: black;
	text-indent: 0pt;
	line-height: 1.2em;
}
h1 {font-size: 20px; }
h3, h4 {font-size: 14px; margin: 9px 0 6px 0;}

a {color: #C00B39}

#column_normal ul {margin: 0 0 12px 0; padding: 0 25px;}
#column_normal li {list-style-image: url(images/stipje2.gif)}

/********** Mailform ************
*/

form, fieldset {border:none; padding: 0; margin: 0}
.csc-mailform-field {padding: 3px 0}
input, textarea {
	font-size: 11px;
	border: 1px solid #808080;
	padding: 2px;
}
label {display: block; padding: 1px 0}

/********** Mainmenu navigation ************
*/

div#mainmenu {
	font: bold 13px Verdana, Geneva, Helvetica, sans-serif;
	width: 100%; display: block; z-index: 1000;
}
div#mainmenu ul {
	margin: 0;
	padding: 0;
	background: #CC9933;
	width: 100%;
	height: 1.57em;
	line-height: 1.1em;
}
div#container div#mainmenu ul.level1 {border: 1px solid black;	border-top: none}

/* add width properties to 'li' and 'li a' for fixed width items on level1, use em for resizable buttons */
div#mainmenu li {float: left;position: relative; list-style: none; padding: 0; margin: 0}
div#mainmenu li a {display: block; padding: 0.2em 0.7em 0.27em 0.7em; text-decoration: none; background: #CC9933;}
div#mainmenu ul.level1 li {border-right: 1px solid black;}
div#mainmenu ul ul {height: auto; border-bottom: 1px solid black; width: auto; position: absolute; display: none; z-index: 1000;}
div#mainmenu a {text-decoration: none}
div#mainmenu ul ul li {width: 9em; clear: left; border-top: 1px solid black; border-left: 1px solid black}
div#mainmenu ul.level2 {top:1.51em; left:-1px} /* verical distance between top of level1 and top of level2 - glue them together for proper result */
div#mainmenu ul.level3 {top:0.6em; left:6em} /* position of level3 menu from top-left corner from parent item */

div#mainmenu ul a:hover {background: #C9B137}
div#mainmenu ul.level1 a {font-weight: bold} 
div#mainmenu ul.level2 a {text-align: left; font-size: 0.85em; font-weight: normal; white-space: normal}
div#mainmenu>ul a {width: auto}
div#mainmenu ul.level3 li {float: left; position: relative; width:8em}

div#mainmenu ul.level1 li.submenu:hover ul.level2,
div#mainmenu ul.level2 li.submenu:hover ul.level3 {display: block}

div#mainmenu li a {color: #000;white-space: nowrap; }

/********** topmenu navigation ************
*/

div#topmenu a, 
div#topmenu a:link,
div#topmenu a:visited {
	display: block;
	color: black; 
	padding: 0 7px; 
	text-decoration:none; 
	line-height: 22px
}

div#topmenu a:hover {background: #CC9933;}

div#topmenu li.tmenu-last {border-left: 1px solid black}

div#topmenu li {
	font: bold 13px Verdana, Geneva, Helvetica, sans-serif;
	float: right;
	list-style-type: none;
	border-right: 1px solid black;
}

/********** breadCrumb ************
*/
div#breadCrumb {color: #666;font: normal 11px/160% Verdana, Geneva, Helvetica, sans-serif;}
div#breadCrumb a {color: #666;text-decoration:none; padding: 0 5px 0 0}
div#breadCrumb a:hover {text-decoration:underline;}
div#breadCrumb li {display:inline;list-style-type: none;padding: 0 5px 0 0}