/* (c) 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: modul_projekte_bereiche */
.projekte-bereiche-zeile								{ margin-bottom: 5px; }

/* Element: modul_projekte */
.modul-projekte .projekt								{ }
.modul-projekte .projekt-beschreibung					{ float: left; width: 220px; }
.modul-projekte .projekt-bild							{ float: right; width: 690px; padding-right: 40px; }
.modul-projekte .projekt-bild img						{ display: block; }
.modul-projekte .projekt-teaser							{ margin-top: 14px; }
.modul-projekte .projekt-langtext						{ margin-top: 14px; }

.modul-projekte .projekt-leiste							{ float: left; width: 965px; margin-top: 20px; }
.modul-projekte .projekt-optionen						{ float: left; width: 195px; }
.modul-projekte .bildnavigation							{ position: relative; float: left; width: 770px; }

.modul-projekte .bildnavigation .thumbnail-aktiv,
.modul-projekte .bildnavigation .thumbnail-inaktiv				{ float: left; position: relative; }
.modul-projekte .bildnavigation .thumbnail-aktiv img,
.modul-projekte .bildnavigation .thumbnail-inaktiv img			{ display: block; }
.modul-projekte .bildnavigation .thumbnail-flaeche				{ width: 115px; height: 58px; position: absolute; top: 0px; left: 0px; }
.modul-projekte .bildnavigation .thumbnail-aktiv .thumbnail-flaeche		{ display: none; }
.modul-projekte .bildnavigation .thumbnail-inaktiv .thumbnail-flaeche	{ background-color: #ffffff; opacity: 0.5; }

.modul-projekte .bildnavigation .thumbnail-flaeche a:link,
.modul-projekte .bildnavigation .thumbnail-flaeche a:visited	{ width: 115px; height: 58px; display: block; }

.modul-projekte .bildnavigation-pfeile-vorwaerts				{ position: absolute; top: 22px; left: 733px; white-space: nowrap; }
.modul-projekte .bildnavigation-pfeile-rueckwaerts				{ position: absolute; top: 22px; left: 0px; white-space: nowrap; }
.modul-projekte .bildnavigation-pfeile-vorwaerts img			{ margin-left: 7px; }
.modul-projekte .bildnavigation-pfeile-rueckwaerts img			{ margin-right: 7px; }

.modul-projekte .projektdaten-spalte-links				{ font-weight: bold; padding-right: 10px; vertical-align: top; }
.modul-projekte .projektdaten-spalte-rechts				{ vertical-align: top; }

.modul-projekte .diashow-zeile							{ background-color: #464646; position: absolute; top: 0px; left: 0px; }

.modul-projekte .projekte-liste-hinweis					{ margin-top: 31px; display: block; }
.modul-projekte .projektbilder-verweis-zurueck			{ margin-top: 31px; display: block; }

.modul-projekte .liste-alle-zeile						{ width: 220px; float: left; margin: 0px 16px 31px 0px; }
.modul-projekte .liste-alle .liste-alle-logo			{ display: block; margin-bottom: 15px; }
.modul-projekte .liste-alle .liste-alle-trenner			{ width: 100%; float: left; height: 1px; line-height: 1px; overflow: hidden; }
.modul-projekte .liste-alle-zeile a:link,
.modul-projekte .liste-alle-zeile a:visited				{ color: #cccccc; }
.modul-projekte .liste-alle-zeile a:hover				{ color: #3879ab; }
.modul-projekte .liste-alle-text a,
.modul-projekte .liste-alle-text img					{ display: block; }

.modul-projekte .liste-referenzen						{ }
.modul-projekte .liste-referenzen-zeile					{ float: left; margin-bottom: 15px; }
.modul-projekte .liste-referenzen-zeile a:link,
.modul-projekte .liste-referenzen-zeile a:visited		{ color: #cccccc; }
.modul-projekte .liste-referenzen-zeile a:hover			{ color: #3879ab; }
.modul-projekte .liste-referenzen .liste-referenzen-logo	{ float: left; width: 220px; margin-right: 15px; text-align: right; }
.modul-projekte .liste-referenzen .logo-aktiv			{ opacity: 1.0; }
.modul-projekte .liste-referenzen .logo-inaktiv			{ opacity: 0.5; }
.modul-projekte .liste-referenzen .liste-referenzen-text	{ float: left; width: 455px; }

.modul-projekte .projektfinder-formular					{ margin-bottom: 40px; }
.modul-projekte .projektfinder-formular select			{ margin-right: 12px; }
.modul-projekte .projektfinder-formular .form-button	{ margin-left: 5px; }

.modul-projekte .sucheingaben							{ clear: left; padding: 40px 0px 13px 0px; }

.modul-projekte .detail-tooltip							{ width: 500px; padding: 14px 17px 0px 17px; border: 1px solid #B1B1B1; background-color: #626262; }
.modul-projekte .detail-tooltip h1						{ margin: 0px 0px 18px 0px; font-size: 22px; }
.modul-projekte .detail-tooltip .projekt-bild			{ float: none; width: 500px; margin: 0px 0px 20px 0px; padding: 0px; }

/* Element: suche */
.suche													{ }

.suche h2												{ }

.suche .formular-suche									{ padding: 0px; overflow: hidden; }
.suche .formular-suche form								{ }
.suche .formular-suche .form-eingabe-zeile				{ float: left; }
.suche .formular-suche .form-text						{ width: 147px; }
.suche .formular-suche .form-button						{ float: right; }
.suche .formular-suche label							{ display: none; }
.suche .formular-suche .suche-hinweis					{ clear: left; padding: 40px 0px 13px 0px; line-height: 120%; font-weight: bold; }
.suche .formular-suche .suche-eingabe					{ clear: left; padding: 40px 0px 13px 0px; line-height: 120%; }

.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 .spalte1							{ width: 220px; float: left; margin-right: 15px; }
.suche .trefferliste .spalte2							{ width: 220px; float: left; margin-right: 15px; }
.suche .trefferliste .spalte3							{ width: 220px; float: left; }
.suche .trefferliste .treffer							{ margin-bottom: 14px; line-height: 120%; }
.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: modul_formulargenerator */
.modul-formulargenerator .formular-links				{ width: 220px; float: left; margin-right: 15px; }
.modul-formulargenerator .formular-rechts				{ width: 220px; float: left; margin-right: 15px; }
.modul-formulargenerator label							{ display: block; margin-bottom: 3px; }
.modul-formulargenerator .form-text						{ width: 218px; margin-bottom: 17px; }
.modul-formulargenerator textarea						{ height: 125px; }
.modul-formulargenerator .form-select					{ width: 218px; margin-bottom: 17px; font-size: 11px; }
.modul-formulargenerator .form-button					{ margin-top: 185px; }

/* 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								{ }
.formular .formular-empfehlung							{ }

/* Element: formular_login */

.formular-login											{ }
.formular-login h2										{ }

.formular-login .formular-links							{ width: 220px; float: left; margin-right: 15px; }
.formular-login .formular-rechts						{ width: 220px; float: left; margin-right: 15px; }

.formular-login .formular-login							{ padding: 10px 9px 10px 9px; }
.formular-login .formular-login form					{ }
.formular-login .formular-login form label				{ display: block; margin-bottom: 3px; }
.formular-login .formular-login .form-text				{ width: 218px; margin-bottom: 17px; }
.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			{ margin-top: 74px; }

.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: 3px 11px; border: none; background-color: #7F9DB9; }
.formular-login .formular-status .form-button:link,
.formular-login .formular-status .form-button:visited	{ color: #000000; }

/* 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									{ }
/* Kalender Formular */
.popup-kalender 										{ margin: 10px 20px 0px 20px; }
.popup-kalender label									{ color: #707173}

.popup-kalender table									{ border: 1px solid #CBCBCB; clear: both; margin-top: 5px;}
.popup-kalender table th								{ width: 29px; height: 25px; background: #aaaaaa; color:#FFFFFF; }
.popup-kalender table td								{ height: 18px; background:#DDDDDD; }
.popup-kalender table a									{ display:block; }
.popup-kalender table a:hover							{ background:#cbcbcb; }

.popup-kalender table .tag								{ }
.popup-kalender table .tag a							{ }
.popup-kalender table .ftag								{ background:#bbbbbb; }
.popup-kalender table .ftag a							{ color:#FFFFFF; }
.popup-kalender table .gewaehlt							{ background:#BD484E; }
.popup-kalender table .gewaehlt a						{ font-style: italic; }
.popup-kalender table .aktuell							{ background:#D58A8D; }
.popup-kalender table .aktuell a						{ font-weight: bold; }
.popup-kalender table .tag_leer							{ background:#cbcbcb; }

.popup-kalender .form-eingabe-zeile 					{ clear: both; float: none; }
.popup-kalender .form-eingabe-zeile label				{ text-align:left; width:95px; float: left; }
.popup-kalender .form-eingabe-zeile .form-select		{ width: 90px; float: right;}
.popup-kalender .form-eingabe-zeile .form-dropdown		{ float: right; margin-bottom: 3px;}

/* Hier k�nnen nun alle ben�tigten Definitionen f�r die modul_* Elemente eingef�gt werden. */

/* modul_stellenausschreibungen */
.modul-stellenausschreibungen .liste-eintrag .system-name	{ font-weight: bold; }
.modul-stellenausschreibungen .liste-eintrag .aufmacher		{ font-weight: bold; }
