/***********************************************************************************/
/* General */
/***********************************************************************************/

/* body */
body{
	text-align: center;
	background-color: #E4E9F1;
}


/* background-image */
#background {
	position: fixed;
	left: 0;
	top: 0;
	z-index:1;
	
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-attachment: fixed;
	
	width: 100%;
	height: 100%;
	min-height: 100%;
	min-width: 100%;
}

/* fixed top area */
#top_wrap {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 117px;
	z-index: 20;
}

/* fixed bottom area */
#bottom_wrap {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 46px;
	z-index: 20;
}

/* main section wrap */
#header_wrap,
#navigation_wrap,
#content_wrap,
#footer_wrap {
	text-align: center;
	width: 100%;
	position: relative;
}

/* main sections */
#header_wrap #header,
#navigation_wrap #navigation,
#content_wrap #content,
#footer_wrap #footer {
	text-align: left;
	width: 969px;
	margin: 0 auto;
}




/***********************************************************************************/
/* Header */
/***********************************************************************************/
#header_wrap{
	 background: #235e9b url(../img/header_wrap_bg.jpg) repeat-x left bottom;
	 height: 83px;
	 z-index: 50;
}
#header{
	background: #235e9b url(../img/header_wrap_bg.jpg) repeat-x left bottom;
	position: relative;
	height: 100%;
}

/*logo */
#logo {
	position: absolute;
	left: 0;
	top: 20px;
	width: 277px;
	height: 45px;
	overflow: hidden;
}
#logo a img {
	border: none;
}



/***********************************************************************************/
/* Navigation */
/***********************************************************************************/

#navigation_wrap{
	background: #fff url(../img/navigation_wrap_bg.jpg) repeat-x left bottom;
	height: 34px;
	z-index: 40;
}
#navigation {
	background: #fff url(../img/navigation_wrap_bg.jpg) repeat-x left bottom;
	padding-left: 4px;
	height: 100%;
}

/************************** first level **************************/
#navigation UL {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

#navigation UL LI {
    float: left;
    position: relative;
	margin: 0 0 0 -1px; 
}

/* link style at first level */
#navigation A {  
	display: block;
	padding: 10px 21px 11px 21px;
	text-decoration: none;   
	font-size: 1.1em;
	color: #05204b;
	background: url(../img/navigation_seperator.gif) no-repeat right center;
	line-height: 1em;
}
#navigation UL LI.last-item A {
	background-image: none;
}
#navigation UL  A.act{
	font-weight: bold;
}


/************************** second level **************************/
/* style and position of the dropdown box */
#navigation UL UL {
	position:absolute;
	top: 34px;
	left: -1px;
	visibility:hidden;
	border: 1px solid #88949e;
	border-top: none;
	padding: 8px 0;
	background: #fff;
	
	min-width: 100%;
}

#navigation UL UL LI {
	margin: 0;
	float: none; 
}
/* link style at second level */
#navigation UL UL A {
	background:#fff; 
	font-size: .95em;
	color: #05204b; 
	height:auto; 
	
	/*width: 10em;*/
	width: auto;
	
	padding: 4px 19px;
	margin: 0;
	font-weight: normal;
}

#navigation UL UL A.act {
	font-weight: bold;
}

/************************** hover actions **************************/
/* first level */
#navigation a:hover,
#navigation :hover > a  {
	color: #68676b;
	background:#fff;
}

/* second level */
#navigation ul ul a:hover,
#navigation ul ul :hover > a {
	color:#fff;
	background:#aabccf;
}

/* open dropdown */
#navigation UL LI:hover UL,
#navigation UL A:hover UL{
	visibility:visible; 
}


/***********************************************************************************/
/* Seachbox */
/***********************************************************************************/
#searchbox_wrap {
	position: absolute;
	right: 200px;
	top: 36px;
	width: 158px;
	background: url(../img/searchbox_magnifier.jpg) no-repeat left 2px;
}
#searchbox_wrap #searchbox {
	margin: 0 0 0 22px;
}
/* input field */
#searchbox_wrap #searchbox #sword {
	padding: 4px 4px 4px 10px;
	margin: 0;
	background: #fff url(../img/searchbox_bg.jpg) no-repeat left top;
	width: 100px;
	height: 14px;
	border: 0;
	color:#68676B;
}
/* submit button */
#searchbox_wrap #searchbox #submit {
	margin: 0 0 -6px 0;
	padding: 0;
	border: 0;
}


/***********************************************************************************/
/* Langmenu */
/***********************************************************************************/
IMG.miniFlag {
	margin: 0 4px 0 0;
}
#langmenu_wrap {
	position: absolute;
	right: 0;
	top: 36px;
	background: url(../img/langmenu_world.gif) no-repeat left 4px;
	width: 110px;
	padding-left: 35px;
}
#langmenu_wrap UL.langmenu {
	position: relative;
	font-size: 1em;
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}
#langmenu_wrap UL.langmenu UL {
	padding: 0;
	margin: 0;
	list-style-type: none;
	list-style-image: none;
}
#langmenu_wrap UL.langmenu LI {
	position: relative;
	margin: 0;
	text-align: left;
	float: left;
	border: 0;
}
#langmenu_wrap UL.langmenu LI A,
#langmenu_wrap UL.langmenu LI A:visited {
	display: block;
	width: 100px;
	float: left;
	height: 19px;
	padding: 3px 0 0px 10px;
	font-size: 1em;
	font-weight: normal;
	text-decoration: none;
	color: #68676b;
	background: url(../img/langmenu_bg.jpg) no-repeat left top;
	overflow: hidden;
}
#langmenu_wrap UL.langmenu LI A.drop,
#langmenu_wrap UL.langmenu LI A.drop:visited {
	font-weight: normal;
}

#langmenu_wrap UL.langmenu LI UL {
	visibility: hidden;
	position: absolute;
	top: 21px;
	left: 0;
	height: 0;
	overflow: hidden;
	list-style-image: none;

}
#langmenu_wrap UL.langmenu TABLE {
	margin: -1px;
	border-collapse: collapse;
	font-size: 1em; /* font size for IE5.5 */
}

/* first line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
#langmenu_wrap UL.langmenu LI:hover A,
#langmenu_wrap UL.langmenu LI A:hover {
	border: 0;
}

#langmenu_wrap UL.langmenu LI:hover UL,
#langmenu_wrap UL.langmenu LI A:hover UL {
	visibility: visible;
	width: 108px;
	height: auto;
	background: #FFF;
	border: 1px solid #113b66;
	border-top: 0;
	left: 0;
	top: 21px;
	overflow: visible;
	z-index: 3;
	list-style-image: none;
	padding: 5px 0;
}
#langmenu_wrap UL.langmenu LI UL LI {
	position: relative;
	padding: 1px 0 1px 0;
	clear: left;
	height: auto;
	text-align: left;
	border: 0;
	background-color: #FFF;
}
#langmenu_wrap UL.langmenu LI:hover UL LI A,
#langmenu_wrap UL.langmenu LI A:hover UL LI A,
#langmenu_wrap UL.langmenu LI:hover UL LI P,
#langmenu_wrap UL.langmenu LI A:hover UL LI P {
	display: block;
	width: 93px;
	height: auto;
	margin: 0;
	padding: 2px 5px 3px 10px;
	font-weight: normal;
	color: #68676b;
	background: #FFF;
	text-decoration: none;
}
#langmenu_wrap UL.langmenu LI:hover UL LI A:hover,
#langmenu_wrap UL.langmenu LI A:hover UL LI A:hover {
	text-decoration: none;
	background: #aabccf;
	color: #FFF;
}



/***********************************************************************************/
/* Content */
/***********************************************************************************/
#content_wrap {
	padding: 147px 0 46px 0;
	z-index: 10;
}
/*#content {
	overflow: hidden;
	clear: both;
}*/

#content_top {
	margin-bottom: 30px;
}


/* pageheading */
#content_top H1.pageheading {
	font-size: 3.2em;
	color: #1b5085;
	display: block;
	font-weight: bold;
	margin-bottom: 40px;	
	text-shadow: white 1px 1px 3px;
}

/* clearer before footer */
DIV.clear{
	height: 1px;
	clear: both;
	display: block;
	font-size: 1px;
}


/***********************************************************************************/
/* Layouts and Contentcolumns */
/***********************************************************************************/

/* layouts */
.layout_twocol,
.layout_threecol,
.layout_bigcol {
	overflow: hidden;
	clear: both;
}

/* two columns  (layout_twocol) */
.layout_twocol .contentcol_left {
	float: left;
	width: 469px; 
	min-height: 1px;
}
.layout_twocol .contentcol_right {
	float: right;
	width: 469px; 
	min-height: 1px;
}


/* three columns (layout_threecol) */
.layout_threecol{
	background: url(../img/threecol_bg.gif) repeat-y;
	margin-bottom: 30px;
}
.layout_threecol .contentcol_left,
.layout_threecol .contentcol_center,
.layout_threecol .contentcol_right {
	float: left;
	margin-right: 30px;
	width: 303px;
	min-height: 1px;
	background: #ffffff;
}
.layout_threecol .contentcol_right{
	margin-right: 0;
}
.layout_threecol .contentbox{
	margin-bottom: 0;
}


/* big column  (layout_bigcol) */
.layout_bigcol .contentcol_sidebar {
	float: left;
	width: 219px; 
	min-height: 1px;
}
.layout_bigcol .contentcol_main {
	float: right;
	width: 719px;
	min-height: 1px; 
}



/***********************************************************************************/
/* Contentboxes */
/***********************************************************************************/
.contentbox {
	background: #fff;
	margin-bottom: 30px;
	overflow: hidden;
	padding: 0 0 20px 0;
}
.contentbox .contentbox_content {
	padding: 0 20px 0 20px;
	margin: 20px 0 0 0;
	overflow: hidden;
}

/* contentbox header */
.contentbox .contentbox_header {
	border: 1px solid #fff;
	background: #1b5086 url(../img/contentbox_header_bg.jpg) repeat-x left bottom;
	padding: 3px 19px 2px 19px;
}
.contentbox .contentbox_header H2 {
	color: #fff;
	font-size: 1.2em;
	margin: 0;
}

/* contentbox header with link */
.contentbox .contentbox_header H2 A{
	color: #fff;
	text-decoration: none;
}
.contentbox .contentbox_header H2 A:hover{
	color: #fff;
	text-decoration: underline;
}



/***********************************************************************************/
/* Contentbox with Submenu */
/***********************************************************************************/
.contentbox_submenu{
	padding-bottom: 0;
}
.contentbox_submenu UL {
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}
.contentbox_submenu UL#submenu{
	border: 1px solid #fff;
	border-bottom: none;
	border-top: none;	
}
.contentbox_submenu UL#submenu LI{
	margin: 0;
	padding: 0;
}
.contentbox_submenu UL#submenu LI A{
	padding: 4px 20px;
	margin: 0;
	background: #cfdae4;
	border-bottom: 1px solid #fff;
	color: #05204b;
	text-decoration: none;
	display:block;

}
.contentbox_submenu UL#submenu LI A.act{
	font-weight: bold;
}
.contentbox_submenu UL#submenu LI UL.sub LI A{
	font-weight: normal;
	padding: 4px 20px 4px 40px;
	background: #dee5ed;
	border-bottom: 1px solid #fff;
	color: #6d6c70;
	text-decoration: none;
}
.contentbox_submenu UL#submenu LI UL.sub LI  A.act {
	font-weight: bold;
	background: #fff;
	padding-bottom: 4px;
}
.contentbox_submenu UL#submenu LI A:hover,
.contentbox_submenu UL#submenu LI  UL.sub LI A:hover{
	background: #AABCCF;
	color: #fff;
}




/***********************************************************************************/
/* Productmenu in Content Area */
/***********************************************************************************/
#productmenu {
	background: #fff url(../img/productmenu_bg.jpg) repeat-x left bottom;
	border-left: 1px solid #d2dce8;
	border-top: 1px solid #d2dce8;
	border-right: 1px solid #d2dce8;
	border-bottom: none;
	padding: 0;
    margin: 0 0 20px 0;
    list-style-type: none;
	overflow: hidden;
}

#productmenu LI {
    float: left;
	margin: 0 0 0 -1px; 
}

#productmenu A {  
	display: block;
	padding: 10px 21px 9px 21px;
	text-decoration: none;   
	color: #05204b;
	background: url(../img/productmenu_seperator.gif) no-repeat right center;
	line-height: 1em;
}
#productmenu  LI.last-item A {
	background-image: none;
}

/* active item */
#productmenu   A.act{
	font-weight: bold;
	color: #68676b;
	background:#fff;
}

/* hover action */
/*#productmenu a:hover,
#productmenu :hover > a  {
	color: #68676b;
	background:#fff;
}*/
#productmenu a:hover{
	color: #68676b;
	background:#fff;
}


/***********************************************************************************/
/* Footer */
/***********************************************************************************/
#footer_wrap{
	 background: #113a66 url(../img/footer_wrap_bg.jpg) repeat-x left top;
	 height: 46px;	 
}
#footer{
	background: #113a66 url(../img/footer_wrap_bg.jpg) repeat-x left top;
	position: relative;
	font-weight: normal;
	color: #fff;
	height: 100%;
}
#footer A {
	color: #fff;
	text-decoration: none;
}
#footer A:hover {
	color: #fff;
	text-decoration: underline;
}

/* contact link */
#contactlink{
	position: absolute;
	left: 0;
	top: 15px;
}
#contactlink IMG {
	margin: 0 3px -1px 0;
}

/* footermenu */
#footermenu {
	position: absolute;
	right: 0;
	top: 15px;
}