﻿


/* Layout */
html {
 margin: 0px;
 padding: 0px;
}
body {
 font-family: Verdana, Univers, Helvetica, sans-serif; 
 color: #000; 
 font-size: 11px; 
 line-height: 13px;
 font-weight: normal; 
 text-decoration: none;
 text-align: left;
 background-color: #ffffff;
 margin: 0px;
 padding: 0px 0px 0px 0px;
}
#layout, #layouthome {
 width: 982px;
 margin: 0px;
 padding: 0px 0px 0px 10px;
 background-color: #ffffff;
}
#layout {
 background: repeat-y top left;
}
#layouthome {
 background: repeat-y top left;
}
/* Header */
#header {
 width: auto;
 height: 115px;
 margin: 0px;
 padding: 0px;
 background-color: #ffffff;
}
#header h1 {
 width: 380px;
 height: 102px;
 margin: 0px;
 padding: 0px;
}
/* Navigation */
#navi {
 float: left;
 width: 216px;
}
#navi a:hover { text-decoration: underline; }
.mainnavi, .mainnaviHi {
 width: auto;
 margin: 0px;
 padding: 2px 0px 3px 12px;
 border-bottom: 1px solid #ffffff;
}
.mainnavi, .mainnaviHi {
 background-color:#e4312a;
}
.mainnavi a {
 text-decoration:none; color:#fff;
}
.mainnaviHi a {
 color:#fff; font-weight: bold; text-decoration: none;
}
.subnavi, .subnaviHi {
 width: auto;
 margin: 0px;
 padding: 2px 0px 3px 9px;
 background-color:#ddd;
 border-left: 3px solid #e4312a;
 border-bottom: 1px solid #ffffff;
}
.subnavi a {
 color: #000000; text-decoration: none;
}
.subnaviHi a {
 color: #e4312a; font-weight:bold; text-decoration: none;
}
.subsubnavi, .subsubnaviHi {
 width: auto;
 margin: 0px;
 padding: 2px 0px 3px 18px;
 background-color:#eee;
 border-left: 3px solid #f49894;
 border-bottom: 1px solid #ffffff;
}
.subsubnavi a {
 color: #000000; text-decoration: none;
}
.subsubnaviHi a {
 color: #e4312a; font-weight:bold; text-decoration: none;
}
.subsubsubnavi, .subsubsubnaviHi {
 width: auto;
 margin: 0px;
 background-color:#fff;
 border-left: 3px solid #f49894;
 padding: 2px 0px 3px 25px;
 border-bottom: 1px solid #ffffff;
}
.subsubsubnavi a {
 color: #000000; text-decoration: none;
}
.subsubsubnaviHi a {
 color: #e4312a; font-weight:bold; text-decoration: none;
}
/* LINKS */
.linkheader {
 color: #fff; 
 width: auto;
 margin: 0px;
 text-decoration: none;
 padding: 2px 0px 3px 12px;
 border-bottom: 1px solid #ffffff;
 background-color: #888 !important;
}
.linknavi, .linknaviHi {
 width: auto;
 margin: 0px;
 padding: 2px 0px 3px 9px;
 border-left: 3px solid #888 !important;
 border-bottom: 1px solid #fff;
}
.linknavi a {
 color: #888 !important; text-decoration: none;
}
.linknaviHi a {
 color: #e4312a !important; text-decoration: none;
 font-weight:bold;
}
#navi h3.leaflet {
 color: #fff;
 border: none;
 font-size: 1em;
 font-weight: normal;
 background-color: #bcbcbc;
 border-bottom: 1px solid #fff;
 padding-left: 10px;
 cursor:pointer;
}
#infokorb {
 margin: 0;
 padding: 10px;
 border-bottom: 1px solid #eeeeee;
}
#infokorb a,
#infokorb a:hover,
#infokorb a:focus {
 display:block;
 color: #e4312a !important;
 text-decoration: none;
 border-left: none;
 border-bottom: none;
 padding-top:4px !important;
}
#infokorb a.leaflet,
#infokorb a.leaflet:hover,
#infokorb a.leaflet:focus
{
    width:109px;
    height:17px;
    color:#000 !important;
    background-color: #d8d8d8;
    border-color: #cccccc #000000 #000000 #cccccc;
    border-width:1px;
    border-style:solid;
    margin: 7px 2px 0px 2px;
    padding: 3px 2px 0px 2px;
}
/* Content */
#content {
 float: left;
 width: 748px;
 margin: 0px 10px 0px 8px;
 padding: 0px;
}
#keyvisuals {
 width: auto;
 margin:0px;
 padding:0px;
}
#keyvisualleft {
 float: left;
}
#keyvisualright {
 float: right;
}
#maintitle {
 clear:both;
 width: auto;
 margin: 0px 226px 0px 0px;
 padding:0px;
}
hr {
 clear:both;
 height: 1px;
 width: 524px;
 color: #eeeeee;
 background-color: #eeeeee;
 border: 0px solid #eeeeee;
 margin: 0px;
 padding: 0px;
}
/* Typo */
h1 {
 font-size: 22px;
 line-height: 24px;
 font-weight: normal;
 color: #e4312a;
 margin: 0px;
 padding: 14px 0px 0px 0px;
}
h2 {
 font-size: 18px;
 line-height: 20px;
 font-weight: normal;
 color: #e4312a;
 margin: 0px;
 padding: 14px 0px 0px 0px;
}
h3 {
 font-size: 11px;
 line-height: 13px;
 color: #e4312a;
 font-weight: bold;
 margin: 0px;
 padding: 2px 0px 3px 6px;
 border-left: 3px solid #e4312a;
 border-bottom: 1px solid #e4312a;
}
h4 {
 font-size: 11px;
 line-height: 13px;
 color: #000000;
 font-weight: normal;
 margin: 0px;
 padding: 2px 0px 3px 6px;
 border-left: 3px solid #ffa200;
 border-bottom: 1px solid #ffa200;
}
p.topic
{
    font-weight:bold;
}
/* Homepage */
#contenthome {
 float: left;
 width: 748px;
 margin: 18px 0px 0px 0px;
 padding: 0px;
}
#columnLeftMain {
    float:left; 
    width:488px; 
    margin: 0px; 
    padding:0px 11px 0px 0px;
}
#columnleft {
 float: left;
 width: 238px;
 margin: 0px;
 padding: 0px 11px 0px 0px;
}
#columnleft2 {
 float: left;
 width: 477px;
 margin: 0px;
 padding: 0;
}
#columnmiddle {
 float: left;
 width: 239px;
 margin: 0px;
 padding: 0;
}
#columnright {
 float: left;
 width: 238px;
 margin: 0px;
 padding: 0px 11px 0px 0px;
}
/* Links */
#contenthome a:link, #contenthome a:visited, #contenthome a:active, #contenthome a:hover {
 color: #e4312a;
 text-decoration: underline;
}
/* Columns */
#maincontent {
 float: left;
 width: 524px;
 border-top: 1px solid #e4312a;
 margin: 18px 0px 0px 0px;
 padding: 0px;
}
#maincontent p {
 margin: 14px 0px 0px 0px;
 padding: 0px;
}
#maincontent hr {
 clear:both;
 height: 1px;
 width: 524px;
 color: #e4312a;
 background-color: #e4312a;
 border: 0px solid #e4312a;
 margin: 0px;
 padding: 0px;
}
/* Links */
#maincontent a:link, #maincontent a:visited, #maincontent a:active, #maincontent a:hover {
 color: #e4312a;
 text-decoration: underline;
}
#maincontent .sortnavigation {
 width: auto;
 color: #000000;
 margin: 0px 0px 6px 0px;
 padding: 6px 0px 6px 0px;
 border-bottom: 1px solid #e4312a;
}
.sortnavi {
 color: #000000 !important; text-decoration: none !important;
}
.sortnavihi {
 color: #e4312a !important; text-decoration: none !important;
}
#rightcolumn {
 color: #888888;
 float: right;
 width: 216px;
 margin: 0px;
 padding: 0px;
}
#rightcolumn p {
 padding: 0px 6px 0px 6px;
}
#rightcolumn .floatleft {
 float: left;
 margin: 6px 6px 2px 6px;
}
#rightcolumn hr {
 clear:both;
 height: 1px;
 width: 216px;
 color: #ffffff;
 background-color: #ffffff;
 border: 0px solid #ffffff;
 margin: 5px 0px 2px 0px;
 padding: 0px;
}
/* Links */
#rightcolumn a:link, #rightcolumn a:visited, #rightcolumn a:active, #rightcolumn a:hover {
 color: #e4312a;
 text-decoration: underline;
}
#rightcolumn .light a:link, #rightcolumn .light a:visited, #rightcolumn .light a:active, #rightcolumn .light a:hover {
 color: #888888;
 text-decoration: underline;
}
/* Lists */
ul { margin: 7px 0px 7px 0px; padding: 0px 0px 0px 18px; }
li { list-style-type: disc; margin: 0px; padding: 0px; }
ul.links {
 display: block;
 margin: 0px 0px 13px 0px;
 padding: 0px;
}
ul.links li {
 margin: 0px 0px 0px 17px;
 padding: 0px;
}
ul.links li a {
 text-decoration: none;
}
/* Icons */
.top {
 background: no-repeat left;
}
.drucken {
 background: no-repeat left;
}
.empfehlen {
 background: no-repeat left;
}
.icontext { margin-left: 20px; }
/* Header Links */
#headerlinks {
 color: #808080;
 position: absolute;
 left: 420px;
 top: 10px;
 width: 335px;
 text-align: right;
 margin: 0px;
 padding: 0px;
 z-index: 100;
}
#headerlinks a {
 color: #888888; text-decoration: none;
}
#headerlinks a.hi {
 color: #e4312a; font-weight: normal; text-decoration: none;
}
#headerlinks a:hover { text-decoration: underline; }
.infokorblink {
 text-align:right;
 width: 504px;
 margin: 0;
 padding: 4px 10px 0 10px;
}
/* Tables */
table {
 width: 100%;
 border: 0px; 
}
td {
 vertical-align: top;
}
td.spacer {
 height: 4px;
}
table img { margin: 0px !important; }
.right { text-align:right; }
/* Data Table */
.dataTable {
 width: 100%;
}
.dataTable td {
 vertical-align: top;
 padding:4px 6px 4px 0px;
}
/* Form Table */
.formTable {
 width: 100%;
 color: #000000;
}
.formTable td.lable {
 border-bottom: 1px solid #eeeeee;
}
.formTable td.element {
 border-bottom: 1px solid #eeeeee;
}
.formTable a:link, .formTable a:visited  {
 color: #000000;
}
.on  { background: no-repeat center; }
.off { background: no-repeat center; }
.right  { text-align: right; }
.center { text-align: center; }
/* Suche */
#search {
 position: absolute;
 left: 766px;
 top: 10px;
 width: 216px;
 margin: 0px;
 padding: 0px;
}
/* Footer */
#footer {
 color: #808080;
 width: auto;
 height: 40px;
 margin: 40px 0px 0px 0px;
 padding: 0px;
 background-color: #ffffff;
}
#copyright {
 float: left;
 width: 226px;
 margin: 1px 0px 0px 0px;
 padding: 5px 0px 0px 0px;
}
#pagelinks {
 width: 530px;
 float: left;
 border-top: 1px solid #eeeeee;
 margin: 0px;
 padding: 5px 0px 0px 0px;
}
#servicelinks {
 width: 216px;
 float: left;
 border-top: 1px solid #eeeeee;
 margin: 0px;
 padding: 5px 0px 0px 0px;
}
#footer ul.footernavi, #footer ul.footernavi li {
 display: inline;
 margin: 0px;
 padding: 0px;
}
#footer a {
 color: #808080;
 text-decoration: none;
 margin-right: 10px; 
}
#footer a:active, #footer a:hover {
 text-decoration: underline;
}
/* Standard-Formate */
img     { border-style: none; margin: 0px; padding: 0px; }
.floatleft   { float: left; }
.floatright   { float: right; }
.clear    { clear: both; }
.subtext   { display: none; }
/* form elements */
fieldset {
 border-style: none;
 margin: 0px;
 padding: 0px;
}
button, select, input {
 font-family: Verdana,Arial,Helvetica,sans-serif;
 color: #000000;
 font-size: 10px;
 border: 1px solid;
 padding: 1px;
}
input {
 background-color: #ffffff;
 border-color: #000000 #cccccc #cccccc #000000;
}
select {
 border-color: #000000 #cccccc #cccccc #000000;
}
button {
 background-color: #d8d8d8;
 border-color: #cccccc #000000 #000000 #cccccc;
 margin: 0px 2px 0px 2px;
 padding: 0px 2px 0px 2px;
}
.radio {
 vertical-align: middle;
 margin: 0px 5px 0px 5px;
}
.noborder { border-style: none; }
#search .btn {
 background-color: #d8d8d8;
 border-color: #cccccc #000000 #000000 #cccccc;
 margin: 0px 1px 0px 1px;
 padding: 0px 1px 0px 1px;
}
/* Sitemap */
#maincontent a.sitemap1, #maincontent a.sitemap2
{
    background-repeat:no-repeat;
    background-position:0 3px;
    color:#000;
    text-decoration:none;
    padding-left:10px;
}
#maincontent a.sitemap2
{
    padding-left:20px;
    background-position:10px 3px;
}
#maincontent a.sitemap1:hover, #maincontent a.sitemap2:hover
{
    text-decoration:underline;
}

a.sitemap2, a.sitemap3 {
        background-image: url(/templates/files/navi2.gif);
}a.sitemap1 {
        background-image: url(/templates/files/navi1.gif);
}.empfehlen {
        background-image: url(/templates/files/empfehlen.gif);
}.drucken {
        background-image: url(/templates/files/drucken.gif);
}.top {
        background-image: url(/templates/files/top.gif);
}ul.links li {
        list-style-image: url(/templates/files/list_links.gif);
}.off {
        background-image: url(/templates/files/icn_status_off.gif);
}.on {
        background-image: url(/templates/files/icn_status_on.gif);
}body {
        background: url(/templates/files/back.gif);
}#layout {
        background-image: url(/templates/files/back_folgeseiten.gif);
}#layouthome {
        background-image: url(/templates/files/back_homepage.gif);
}
