/********************************************************************************************

	TOC:	- GENERAL
			- STRUCTURE
			- NAVIGATION
			- CONTENT & FORM
			- FOOTER
			
********************************************************************************************/


/****************************************  GENERAL  ****************************************/

html, body, ul, ol {
	border:0;
	margin:0;
	padding:0
}

body {
	font:0.8em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#888;
	background:#fff url(images/bg_header.gif) repeat-x;
	line-height:19px
}

img {border:none}

h1 {
	color:#663399;
	font:1.6em "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0 0 15px 0
}

#info h1 {
	background:#AE94B8;
	font:bold 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:2px 10px;
	margin:0;
	color:#fff;
}

h2 {
	font:bold 1.1em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#9898CA;
	margin:20px 0 5px 0
}

h3 {
	font:bold 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0 0 3px 0
}

a {outline:none}

a:link {color:#6666FF; text-decoration:underline}
a:active {color:#9999FF; text-decoration:none}
a:visited {color:#6666FF; text-decoration:underline}
a:hover {color:#9999FF; text-decoration:none}

.clear {clear:both}


/****************************************  STRUCTURE  ****************************************/

#wrapper {
	width:955px;
	margin:0 auto;
	position:relative;
}

* html #wrapper{height:100%}

#heli {
	background:url(images/bg_heli.jpg) no-repeat;
	width:259px;
	height:103px;
	position:absolute;
	top:77px;
	right:-50px
}

#header {
	background:url(images/bg_slogan.gif) 254px 53px no-repeat;
	width:955px;
	margin:0 auto;
	height:180px;
}

#logo {
	width:230px;
	height:171px;
	float:left
}

#language {
	float:right;
	margin-top:4px;
	height:20px;
	display:block;
}

#navigation {
	float:left;
	margin:96px 0 0 25px;
	width:600px
}

#content {
	width:925px;
	min-height:200px;
	margin:0 0 50px 25px !important;
	margin:0 0 60px 25px;
	position:relative;
}

#info {
	width:280px;
	padding-top:40px;
	position:absolute;
	top:0;
	right:0
}

#subnavigation {
	width:220px;
	padding-top:40px;
	position:absolute;
	top:0;
	left:0
}

#home {
	width:600px;
	padding:40px 0 50px 0;
	margin-right:225px
}

#text {
	width:655px;
	padding-top:40px;
	margin-left:270px
}

.left {
	width:310px;
	float:left;
	margin-bottom:20px;
}

.right {
	width:310px;
	float:right;
	margin-bottom:20px;
}

.left img, .right img {margin-right:10px}

#footer {
	border-top:#E7DFEB 3px solid;
	color:#ADADAD;
	font:0.8em "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height:14px;
	width:925px;
	margin-left:25px;
}

#footerleft {
	float:left;
	margin-top:5px;
	padding-bottom:20px
}

#footerright {
	float:right;
	text-align:right;
	margin-top:5px;
	padding-bottom:20px
}

/****************************************  NAVIGATION  ****************************************/

#language {
	font-size:0.9em;
	color:#fff;
	float:right;
	clear:both
}

#language a:link, #language a:visited {color:#fff; text-decoration:none}
#language a:active, #language a:hover {color:#fff; text-decoration:underline}

#navigation ul {
   list-style:none;
   margin:0;
   padding:0
}

#navigation li {
	float:left;
}

#navigation li a {
	font:bold 1em Verdana, Arial, Helvetica, sans-serif;
	display:block;
	background:#AE94B8;
	color:#612C79;
	text-decoration:none;
	padding:5px 12px;
	margin-right:3px;
	text-align:center
} 

#navigation li a:hover {
	background-color:#fff;
	color:#A994BB
}

#navigation .currentpage, #navigation a.activeparent {
	display:block;
	background-color:#fff;
	color:#A994BB;
	text-decoration:none;
	padding:5px 12px;
	margin-right:3px;
	text-align:center
}

#subnavigation ul {
   list-style:none;
   margin:0;
   padding:0
}

#subnavigation li {
	font:1em "Trebuchet MS", Arial, Helvetica, sans-serif
}

#subnavigation li a {
	display:block;
	background:url(images/bg_navi.gif) bottom no-repeat;
	color:#888;
	text-decoration:none;
	padding:5px 5px 5px 8px;
} 

#subnavigation li a:hover {
	background:#F3EFF5 url(images/bg_navi_on.gif) top no-repeat;
	border-bottom:#E8E0EB 1px solid;	
	font-weight:bold;
	color:#9772A6;
	padding:5px 5px 5px 18px;	
}

#subnavigation .currentpage {
	display:block;
	background:#F3EFF5 url(images/bg_navi_on.gif) top no-repeat;
	border-bottom:#E8E0EB 1px solid;
	font-weight:bold;
	color:#9772A6;
	padding:5px 0;
	padding:5px 5px 5px 18px;
}

/****************************************  CONTENT  ****************************************/

#text ul, #home ul {
	list-style:none;
	padding-bottom:15px
}

#text ul li, #home ul li {
	line-height:1.8em;
	background:url(images/icon_bullet.gif) 0 10px no-repeat;
	text-indent:11px
}

#text ul.picturelist {margin:0; padding:0}

#text ul li.thumb {
	line-height:normal;
	background:none;
	margin-bottom:10px;
	text-indent:0
}

#text ol {
	margin-left:26px;
	padding-bottom:15px;
}

#text ol li {
	padding-bottom:6px;
}

#text img, #home img  {
	padding:3px;
	border:#D7D7D7 1px solid;
}

#text li img, #text img.noborder {
	padding:0;
	border:none;
}

a.arrow {background:url(images/icon_arrow.gif) 0 5px no-repeat; padding-left:15px}

.infobox {
	background:#E7DFEB;
	margin-bottom:20px;
}

.infobox p {
	padding:0 10px 10px 10px;
	line-height:17px
}

/****************************************  FORM  ****************************************/

form {
	width:640px;
}

form p {
	clear:left;
	margin:8px 0;
	padding:0;
}

fieldset {
	border:#EAEAEA solid 1px;
	margin-bottom:10px;
	padding:13px 0 13px 13px;
}

legend {
	font-weight:bold;
	margin-bottom:0px !important;
	margin-bottom:5px;
}

label {
	float:left;
	width:145px;
	margin:0 0 5px 0;
}

.secondlabel {
	float:none;
	margin-bottom:4px
}

input, textarea, select {
	font-family:Arial;
	width:250px;
	margin:0px;
	padding:2px;
	border:#CCCCCC solid 1px;
	background:#F8F8F8;	
	color:#666666;
	font-size:0.9em;
}

select {width:256px}
textarea {height:120px;}

input.margin {margin:2px 0}
input.medium {width:160px}
input.smaller {width:120px}

textarea.smaller {height:40px;}

.hint {
	background:url(images/icon_question.gif) no-repeat;
	font-size:0.8em;
	color:#0066FF;
	padding:2px 2px 2px 18px
}

.checkbox {
	width:20px;
	background:none;
	border:none;
	vertical-align:middle;
	margin:0;
}

.radio {
	width:13px;
	border:0;
	background:none;
	vertical-align:middle;
}

.button {
	width:80px;
	margin-bottom:4px !important;
	margin-bottom:0;
}

.error {
	background:#FDF5F5 url(images/icon_attention.gif) right no-repeat;
	border:1px solid #F01C26;
}

.red {
	color:#F01C26;
}

.small {
	font-size:0.8em;
}


/****************************************  FOOTER  ****************************************/

#footer a:link, #footer a:visited {text-decoration:none; color:#ADADAD;}
#footer a:active, #footer a:hover {text-decoration:underline; color:#ADADAD;}