ï»¿/* (c) EIKONA AG, it.x informationssysteme gmbh, Alle Rechte vorbehalten. */

body			{ padding: 0px; margin: 0px; color: #4B5358; font-family: Arial,Helvetica,sans-serif; font-size: 12px; }

.logo			{ background: url('../pics/layout/hercules_logo.png') no-repeat 33px top; width: 335px; height: 56px; cursor: pointer; float: left; }
.logotext		{ float: right; padding-right: 70px; padding-top: 20px; }
.logotext .text	{ font-size: 35px; color: #D6D6D6; font-weight: bold; text-transform: uppercase; }
.hg-hell		{ background: #dbe7f1; }

.balken			{ background-color: #4b5358; height: 13px; width: 100%; margin-bottom: 20px; }

.umbruch		{ clear: both; float: none; margin: 0px; padding: 0px; }


.main			{ margin-left: 33px; width: 788px; }
.main-download			{ margin-left: 33px; }


.main a:link,
.main a:visited,
.main-download a:link,
.main-download a:visited							{ text-decoration:none; cursor:pointer; color: #639FC0; font-weight: bold;  }

.main a:hover,
.main a:active,
.main-download a:hover,
.main-download a:active							{ text-decoration:none; cursor:pointer; color: #437cb6;  }

.main a:focus,
.main-download a:focus							{ outline:none; }



.header a:link,
.header a:visited						{ text-decoration:none; cursor:pointer; }

.header a:hover,
.header a:active						{ text-decoration:none; cursor:pointer; color: #437cb6;  }

.header a:focus							{ outline:none; }


.footer			{ position: fixed; bottom: 0px; left: 0px; background-color: #4b5358; height: 20px; width: 100%; border-top: 3px solid #FFFFFF; }

/* (c) EIKONA AG, it.x informationssysteme gmbh, Alle Rechte vorbehalten. */


img									{ border: 0px solid; display: block;  padding: 0px; overflow: hidden; }
h2									{ padding: 0px; margin: 0px; font-size: 16px; }

.absatz								{ }
.absatz .bild-mitte					{ margin: 0px 6px 5px 0px; text-align: center; }
.absatz .bild-links					{ margin: 0px 20px 5px 6px; float: left; }
.absatz .bild-rechts				{ margin: 0px 6px 5px 20px; float: right; }
.absatz .absatz-link				{ float: right; }

.text								{ padding: 0px 6px 10px 0px; }

.bild-unterschrift					{ font-size: 11px; }
.bild-mitte							{ margin: 6px 6px; text-align: center; }
.bild-links							{ margin: 6px 6px; float: left; }
.bild-rechts						{ margin: 6px 6px; float: right; }

.container							{ clear: both; margin-bottom: 20px; }

.container .container-2-spaltig		{ width: 518px; }
.container .container-1-spaltig		{ width: 248px; }

.container .container-1-spaltig .bild-rechts	{ margin: 0px 6px 5px 10px; float: right; }
.container .container-1-spaltig .bild-links		{ margin: 0px 10px 5px 6px; float: left; }
.container .container-1-spaltig .bild-mitte		{ padding: 0px; margin: 0px; }

.container .absatz					{ width: 100%; padding-bottom: 6px; }
.container h2						{ background-color: #639fc0; padding: 6px; margin-bottom: 5px; color: #FFFFFF; }
.container h2 a:link, .container h2 a:visited						{ color: #FFFFFF; }
.container h2 a:active, .container h2 a:hover						{ color: #DBE7F1; }
.container .text					{ padding: 0px 6px; }

.container .bild-mit-titel						{  }
.container .bild-mit-titel .bild-mitte			{ margin: 0px; padding: 0px; text-align: center; }
.container .bild-mit-titel .bild-mitte a		{ text-align: center; margin: auto; }
.container .bild-mit-titel .bild-mitte img		{ text-align: center; margin: auto; }
.container .bild-mit-titel h2					{ margin-bottom: 0px; background: #4B5358; }

.dokument										{ margin-bottom: 10px; }
.container .dokument							{ padding: 0px 6px; }
.container .dokument img						{ display: inline; }


/* Formular Kontakt Bestellung */
.formular							{ padding: 6px; color: #FFFFFF; }
.formular .form-eingabe-zeile		{ margin-bottom: 10px; line-height: 20px; height: 20px;  background: #639fc0; }
.formular .form-eingabe-zeile-einheit		{ margin-bottom: 10px; line-height: 20px; height: 20px;  background: #639fc0; }
.formular .form-eingabe-zeile-einheit input[type="text"]	{ border: 1px solid #639fc0; font-size: 11px; width: 30px; width: 28px !important; float: left; margin: 0px; }
.formular .form-eingabe-zeile-button{ line-height: 20px; height: 20px; }
.formular .form-eingabe-zeile-area	{ margin-bottom: 10px; background: #639fc0; }
.formular .form-eingabe-zeile-checkboxliste	{ margin-bottom: 10px; background: #DBE7F1; }
.formular .form-eingabe-zeile-checkboxliste .form-checkbox-liste	{ padding: 6px; }
.formular .form-eingabe-zeile-checkboxliste .bezeichner	{ font-weight: bold; margin: 3px 0px 0px 3px; float: left; color: #639FC0; }
.formular .form-eingabe-zeile-checkboxliste label	{ cursor: pointer; }
.formular .form-eingabe-zeile-checkboxliste .form-checkbox	{ float: left; }
.formular .form-eingabe-zeile-checkboxliste .text	{ float: left; }

.formular label						{ width: 180px; width: 174px !important; float: left; padding-left: 6px; line-height: 20px; height: 20px; }
.formular .form-text-einheit		{ float: left; padding-left: 6px; line-height: 20px; height: 20px; }
.formular .fehler					{ margin-bottom: 10px; color: #4B5358; }
.formular .fehler-titel strong		{ color: red;}

/* Formular Login */
.formular-login							{ margin-top: 50px;}
.formular-login .form-eingabe-zeile		{ margin-bottom: 10px; line-height: 20px; height: 20px;  background: none; }
.formular-login label					{ font-weight: bold; width: 120px; width: 114px !important; color: #4B5358; }


.meldung								{ padding: 6px; color: #4B5358; }

input[type="text"],
input[type="password"]					{ height: 18px; height: 16px !important; }
.formular .form-eingabe-zeile select	{ height: 22px; height: 20px !important; line-height: 22px; line-height: 20px !important; }

.formular .form-eingabe-zeile input[type="text"],
.formular .form-eingabe-zeile input[type="password"],
.formular .form-eingabe-zeile select,
textarea											{ border: 1px solid #639fc0; font-size: 11px; width: 250px; width: 248px !important; float: left; margin: 0px; }

input[type="submit"], input[type="button"]	{ background: #639FC0; cursor: pointer; color: #FFFFFF; font-weight: bold; height: 20px; line-height: 17px; border: 1px solid #639fc0; font-size: 12px; float: left; padding-bottom: 4px; }
input[type="submit"]:hover, input[type="button"]:hover	{ background: #4B5358; }


.pageview					{ padding-top: 5px; border-top: 1px solid #639fc0; margin: 5px 0px; width: 788px; }
.pageview a	     			{ margin: 0px 2px; text-decoration: none; background: none; padding-right: 0px; }
.pageview a:hover  			{ text-decoration: none; background: none; }
.pageview li				{ display: inline; margin-right: 5px; }/* (c) EIKONA AG, it.x informationssysteme gmbh, Alle Rechte vorbehalten. */
/* Unterstützte Kommandos: liste */

/* Modul Downloadcenter */
.modul-downloadcenter																{ }
.modul-downloadcenter .liste														{ }


.modul-downloadcenter h2						{ background-color: #639fc0; padding: 6px; margin-bottom: 5px; color: #FFFFFF; }
.modul-downloadcenter h3						{ font-weight: bold; margin-bottom: 10px; }
.modul-downloadcenter .zeile-leer				{ margin-top: 5px; }

.modul-downloadcenter .liste .liste-ordner											{ }
.modul-downloadcenter .liste .liste-ordner .zeile-ordner							{ float: left; width: 350px; height: 180px; background: #dbe7f1; margin: 0px 10px 10px 0px; }
.modul-downloadcenter .liste .liste-ordner .zeile-ordner .textblock					{ float: left; width: 230px; margin-right: 3px; }
.modul-downloadcenter .liste .liste-ordner .zeile-ordner .bild						{ float: left; width: 111px; height: 111px; margin: 0px 3px 0px 3px; }

.modul-downloadcenter .liste .liste-ordner .zeile-ordner .titel						{ padding-top: 7px; }
.modul-downloadcenter .liste .liste-ordner .zeile-ordner .beschreibung				{ font-size: 11px; }

.modul-downloadcenter .liste .zeile-datei-link						{ margin-top: 5px; }
.modul-downloadcenter .liste .zeile-datei-link .datei-bild			{ float: left; }

.modul-downloadcenter .pageview														{ }

.modul-downloadcenter .liste .liste-ordner .zeile-ordner-newsletter					{ width: 518px; height: 180px; background: #dbe7f1; margin: 0px 10px 10px 0px; }
.modul-downloadcenter .liste .liste-ordner .zeile-ordner-newsletter .textblock		{ float: left; width: 398px; margin-right: 3px; }
.modul-downloadcenter .liste .liste-ordner .zeile-ordner-newsletter .bild			{ float: left; width: 111px; height: 111px; margin: 0px 3px 0px 3px; }

.modul-downloadcenter .liste .liste-ordner .zeile-ordner-newsletter .titel			{ padding-top: 7px; }
.modul-downloadcenter .liste .liste-ordner .zeile-ordner-newsletter .beschreibung	{ font-size: 11px; }

/* Element: modul_news */
.modul-news															{ }
.modul-news .datum-titel											{ font-weight: bold; }

/*
.modul-news h2														{ }													{ }
*/
.modul-news .liste													{ margin-bottom: 10px; }
.modul-news .liste-eintrag											{ float: left; width: 350px; height: 180px; background: #dbe7f1; margin-right: 10px; margin-bottom: 10px; overflow: hidden; }
.modul-news .liste .aufmacher										{ }

.modul-news .absatz					{ width: 100%; padding-bottom: 6px; }
.modul-news h2						{ background-color: #639fc0; padding: 6px; margin-bottom: 5px; color: #FFFFFF; }
.modul-news .text					{ padding: 0px 6px; }

/* .modul-produktdatenbank */													
.modul-produktdatenbbank-extern								{ }
.modul-produktdatenbbank-extern h2							{ color: #4B5358; }
.modul-produktdatenbbank-extern .zeile						{ background: #639FC0; margin: 2px; }
.modul-produktdatenbbank-extern .liste-treffer				{ font-weight: bold; margin-left: 6px; }
.modul-produktdatenbbank-extern .formular					{ width: 518px; }
.modul-produktdatenbbank-extern .filter-titel				{ float: left; width: 20px; height: 20px; margin-right: 3px; }
.modul-produktdatenbbank-extern .formular .klapper-zu		{ background: url('../pics/layout/hercules-plus.png') no-repeat 2px 2px #DBE7F1; }
.modul-produktdatenbbank-extern .formular .klapper-auf		{ background: url('../pics/layout/hercules-minus.png') no-repeat 2px 2px #DBE7F1; }

.modul-produktdatenbbank-extern .formular .form-eingabe-zeile-checkboxliste .klapper		{ height: 16px; width: 16px; float: left; margin: 3px 0px 0px 3px; cursor: pointer; }
.modul-produktdatenbbank-extern .formular .form-eingabe-zeile-checkboxliste .klapper-zu		{ background: url('../pics/layout/hercules-plus.png') no-repeat top left; }
.modul-produktdatenbbank-extern .formular .form-eingabe-zeile-checkboxliste .klapper-auf	{ background: url('../pics/layout/hercules-minus.png') no-repeat top left; }
.modul-produktdatenbbank-extern .formular .form-eingabe-zeile label							{ font-weight: bold; }

.produkt							{ float: left; margin: 5px; }
.produkt .bild-mitte				{ width: 120px; height: 90px; width: 110px !important; height: 80px !important; padding: 5px; margin: 0px; }
.produkt .bild-mitte a img			{ margin: auto; }
.produkt .bild-unterschrift			{ border: 1px solid #dbe7f1; text-align: center; }

/* (c) EIKONA AG, it.x informationssysteme gmbh, Alle Rechte vorbehalten. */

/* Hauptnavigation */
.hauptnavigation							{ background: #292c28; height: 20px; padding-left: 33px; }
.hauptnavigation ul							{ height: 20px; line-height: 20px; margin: 0px; padding: 0px; }
.hauptnavigation ul li						{ float: left; list-style: none outside none; margin-right: 10px; }

.hauptnavigation a:link,
.hauptnavigation a:visited					{ color: #FFFFFF; font-weight: bold; padding-left: 12px; }
.hauptnavigation a:hover					{ background: url('../pics/layout/hercules_linkhover.png') no-repeat left 2px; color: #67a2c0; }
.hauptnavigation a:active					{ }

.hauptnavigation a:link.ebene-1-aktiv,
.hauptnavigation a:visited.ebene-1-aktiv	{ background: url('../pics/layout/hercules_linkhover.png') no-repeat left 2px; color: #67a2c0; }
.hauptnavigation a:hover					{  }
.hauptnavigation a:active					{ }
