<!--
/************************************************/
/* Layout                                       */


/* Vorbelegung Standardwerte */
html {height: 100%; margin: 0; padding:0; }
body {height: 96%; margin: 0; padding: 5px 10px 10px 10px; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 0.8em; background-color: rgb(150,150,150); color: rgb(0,0,0);}

p, h1, h2, h3, table {margin: 6px; line-height: 140%; text-align: left;}
acronym {cursor: help; border-bottom: 1px dotted rgb(178,38,29);}
a {color: rgb(178,38,29); text-decoration: underline;}
a:hover {text-decoration: none;}
a:focus {color: rgb(255,0,0);}

/* Allgemein: */
.hidden {position: absolute; left: -1000px; top: -1000px; width: 0; height: 0; overflow: hidden; display: inline; }


/* Seitenaufbau */
.layout {margin: 0 auto 0 auto; padding: 0; min-width: 920px; max-width: 1200px; border-right: solid 1px rgb(0,0,0); border-left: solid 1px rgb(0,0,0);}
div#kopfzeile {background-color: rgb(255,255,255); border-top: solid 1px rgb(0,0,0); background-image: url(../images/bg_kopfzeile.gif); background-repeat: no-repeat; background-position: 250px -90px;}
div#rahmen {background-color: rgb(255,255,255); height: 70%; min-height: 70%; z-index: 1;}
div#fusszeile {background-color: rgb(255,255,255); border-bottom: solid 1px rgb(0,0,0); height: 2em; }

.content {height: 100%; min-height: 100%; padding: 0;}
div#links  {background-color: rgb(248,229,223); float: left; margin: 0px auto 0px 2px; width: 250px; padding: 0; }
div#rechts {background-color: rgb(241,204,190); float: right; margin: 0px 2px 0px auto; width: 190px}
div#mitte {background-color: rgb(251,239,235); margin: 0px 194px 0px 254px;  }

body > #rahmen > .content {height:auto;}


/* Top-Bereich am oberen Bildschirmrand */
div#top {border: 0;}
div#top p {text-align: right; margin: 0px 20px 5px 0px;} 
div#top img {border: 0; margin-bottom: -3px; margin-top: 3px;}


/* Layout der Bilder im Kopfbereich */
img#titelbild {margin: 2px 2px 0px 2px; border: 0; float: right; position: relative; z-index:5}
img#button {float: left; position: relative; top: 5px; left: 404px; z-index:5}
img#logo {padding: 2px 2px 0px 10px; border: 0; float: left; position: relative; z-index:7}

/* 1. Navigationsebene: */
ul#naviebene1 {list-style-type: none; float: left; margin: 2px; padding: 0.6em 0.6em 0.6em 1.6em; position: relative; top: 4px; left: 55px; width: 250px; z-index:6}
ul#naviebene1 li {/*margin-right: 0.6em;*/ padding: 0; line-height: 150%}
ul#naviebene1 a {text-decoration: none; color: rgb(178,38,29);}
ul#naviebene1 a:hover {text-decoration: underline; color: rgb(0,0,0)}
ul#naviebene1 a:focus {color: rgb(255,0,0)}
ul#naviebene1 .on {color: rgb(0,0,0); font-weight: bold}

/* 2. Navigationsebene: */
div#naviebene2 {clear: both; margin: 0px 2px 0px 2px; padding: 0.2em;  border-bottom: 2px solid rgb(255,255,255); border-top: 2px solid rgb(255,255,255); background-color: rgb(178,38,29); height: 1.3em; }
div#naviebene2 ul {padding: 0; margin: 0}
div#naviebene2 li {display: inline; margin-right: 0.8em; margin-left: 2px; padding: 0;}
div#naviebene2 a {font-weight: bold; text-decoration: none; color: rgb(255,255,255); background-color: transparent;}
div#naviebene2 a:hover {text-decoration: underline;}
div#naviebene2 a:focus {text-decoration: underline; font-weight: bold}
div#naviebene2 .on {font-weight: bold; text-decoration: underline;}

/* 3. Navigationsebene: */
div#naviebene3 {font-size: 0.85em; margin-top: 82px; margin-left: 4px; margin-right: 10px; padding: 0;} 
div#naviebene3 ul {padding: 0; margin: 0}
div#naviebene3 li {list-style: none; padding: 0; margin: 2px 2px 0.6em 2px} 
div#naviebene3 a {text-decoration: none; color: rgb(178,38,29); background-color: transparent;}
div#naviebene3 a:hover {text-decoration: underline; color: rgb(0,0,0)}
div#naviebene3 a:focus {color: rgb(255,0,0)}
div#naviebene3 .on {color: rgb(0,0,0)}

/* Servicenavigation (in Fusszeile): */
div#naviservice {clear: both; margin: 0px 2px 2px 2px; padding: 0.2em; border-top: 2px solid rgb(255,255,255); background-color: rgb(178,38,29); height: 1.3em;}
div#naviservice ul {padding: 0; margin: 0}
div#naviservice li {float: left; display: inline; margin-right: 0.8em; margin-left: 2px; padding: 0;}
div#naviservice a {text-decoration: none; color: rgb(255,255,255); background-color: transparent;}
div#naviservice a:hover {text-decoration: underline;}
div#naviservice a:focus {text-decoration: underline; font-weight: bold}

/* Copyright-Bereich unterhalb der Fusszeile */
div#copyright {font-size: 0.9em; border: 0; padding: 0; text-align: right;} 
div#copyright p {color: rgb(0,0,0); margin: 0; text-align: center;}
div#copyright a {text-decoration: none; margin-left: 10px; color: rgb(105,105,105);}
div#copyright a:hover {text-decoration: underline; color: rgb(0,0,0)}
div#copyright a:focus {color: rgb(255,255,255)}


/************************************************/
/* Module                                       */ 

/* Bereichseinstellungen */
div#rechts {font-size: 0.89em;}

/* Modul Überschrift H1*/
#titel {position:relative; top:12px; height: 60px; margin-bottom: 14px;}
h1#inhalt {font-family: "frutiger light", Arial, Verdana, sans-serif; color:rgb(178,38,29); font-size: 24px; margin-top: 0px; margin-left: 50px; margin-right: 30px; line-height: 100%; padding: 5px; text-align: right; position: relative; z-index: 4;}
h1#schatten {font-family: "frutiger light", Arial, Verdana, sans-serif; color: rgb(241,204,190); font-size: 24px; margin-top: 12px; margin-left: 45px; margin-right: 35px; line-height: 135%; padding: 5px; text-align: right; position: absolute; top: -20px; right: 5px; z-index: 3; word-spacing: normal}

/* Modul Überschrift H2*/
h2 {font-size: 1em;}
div#mitte h2 {margin: 20px 6px 6px 6px}

/* Modul Contentmain (9 Bilder links) */
div.contentmain {float: left; width: 95%;}
div.contentfoto {float: left; background-color: rgb(80,80,80); margin: 6px;}
div.contentfoto img  {float: left; margin: 1px; }
div.contentfoto span {color: rgb(255,255,255); font-size: 0.85em; padding : 0px 2px; margin: 1px; display: block; clear: both;}

/* Modul Suche */
#suche { margin: 0px; padding: 16px 6px 10px 6px;  height: 44px; border-bottom: solid 2px rgb(255,255,255);}
div#suche input {background-color: rgb(255,255,255); color: rgb(0,0,0); border: solid 1px rgb(0,0,0); margin: 0; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 1em}
div#suche input.text   {float: left; height: 1.3em; width: 150px; margin-right: 2px; padding: 2px;}
div#suche input.submit {float: left; height: 21px; width: 20px; font-weight: bold; padding: 2px;}

/* Modul Artikelliste */
.artikelliste p {margin: 0px 6px 0px 6px;}
.artikelliste h2 {margin-bottom: 3px;}
.artikelliste h3 {font-size: 1em; font-weight: normal; margin-bottom: 3px;}
.artikelliste img {margin: 0px 6px 0px 6px; border: solid 1px rgb(80,80,80);}

/* Modul Sitemap */	
div#sitemap a.lev1 {display: block; font-weight: bold; margin-top: 16px; margin-bottom: 6px; padding-left: 6px; text-decoration: none;}
div#sitemap a.lev1:hover {background-color: rgb(248,229,223); text-decoration: underline;}
div#sitemap a.lev1:focus {background-color: rgb(248,229,223); color: rgb(255,0,0); text-decoration: underline;}

div#sitemap a.lev2 {display: block; color: rgb(0,0,0); font-weight: bold; margin-top: 6px; margin-bottom: 6px; padding-left: 26px; text-decoration: none;}
div#sitemap a.lev2:hover {background-color: rgb(248,229,223); text-decoration: underline;}
div#sitemap a.lev2:focus {background-color: rgb(248,229,223); color: rgb(255,0,0); text-decoration: underline;}

div#sitemap a.lev3 {display: block; color: rgb(0,0,0); margin-top: 6px; margin-bottom: 6px; padding-left: 46px; text-decoration: none;}
div#sitemap a.lev3:hover {background-color: rgb(248,229,223); text-decoration: underline;}
div#sitemap a.lev3:focus {background-color: rgb(248,229,223); color: rgb(255,0,0); text-decoration: underline;}


/* Workarounds gegen Bugs des Internet Explorers */
* html div#links  {margin: 0px auto 0px 1px;}
* html div#rechts {margin: 0px 1px 0px auto;}
* html div#mitte  {margin: 0px 190px 0px 250px;}
* html #suche {padding: 16px 6px 0px 6px;}
* html ul#naviebene3 {margin-top: 80px;} 
* html div.contentfoto {margin: 6px 6px 6px 3px;}


/* createindex */
.textstart {color: rgb(0,0,0); margin: 0;}
a.textstart:hover {text-decoration: underline; color: #DA251D;}
-->