/* (c) EIKONA AG, it.x informationssysteme gmbh, Alle Rechte vorbehalten. */

.titel								{ margin-bottom: 5px; }

/* Element: flash */
.flash                              { }
.flash-links                        { float: right; padding: 0px 0px 10px 10px; }
.flash-rechts                       { float: left; padding: 0px 10px 10px 0px; }

/* Element: flash_xml */
.flash-xml                          { }
.flash-xml-links                    { float: right; padding: 0px 0px 10px 10px; }
.flash-xml-rechts                   { float: left; padding: 0px 10px 10px 0px; }

/* Element: flashvideo */
.flashvideo                         { }
.flashvideo-links                   { float: left; padding: 10px; margin-bottom: 18px; background: url('../pics/layout/hg-container.png'); }
.flashvideo-rechts                  { float: right; padding: 10px; margin-bottom: 18px; background: url('../pics/layout/hg-container.png'); }
.flashvideo-mitte					{ margin-bottom: 18px; padding: 10px; text-align: center; background: url('../pics/layout/hg-container.png'); }

/* Element Diashow */
.abstand-index .diashow-container					{ position: relative; text-align: center; background: url('../pics/layout/hg-container.png'); }
.abstand-index .diashow-container a:link			{ text-decoration: none; }
.abstand-index .diashow-container a:hover			{ text-decoration: none; }
.abstand-index .diashow-container a:active			{ text-decoration: none; }
.abstand-index .diashow-container a:visited		{ text-decoration: none; }

.abstand-index .diashow-container .aktiv			{ }
.abstand-index .diashow-container .inaktiv			{ }

.abstand-index .diashow 							{ margin: auto; position: relative; z-index: 0; }
.abstand-index .diashow .diashow-content			{ }

.abstand-index .diashow-jumper-container			{ position: absolute; top: 10px; right: 40px; z-index: 5; }

.abstand-index .diashow .slide						{ top: 5px; position: absolute; left: 28px; }
.abstand-index .diashow .slide .diashow-text		{ position: absolute; z-index: 5; text-align: left; top: 20px; left: 20px; width: 845px; }
.abstand-index .diashow .slide .diashow-bild		{ }

.abstand-index .diashow-slogan						{ font-size: 40px; font-weight: bold; line-height: 40px; padding: 3px; }
.abstand-index .diashow-subtitel					{ font-size: 30px; font-weight: bold; line-height: 30px; padding: 3px; }
.abstand-index .diashow-beschreibung				{ }

.abstand-index .diashow-selected					{ font-weight: bold; border-bottom: 1px solid #FFFFFF; }
.abstand-index .diashow-disabled					{ opacity:0.3; filter:alpha(opacity=30); cursor: default; }	


.abstand-index .diashow-control-prev				{ width: 28px; background: url('../pics/layout/diashow-pfeil-links.png') no-repeat center; position: absolute; top: 0px; left: 0px; z-index: 4; }
.abstand-index .diashow-control-next				{ width: 28px; background: url('../pics/layout/diashow-pfeil-rechts.png') no-repeat center; position: absolute; top: 0px; right: 0px; z-index: 4; }

/* Element Diashow in Container*/
.container-2-drittel .diashow 						{ position: absolute; top:20px; left: 22px; width: 286px;  height: 165px; overflow: hidden; }
.container-2-drittel .diashow-content				{ width: 1000px; }
.container-2-drittel .diashow-content a				{ font-weight: bold; }
.container-2-drittel .diashow-content a:hover		{ text-decoration: underline; }
.container-2-drittel .diashow-container				{ position: relative; text-align: center; float: right; background: none; }

.container-2-drittel .diashow .slide *				{ text-align: center; }
.container-2-drittel .diashow .slide				{ float: left; position: relative; left: 0px; top: 0px;}

.container-2-drittel .diashow-control-prev			{ width: 22px; background: url('../pics/layout/diashow-pfeil-links-klein.png') no-repeat center; position: absolute; top: 0px; left: 0px; z-index: 4; }
.container-2-drittel .diashow-control-next			{ width: 22px; background: url('../pics/layout/diashow-pfeil-rechts-klein.png') no-repeat center; position: absolute; top: 0px; right: 0px; z-index: 4; }



/* Absatz */
.absatz                             { position: relative; margin-bottom: 10px; }
.absatz-hintergrund                 { width: 100%; height: 100%; position: absolute; z-index:1; -moz-opacity:0.6; filter:alpha(opacity=60); opacity:0.6; background: #000000; }
.absatz-inhalt                      { padding: 10px; }

.absatz h2                          { margin-bottom: 5px; position: relative; z-index: 2; }

.absatz .bild-links                 { background: none; float: left; margin: 0px 10px 5px 0px; position: relative; z-index: 5; padding: 0px; }
.absatz .bild-rechts                { background: none; float: right; margin: 0px 0px 5px 10px; position: relative; z-index: 5; padding: 0px; }

.absatz .bild-unterschrift          { border-bottom: 1px ridge #B9B9B9; font-size: 10px; position: relative; z-index: 2; }
.abstand .absatz .text              { position: relative; z-index: 2; background: none; padding: 0px; margin-bottom: 0px; }

/* Text, Link und Dokument und Titel :-) */
.abstand .text,
.abstand .link,
.abstand .titel,
.abstand .dokument                  { background: url(../pics/layout/hg-container.png) repeat; padding: 10px; margin-bottom: 10px; }

/* Bild ohne Absatz */
.bild-links                         { float: left; background: url(../pics/layout/hg-container.png) repeat; padding: 10px; margin-bottom: 10px; }
.bild-links img                     { }
.bild-rechts                        { float: right; background: url(../pics/layout/hg-container.png) repeat; padding: 10px; margin-bottom: 10px; }
.bild-rechts img                    { }
.bild                               { background: url(../pics/layout/hg-container.png) repeat; padding: 10px; margin-bottom: 10px; text-align: center; }
.bild-links .bild-unterschrift,
.bild-rechts .bild-unterschrift,
.bild .bild-unterschrift			{ font-size: 10px; position: relative; z-index: 2; margin: auto; }

.bild-links a, 
.bild-rechts a, 
.bild a								{ display: block; } 

/* Container */
.container-abstand					{ float: left; width: 12px; }
.container-halb						{ background: url(../pics/layout/hg-container.png); width: 463px; float:left; margin-bottom: 7px; }

.container-2-drittel				{ background: url(../pics/layout/hg-container.png); width: 516px; height: 175px; float:left; }
.container-2-drittel .container-2-drittel-hintergrund *	{ text-align: left; font-size: 11px; color: #7f7f7f; }

.container-2-drittel .container-2-drittel-hintergrund span.rot * 			{ color: #c11f1e; }

.container-2-drittel .container-2-drittel-hintergrund .bild-unterschrift	{ padding: 5px; font-style: italic; }
.container-2-drittel .container-2-drittel-hintergrund .bild-rechts,
.container-2-drittel .container-2-drittel-hintergrund .bild-links,
.container-2-drittel .container-2-drittel-hintergrund .bild			{ float: left; width: 165px; height: 155px; margin: 5px; padding: 0px; text-align: left; }
.container-2-drittel-hintergrund		{ background: #FFFFFF; width: 506px; height: 165px; margin: 5px; }
.container-1-drittel		{ background: url(../pics/layout/hg-container.png); width: 190px !important; height: 165px !important; width: 200px; height: 175px; float:left; padding: 5px; }

.container-2-drittel .bild-rechts, .container-2-drittel .bild-rechts img,
.container-2-drittel .bild, .container-2-drittel .bild img,
.container-1-drittel .bild-rechts, .container-1-drittel .bild-rechts img,
.container-1-drittel .bild, .container-1-drittel .bild img,
.container-2-drittel .bild-links, .container-2-drittel .bild-links img,
.container-1-drittel .bild-links, .container-1-drittel .bild-links img
{ float: none; padding: 0px; margin: 0px; text-align: center; background: none; }


/* Special Elemente */
.special					{  }
.special .absatz            { margin-bottom: 0px; }
.absatz-special-content		{ float: left; width: 460px; margin-left: 4px; }
.bild-special-links			{ float: left; width: 476px; height: 318px; background: none; }
.link-special				{ float: right; background: none; margin-right: 10px; }
.special h1	{ background: none; z-index: 2; position: relative; margin-bottom: 10px; }

.reiter-mitte				{ text-transform: uppercase; float: left; padding: 0px 10px; font-weight: bold; background: url('../pics/layout/hg-container-aktiv.png'); height: 22px; }
.reiter-links				{ float:left; background: url('../pics/layout/reiter-links-aktiv.png') no-repeat; width: 5px; height: 22px; }
.reiter-rechts				{ float:left; background: url('../pics/layout/reiter-rechts-aktiv.png') no-repeat; width: 32px; height: 22px; }

.pageview a.pageview-link-inaktiv:link,
.pageview a.pageview-link-inaktiv:visited 	{ text-decoration: none; color: #bbbbbb; padding: 0px 2px; }
.pageview a.pageview-link-inaktiv:hover,
.pageview a.pageview-link-inaktiv:active	{ text-decoration: underline; padding: 0px 2px; color: #FFFFFF; }

.pageview .pageview-link-aktiv				{ text-decoration: underline; font-weight: bold; color: #FFFFFF; padding: 0px 2px; }
.pageview a.pageview-link-aktiv:link,
.pageview a.pageview-link-aktiv:visited		{ text-decoration: none; }
.pageview a.pageview-link-aktiv:hover,
.pageview a.pageview-link-aktiv:active		{ text-decoration: underline; }


/* Elemente formular*/
.formular-kontakt						{ background: url(../pics/layout/hg-container.png); padding: 10px; margin-bottom: 10px; overflow: hidden; }
.formular-kontakt .form-eingabe-zeile	{ margin: 10px 0px; }
.formular-kontakt select				{ background: #FFFFFF; color: #000000; width: 257px; float: left; }
.formular-kontakt option				{ color: #000000; }
.formular-kontakt label,
.formular-kontakt input[type="text"],
.formular-kontakt textarea				{ width: 250px; float: left; }
.kontakt-buttons						{ width: 507px; margin: 10px 0px;}
.fehler,
.meldung								{ background: url(../pics/layout/hg-container.png); padding: 10px; margin-bottom: 10px; }

.formular-kontakt input[type="submit"]	{ width:21px; padding:0px !important; overflow:hidden; text-indent:-1000%; font-size:0px; display:block; background:url(../pics/layout/lupe_back.gif) no-repeat 0px 0px; }
.formular-kontakt input[type="submit"]:hover	{ background:url(../pics/layout/lupe_back.gif) no-repeat 0px -19px; }

.newsdetail .social-bookmark			{ float: right; background: none; padding: 0px; margin-bottom: 0px; overflow: hidden; }
.social-bookmark						{ background: url(../pics/layout/hg-container.png) repeat; padding: 10px; margin-bottom: 10px; overflow: hidden; }
