/* GLOBAL RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* GENERAL */
body {
    background: url(../img/body-bg.gif) repeat-x;
    color: #3A454D;
    font: 12px/18px Arial, Verdana, sans-serif;
    text-align: center;
}
a {
    text-decoration: none;
}

img {
    border: 0;
}

.float-left { float: left; }
.float-right { float: right; }
img.float-left {
    margin: 0 10px 10px 0;
}
img.float-right {
    margin: 0 0 10px 10px;
}

/* BASIC POSITIONING */
#wrapper {
    margin: 0 auto;
    text-align: left;
    width: 960px;
}
#header, #main, #footer {
    float: left;
    overflow: hidden;
    width: 100%;
}
#header {
    background: url(../img/header-bg.gif) no-repeat;
    padding-bottom: 18px;
}
#main {
    background: url(../img/header-bg.gif) no-repeat 0 -112px #FFF;
    margin-bottom: 54px;
}
.sidebar {
    float: left;
    width: 240px;
}
#image, #content {
    float: left;
    width: 720px;
}
#image {
    position: relative;
}
#content {
    padding: 27px 30px;
    width: 420px;
}

.wide #content {
    width: 660px;
}

#footer {
    border-top: 1px solid #BDC0C1;
}

/* LOGO */
h1#logo  {
    background-color: #FFF;
    border-bottom: 2px solid #EDDE2C;
    float: left;
    padding: 12px 44px 11px 45px;
}
h1#logo  a {
    background: url(../img/logo-bg.gif) no-repeat;
    display: block;
    height: 65px;
    text-indent: -999em;
    width: 150px;
}

/* NAV-AUX */
#header .nav-aux {
    float: right;
    padding-bottom: 30px;
    position: relative;
}
#footer .nav-aux {
    float: left;
}
.nav-aux li {
    background: url(../img/nav-aux-li-bg.gif) no-repeat right center;
    color: #999;
    float: left;
    font-size: 11px;
    line-height: 15px;
    padding: 5px 10px;
}
.nav-aux li.last {
    background: none;
}
.nav-aux li.search {
    padding-right: 0;
}
.nav-aux li.language a {
    background: url(../img/language-bg.gif) no-repeat right center;
    padding-right: 12px;
}
#header .nav-aux li.language ul {
    background-color: #000;
    bottom: 0;
    padding: 0;
    position: absolute;
    right: 202px;
}
#header .nav-aux li.search span,
#header .nav-aux li.search form,
#header .nav-aux li.search fieldset,
#header .nav-aux li.search fieldset ol {
    float: left;
}
#header .nav-aux li.search fieldset ol li {
    background: 0;
    padding: 0 0 0 5px;
}
#header .nav-aux li.search fieldset ol li .text {
    background-color: #FFF;
    border: 1px solid #FFF;
    color: #000;
    float: left;
    font: 11px/15px Arial, Verdana, sans-serif;
    padding: 1px;
}
#header .nav-aux li.search fieldset ol li .text:focus {
    border: 1px solid #EDDE2C;
}
#header .nav-aux li.search fieldset ol li .submit {
    background: url(../img/search-bg.gif) no-repeat center center #EDDE2C;
    border: 0;
    color: #000;
    float: left;
    height: 18px;
    margin: 0;
    overflow: visible;
    padding: 0;
    text-indent: -999em;
    width: 18px;
}
#header .nav-aux li a {
    border-bottom: 1px dotted #999;
    color: #999;
    display: block;
}
#header .nav-aux li a:hover,
#header .nav-aux li.active a {
    border-bottom: 1px solid #EDDE2C;
    color: #EDDE2C;
}
#header .nav-aux li.language ul li a {
    border-bottom: 0;
    color: #FFF;
    padding: 0 0 0 20px;
}
#header .nav-aux li.language ul li a:hover {
    color: #EDDE2C;
}
#header .nav-aux li.language ul li.de a {
    background: url(../img/de.gif) no-repeat left center;
}
#header .nav-aux li.language ul li.en a {
    background: url(../img/en.gif) no-repeat left center;
}
#footer .nav-aux li a {
    border-bottom: 1px dotted #6D787F;
    color: #636C73;
    font-size: 11px;
}
#footer .nav-aux li a:hover {
    border-bottom: 1px solid #3A454D;
    color: #3A454D;
}

/* NAV-TOP, NAV-SUB */
#nav-top,
#nav-sub {
    background-color: #636C73;
    float: left;
    padding: 15px 20px;
    width: 200px;
}
#nav-sub {
    background: url(../img/nav-sub-bg.gif) no-repeat #D9E0E5;
}
#nav-top li,
#nav-sub li {
    float: left;
}
#nav-sub li {
    background: url(../img/nav-sub-li-bg.gif) no-repeat 0 10px;
}
#nav-top li a,
#nav-sub li a {
    color: #FFF;
    display: block;
    float: left;
    font-weight: bold;
    line-height: 1;
    padding: 4px 0;
    width: 200px;
}
#nav-sub li a {
    color: #636C73;
    font-size: 11px;
    padding-left: 10px;
    width: 190px;
}
#nav-top li a:hover,
#nav-top li.active a {
    color: #EDDE2C;
}
#nav-sub li a:hover,
#nav-sub li.active a {
    color: #1B374D;
}

/* NAV-QUICK */
#nav-quick {
    background-color: #FFF;
    float: left;
    padding: 15px 20px 15px 6px;
    width: 214px;
    min-height: 200px;
}

* html #nav-quick {
   height: 200px;
}
#nav-quick li {
    background: url(../img/nav-quick-li-bg.gif) no-repeat 0 4px;
    float: left;
}
#nav-quick li a {
    color: #636C73;
    display: block;
    font-size: 11px;
    padding-left: 14px;
    width: 200px;
}
#nav-quick li a:hover {
    color: #3A454D;
}



/* IMAGE */
#image img {
    margin-top: 18px;
    vertical-align: top;
}

/* BREADCRUMB */
#breadcrumb {
    background: url(../img/overlay-bg.png) no-repeat;
    position: absolute;
    right: 0;
    top: 0;
    width: 480px;
}
* html #breadcrumb {
    background-image: none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='img/overlay-bg.png')
}
#breadcrumb ul {
    float: left;
    padding: 3px 15px;
}
#breadcrumb ul li { 
    background: url(../img/breadcrumb-bg.gif) no-repeat right center;
    float: left;
    margin-bottom: 3px;
    padding: 0 10px 0 5px;
}
#breadcrumb ul li.active {
    background: none;
    color: #FFF;
    float: left;
    font-size: 22px;
    letter-spacing: -1px;
    line-height: 33px;
    margin-bottom: 0;
    width: 440px;
}
#breadcrumb a {
    border-bottom: 1px dotted #6D787F;
    color: #6D787F;
    display: block;
    font-size: 11px;
    line-height: 15px;
}
#breadcrumb a:hover {
    border-bottom: 1px solid #EDDE2C;
    color: #EDDE2C;
}

/* CONTENT */
#content h1 {
    border-left: 5px solid #EDDE2C;
    color: #636C73;
    font-size: 24px;
    font-weight: normal;
    letter-spacing: -2px;
    line-height: 36px;
    margin: 9px 0;
    padding-left: 10px;
}
#content h2 {
    color: #3A454D;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 21px;
}
#content p {
    line-height: 18px;
    margin: 9px 0;
}

#content ul.pdf-list li {
    background: url(../img/pdf-icon.gif) no-repeat 0 5px;
    padding: 3px 22px;
}
#content ul.word-list li {
    background: url(../img/word-icon.gif) no-repeat 0 5px;
    padding: 3px 22px;
}

#content a {
    border-bottom: 1px dotted #3A454D;
    color: #3A454D;
    font-weight: bold;
}
#content a:hover {
    background-color: #EDDE2C;
    border-bottom: 1px dotted #EDDE2C;
    color: #000;
}

#content #overview {
    float: left;
    margin: 0;
    padding: 0;
    width: 720px;
}

#content #overview li {
    background: url(../img/content-col1-bg.gif) repeat-y;
    border-top: 10px solid #FFF;
    float: left;
    padding: 0 10px 10px 10px;
    width: 200px;
}

#content #overview li h3 {
    font-weight: bold;
    padding: 10px 0 0 10px;
}
#content #overview li p {
    padding: 0 0 5px 10px;
}
#content #overview li a.img {
    background: #FFF;
    display: block;
}

#content #overview li a.more {
    margin-left: 10px;
}
#content #overview li ul {
    float: none;
    padding: 0 0 0 10px;
}
#content #overview li ul li {
    background: url(../img/bullet-yellow-bg.gif) no-repeat 0 7px;
    border: 0;
    float: none;
    padding: 0 0 0 10px;
    width: 200px;
}

#content a.img {
    border: 0;
}

#content #liste {
    float: left;
    padding: 0;
    padding-bottom: 20px;
    width: 100%;
}
#content #liste li {
    background: url(../img/bullet-yellow-bg.gif) repeat-y 10px 0;
    float: left;
    overflow: hidden;
    padding: 0 10px 10px 20px;
    width: 361px;
}

#content #liste li h2 {
    padding: 10px 0 0 0;
    font-weight: bold;
}

#content #sitemap {
    float: left;
    padding: 0;
    width: 100%;
}
#content #sitemap li {
    background: url(../img/bullet-yellow-bg.gif) repeat-y 10px 0;
    float: left;
    overflow: hidden;
    padding: 0 10px 0 20px;
    width: 161px;
}
#content #sitemap li h2 {
    padding: 10px 0 0 0;
}
#content #sitemap li h2 a {
    font-weight: bold;
}
#content #sitemap li.level1 {
    width: 151px;
}
#content #sitemap li.level2 {
    width: 141px;
}
#content #sitemap li.level3 {
    width: 131px;
}
#content #sitemap li.level4 {
    width: 121px;
}
#content #sitemap li.level5 {
    width: 111px;
}
#content #sitemap li.level1 a {
    font-weight: bold;
}
#content #sitemap li.level2 a,
#content #sitemap li.level3 a,
#content #sitemap li.level4 a,
#content #sitemap li.level5 a {
    font-weight: normal;
}
#content #sitemap li ul {
    background: url(../img/border-1px-solid-ccc-bg.gif) repeat-y;
    border-bottom: 10px solid #FFF;
    border-top: 10px solid #FFF;
    float: left;
    padding: 0;
    width: 100%;
}
#content #sitemap li ul li {
    background: url(../img/sitemap-ul-li-bg.gif) no-repeat 0 10px;
    float: left;
    font-size: 11px;
    padding: 3px 0 3px 10px;
    width: auto;
}

/* TEASER */
.teaser {
    margin-top: 36px;
    padding: 0 20px;
}
.teaser a {
    
}
.teaser img {
    margin-bottom: 2px;
    vertical-align: top;
}
.teaser p {
    border-left: 2px solid #EDDE2C;
    padding-left: 10px;
    font-size: 11px;
    font-style: italic;
}

.teaser ul.pdf-list li {
    background: url(../img/pdf-icon.gif) no-repeat 0 5px;
    padding: 3px 22px;
}
.teaser ul.word-list li {
    background: url(../img/word-icon.gif) no-repeat 0 5px;
    padding: 3px 22px;
}

.teaser a {
    border-bottom: 1px dotted #3A454D;
    color: #3A454D;
    font-weight: bold;
}
.teaser a:hover {
    background-color: #EDDE2C;
    border-bottom: 1px dotted #EDDE2C;
    color: #000;
}

/* FOOTER */
#footer .copy {
    color: #636C73;
    float: right;
    font-size: 11px;
    padding: 5px 10px;
}