/****** body ******/

html
{
    font-size:100%;
}

body
{
    font-family: Arial, sans-serif;
    font-size: 0.75em;
    line-height: 1.5em;
    color:#161616;
    margin:0px 20px;
    padding:0px;
    background-color: #FFFFFF;
}

div.bodywidth
{
    width:800px;
    margin-right: auto;
    margin-left: auto;
	background-color: #FFFFFF;
}

/****** text general ******/

h1
{
    margin: 0 0 0.65em 0;
    padding: 0;
    font-size: 1.4em;
    line-height: 1.3em;
}

h2
{
    margin: 0.8em 0 0 0;
    padding: 0;
    line-height: 1.2em;
	font-size: 1.1em;
    font-weight:bold;
    line-height: inherit;
}

h3
{
    margin: 0.8em 0 0 0;
    padding: 0;
    line-height: 1.2em;
	font-size: 1.0em;
    font-weight:bold;
    line-height: inherit;
}

/****** text ******/

p
{
    margin: 0.7em 0 0.9em 0;
    padding: 0;
}

/****** important information in text, highlighted red and bold ******/

h4
{
    margin: -0.5em 0 1.4em 1em;
	font-weight:bold;
	color:#FF0000;
}

/****** bold in text ******/

h7
{
    margin: 0.7em 0 0.9em 0;
    padding: 0;
	font-weight:bold;
}

/****** links ******/

#internal a:link
{
    text-decoration: underline;
    color:#0000CC;
}

#internal a:visited
{
    text-decoration: underline;
    color:#CC6699;
}

/*#internal a:hover
{
    text-decoration: underline;
    color:#0000CC;
}*/

#internal a:active
{
    text-decoration: underline;
    color:#0000CC;
}

#www a:link
{
    text-decoration: underline;
    color:#0000CC;
}

#www a:visited
{
    text-decoration: underline;
    color:#CC6699;
}

/*#www a:hover
{
    text-decoration: underline;
    color:#000080;
}*/

#www a:active
{
    text-decoration: underline;
    color:#0000CC;
}

#download a:link
{
    text-decoration: underline;
    color:#0000CC;
}

#download a:visited
{
    text-decoration: underline;
    color:#CC6699;
}

/*#download a:hover
{
    text-decoration: underline;
    color:#000080;
}*/

#download a:active
{
    text-decoration: underline;
    color:#0000CC;
}

#imprint a:link
{
    text-decoration: none;
    color:#000000;
}

#imprint a:visited
{
    text-decoration: none;
    color:#000000;
}

#imprint a:hover
{
    text-decoration: underline;
    color:#000000;
}

#imprint a:active
{
    text-decoration: underline;
    color:#000000;
}
img
{
    border:0px;
}

img.icon
{
    vertical-align: middle;    
}

/****** links footer (e.g. imprint) ******/

h8
{
    text-decoration: none;
    color:#000000;
}

/****** box for additional information ******/

div.box
{
	line-height: 1.3em;
	font-size: 0.95em;
	border: 2px solid #ccccff;
	padding: 9px 9px 10px 9px;
	margin: 0 0 10px 0;
}

div.box h2
{
    padding: 0;
    margin: 0;
}
div.box p
{
    margin:0;
}
div.box img
{
    display:block;
    margin: 0 0 3px 0;
}
div.box a.internal, div.box a.www
{
    display: block;
}
div.box img.icon
{
    display: inline;
    vertical-align: bottom;
}

/****** box for very important information ******/

div.importantbox
{
	line-height: 1.3em;
	font-size: 0.95em;
	border: 2px solid #FF0000;
	padding: 9px 9px 10px 9px;
	margin: 0 0 10px 0;
}

div.importantbox h2
{
    padding: 0;
    margin: 0;
}

div.importantbox p
{
    margin:0;
}

div.importantbox img
{
    display:block;
    margin: 0 0 2px 0;
}

/****** header ******/

div#header
{
    margin-top:40px;
	width: 800px;
	height: 100px;
}
div.imgheader
{
    background-color: #FFFFFF;
    padding-left:0px;
	width: 800px;
    height:100px;
}

/****** navigation column ******/

div#navcol
{
    width:165px;
    float:left;
	margin-top: 20px;
    font-size: 0.95em;
    font-family: Arial, sans-serif;
    line-height: 1.3em;
}

/****** navigation ******/

div#navigation
{
    line-height: 1.1em;
    font-size: 1.2em;
    border-top: solid 1px #999999;
	border-bottom: solid 1px #999999;
    padding: 0;
    margin: 0 0 20px 0;
	width: 148px;
}

div#navigation a
{
    display:block;
    text-decoration: none;
    color:#000080;
}

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

div#navigation a.activ
{
    border-bottom: 3px solid #000000;
	width: 120px;
	background-color:#ffffff;
}

div#navigation ul, #navigation ul ul, #navigation ul ul ul, ul.squarelist, ul.linklist
{
    width:100%;
    padding:0px;
    margin:0px;
    list-style-type:none;
}

div#navigation ul li
{
    padding: 0 0 0 0;
	border-bottom: 3px solid #FFFFFF;
	font-size: 1.0em;
}

div#navigation ul li a
{
    padding: 2px 0 2px 7px;
	border-bottom: 3px solid #FFFFFF;
	font-size: 1.0em;
}

div#navigation ul li ul li
{
    padding: 1px 0 0 0;
	border-bottom: 3px solid #FFFFFF;
	font-size: 1.0em;
}

div#navigation ul li ul li a
{
    padding: 3px 0px 4px 17px;
    width:148px;
	border-bottom: 3px solid #FFFFFF;
	font-size: 1.0em;
}

/****** navformat ******/

ul#navformat
{
    list-style-type:none;
    padding:0;
	width: 140px;
    margin: 0 0 10px 0;
}

ul#navformat li a
{
    position: relative;
	text-decoration: none;
    color:#000080;
    padding:3px 0 3px 23px;
    line-height: 1.3em;
    display:block;
    width: 140px;
}

ul#navformat li a#nav1, a#nav2, a#nav3, a#nav4, a#nav5, a#nav6, a#nav7
{
    background-color: #FFFFFF;
	border-bottom: 3px solid #FFFFFF;
	width: 140px;
}

ul#navformat li a:hover, ul#navformat li a#nav1:hover, ul#navformat li a.activ, ul#navformat li a#nav1.activ
{
    border-bottom: 3px solid #6B2037;
	width: 140px;
    text-decoration: none;
	/* background-color:#f2f2fe; */
}

ul#navformat li a#nav1.activ /****** for correct display of background colour for nav 1 when activ ******/
{
    border-bottom: 3px solid #6B2037;
	width: 140px;
    text-decoration: none;
	background-color:#ffffff; 
}

ul#navformat li a:hover, ul#navformat li a#nav2:hover, ul#navformat li a.activ, ul#navformat li a#nav2.activ
{
    border-bottom: 3px solid #D7870C;
	width: 140px;
    text-decoration: none;
}

ul#navformat li a:hover, ul#navformat li a#nav3:hover, ul#navformat li a.activ, ul#navformat li a#nav3.activ
{
    border-bottom: 3px solid #BCDF00;
	width: 140px;
    text-decoration: none;
}

ul#navformat li a:hover, ul#navformat li a#nav4:hover, ul#navformat li a.activ, ul#navformat li a#nav4.activ
{
    border-bottom: 3px solid #A8962A;
	width: 140px;
    text-decoration: none;
}

ul#navformat li a:hover, ul#navformat li a#nav5:hover, ul#navformat li a.activ, ul#navformat li a#nav5.activ
{
    border-bottom: 3px solid #5DA841;
	width: 140px;
    text-decoration: none;
}

ul#navformat li a:hover, ul#navformat li a#nav6:hover, ul#navformat li a.activ, ul#navformat li a#nav6.activ
{
    border-bottom: 3px solid #4767E2;
	width: 140px;
    text-decoration: none;
}

ul#navformat li a:hover, ul#navformat li a#nav7:hover, ul#navformat li a.activ, ul#navformat li a#nav7.activ
{
    border-bottom: 3px solid #8FB6F7;
	width: 140px;
    text-decoration: none;
}

/****** secondary navigation ******/

ul#navformat ul li a#nav1, a#nav2, a#nav3, a#nav4, a#nav5, a#nav6, a#nav7
{
    background-color: #FFFFFF;
	border-bottom: 3px solid #FFFFFF;
	width: 130px;
	font-size: 0.85em;
}

ul#navformat ul li a:hover, ul#navformat ul li a#nav2:hover, ul#navformat ul li a.activ, ul#navformat ul li a#nav2.activ 
{
    border-bottom: 3px solid #D7870C;
	width: 130px;
    text-decoration: none;
	font-size: 0.85em;
}

ul#navformat ul li a:hover, ul#navformat ul li a#nav5:hover, ul#navformat ul li a.activ, ul#navformat ul li a#nav5.activ
{
    border-bottom: 3px solid #5DA841;
	width: 130px;
    text-decoration: none;
	font-size: 0.85em;
}

ul#navformat ul li a:hover, ul#navformat ul li a#nav6:hover, ul#navformat ul li a.activ, ul#navformat ul li a#nav6.activ
{
    border-bottom: 3px solid #4767E2;
	width: 130px;
    text-decoration: none;
	font-size: 0.85em;
}

ul#navformat ul li a.nonactiv, ul#navformat ul li a#nav2.nonactiv
{
    border-bottom: 3px solid #FFFFFF;
	width: 130px;
    text-decoration: none;
	font-size: 0.85em;
}

ul#navformat ul li a.nonactiv, ul#navformat ul li a#nav5.nonactiv
{
    border-bottom: 3px solid #FFFFFF;
	width: 130px;
    text-decoration: none;
	font-size: 0.85em;
}

ul#navformat ul li a.nonactiv, ul#navformat ul li a#nav6.nonactiv
{
    border-bottom: 3px solid #FFFFFF;
	width: 130px;
    text-decoration: none;
	font-size: 0.85em;
}

ul#navformat ul li a.nonactiv:hover, ul#navformat ul li a#nav2.nonactiv:hover
{
    border-bottom: 3px solid #D7870C;
	width: 130px;
    text-decoration: none;
	font-size: 0.85em;
}

ul#navformat ul li a.nonactiv:hover, ul#navformat ul li a#nav5.nonactiv:hover
{
    border-bottom: 3px solid #5DA841;
	width: 130px;
    text-decoration: none;
	font-size: 0.85em;
}

ul#navformat ul li a.nonactiv:hover, ul#navformat ul li a#nav6.nonactiv:hover
{
    border-bottom: 3px solid #4767E2;
	width: 130px;
    text-decoration: none;
	font-size: 0.85em;
}

/****** additional navigation e.g. print icon, search, etc ******/

div#addnav
{
    font-size: 0.85em;
    line-height: 1.5em;
    font-family: Verdana, sans-serif;
    width:171px;
    height:50px;
    color:#000000;
    float:right;
}

/*div#addnav a
{
    color:#000000; 
    text-decoration: none;
    padding: 0 2px;
}

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

div#addnav a.active
{
    color:#000000;
}*/

/****** column right (boxes) ******/

div.boxcolumn
{
    float:right;
    width: 180px;
}

div.contcol
{
    margin-left:185px;
}

div.contentarea
{
    margin-right:199px;
}

/****** others ******/

.placeholderheader
{
    clear:both;
}

/****** footer ******/

div.placeholderfooter
{
    height:30px;
    clear:both;
}

div#footerarea
{
    width: 800px;
	height: 40px;
	display:block;
    background-image: url("img/footer.jpg");
	background-repeat:no-repeat
}

div#footertext
{
    margin-left:182px;
	padding-top:15px;
	font-size: 0.9em;
    font-family: Verdana, sans-serif;
    color:#FFFFFF;
    line-height:1.4em;
}

div#footer
{
    width: 800px;
	height: 100px;
	margin-top:2px;
    font-size: 0.75em;
    font-family: Verdana, sans-serif;
    color:#999;
    line-height:1.4em;
}

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

.topnav
{
    text-align: right;
    margin-bottom:7px;
}

div.topnav a
{
    /*background-image: url(img/arrow_up.gif);*/
    margin-right:7px;
    background-repeat: no-repeat;
    background-position: left top;
    font-size: 0.95em;
    padding-left:12px;
}

.backbutton
{
    text-align: right;
    margin-bottom:15px;
}

div.backbutton a
{
    /*background-image: url(img/arrow_up.gif);*/
    margin-right:7px;
    background-repeat: no-repeat;
    background-position: left top;
    font-size: 1.0em;
    padding-left:12px;
}