/* (c) 2001 - 2008, EIKONA AG, it.x informationssysteme gmbh, Alle Rechte vorbehalten. */

/* Global */
html                              { height:100%; margin:0px; padding:0px; margin-bottom:1px; }
body                              { height:100%; margin:0px; padding:0px; background:#666666; text-align:center; overflow-y:auto; }

*                                 { font-family: Arial; font-size:11px; font-weight:normal; color:#252525; }

div                               { margin:0px; padding:0px; }

b, strong                         { font-weight:bold; }

i								  { font-style: italic; }

hr								  { border: 0px solid #000000; height: 1px; background: #000000 url(../pics/layout/trans.gif); }

form							  { margin: 0px; padding:0px; display:inline; }

input       					{ background:#d6d6d6; border: 1px solid #666666; height:18px; line-height:14px; margin:0px; padding:0px; padding-top:1px; padding-bottom:1px; }
textarea    					{ background:#d6d6d6; border: 1px solid #666666; line-height:14px; margin:0px; padding:0px; padding-top:1px; padding-bottom:1px; }
input:hover, textarea:hover		{ background:#ffffff; border: 1px solid #941414; }
input:focus, textarea:hover	    { background:#ffffff; border: 1px solid #941414; }
div#submit_button				{ width:120px; height:18px; line-height:18px; text-align:center; background:url(../pics/layout/button_120.gif) no-repeat; color:#ffffff; cursor:pointer; }
div#submit_button:hover			{ width:120px; height:18px; line-height:18px; text-align:center; background:url(../pics/layout/button_120_hover.gif) no-repeat; color:#ffffff; cursor:pointer; }

.grau								{ background:#666666; }
.rot								{ background:#941414; }
.schrift-rot						{ color:#941414; }
#hinweistext						{ font-size:10px; padding-bottom:10px; }

#top                              {	position:relative; z-index:2; width:100%; height:313px; background:url(../pics/layout/top_back.png) repeat-x top; }
#top_1                            {	position:absolute; z-index:2; top:0px; left:0px; width:50%; height:79px; background:url(../pics/layout/top_1_back.png) repeat-x; text-align:right; }
#top_2                            {	position:absolute; z-index:3; width:100%; height:93px; top:0px; left:0px; text-align:center; }
#top_21                           {	width:1008px; height:93px; margin-left:auto; margin-right:auto; background:url(../pics/layout/top_2_back.png) no-repeat; text-align:center; }
#top_21 #logo                     {	position:relative; width:532px; height:93px; float:right; text-align:center; }
#top_21 #login                    {	width:238px; float:right; height:93px; }
#top_3                            {	position:absolute; z-index:3; width:100%; height:144px; top:93px; left:0px; text-align:center; }
#top_31                           {	width:1008px; height:144px; margin-left:auto; margin-right:auto; background:url(../pics/layout/top_3_back.gif) no-repeat; }
#top_31 .banner                   {	position:relative; width:998px; height:139px; margin-left:auto; margin-right:auto; }
#top_4                         	  {	position:absolute; z-index:2; top:237px; left:0px; width:50%; height:58px; background:url(../pics/layout/top_4_back.png) repeat-x; text-align:right; }
#top_5                            {	position:absolute; z-index:3; width:100%; height:66px; top:237px; left:0px; text-align:center; }
#top_51                           {	width:1008px; height:76px; margin-left:auto; margin-right:auto; background:url(../pics/layout/top_5_back.png) no-repeat; text-align:left; position:relative; }

#middle                           {	position:relative; z-index:1; width:1008px; min-height:100%; height:auto !important; height:100%; margin-top:-390px; margin-left:auto; margin-right:auto; background:#999999 url(../pics/layout/middle_back.png) repeat-y; text-align:center; }
#middle1                          {	width:1000px; margin-left:auto; margin-right:auto; text-align:left; }
#middle1 .col1                    {	float:left; width:224px; padding-top:390px; }
#middle1 .col2                    {	float:left; width:532px !important; width:552px; padding-left:10px; padding-right:10px; padding-top:390px; background:url(../pics/layout/middle1_col2_back.gif) repeat-x 0px 390px; }
#middle1 .col2_startseite         { float:left; width:532px; padding-top:390px; margin-left:10px; margin-right:10px; background:url(../pics/layout/filmrolle_start.gif) repeat-y 0px 390px; }
#middle1 .col3                    {	float:left; width:224px; padding-top:390px; position:relative; }

#bottom                           {	position:relative; z-index:2; height:77px; background:url(../pics/layout/bottom_back.png) repeat-x bottom; }
#bottom_1                         {	position:absolute; z-index:1; top:0px; left:0px; width:50%; height:77px; background:url(../pics/layout/bottom_1_back.png) repeat-x bottom; text-align:right; }
#bottom_2                         {	position:relative; z-index:2; width:1008px; height:69px; margin-left:auto; margin-right:auto; background:url(../pics/layout/bottom_2_back.png) no-repeat; text-align:left; }
#bottom_2 .col1                   {	width:224px; margin-left:4px; margin-right:10px; text-align:center; padding-top:37px; float:left; }
#bottom_2 .col2                   {	width:532px; float:left; }
#bottom_2 .col2 .metanavigation   {	line-height:25px; text-align:center; }

.login_start             		  { position:absolute; z-index:10; left:50%; top:50%; margin-left:-109px; margin-top:-119px; width:448px; height:330px; background: url(../pics/layout/login.gif) no-repeat; }

#trennung                         { clear:both; margin:0px; padding:0px; }

#spalte                           { padding-left:10px; padding-right:10px; }

/* Basisdefinitionen */

a:link					{ color: #444444; text-decoration: none; }
a:visited				{ color: #444444; text-decoration: none; }
a:hover					{ color: #444444; text-decoration: none; }
a:active				{ color: #444444; text-decoration: none; }
a:focus					{ outline: none; }

h1						{ display:inline; font-weight: bold; font-size: 24px; margin:0px; padding:0px; }
h2						{ font-weight: bold; margin-bottom: 10px; text-align:center; font-size:20px;}

b						{ font-weight: bold; }
strong					{ font-weight: bold; }
i						{ font-style: italic; }
img						{ border: 0px; }
p						{ padding: 0px 0px 0px 0px; }

ul						{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
ol						{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
ul li					{ list-style : none; }

table					{ }
table tr				{ }
table tr td				{ }

.absatz					{ padding: 30px; }
.modul-newsletter-empfaenger    { padding: 30px; }
.modul-benutzer         { padding: 30px; }
.modul-foren            { padding: 30px; }
/* Navigationen */

.metanavigation a.ebene_1:link					      { color: #000000; text-decoration: none; }
.metanavigation a.ebene_1:visited				      { color: #000000; text-decoration: none; }
.metanavigation a.ebene_1:hover					      { color: #8C0000; text-decoration: none; }
.metanavigation a.ebene_1:active				      { color: #000000; text-decoration: none; }
.metanavigation a.ebene_1:focus					      { outline: none; }

.metanavigation a.ebene_1_aktiv:link					{ color: #8C0000; text-decoration: none; }
.metanavigation a.ebene_1_aktiv:visited				{ color: #8C0000; text-decoration: none; }
.metanavigation a.ebene_1_aktiv:hover					{ color: #8C0000; text-decoration: none; }
.metanavigation a.ebene_1_aktiv:active				{ color: #8C0000; text-decoration: none; }
.metanavigation a.ebene_1_aktiv:focus					{ outline: none; }


/* Formulare */

form .form-eingabe-zeile			{ clear: both; margin-bottom: 10px; }
form label							{ float: left; width:95px; font-weight:bold; text-align:right; margin-right:10px; }
form .form-label-checkbox			{ width: auto; float: none; }
form .form-label-radio				{ width: auto; float: none; }
form .form-text						{ width: 120px; }
form .form-select					{ }
form .form-checkbox					{ }
form .form-radio					{ }
form .form-button					{  }
.form-dropdown						{ width:120px; }
.fehler								{ background-color:#FFE0E0; border:1px solid #FF8080; margin-bottom:15px; padding:10px; }
.fehler .fehler-titel				{ font-weight: bold;}
.fehler .fehler-zeile				{ }

#callback_bestaetigung_text {  font-size:11px; background:#cdff6c; border:1px solid #a8ff00; margin-right:5px; margin-top:5px; margin-bottom:5px; padding:5px; }
.treffer .meldung { margin-left:10px; margin-top:10px; }

#jetzt_bestellen {  background:#ffffff; padding-right:5px; margin-right:5px; margin-left:5px; padding-bottom:5px; text-align:right; }
#jetzt_bestellen a { font-size:15px; font-weight:bold; text-decoration:underline; color:#941414; }
#versandkosten { margin-left:10px; }
.form_bestellung_1 table { margin-left:0px; margin-bottom:10px; }
.form_bestellung_1 table b { text-align:right; margin-right:10px; }
.bestellung_mitteilung label { text-align:left; }
.erfolgsmeldung_artikelliste { background:#CDFF6C; border:1px solid #A8FF00; color:black !important; font-size:11px; padding:5px; }
.erfolgsmeldung_artikelliste_leer { background:#ffffff; border:0px solid #A8FF00; color:black !important; font-size:11px; padding:5px; }