/* CSS for all front-end elements goes here */

form {
	margin-top: 0;
	margin-bottom: 0;
}

body {
	margin: 12px 0px 12px 0px;
	font-family: "Trebuchet MS", Tahoma, sans-serif;
	background: #ffffff;
}

.trans {
	behavior: url("/styles/pngbehavior.htc");
}

.clearer {
	clear: both;
	line-height: 0;
	height: -3px;
}

#wrapper {
	margin: auto;
	width: 976px;
	padding: 0px 0px 0px 0px;
}

#header {
	width: 976px;
}

#logo {
	float: left;
	width: 356px;
	height: 87px;
	background: url(/images/gif/logo.gif);
	cursor: pointer;
}

#logo span {
	display: none;
}

#content {
	float: left;
	width: 976px;
	margin: 12px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#copyright {
	float: left;
	width: 956px;
	margin: 12px 0px 20px 0px;
	padding: 0px 20px 0px 0px;
	text-align: right;
	font-size: 10px;
	color: #666;
}

#copyright a:active, #copyright a:link, #copyright a:visited {
	color: #666;
	text-decoration: none;
}

#copyright a:hover {
	color: #db3330;
	text-decoration: underline;
}

#footer {
	float: left;
	width: 976px;
	height: 91px;
	background: url(/images/gif/footer.gif) repeat-x;
	margin: 0px 0px 0px 0px;
	color: #666;
}

.footertext {
	float: left;
	width: 580px;
	padding: 26px 0px 0px 20px;
}

ul.ftr1 {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 4px 0px;
	font-size: 16px;
}
.ftr1 li {
	display: inline;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 0px;
}
ul.ftr1 a:active, ul.ftr1 a:link, ul.ftr1 a:visited {
	color: #900;
	text-decoration: none;
}
ul.ftr1 a:hover {
	color: #666;
	text-decoration: underline;
}

ul.ftr2 {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 4px 0px;
	font-size: 11px;
}
.ftr2 li {
	display: inline;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
ul.ftr2 a:active, ul.ftr2 a:link, ul.ftr2 a:visited {
	color: #666;
	text-decoration: none;
}
ul.ftr2 a:hover {
	color: #900;
	text-decoration: underline;
}


/* End */

/* Content Headers */

h1 {
  	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	font-size: 1.3em;
	color: #fff;
}
h1 a:active, h1 a:link, h1 a:visited {
	color: #fff;
	text-decoration: none;
}
h1 a:hover {
	color: #999;
	text-decoration: underline;
}

h2 {
	padding: 0px 0px 8px 0px;
	margin: 0px 0px 0px 0px;
	font-weight: normal;
	color: #444;
	font-size: 2.0em;
}
h2 a:active, h2 a:link, h2 a:visited {
	color: #666;
	text-decoration: none;
}
h2 a:hover {
	color: #999;
	text-decoration: underline;
}

h3 {
	width: 100%;
	padding: 4px 0px 4px 0px;
	margin: 0px 0px 0px 0px;
	color: #444;
	font-weight: normal;
	font-size: 1.4em;
}

h4 {
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 4px 0px 8px 0px;
	font-size: 1.0em;
	font-weight: bold;
	color: #555;
}

h5 {
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 0px 0px;
	font-size: 0.7em;
	font-weight: bold;
	color: #333333;
}

p {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

/* Menu */

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}

/* End */

/* Top Banner */

.banner {
	width: 976px;
	height: 126px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(/images/gif/header.gif) no-repeat #000000;
}

.bannercol1 {
	float: left;
	width: 468px;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 0px 20px;
}
.bannercol2 {
	float: left;
	width: 458px;
	margin: 0px 0px 0px 0px;
	padding: 88px 30px 0px 0px;
	text-align: right;
}
.bannercol2 a:active, .bannercol2 a:link, .bannercol2 a:visited {
	color: #ffffff;
	text-decoration: none;
}

.bannercol2 a:hover {
	color: #999;
	text-decoration: underline;
}

.bannercol2 ul 
{
    list-style-type: none;
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	font-weight: bold;
	color: #F00;
}
.bannercol2 li {
    list-style-type: none;
	display: inline;
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.bannernav {
	float: left;
	width: 976px;
	margin: 1px 0px 0px 0px;
	background: url(images/navbg.gif) no-repeat;
}

/* End */

/* Homepage - Content */

.welcomebanner {
	float: left;
	width: 976px;
	height: 259px;
	background: url(/images/jpg/welcomebanner.jpg) no-repeat;
}

.welcometext {
	float: left;
	width: 460px;
	margin: 20px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
}

.welcometext p {
	float: left;
	width: 100%;
	padding: 12px 0px 0px 0px;
}

.welcometitle1 {
	font-size: 24px;
	color: #666;
}
.welcometitle2 {
	font-size: 34px;
	color: #900;
}
.welcometitle3 {
	font-size: 18px;
	color: #555;
}

.welcomeservices {
	float: left;
	width: 976px;
	height: 173px;
	margin: 12px 0px 4px 0px;
	background: url(/images/jpg/welcomeservices.jpg) no-repeat;
}

.welcomeservice1 {
	float: left;
	width: 191px;
	padding: 12px 140px 0px 20px;
}
.welcomeservice1 h2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 18px;
	color: #900;
}
.welcomeservice1 h2 a:active, .welcomeservice1 h2 a:link, .welcomeservice1 h2 a:visited {
	color: #900;
	text-decoration: none;
}
.welcomeservice1 h2 a:hover {
	color: #666;
	text-decoration: underline;
}

.welcomeservice1 p {
	padding: 6px 0px 0px 0px;
	font-size: 12px;
	color: #333;
}

.welcomeservice2 {
	float: left;
	width: 240px;
	padding: 12px 12px 0px 20px;
}
.welcomeservice2 h2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 18px;
	color: #CCC;
}
.welcomeservice2 h2 a:active, .welcomeservice2 h2 a:link, .welcomeservice2 h2 a:visited {
	color: #ccc;
	text-decoration: none;
}
.welcomeservice2 h2 a:hover {
	color: #666;
	text-decoration: underline;
}

.welcomeservice2 p {
	padding: 6px 0px 0px 0px;
	font-size: 12px;
	color: #FFF;
}

/* End */

/* Main Layout */

.contentwrap {
	float: left;
	width: 784px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(/images/gif/contentbg.gif) no-repeat #fff;
}

	/* -- Left Margin -- */
	
.contentleft {
	float: left;
	width: 160px;
	padding: 18px 12px 12px 20px;
}

.linkspic {
	float: left;
	width: 160px;
	height: 86px;
	margin: 0px 0px 1px 0px;
	background: #333;
}

/* First Level */
.contentleft > ul {
	float: left;
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 0.7em;
	font-weight: bold;
}

.contentleft a.active:link, .contentleft a.active:visited, .contentleft a.active:active {
	background: #900;	
}
.contentleft a.active:hover {
	background: #666;	
}

.contentleft ul a:active, .contentleft ul a:link, .contentleft ul a:visited {
	color: #fff;
	text-decoration: none;
	display: block;
	width: 148px;
	padding: 4px 4px 4px 8px;
	background: #999;
}
.contentleft ul a:hover {
	color: #fff;
	text-decoration: none;
	background: #666;
}

.contentleft li {
	margin: 0px 0px 1px 0px;
	padding: 0px 0px 0px 0px;
    display: block;
}

/* Second Level */
.contentleft ul ul
{
    list-style-type: none;
   	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: normal;
	font-size: 1.0em;
	background: #fff;
}
.contentleft ul ul a:active, .contentleft ul ul a:link, .contentleft ul ul a:visited {
	color: #555;
	text-decoration: none;
	display: block;
	width: 144px;
	padding: 4px 4px 4px 12px;
	background: #E5E5E5;
}

.contentleft ul ul a:hover {
	color: #fff;
	text-decoration: none;
	background: #666;
}

.contentleft ul ul li 
{
	width: 160px;
	margin: 0px 0px 1px 0px;
}

/* third Level */
.contentleft ul ul ul
{
    list-style-type: none;
   	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: normal;
	font-size: 1.0em;
	background: #fff;
}
.contentleft ul ul ul a:active, .contentleft ul ul ul a:link, .contentleft ul ul ul a:visited {
	color: #666;
	text-decoration: none;
	display: block;
	width: 140px;
	padding: 4px 4px 4px 16px;
	background: #F2F2F2;
}

.contentleft ul ul ul a:hover {
	color: #fff;
	text-decoration: none;
	background: #666;
}

.contentleft ul ul ul li 
{
	width: 160px;
	margin: 0px 0px 1px 0px;
}

	/* -- Body -- */

.contentbody {
	float: left;
	width: 552px;
	padding: 14px 20px 0px 12px;
	font-size: 0.7em;
}
.contentbody a:active, .contentbody a:link, .contentbody a:visited {
	color: #900;
	text-decoration: none;
}
.contentbody a:hover {
	color: #666;
	text-decoration: underline;
}

.contentbody h2 a:active, .contentbody h2 a:link, .contentbody h2 a:visited {
	color: #444;
	text-decoration: none;
}
.contentbody h2 a:hover {
	color: #666;
	text-decoration: underline;
}

.applyftr {
	float: left;
	width: 542px;
	padding: 4px 4px 4px 4px;
	margin: 12px 0px 12px 0px;
	background: #E0E0E0;
	border: 1px solid #D4D4D4;
}
.applyftr1 {
	float: left;
	width: 447px;
	padding: 3px 0px 0px 4px;
	color: #333;
	font-weight: bold;
}
.applyftr2 {
	float: left;
	width: 91px;
	text-align: right;
}

.applybtn {
	float: right;
}

.addresstb {
	float: left;
	font-size: 1.0em;
	color: #666;
	border: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 12px 0px;
}

.contacttb {
	font-size: 1.0em;
	color: #666;
	border: 0px;
	background: #EEE;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 12px 0px;
}
.contacttb a:active, .contacttb a:link, .contacttb a:visited {
	color: #900;
	text-decoration: none;
}
.contacttb a:hover {
	color: #666;
	text-decoration: underline;
}

.contentbody p {
	padding: 4px 0px 12px 0px;
	font-size: 1.0em;
	color: #666;
}

.contentbody ul {
	color: #666;
	padding: 0px 0px 12px 0px;
	margin: 0px 0px 0px 0px;
	list-style-type: disc;
	font-size: 1.0em;
}
.contentbody ul li
{
	list-style-type: disc;
    padding: 0px 0px 0px 0px;
	margin: 0px 12px 0px 30px;
}

.contentbody ul a:active, .contentbody ul a:link, .contentbody ul a:visited {
	color: #900;
	text-decoration: none;
}
.contentbody ul a:hover {
	color: #666;
	text-decoration: underline;
}

.breadcrumb {
	float: left;
	width: 552px;
	padding: 0px 0px 6px 0px;
	font-size: 0.9em;
	color: #333;
}

.breadcrumb a:link, .breadcrumb a:visited {
	color: #900;
	text-decoration: none;
}

.breadcrumb a:active {
	color: #333;
	text-decoration: none;
}

.breadcrumb a:hover {
	color: #666;
	text-decoration: underline;
}

.breadcrumb ul 
{
	float: left;
    list-style-type: none;
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.breadcrumb ul li
{
	display: inline;
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.pagetools {
	float: left;
	width: 552px;
	padding: 4px 0px 12px 0px;
	margin: 0px 0px 0px 0px;
	color: #333;
	font-size: 1.0em;
}

.pagetools a:active, .pagetools a:link, .pagetools a:visited {
	color: #900;
	text-decoration: none;
}

.pagetools a:hover {
	color: #300;
	text-decoration: underline;
}

.pagetools ul 
{
    list-style-type: none;
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.pagetools ul li
{
	display: inline;
    margin: 0px 0px 0px 0px;
	padding: 0px 12px 0px 20px;
}

.pagetools ul li.email
{
	background: url(/images/buttons/nav/email.gif) no-repeat 0 0px;
	vertical-align: middle;
}
.pagetools ul li.print
{
	background: url(/images/buttons/nav/print.gif) no-repeat 0 0px;
	vertical-align: middle;
}
.pagetools ul li.share
{
	background: url(/images/buttons/nav/share.gif) no-repeat 0 0px;
	vertical-align: middle;
}

/* -- Right Margin -- */

.contentright {
	float: left;
	width: 192px;
	text-align: right;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.contentright ul 
{
    list-style-type: none;
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.contentright li {
	display: list-item;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 8px 0px;
    display: block;
}

/* End */

/* Buttons */

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

	/* --LARGE-- */

a.btnrl {
    background: transparent url(/images/buttons/btn_rl.png) no-repeat scroll top right;
    color: #fff;
    display: block;
    float: left;
    font: normal 14px arial, sans-serif;
    height: 29px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
	behavior: url("/styles/pngbehavior.htc");
	font-weight: bold;
}

a.btnrl span {
    background: transparent url(/images/buttons/btn_rl_span.png) no-repeat;
	color: #fff;
    display: block;
    padding: 7px 0 6px 18px;
	behavior: url("/styles/pngbehavior.htc");
} 

a.btnrl:active {
    background-position: bottom right;
    color: #999;
    outline: none; /* hide dotted outline in Firefox */
}

a.btnrl:active span {
    background-position: bottom left;
    padding: 8px 0 5px 18px; /* push text down 1px */
}

a.btnrl:hover {
    background-position: center right;
    color: #fff;
    outline: none; /* hide dotted outline in Firefox */
	cursor: pointer;
	text-decoration: none;
}

a.btnrl:hover span {
    background-position: center left;
    padding: 7px 0 6px 18px; /* push text down 1px */
}

	/* --SMALL(RED)-- */
a.btnr {
    background: transparent url(/images/buttons/btn_r.png) no-repeat scroll top right;
    color: #fff;
    display: block;
    float: left;
    font: normal 11px arial, sans-serif;
    height: 22px;
    margin-right: 0px;
    padding-right: 14px; /* sliding doors padding */
    text-decoration: none;
	behavior: url("/styles/pngbehavior.htc");
}

a.btnr span {
	height: 18px;
	color: #fff;
    background: transparent url(/images/buttons/btn_r_span.png) no-repeat;
    display: block;
    padding: 4px 0px 0px 14px;
	behavior: url("/styles/pngbehavior.htc");
} 

a.btnr:active {
    background-position: bottom right;
    color: #CCC;
    outline: none; /* hide dotted outline in Firefox */
}

a.btnr:active span {
    background-position: bottom left;
    padding: 4px 0px 0px 14px; /* push text down 1px */
}

a.btnr:hover {
    background-position: center right;
    color: #fff;
	text-decoration: none;
    outline: none; /* hide dotted outline in Firefox */
	cursor: pointer;
}

a.btnr:hover span {
    background-position: center left;
    padding: 4px 0px 0px 14px; /* push text down 1px */
}

/* --SMALL(GREY)-- */
a.btng {
    background: transparent url(/images/buttons/btn_g.png) no-repeat scroll top right;
    color: #333;
    display: block;
    float: left;
    font: normal 11px arial, sans-serif;
    height: 22px;
    margin-right: 0px;
    padding-right: 14px; /* sliding doors padding */
    text-decoration: none;
	behavior: url("/styles/pngbehavior.htc");
}

a.btng span {
	height: 18px;
    background: transparent url(/images/buttons/btn_g_span.png) no-repeat;
    display: block;
    padding: 4px 0px 0px 14px;
	behavior: url("/styles/pngbehavior.htc");
} 

a.btng:active {
    background-position: bottom right;
    color: #666;
    outline: none; /* hide dotted outline in Firefox */
}

a.btng:active span {
    background-position: bottom left;
    padding: 4px 0px 0px 14px; /* push text down 1px */
}

a.btng:hover {
    background-position: center right;
    color: #fff;
    outline: none; /* hide dotted outline in Firefox */
	cursor: pointer;
}

a.btng:hover span {
    background-position: center left;
    padding: 4px 0px 0px 14px; /* push text down 1px */
}


/* Form Elements (table, fields, labels) */

.contactlbl {
	width: 150px;
	padding: 4px 0px 8px 0px;
	vertical-align: top;
}

.contactlbl2 {
	width: 400px;
	padding: 1px 0px 0px 0px;
}

.contacttb input {
	width: 180px;
	height: 18px;
	border: 1px solid #999999;
	font-family: "Trebuchet MS", Tahoma, sans-serif;
	font-size: 1.0em;
	color: #333;
}

.contacttb textarea {
	border: 1px solid #999999;
	font-family: "Trebuchet MS", Tahoma, sans-serif;
	font-size: 1.0em;
	color: #333;
}

.contacttb select {
	border: 1px solid #999999;
	font-family: "Trebuchet MS", Tahoma, sans-serif;
	font-size: 1.0em;
	color: #333;
}

#radio {
	width: 20px;
	border: 0px;
}

.contacttb .formButton {
	width: 80px;
	height: 20px;
	color: #333;
	background: #999;
	border: 1px solid #666;
}

/* vsprogramme - Table Properties */

.vsprogrammetb {
	float: left;
	border: 0px;
	color: #666;
	margin: 0px 0px 12px 0px;
}

.vsprogrammetb td {
	vertical-align: top;	
	padding: 8px 8px 8px 8px;
}

.vsactive {
	background: #EEE;	
}

/* End */

/* Validation */
label { }
label.error { color: red; vertical-align: top; }

/* Print CSS */
@media print{
  body{ background-color:#FFFFFF; background-image:none; color:#000000 }
  #wrapper{ width:100%;}
  #header{ display:none;}
  #logo{ display:none;}
  #content{ width:100%;}
  .contentwrap{ width:100%; background-image: none;}
  .contentbody{ width:100%;}
  #footer{ display:none;}
  #copyright{ display:none;}
  .breadcrumb{ display:none;}
  .pagetools{ display:none;}
  .contentright{ display:none;}
  .contentleft{ display:none;}
  #toppanel{ display:none;}
  .applyftr{ display:none;}
  .applybtn{ display:none;}
}