/*********************************/
/*  css written and composed by  */
/*        markus erdmann         */
/*      © 2010 esense gmbh       */
/*         www.esense.ch         */
/*********************************/

/* 
color set:
gray: #9c9e9f
red: #C1002B
*/

/*** main containers ***/
html {
width:100%;
height:100%;
background-color:#C1002B;
overflow-y:scroll;
}

body {
width:990px;
height:100%;
margin:0 auto 0 auto;
cursor:default;
font-family: Verdana, Arial, Helvetica, 'sans-serif' !important;
font-size:small;
/*
background:transparent url(../pics/body.gif) bottom left repeat-x;
*/
}

#page {
width:100%;
height: expression( this.scrollHeight < 826 ? "825px" : "auto" );
min-height:825px;
float:left;
background-color:#fff;
}

/*** main font style ***/
h1, h2, h3 {
color:#808080;
font-size:1.05em;
letter-spacing:0.05em;
width:100%;
clear:both;
margin:0;
padding:0 0 14px 0;
text-transform:uppercase;
}

p {
color:#808080;
font-size:1.05em;
letter-spacing:0.05em;
}

a {
color:#C1002B;
text-decoration:none;
cursor:pointer;
}

a:hover,
a:focus,
a:active {
color:#000;
}

/*** header ***/
#header {
padding:25px 0 0 0;
width:100%;
height:158px;
overflow:hidden;
background-color:#C1002B;
}

#header img {
position:relative;
z-index:1;
}

#logo {
position:absolute;
left:300px;
top:59px;
width:390px;
height:90px;
z-index:2;
float:left;
}

/* IE6 hack */
#logoIe6 {
position:absolute;
left:300px;
top:59px;
width:390px;
height:90px;
z-index:2;
float:left;
background:transparent url(../pics/bluesky.gif) 0 0 no-repeat;
}

* html #logo {
visibility:hidden;
display:none;
}

/*** navigation ***/
#navigation {
position:relative;
width:100%;
height:60px;
float:left;
background:#fff url(../pics/nav.gif) center center repeat-x;
}

#navigation ul.main {
width:100%;
float:left;
background-color:#9c9e9f;
z-index:3;
}

#navigation ul.second {
margin:20px 0 0 0;
width:100%;
float:left;
background-color:#9c9e9f;
z-index:4;
}

#navigation ul.level0 li,
#navigation ul.level1 li {
width:165px;
float:left;
padding:0;
}

#navigation li a {
text-align:center;
color:#fff;
text-transform:uppercase;
width:100%;
float:left;
font-weight:bold;
}

#navigation .second li a {
letter-spacing:0.03em;
}

#navigation li a:hover,
#navigation li.leaf a:hover,
#navigation li strong a,
#navigation li.trail a,
#navigation li.active a,
#navigation li.active strong a {
background-color:#C1002B;
}

#navigation li.leaf a {
background-color:#9c9e9f;
}

#navigation ul.level0 li a {
letter-spacing:0.05em;
}

#navigation ul.level1 li a {
font-size:0.8em;
line-height:2em;
}

/*** content ***/
#content {
width:660px;
height:auto;
float:left;
padding:0 0 0 165px;
}

/* text */
.text {
float:left;
width:100%;
padding:15px 0 0 0;
}

/* list style */
.text ul,
.text ol {
color:#808080;
font-size:1.05em;
letter-spacing:0.05em;
list-style-position:outside;
}

.text ul {
list-style-type:disc;
margin:0 0 0 14px;
}

.text ol {
list-style-type:decimal;
margin:0 0 0 22px;
}

/* IE6 hack */
* html .text ul {
margin:0 0 0 16px;
}

* html .text ol {
margin:0 0 0 26px;
}

/* IE7 hack */
*+html .text ul {
margin:0 0 0 16px;
}

*+html .text ol {
margin:0 0 0 26px;
}

/* image */
.image {
float:left;
}

.image img {
float:left;
}

/* image position */
.left img {
float:left;
padding:0 20px 20px 0;
}

.right img {
float:right;
padding:0 0 20px 20px;
}

/* link */
.link {
float:left;
width:100%;
}

.link a {
float:left;
width:100%;
font-size:1.05em;
letter-spacing:0.05em;
}

.link a span {
color:#9c9e9f;
}

.link a img {
float:left;
padding:0.1em 0.2em 0 0;
}

/* table */
.table {
float:left;
width:100%;
padding:15px 0 0 0;
color:#808080;
font-size:1.05em;
letter-spacing:0.05em;
}

.table table {
width:660px !important;
border:none !important;
}

.table table tbody tr {
border:none !important;
width:660px !important;
}

.table table tbody tr td {
padding:5px 15px 5px 0;
border:none !important;
}

/* space */
.space-bottom {
padding-bottom:15px;
}

/* line */
.line-bottom {
border-bottom:1px solid #aaa;
}

/*** footer ***/
#footer {
width:100%;
float:left;
margin:0 0 25px 0;
}

#footer p {
width:100%;
text-align:center;
font-size:0.9em;
padding:10px 0 0 0;
color:#fff;
letter-spacing:0.05em;
}

#footer a {
color:#fff;
}

#footer a:hover {
color:#fff;
}

/*** helpers ***/
.blockAdminbar {
width:100%;
height:26px;
float:left;
display:block;
}

.mgnlControlBarSmall,
.mgnlControlBarSmall_PUSHED,
.mgnlControlBarSmall_MOUSEOVER,
.mgnlControlButtonSmall {
clear:both !important;
width:100% !important;
}

.mgnlControlBarSmall,
.mgnlControlBarSmall_PUSHED,
.mgnlControlBarSmall_MOUSEOVER {
float:left !important;
}

/*** end of css ***/