/* (c) EIKONA AG, it.x informationssysteme gmbh, Alle Rechte vorbehalten. */
      
/* 
Hinweise: test2
- jedes Seitenelement wird hier definiert
- Seiteneffekte zwischen Seitenelementen sind auszuschließen
*/

/* TinyMCE Style Dropdown */

/* Eintrag: Rot=rot */
.rot								{ color: #ff0000; }

/* Eintrag: Grün=gruen */
.gruen								{ color: #00ff00; }

/* Eintrag: Blau=blau */
.blau								{ color: #0000ff; }

/* Element: Absatz */
.absatz								{ margin-bottom: 10px; }
.absatz .bild-unterschrift			{ font-style: italic; }
.absatz .bild-rechts				{ float: right; padding: 0px 0px 10px 10px; }
.absatz .bild-links					{ float: left; padding: 0px 10px 10px 10px; }
.absatz .text						{ } 

/* Kategorie Bilder Startseite */
#kategorie .kategorie-links .bild-rechts,
#kategorie .kategorie-links .bild-links, 
#kategorie .kategorie-links .bild-mitte        { padding: 0; margin: 0; float: left; width: 136px; margin-right: 3px; overflow: hidden; clear: none; }

#kategorie .kategorie-rechts .bild-rechts,
#kategorie .kategorie-rechts .bild-links, 
#kategorie .kategorie-rechts .bild-mitte        { padding: 0; margin: 0; float: left; width: 136px; overflow: hidden; clear: none; }

#kategorie .film-aussen     { width: 136px; height: 136px; position: relative; padding: 0; margin: 0; float: left; overflow: hidden; clear: none;  }
#kategorie .film            { position: absolute; width: 136px; height: 136px; top:0; left: 0; z-index: 60;}
#kategorie .film-link       { position: absolute; width: 136px; height: 136px; top:0px; left: 0; cursor: pointer; z-index: 99; display: block; background: url(../pics/layout/trans.gif);}


/*
.absatz h2							{ margin-bottom: 5px; }
.absatz p							{ margin: 0; }
.absatz img							{ }
.absatz a:link						{ }
.absatz a:visited					{ }
.absatz a:hover						{ }
.absatz a:active					{ }
.absatz p li						{ }                       
*/

/* Element: Titel */
.titel								{ }
/*
.titel h1							{ }
*/

/* Element: Text */
.text								{ padding: 0 10px 0 10px; }
.text ol 							{ padding-left: 25px; margin: 5px 0 15px 0; }
.text ol li							{ list-style-image: none; list-style-position: outside; margin-bottom: 5px; line-height: 17px; }

.text ul 							{ padding-left: 25px; margin: 5px 0 15px 0; }
.text ul li							{ list-style-image: none; list-style-position: outside; list-style-type:disc; margin-bottom: 4px; line-height: 17px; }

/*
.text p								{ margin: 0; }
.text img							{ }                       
.text a:link						{ }
.text a:visited						{ }
.text a:hover						{ }
.text a:active						{ }
.text p li							{ }                       
*/

/* Element: Bild */
.bild								{ }
.bild-unterschrift					{ font-style: italic; font-size: 10px; line-height: 10px; text-align: center; margin-top: -1px; color: #666; }
.bild-rechts						{ float: right; clear: both; padding: 0px 0px 0px 0px; }
.bild-links							{ float: left; clear: both; padding: 0px 0px 0px 0px; }
.bild-mitte,
.bild-mitte .bild-unterschrift      { clear: both; margin: auto; text-align: center;  }
/*
.bild img							{ }
*/

/* Element: Link */
.content .link						{ padding-left: 10px;}
/*
.link a:link						{ }
.link a:visited						{ }
.link a:hover						{ }
.link a:active						{ }
*/
.raquo                              { clear: none; }

/* Element: Dokument */
.dokument							{ clear: both; }
/*
.dokument p							{ margin: 0; }
.dokument a:link					{ }
.dokument a:visited					{ }
.dokument a:hover					{ }
.dokument a:active					{ }
*/

/* Element: Container */
.container							{ } 

.container	.start-box              { float: left; width: 100%; background: url(../pics/layout/hg-box-start.jpg) no-repeat; margin-top: 10px; }
.container	.start-box .left        { float: left; width: 364px; padding: 10px 0 0 0; position: relative; }
.container	.start-box .right       { float: left; width: 364px; padding: 10px 0 0 10px;  }

.start-box .absatz-auswahl            { float: left; margin: 10px 0 0 0; padding: 0; width: 155px; clear: both; }
.start-box .absatz-auswahl .bild-mitte        { margin: auto; } 
.start-box img        { margin: 0; padding:0; }

.start-box h3 a:link, 
 .start-box h3 a:visited,
 .start-box h3 a:hover,
 .start-box h3 a:active               { float: left; margin: 10px 0 0px 0; font-size: 15px; color: #666; font-weight: normal; text-decoration: none; padding: 0 0 10px 0px; }


.container .start-box .text         { float: left; width: 188px; padding: 0 10px 0 10px;  }
.container .start-box .link         { float: left; width: 188px; padding: 0 10px 0 10px;  }
.container .start-box .dokument     { float: left; width: 188px; padding: 0 10px 0 10px;  } 

.container-bg                       { background-color: #f7f1e3; width: 100%; float: left; padding: 10px 0 0px 0; margin-bottom: 10px; }
.related .container-bg              { margin-bottom: 10px; width: 265px; padding-right: 10px; }

.container .uebersicht              { float: left; padding: 0px 10px 0px 10px; margin-bottom: 0px; width: 715px; } 
.container .uebersicht .bild-links,
.container .uebersicht .cont-img  { float: left; padding: 2px 10px 0px 0; }
.container .uebersicht .text        { padding: 0px 0px 0px 0px; height: 75px; }
.container .uebersicht .text p      { } 

.schmal .container .uebersicht      { clear: left; padding: 0px 10px 10px 10px; min-height: 20px; width: 415px; }
.schmal .container .uebersicht .text { height: 100%;  }

.container .objekte                 { margin: 5px auto 5px auto; text-align: center; }

.container .ring-monat              { float: left; width: 100%; height: 197px; background: url(../pics/layout/ring-des-monats-hg.jpg) repeat-x; margin-top: 10px;  }
.container .ring-monat-links        { float: left; width: 197px; }  
.container .ring-monat-links .bild-links,
.container .ring-monat-links .bild-rechts,
.container .ring-monat-links img     { float: left; width: 197px; width: 150px; height: 150px; border: 1px solid #999999; margin: 20px;}

.container .ring-monat-rechts       { float: left; padding: 16px 0 0 0px; width: 200px; color: #666666;  }

.container .ring-monat-rechts .text { padding-left: 0px; color: #666666; }
.container .ring-monat-rechts h2 {color: #666666; }
.container .ring-monat-rechts .text ul {  padding:0;   }
.container .ring-monat-rechts .text li { list-style-type: none; list-style-image: none; background: url(../pics/layout/li.gif) 2px 4px; background-repeat:no-repeat; padding-left: 12px; color: #666; line-height: 14px; }

/* Element: Umbruch */
.umbruch                            { font-size: 1px; line-height: 10px; width: 100%; height: 10px; overflow: hidden; clear: both;  }

/* Top-Sprung */ 
a:link.top-sprung 					{ color: #a86237; text-decoration: underline; outline: none; font-size: 11px; float: right; text-align: right; margin: 0 8px 5px 0; font-weight: normal; width: 80px;   }
a:visited.top-sprung				{ color: #a86237; text-decoration: underline; outline: none; font-size: 11px;  float: right; text-align: right; margin: 0 8px 5px 0; font-weight: normal; width: 80px;   }
a:hover.top-sprung 					{ color: #666; text-decoration: underline; outline: none; float: right; text-align: right; margin: 0 8px 5px 0; font-weight: normal; width: 80px;   }
a:active.top-sprung 				{ color: #666; text-decoration: underline; outline: none; float: right; text-align: right; margin: 0 8px 5px 0; font-weight: normal; width: 80px;   }
a:focus.top-sprung                  { outline: none; }

/* Element: Tabelle */
.tabelle							{ }
/*
.tabelle th							{ }
.tabelle td							{ }
*/
.tabelle .spalte-01-links			{ }
.tabelle .spalte-01-mitte			{ text-align: center; }
.tabelle .spalte-01-rechts			{ text-align: right; }
.tabelle .spalte-02-links			{ }
.tabelle .spalte-02-mitte			{ text-align: center; }
.tabelle .spalte-02-rechts			{ text-align: right; }
.tabelle .spalte-03-links			{ }
.tabelle .spalte-03-mitte			{ text-align: center; }
.tabelle .spalte-03-rechts			{ text-align: right; }
.tabelle .spalte-04-links			{ }
.tabelle .spalte-04-mitte			{ text-align: center; }
.tabelle .spalte-04-rechts			{ text-align: right; }
.tabelle .spalte-05-links			{ }
.tabelle .spalte-05-mitte			{ text-align: center; }
.tabelle .spalte-05-rechts			{ text-align: right; }
.tabelle .spalte-06-links			{ }
.tabelle .spalte-06-mitte			{ text-align: center; }
.tabelle .spalte-06-rechts			{ text-align: right; }
.tabelle .spalte-07-links			{ }
.tabelle .spalte-07-mitte			{ text-align: center; }
.tabelle .spalte-07-rechts			{ text-align: right; }
.tabelle .spalte-08-links			{ }
.tabelle .spalte-08-mitte			{ text-align: center; }
.tabelle .spalte-08-rechts			{ text-align: right; }
.tabelle .spalte-09-links			{ }
.tabelle .spalte-09-mitte			{ text-align: center; }
.tabelle .spalte-09-rechts			{ text-align: right; }
.tabelle .spalte-10-links			{ }
.tabelle .spalte-10-mitte			{ text-align: center; }
.tabelle .spalte-10-rechts			{ text-align: right; }

/* Coverflow */
.cf-coverflow		{ border:1px solid #a86237; clear: both; display: block; overflow: hidden; text-align: left; position: relative; margin-bottom: 15px; }
.cf-coverflow div	{ clear: both; display: block; }

.cf-loader			{ margin: 50px 0 0 0; text-align: center; width: 100%; }

.cf-images			{ overflow: hidden; }
.cf-images img		{ position: absolute; cursor: pointer; }

.cf-caption			{ font-weight: bold; color: #666; position: relative; text-align: center; z-index: 10000; }

.cf-scrollbar		{ background:url(../pics/layout/cf_scroll_hg.gif) repeat-x; position: relative; visibility: hidden; z-index: 10001; height: 11px; line-height: 11px; }

.cf-slider			{ background:url(../pics/layout/cf_scroll.gif) repeat-x; margin: 0; width: 14px; height: 11px; line-height: 11px; position: absolute; z-index: 10002; cursor: pointer; }

.cf-arrowleft		{ float: left; cursor: pointer; height: 11px; }
.cf-arrowright		{ float: right; cursor: pointer; height: 11px; }


/* eKomi */ 
div.ekomi              { margin: 35px 0 0 20px; }

.icon-navi img      { margin-bottom: 8px; }

.clr                { clear: both; }

.container .html-links { float: left; margin-bottom: 18px; clear: both; }
.container .html-rechts { float: left; margin-bottom: 18px; clear: both; }
.container .html-mitte { float: left; width: 100%; margin-bottom: 18px; clear: both; }

.container .html-links .text { }
.container .html-rechts .text { }
.container .html-mitte .text { }


.container .html-links .html-box { float:left; padding: 10px 10px 0 10px;  }
.container .html-rechts .html-box { float:right; padding: 0 0 10px 10px; }
.container .html-mitte .html-box { width: 100%; margin: auto; text-align: center; clear: both; padding: 10px 0 10px 0; }


/* GUTSCHEIN */ 
.formular-gs  { position: relative; float: right; width: 75%;}
.gs-zeile input.form-text { color: #000; font-size: 18px; width:20%; float: left; }

.formular-gs span.head      { width: 100%; float: left; font-size: 18px; font-weight: bold; margin-bottom: 12px;}
.formular-gs span.betrag    { width: 95%; float: left; font-size: 32px; text-align: left; font-weight:normal; line-height: 30px; color: #333; margin: 0 0 22px 0; }
.formular-gs span.code      { width: 100%; float: left; color: #333; font-size: 14px; margin-bottom: 8px; } 
.formular-gs span.code .form-text { font-size: 14px; background-color: #f7f1e3;  }
.formular-gs span.text-gs   { width: 100%; float: left; color: #333; font-size: 13px; }
.formular-gs span.text-gs-2 { width: 100%; float: left; color: #333; font-size: 11px; }

.formular-gs input.form-text { border: 0;  }

.formular-gs span.name .form-text       { float: left; font-size: 18px; margin: 0 5px 20px 0; text-align: left; width: 100%; background-color: #f7f1e3;  }
.formular-gs span.und                   { float: left; font-size: 20px; margin-bottom: 10px; width: 15px; }