/*
// File written by Jochen "Khuri" Höhmann <khuri@khuris.com>
// Copyright 2010
//
// File        : main_page.css
// Begin       : 2010.02.02 13:49:48
// Last Update : 2010.05.25 15:35:05
*/

/* This file contains the basic page definitions, using ids, classes or nested declarations */

/* Site definitions */
#box_top {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 801px;
	height: 22px;
	border: solid #ababab;
	border-width: 0px 1px 1px 0px;
	background: #fff;
	padding: 4px 0px 0px 199px;
}
#box_top img {
	margin: 0px 4px -2px 0px;
}
#box_top a {
	margin-left: 14px;
}
#box_header {
	position: relative;
	top: 0px;
	left: 0px;
	margin-top: 26px;
	width: 1000px;
	height: 90px;
}
#box_middle {
	position: relative;
	top: 0px;
	left: 0px;
	width: 1000px;
	overflow: display;
	background: #fff;
	border: solid #ababab;
	border-width: 1px 1px 1px 0px;
}
#box_left {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 180px;
}
#box_right {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 182px;
}
#box_history {
	position: absolute;
	top: 0px;
	left: 180px;
	width: 638px;
	height: 18px;
	background: url(../../images/main/box_history.gif) no-repeat top left;
	border-bottom: 1px solid #ababab;
	padding-left: 8px;
}
#box_body {
	position: relative;
	margin-left: 180px;
	width: 600px;
	padding: 30px 18px 10px 18px;
	min-height: 640px;
	border-left: 1px solid #ababab;
	border-right: 1px solid #ababab;
	text-align: justify;
}
#box_footer {
	position: relative;
	top: 0px;
	left: 0px;
	width: 812px;
	height: 18px;
	border: solid #ababab;
	border-width: 0px 1px 1px 0px;
	padding-left: 188px;
	margin-bottom: 20px;
}
#box_footer_copy {
	position: absolute;
	top: 0px;
	right: 188px;
}
#box_logo {
	position: relative;
	float: left;
	margin: 16px 0px 0px 10px;
}
#box_claim {
	position: relative;
	float: right;
	margin: 52px -2px 0 0;
}
#box_history_links {
	position: absolute;
	top: 0px;
	left: 6px;
	height: 16px;
}
#box_history_links span {
	letter-spacing: -4px;
	margin: 0px 10px 0px 4px;
}

/* Menu style */
#mainmenu {
	background: #F3F5F7;
	list-style-type: none;
	padding: 0px;
	margin: 0px 0px 18px 0px;
	width: 180px;
}
#mainmenu ul {
	background: #F3F5F7;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#mainmenu li {
	position: relative;
	border: solid #888;
	border-width: 0px 0px 1px 0px;
	padding: 0px 0px 0px 8px;
	background: url(../../images/main/menu_i.gif) repeat-x top left #A4C0D8;
	color: #fff;
	font-weight: bold;
	letter-spacing: 1px;
	min-height: 16px;
}
#mainmenu ul li {
	border: solid #888;
	border-width: 1px 0px 0px 1px;
}
#mainmenu li:hover,#mainmenu .selected {
	cursor: pointer;
	background: url(../../images/main/menu_a.gif) repeat-x top left #A4C0D8;
}
#mainmenu li.c1 {
	background: url(../../images/main/menu_i_1.gif) repeat-x top left #0d3e83;
}
#mainmenu li.c1:hover,#mainmenu li.c1 .selected {
	background: url(../../images/main/menu_a_1.gif) repeat-x top left #0d3e83;
}
#mainmenu li.c2 {
	background: url(../../images/main/menu_i_2.gif) repeat-x top left #482134;
}
#mainmenu li.c2:hover,#mainmenu li.c2 .selected {
	background: url(../../images/main/menu_a_2.gif) repeat-x top left #482134;
}
#mainmenu li.c3 {
	background: url(../../images/main/menu_i_3.gif) repeat-x top left #0c7858;
}
#mainmenu li.c3:hover,#mainmenu li.c3 .selected {
	background: url(../../images/main/menu_a_3.gif) repeat-x top left #0c7858;
}
#mainmenu li.c4 {
	background: url(../../images/main/menu_i_4.gif) repeat-x top left #cd6b2c;
}
#mainmenu li.c4:hover,#mainmenu li.c4 .selected {
	background: url(../../images/main/menu_a_4.gif) repeat-x top left #cd6b2c;
}
#mainmenu a {
	color: #fff;
	width: 100%;
	display: block;
}
#mainmenu>a {width: auto;}

/* Switching content */
#img_bgi,#img_bgi2 {
	position: absolute;
	top: 23px;
	left: 4px;
	width: 174px;
	height: 174px;
}
div.randbox {
	height: 193px;
}

/* Other */
div.right_boxes {
	position: relative;
	top: 0px;
	right: 0px;
	width: 174px;
	padding: 4px;
	font-size: 9px;
	border-bottom: 1px solid #ababab;
	background-color: #F3F5F7;
	margin-bottom: 18px;
}
div.right_boxes.left {
	width: 168px;
	padding: 4px 4px 4px 8px
}
h4.submenu,h5.submenu {
	font-weight: bold;
	font-size: 11px;
	color: #FFF;
	margin: 0px;
	padding: 0px;
}
div.blue_box {background: #00519E;}
div.title_box {
	position: relative;
	top: 0px;
	left: 0px;
	width: 174px;
	height: 18px;
	padding: 0px 4px;
	margin: -4px -4px 4px -4px;
	border: solid #ababab;
	border-width: 1px 0px;
}
div.title_box.top {border-top: 0px;}
div.title_box.left {
	width: 172px;
	margin-left: -8px;
}
div.title_box.left.main {
	margin: 0px;
	width: 172px;
}
input, select, textarea {
	border: 1px solid #888;
	background: #FFF;
	color: #444;
	font-size: 11px;
	padding: 1px 2px;
}
input:hover,input:focus,textarea:hover,textarea:focus {background-color: #d3d3d3;}
input.light {color: #aaa;}
input.small,textarea.small {padding: 0px 2px;}
select.small {padding: 1px 0px;}
input.submit {
	background: #CCC;
	padding: 0px 4px;
	cursor: pointer;
}
input.submit:hover {background: #aaa;}
input.submit.space {margin-top: 4px;}
input.button:hover {
	cursor: pointer;
}
a.bluelink {
	color: #FFF;
	margin: 0px 7px;
}
a.bluelink.left {margin-left: 0px;}
a.bluelink:hover {text-decoration: underline;}
img.print_icon {margin-bottom: -3px;}
div.toplink_box {
	float: right;
	margin-right: 84px;
}
div.toplink_lang {
	float: right;
	margin-right: 40px;
}
/* Something for tables */
td.tright {
	text-align: right;
	padding-right: 4px;
}