* { margin: 0px; padding: 0px; outline: none; }
html { margin-bottom: 1px; } 
body { background: #b2c6eb url(../img/bg_body.jpg) repeat-y center top; border-right: 1px solid #b2c6eb; }
html, body { height: 100%; text-align: center; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; }

#container { min-height: 100%; height: auto!important; height: 100%; margin: 0 auto -42px; }

/* HEADER */
#header { position: relative; z-index: 2; width: 919px; margin: 0 auto; background: url(../img/bg_header.jpg) no-repeat left top; height: 116px; padding: 0.5em 0 0.5em 0; }
#header .wrapper { width: 886px; margin: 0 auto; padding: 0px 0px 0px 1px; }
#header h1 a img { border: 0px; float: left; }

/* SERVICE MENU */
#navigation-service { float: right; margin: 52px 40px 0px 0px; }
#navigation-service ul { text-align: right; margin: 0px; padding: 0px; }
#navigation-service ul li { display: inline; color: #FFF; }
#navigation-service ul li.devider { font-size: 11px; padding: 0 0 0 4px; }
#navigation-service ul li a { font-size: 11px; color: #FFF; text-decoration: none; }
#navigation-service ul li a:hover, #navigation-service ul li a.selected { color: #030a4e; }

/* MAIN MENU */
#navigation-main { position: relative; z-index: 3; width: 919px; margin: 0 auto; background: url(../img/menu-back.png) repeat-x center top; }
#navigation-main .wrapper { position: relative; z-index: 4; width: 812px; height: 62px; margin: 0 auto; }
#navigation-main ul { height: 62px; text-align: right; padding: 0 0 0 1px; margin: 0px; }
#navigation-main ul li { display: inline; float: left; height: 62px; width: auto; line-height: 60px; color: #FFFFFF; }
#navigation-main ul li a, #navigation-main ul li a.selected { background: url(../img/bg_menu_button.jpg) repeat-x right center; height: 62px; width: auto; float: left; color: #FFFFFF; padding: 0px 18px 0px 18px; font-size: 14px; font-weight: bold; text-decoration: none; }
#navigation-main ul li span { height: 62px; color: #FFFFFF; font-size: 14px; font-weight: bold; text-decoration: none; position: absolute; z-index: 2; margin: -1px 0 0 -1px; cursor: pointer; }
#navigation-main ul li a:hover, #navigation-main ul li a.selected { background: url(../img/bg_menu_select.jpg) repeat-x right center; }

#navigation-main ul ul ul { display: none; text-align: left!important; }
#navigation-main ul ul { display: none; position: absolute; 
margin-top: 61px;
margin-left: -1px;
background: none;
}
#navigation-main ul ul li a,
#navigation-main ul ul li a.selected {
	font-family: arial;
	font-size: 12px;
	font-weight: normal;
	height: auto;
	line-height: 24px;
	color: #FFFFFF;
	background: none;
}
#navigation-main ul ul li a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	background: none;
}
#navigation-main ul ul li { width: 220px; clear: both; height: auto; line-height: 24px; background: #53558B; }
#navigation-main ul ul li:first-child { padding-top: 1em; }
#navigation-main ul ul li:last-child { padding-bottom: 1em; }
#navigation-main ul li:hover ul { display: block; }
#navigation-main ul li:hover ul ul { display: none; }

/* CONTENT */
#content .wrapper { width: 812px; margin: 0 auto; padding: 2em 0 6em 0; }
#content-main { width: 70%; float: left; }
#content-side { width: 26%; float: right; }

/* SEARCH */
#search { display: inline; }
#search fieldset { float: left; border: 1px solid #999999; background: #FFFFFF; margin: 0 0 1em 0; width: 99%; }
#search input.text { margin: 0px; padding: .5em; float:left; background: none; border: 0px; color:#666666; font-family: "Lucida Grande", "Lucida Sans", Arial, sans-serif; text-transform: lowercase; height: 18px; line-height: 18px; margin: 0px -32px 0px 0px; }
#search input.submit { float: right; line-height:1.0; display: block; padding: .3em 0 0 0; }

/* FOOTER */
#footer .wrapper { width: 812px; margin: 0 auto; border-top: 1px solid #8a91b8; padding: 1em 0 0 0; }
#footer ul { text-align: left; margin: 0em 0 1em 0; }
#footer ul li { display: inline; font-size: 11px; color: #666; }
#footer ul li.devider { color: #a89d95; padding: 0 0 0 4px; }
#footer ul li a, #footer ul li a.selected { font-size: 11px; color: #666; text-decoration: none; }
#footer ul li a:hover, #footer ul li a.selected { color: #030a4e; }
#footer ul span { display: none; }
#footer ul ul { display: none; }

#fader {
	position: absolute;
	z-index: 0;
	width: 200px;
	left: 50%;
	margin-left: 59px;
}
#fader img {
	width: 400px;
	height: 140px;
}
img.overlay {
	position: absolute;
	z-index: 1;
	left: 50%;
	margin-left: 59px;
}

/* OFFLINE MELDING */
#offlinepreview {
	border: 4px solid #eddf02;
	background: #fcf693;
	border-top: 0px;
	position: absolute;
	padding: 1em;
	font-size: .8em;
	width: 600px;
	left: 50%;
	margin-left: -300px;
	z-index: 100;
}