@charset "utf-8";
/* CSS Document */

/* Farben:
dunkelgrau: #333;
mittelgrau: #666;
hellgrau: #ccc;
orange: #ff6600;

gelb: #FFC82E
fast weiß: #F6DFAC;
mittelbraun: #502921;
rotorange: #E23403;
*/

/* für alle Elemente */
* {margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif;}
/* Body */
body {background: url(main_background.jpg) no-repeat center top #ecb746; position: relative; font-size: 13px; color: #502921;}
/* Bilder: keine Rahmen anzeigen */
* img {border: none;}

/* Grundsätzliche Struktur */
.gesamt {width: 994px; margin: auto; position: relative; padding-bottom: 10px;}
.header {width: 994px; height: 157px; position: relative;}
.topmenu {width: 994px; height: 28px;} 
.inhalt {background: white; padding: 10px; min-height: 555px;}
.links {width: 180px; float: left; margin-right: 10px; }
.rechts {width: 180px; float: right; margin-left: 10px; }
.mitte {padding: 0px; padding-left: 0px; margin: 0 190px 0 190px; max-width: 590px;}
.footer {height: 80px; background: url(footer_background.jpg) no-repeat; padding-top: 22px; text-align: center; font-size: 10px; color: #502921;}
.mitte .normal {float: left;} /* Damit clear: both in Unterelementen nicht die Spaltenanordnung durcheinanderbringt */

/* Hauptmenü */
ul.menu {font-size: 13px; color: #9D3a10;}
ul.menu li {list-style-type: none; display: block; float: left; height: 28px; padding-left: 12px; padding-right: 12px; line-height: 26px; text-decoration: none; font-weight: bold;}
ul.menu li:first-child {}
ul.menu li a {color: #9D3a10; text-decoration: none; }
ul.menu li a:hover {text-decoration: underline}
ul.menu li.aktiv {color: #502921; }

/* Infomenü */
.footer a {text-decoration: none; color: #9d3a10;}
.footer a:hover {text-decoration: underline;}

/* Untermenü */
ul.submenu {font-size: 12px; margin-bottom: 10px}
ul.submenu li {list-style-type: none;  display: block; border-bottom: 1px dotted #ffa075;}
ul.submenu li a {min-height: 15px; display: block; padding: 5px; color: #9d3a10; text-decoration: none; font-weight: bold;}
ul.submenu li a:hover {text-decoration: underline;}
ul.submenu li.aktiv a {color: #502921;}
ul.submenu ul {font-weight: normal;}
ul.submenu ul li {padding-left: 10px; border-bottom: none;}
ul.submenu ul li.sub a {font-weight: normal; color: #9d3a10;}
ul.submenu ul li.sub a:hover {text-decoration: underline;}
ul.submenu ul li.aktiv a {color: #502921;}
ul.submenu ul li.aktiv a:hover { color: #502921;}

/* Breadcrumb-Menü */
ul.breadcrumb {list-style-type: none; margin-bottom: 10px; font-size: 11px;}
ul.breadcrumb li {display: inline;}
ul.breadcrumb li a {color: #9d3a10; text-decoration: none;}
ul.breadcrumb li a:hover {color: #9d3a10;}
ul.breadcrumb li span.aktiv {color:  #502921;}

/* HTML-Elemente */

.normal h1, .normal h2, .normal h3, .normal h4, .normal h5, .normal h6 {font-weight: normal; color: #e23403;}
.normal h1 {font-size: 18px; margin-bottom: 15px;}
.normal h2 {font-size: 16px; margin-bottom: 15px;}
.normal h3 {font-size: 14px; margin-bottom: 15px;}
.normal h4 {font-size: 14px; margin-bottom: 15px;}
.normal h5 {font-size: 14px; margin-bottom: 15px;}
.normal h6 {font-size: 14px; margin-bottom: 15px;}
.normal p {margin-bottom: 15px;}
.normal ul, .normal ol { margin-bottom: 15px;}
.normal ul li {margin-left: 15px; padding-left: 5px; margin-bottom: 5px;}
.normal ol li {margin-left: 20px; margin-bottom: 5px;}
.normal ul ul, .normal ul ul li {margin-bottom: 0px;}
.normal pre {font-family: "Courier New", Courier, monospace; margin-bottom: 15px;}
.normal table { margin-bottom: 15px;}
.normal td, .normal th {padding: 5px; text-align: left; vertical-align: top;}
.normal th {background:  #E23403; color: white; font-weight: bold;}
.normal tr.zebra td {background: #ffd0b0}
.normal img {display: block; margin-bottom: 15px;}
.normal li img {display: inline; margin-bottom: 0px;}
.normal p img {display: inline; margin: 15px;}
.normal a {color: #e23403; text-decoration: underline;}
.normal a:hover {color: #502921;}

form {margin-bottom: 15px;}
form, form fieldset {border: none;}
form label {display: block; float: left; clear: both; width: 150px;}
form input, form textarea {width: 425px; margin-bottom: 5px; font-size: 14px;}
form input[type="text"], form input[type="password"], form textarea {border: 1px solid #502921;}
form input[type="checkbox"] {width: auto !important;}
form input#mailformformtype_mail {width: 200px; clear: both; display: block; margin-left: 150px;}

/* Mehrfach verwendete Klassen */
div.clear {clear: both; height: 0px; overflow: hidden;}
.important {color: #e23403; font-weight: bold;}
.detail {font-size: 11px;}
.component-items a {text-decoration: none;}
.component-items li {margin-bottom: 15px !important; margin-left: 0px !important; list-style-type: none;}
.component-items h4 {margin-bottom: 5px;}

/* Logo */
div.art-Logo h1 a {color: #ffc82e; text-decoration: none; font-weight: normal; font-size: 30px;}
div.art-Logo p {font-size: 15px; color: #ffc82e;}
.art-Logo {position: absolute; top: 66px; left: 10px; z-index: 1;}

/* Besonderheiten */

#c41 {border: 1px solid #502921; padding: 10px; margin-bottom: 10px;}
#c41 h1 {font-size: 22px; margin-bottom: 5px; font-weight: normal; }
#c41 form {margin-bottom: 0px; margin-top: 5px;}
#c41 input, #c41 textarea {width: 160px; margin-bottom: 5px;  font-size: 14px; }
#c41 input[type="submit"] {margin-bottom: 0px;}
#c41 table {display: none;}
#c41 legend {display: none; }