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

/* 
Hinweise:
.MODUL .KOMMANDO TAG
*/

/* cy:con Portaleditor */
.cycon-portaleditor										{ margin: 0px; padding: 1px; border-width: 0px; }
.cycon-portaleditor-x									{ margin: 0px; padding: 0px; border-width: 1px; border-style: dashed; border-color: #a0a0a0; }
.cycon-portaleditor-bezeichner							{ }
.cycon-portaleditor-zeile								{ }

/* Klasse: Pageview */
.pageview												{ margin: 0px; margin-bottom: 5px; padding: 0px; }
.pageview li											{ display: inline; margin-right: 5px; }

/* Element: suche */
.suche													{ }

.suche h2												{ }

.suche .formular-suche									{ padding: 10px 9px 10px 9px; }
.suche .formular-suche form								{ }
.suche .formular-suche .form-eingabe-zeile				{ }
.suche .formular-suche .form-text						{ width: 180px; }
.suche .formular-suche .form-button						{ }

.suche .formular-suche-filter							{ padding-left: 10px; }
.suche .formular-suche-filter .form-select				{ width: 180px; }
.suche .formular-suche-filter label						{  }

.suche .trefferliste									{ }	
.suche .trefferliste .wortvorschlag						{ }	
.suche .trefferliste .kopf								{ margin-bottom: 10px; }	
.suche .trefferliste .liste								{ margin-bottom: 10px; }	
.suche .trefferliste .treffer							{ }	
.suche .trefferliste .zeile-0							{ background-color: #bbbbff; }
.suche .trefferliste .zeile-1							{ background-color: #aaaaff; }

.suche .rahmen-oben-aussen								{ }
.suche .rahmen-oben-aussen .rahmen-oben-innen			{ padding-left: 10px; padding-top: 10px; }
.suche .rahmen-seite									{ }
.suche .rahmen-unten									{ }
.suche .rahmen-unten .rahmen-unten-links				{ }

/* Filter: Suchtreffer markieren */
.filter-markieren										{ background-color: #ffffaa; }

/* Element: formular */
.formular												{ }
.formular .form-eingabe-zeile							{ }
.formular label											{ }
.formular .form-text									{ }
.formular .form-button									{ }

/* Optional: Textfelder erhalten beim Überfahren mit der Maus und bei Eingabe eine andere Rahmenfarbe
.formular .form-text :hover								{ border: 1px solid #888888; }
.formular .form-text :focus								{ border: 1px solid #888888; }*/

.formular .formular-kontakt								{ padding: 0px 7px 0px 7px; margin-bottom: 30px; }
.formular .formular-empfehlung							{ }

/* Element: formular_login */

.formular-login											{ }
.formular-login h2										{ }

.formular-login .rahmen-oben-aussen						{ }
.formular-login .rahmen-oben-aussen .rahmen-oben-innen	{ padding-left: 10px; padding-top: 10px; }
.formular-login .rahmen-seite							{ }
.formular-login .rahmen-seite .formular-login			{ }
.formular-login .rahmen-unten 							{ }
.formular-login .rahmen-unten .rahmen-unten-links		{ }

.formular-login .formular-login							{ padding: 10px 9px 10px 9px; }
.formular-login .formular-login form					{ }
.formular-login .formular-login form label				{ }
.formular-login .formular-login .form-text				{ width: 180px; }
.formular-login .formular-login a:link					{ }
.formular-login .formular-login a:visited				{ }
.formular-login .formular-login a:hover					{ }
.formular-login .formular-login a:active				{ }
.formular-login .formular-login .form-button			{ }

.formular-login .formular-status						{ padding: 10px 9px 10px 9px; }
.formular-login .formular-status .kennung				{ margin-bottom: 5px; }
.formular-login .formular-status .aendern				{ margin-bottom: 5px; }
.formular-login .formular-status .button				{ margin-bottom: 5px; }
.formular-login .formular-status .form-button			{ padding: 1px 9px; border: 1px solid #cccccc; background-color: #ffffff; }

/* Element: formular_passwort */
.formular-passwort										{ }
.formular-passwort .form-button							{ }
.formular-passwort .form-text							{ width: 180px; }

.formular-passwort .formular-passwort-vergessen			{ }
.formular-passwort .formular-passwort-aendern			{ }

/* Element: modul_system_ist_neu */
.modul-system-ist-neu									{ }

/* Sonderangebote */ 
.content-angebote .modul-news                           { margin-top: 0px;   }
.modul-news .news-spalten                               { width: 720px; height: 100%; float: left;} 
.modul-news .news-spalten .news-angebote                { width: 200px; float: left; margin-bottom: 12px; margin-top: 15px; margin-right: 20px; margin-left: 20px;  }
* html .modul-news .news-spalten .news-angebote         { margin-left: 10px;}

.news-spalten .news-angebote .datum-titel               { width: 195px; color: #000; font-size: 15px; font-weight: bold; float: right; white-space:nowrap; overflow: hidden; }
.modul-news .news-angebote .bild-links                  { width: 195px; margin: 0px; padding-bottom: 8px; float:left; float: right; } 
.modul-news .news-angebote .bild-rechts                 { width: 195px; margin: 0px; padding-bottom: 8px; float:left; float: right; }
.modul-news .news-angebote .bild-mitte                  { width: 195px; margin: 0px; padding-bottom: 8px; float:left; float: right;}
.readmore                                              { margin-left: 5px;}

.content-breit .modul-news .angebot-detail              { width: 100%;}
.content-breit .modul-news .angebot-detail .datum-titel { color: #000; font-size: 15px; font-weight: bold; }
.content-breit .modul-news .angebot-detail .langtext    { padding-left: 8px; width: 450px; }
.content-breit .modul-news .angebot-detail .langtext .text   { padding-left: 0px; float: left; width: 100%;}
.content-breit .modul-news .angebot-detail .preis       { font-size: 28px; font-weight: bold;} 

.content-breit .modul-news .angebot-detail .langtext .bild-mitte        { text-align: center; padding: 0px 0px 0px 0px; margin: 0px auto 0px auto;}
.content-breit .modul-news .angebot-detail .langtext .bild-mitte img    { padding: 10px 0px 10px 0px; margin: 0px auto 0px auto;}
.content-breit .modul-news .angebot-detail .langtext .bild-links        { float: left; padding: 0px 10px 10px 0px;}
.content-breit .modul-news .angebot-detail .langtext .bild-links img    { padding: 0px 0px 0px 0px; margin: 0px;}
.content-breit .modul-news .angebot-detail .langtext .bild-rechts       { float: right; padding: 0px 0px 10px 10px; margin-top: 0px;}
.content-breit .modul-news .angebot-detail .langtext .bild-rechts img   { padding: 0px 0px 0px 0px; margin: 0px;}



.content .modul-news .liste                             { width: 100%; }
.content-breit .termine-news .aufmacher-info            { width: 100%; float:left; margin-left: 10px;}
* html .content-breit .termine-news .aufmacher-info     { mar\gin-left: 5px;} 
.termine-news .aufmacher-info .datum                    { float: left; font-weight: bold; margin-right: 5px;}
.termine-news .aufmacher-info .titel-titel              { float: left; font-weight: normal; margin-right: 5px; }
.termine-news .aufmacher-info .readmore                 { float: left; font-weight: normal; }

.content-breit .modul-news .angebot-detail .datum-titel { height: 15px; margin-bottom: 12px; }
.content-breit .modul-news .angebot-detail .datum-titel .datum, 
.content-breit .modul-news .angebot-detail .datum-titel .titel-titel { padding-left: 7px; color: #d1090b; font-size: 15px; font-weight: bold; float: left; }

* html .termine-news {line-hei\ght: 12px;}

.clr    {clear: both;}




/* Hier können nun alle benötigten Definitionen für die modul_* Elemente eingefügt werden. */