body {
font-family: arial,sans-serif;
}

#content h1 {
color: #006699; 
font-size: 14px; 
font-weight: bold;
margin-bottom:10px;
}

#content h2 {
color: #333;
font-size: 13px;
margin: 0 0 10px 0;
}

#content p {
margin: 0 0 15px 0;
font-size: 12px;
}

#content .linklist {
margin: 0 0 20px 0;
}

#content .linklist li {
margin: 0 0 5px 0;
}

#wrapper {
padding: 0 0 0 9px;
background: url(../images/bg_wrapper.jpg) top left no-repeat;
}

#header {
background: #dfe9f4;
position: relative;
}

/* Kopfbereich */
#meta {
background: #839cba;
}

#meta ul li {
float: left;
font-size: 10px;
color: #fff;
padding: 1px 8px 1px 8px;
border-left: 1px solid #fff; 
line-height: 15px;
}

#meta ul li:first-child {
border-left: 0; 
}

#meta a {
color: #fff;
line-height: 15px;
}

#meta a:hover {
color: #1a2071;
}

#meta span.basket a {
float: right;
margin: 0 147px 0 0;
padding: 1px 0 1px 21px;
font-size: 10px;
color: #fff;
background: url(../images/icon_basket_white.gif) center left no-repeat;
}

#meta span.basket a:hover {
background: url(../images/icon_basket_blue.gif) center left no-repeat;
color: #1a2071;
}

#logo {
position: absolute;
right: 1px;
top: 18px;
padding: 0 0 22px 1px;
background: #fff;
}

/* Horizontale Navigation */
#topnavigation {
margin: 52px 0 0 0;
width: 100%;
border-top: 1px solid #fff;
}

#topnavigation ul li {
float: left;
padding: 2px 7px 2px 6px;
border-right: 1px solid #fff; 
}

#topnavigation a {
font-size: 11px;
line-height: 15px;
color: #153B63;
float: left;
}

#topnavigation ul li.active {
background: #153B63;
}

#topnavigation ul li.active a {
font-weight: bold;
color: #fff;
margin: 1px 0 0 0;
}

/* Subnavigation */
#subnavigation {
width: 100%;
background: #153b63;
border-bottom: 1px solid #fff;
}

#subnavigation ul li {
padding: 2px 12px 1px 11px;
float: left;
}

#subnavigation ul li a {
float: left;
font-size: 11px;
line-height: 15px;
color: #DFE9F4;
}

#subnavigation ul li.active a {
font-weight: bold;
color: #fff;
}

/* Tools */
#tools {
background: #b5c6da;
margin: 0 0 23px 0;
}

#tools ul li {
display: inline-block;
margin: 0 15px 0 0;
padding: 4px 0 6px 0
}

#tools ul li a {
font-size: 10px;
line-height: 10px;
color: #153B62;
float: left;
padding: 2px 0 2px 21px;
}

#tools ul li a:hover {
color: #cc0000;
}

#tools ul li.search a {background: url(../images/icon_search.gif) center left no-repeat;}
#tools ul li.basket a {background: url(../images/icon_basket_blue.gif) center left no-repeat;}
#tools ul li.watchlist a {background: url(../images/icon_watchlist.gif) center left no-repeat;}
#tools ul li.upload a {background: url(../images/icon_upload.gif) center left no-repeat;}
#tools ul li.print a {background: url(../images/icon_print.gif) center left no-repeat;}
#tools ul li.help a {background: url(../images/icon_help.gif) center left no-repeat;}

/* Mainnavigation */
#mainnavigation {
width: 181px;
float: left;
margin: 0 5px 0 -4px;
background: #153b62;
}

#mainnavigation select {
font-size: 11px;
width: 171px;
margin: 3px 0 34px 4px;
}

#mainnavigation a strong {
display: block;
margin: 0 0 5px 9px;
font-size: 13px;
color: #fff;
}

#mainnavigation a:hover strong {
color: #b5c6da;
}

#mainnavigation ul {
margin: 0 0 0 6px;
}

#mainnavigation ul li {
border-top: 1px solid #b5c6da;
padding: 0 0 0 4px;
}

#mainnavigation ul li.trenner {
border-top: 2px solid #b5c6da;
}

#mainnavigation ul li:first-child {
border-top: 0;
}

#mainnavigation ul li a {
font-size: 11px;
line-height: 15px;
color: #fff;
display: block;
padding: 3px 0 2px 10px;
background: url(../images/bg_mainnavigation.gif) 0 7px no-repeat;
}

#mainnavigation ul li a:hover {
color: #b5c6da;
}

/* Content */
#contentwrapper {
background: url(../images/bg_contentwrapper.jpg) top left no-repeat;
margin: 0 0 0 11px;
min-width: 985px;
}

#content {
float: left;
width: 620px;
margin: 0 0 0 12px;
}

#content h3 {
font-size: 13px;
}

#content a {
font-size: 11px;
color: #006699;
text-decoration: underline;
}

#content a:hover {
text-decoration: none;
}


/* Suche */
#search form {
background: #DEE9F4 url(../images/icon_search_big.png) 13px 13px no-repeat;
padding: 20px 0 0 82px;
margin: 0 0 32px 0;
height: 61px;
}

#search h2,
#teaser h2 {
background: #7E9DBB;
border-bottom: 1px solid #FFFFFF;
color: #fff;
font-size: 12px;
font-weight: bold;
padding: 4px 7px;
margin: 0;
}

#search img {
float: left;
}

#search label {
display: block;
font-size: 11px;
font-weight: bold;
margin: 0 0 2px 0;
}

#content a.link-submit-small {
background: #153B62 url(../images/i-go.png) center right no-repeat;
color: #fff;
font-size: 12px;
font-weight: bold;
margin-right: 3px;
padding: 3px 17px 2px 7px;
margin: 0 6px 0 0;
float: left;
text-decoration: none;
}

.g-input,
.i-error {
border: 1px solid #849DB1;
color: #333;
font: 12px/16px Arial,Helvetica,sans-serif;
height: 14px;
padding: 2px;
float: left;
margin: 0 6px 0 0;
}

/* Teaser */
#teaser {
margin: 0 0 15px 0;
}

#teaser .item {
float: left;
width: 200px;
margin: 6px 9px 0 0;
height: 213px
}

#teaser .last {
margin: 6px 0 0 0;
float: right;
}

#teaser .item span {
display: block;
height: 42px;
margin-top: 6px;
}

#teaser .item span a {
}

#teaser .item img {
display: block;
margin: 0 auto;
}

/* Context */
#context {
float: right;
width: 142px;
background: #839cba;
margin: 0 11px 0 0;
font-size: 11px;
overflow: hidden;
}

#context h3 {
background: #153B63;
color: #fff;
font-size: 11px;
font-weight: bold;
margin: 0;
padding: 3px 4px 3px 15px;
}

#context a:link,
#context a:visited {
color:#FFFFFF;
text-decoration:none;
}

#context a:active,
#context a:hover {
color:#153B63;
text-decoration:underline;
}

#context #sidebar {
color:#153B63;
font-size:11px;
overflow:hidden;
width:142px;
margin:0px;
padding:0px;
}

#context #sidebar p {
margin:6px 0pt;
padding:0pt 4px 0pt 17px;
}

#context #sidebar p.marked {
background:transparent url(/irj/portalapps/com.br.compass.gen.RightNavigation/images/p_rechts_bl.gif) no-repeat scroll 8px 3px;
}



/* Helfer */
.clear{clear:both;height:1px;font-size:1px;line-height:1px;width:100%;margin:-1px 0 0}
.clearfix:after{content:".";visibility:hidden;display:block;clear:both;height:0}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}
.ahem{position:absolute;overflow:hidden;height:0;width:0;left:-1000px;top:-1000px}