@import url(content.css);
@import url(forms.css);
@import url(lightwindow.css);

/*
Theme Name: Corporate Website
Theme URI: http://www.design-aspekt.com/
Version: 1.0
Author: Design Aspekt (Oliver Hilscher)
*/


/* Layout */

html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #4a4a4a;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	background-color: #fff;
	overflow: -moz-scrollbars-vertical;
}

#layout {
	position: relative;
	width: 1000px;
}

/* header */
#badge {
	position: absolute;
	left: 750px;
	top: 260px;
	z-index: 100;
}
#badgesmall {
	position: absolute;
	left: 750px;
	top: 100px;
	z-index: 100;
}
#logo {
	position: absolute;
	left: 21px;
	top: 30px;
	z-index: 30;
}

#logoBg {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 29;
}

#logoPrint {
	display: none;
}

#slogan {
	width: 970px;
	margin: 39px 0 29px 0;
	font-size: 11px;
	line-height: 14px;
	text-align: right;
}

*+ html #slogan {
	margin-bottom: 30px;
}

* html #slogan {
	margin-bottom: 28px;
}


/* search bar */

#searchBar {
	width: 970px;
	height: 24px;
	font-size: 11px;
	line-height: 14px;
	border-bottom: 1px solid #d8d8d8;
}

#searchContainer {
	float: right;
	margin-top: 4px;
}

#fontSizeSelect {
	float: right;
	margin: 3px 14px 0 0;
	color: #888888;
}

#fontSizeSelect li {
	list-style-type: none;
	display: inline;
	float: left;
	margin: 0 4px 0 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

#fontSizeSelect li a {
	color: #888;
}

#fontSizeSelect li.hi a {
	color: #0057a3;
}

#fontSizeSelect li a.small {
	font-size: 11px;
	line-height: 23px;
}

#fontSizeSelect li a.medium {
	font-size: 14px;
	line-height: 21px;
}

#fontSizeSelect li a.large {
	font-size: 18px;
	line-height: 18px;
}


/* navigation */

#navigation {
	position: absolute;
	left: 0;
	top: 115px;
	width: 236px;
	font-size: 10px;
	line-height: 16px;
	background-color: transparent;
	z-index: 20;
}

#navigation img {
	position: absolute;
	z-index: 21;
}

#navigation img.preview {
	position: relative;
	z-index: 21;
}

#navigation ul {
	list-style-type: none;
	width: 165px;
	padding: 0;
}

#navigation ul li {
	margin: 0;
	padding: 0;
}

#navigation ul li a {
	font-size: 10px;
	line-height: 16px;
	text-decoration: none;
	text-transform: uppercase;
}

#mainnavi {
	position: absolute;
	left: 0;
	top: 17px;
	height: 164px;
	margin: 0 0 0 14px;
	overflow: hidden;
	z-index: 22;
}
#mainnavi li a {
	color: #b5daff;
}
#mainnavi li a:hover {
	color: #fff;
}
#mainnavi li a.hi {
	color: #fff;
	font-weight: bold;
}

#subnavi {
	position: absolute;
	left: 0;
	top: 181px;
	margin: 37px 0 0 12px;
	z-index: 23;
}
#subnavi ul {
	width: 150px;
	margin: 0 0 0 15px;
	padding: 0;
}
#subnavi li a {
	color: #666;
}
#subnavi li a:hover {
	color: #0057a3;
}
#subnavi li a.hi {
	color: #0057a3;
	font-weight: bold;
}


/* content */

#content {
	position: relative;
	width: 750px;
	margin: 0 0 24px 220px;
	padding: 24px 10px 0 0;
	z-index: 40;
}

#content:after {
    clear: both;
    content: "\00a0";
    display: block;
    height: 0;
    visibility: hidden;
}

* html #content {
    height: 1%;
}

*+html #content {
    height: 1%;
}

#homeContent {
	position: relative;
	width: 960px;
	margin: 5px 0 40px 20px;
	padding-right: 10px;
	z-index: 40;
}

.loginBox {
	position: relative;
	width: 160px;
	margin: 0 40px 26px 0;
}

.loginIcon {
	position: absolute;
	right: 0;
	top: -23px;
}

#path {
	position: relative;
	width: 738px;
	padding: 4px 0 4px 220px;
	color: #999;
	border-bottom: 1px solid #d8d8d8;
}

#back {
	position: absolute;
	right: 52px;
	top: 306px;
	z-index: 60;
}

#path a,
#back a {
	color: #999;
	text-decoration: none;
}

#imgBlend {
	position: absolute;
	right: 0;
	top: 60px;
	z-index: 10;
}


/* footer */

#footer {
	clear: both;
	position: relative;
	width: 950px;
	margin: 40px 0 0 20px;
	padding: 8px 0 0 0;
	font-size: 0.9091em;
	line-height: 1.9em;
	border-top: 1px solid #d8d8d8;
	z-index: 50;
}

#footer h3 {
	margin: 0.2727em 0 1em 0;
	padding: 0;
	font-size: 1em;
	color: #0057a3;
	font-weight: bold;
}

#tools {
	float: left;
	width: 200px;
	padding: 2px 0 0 0;
}

#tools img {
	margin-right: 5px;
}

#tools a {
	outline: none;
}


#serviceArea {
	float: left;
	width: 750px;
	color: #999;
}

#serviceArea ul {
	clear: both;
	width: 100%;
	list-style-type: none;
	margin: 0 0 7px 0;
	padding: 0;
}

#serviceArea ul li {
	float: left;
	margin: 0 4px 0 0;
	padding: 0;
}

#serviceArea ul li a {
	color: #4a4a4a;
	text-decoration: none;
	text-transform: uppercase;
}

#serviceArea li.hi a {
	font-weight: bold;
}

#serviceArea ul.loginNav {
	float: left;
	border-bottom: 1px solid #d8d8d8;
}

#printLink {
	display: none;
}


/* Standard-Formate */

div, p, img	{
	margin: 0;
	padding: 0;
	border: none;
}

object {
	margin: 0;
	padding: 0;
}

.floatleft	{ float: left; }
.floatright { float: right; }
.clear		{ clear: both; }
.subtext	{ display: none; }
.noMargin	{ margin: 0; }
.noBorder	{ border: 0; }
.paragraph	{ margin-top: 0.9375em; }
.paragraphBottom	{ margin-bottom: 0.9375em; }