/*
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
** rdts AG | CSS-Datei | Content | CUSTOM
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
*/

/*
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
** CONTENT
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
*/

#facebook-button {
  position: absolute;
  top: 47px;
  left: 457px;
  margin: 0;
  padding: 0;
  z-index: 3;
}

#kopf {
  position: relative;
  margin: 0;
  padding: 0;
  height: 255px;
  z-index: 2;
}

#kopf-navigation {
  position: absolute;
  margin: 0;
  padding: 0;
  z-index: 3;
}

#kopf-zusatz {
  position: absolute;
  margin: 0 0 0 669px;
  padding: 0;
  width: 108px;
  z-index: 3;
}

#login {
  position: absolute;
  top: 59px;
  padding: 0 13px 0 0;
  z-index: 4;
}

#sprachen {
  position: absolute;
  margin: 59px 0 0 53px;
  padding: 0;
  text-align: right;
}

#navigation {
  top: 89px;
  position: absolute;
  margin: 0;
  padding:  0 0 0 379px;
  z-index: 2;
}

#kopf-logo {
  position: absolute;
  margin: 0;
  padding: 0;
  left: 775px;
}

#logo {
  margin: 0;
  padding: 0;
}

#inhalt {
  position: relative;
  margin: 0 0 0 0;
  padding: 0;
  width: 936px;
  z-index: 1;
}

.inhalt-links {
  margin: 0;
  padding: 94px 0 0 0;
  width: 457px;
  float: left;
}

.inhalt-rechts {
  margin: 0;
  padding: 0;
  width: 479px;
  float: left;
}

.inhalt-rechts-datum-aktuelles {
  position: relative;
  margin: -20px 0 1em 0;
  padding: 0;
  font-size: .8em;
  font-weight: bold;
}

.inhalt-rechts-titel-aktuelles {
  position: relative;
  margin: 0;
  padding: 0;
  width: 304px;
}

.inhalt-rechts-titel {
  position: relative;
  margin: -20px 0 0 0;
  padding: 0;
  width: 304px;
}

.inhalt-rechts-untertitel {
  margin: 0;
  padding: 0;
}

.inhalt-rechts-volltext {
  margin: 0;
  padding: 0;
  line-height: 1.5em;
}

.inhalt-rechts-downloads {
  margin: 0;
  padding: 0;
  line-height: 1.5em;
}

#fuss {
  /*position: fixed;*/
  position: relative;
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 113px;
  background-image: url(/kiosk/grafik/bg_fuss.gif);
  background-repeat: no-repeat;
  z-index: 100;
}

.fuss-links {
  margin: 0;
  padding: 15px 0 0 473px;
}

#schmuckbild {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  margin: 0;
  padding: 0;
  z-index: 10;
}

.eyecatcher {
  margin: 0 0 15px 56px;
  padding: 0;
  width: 367px;
}

.eyecatcher-titel {
  margin: 0 0 5px 0;
  padding: 3px 0 6px 13px;
  background-color: #D7CEBD;
}

.eyecatcher-inhalt {
  margin: 0;
  padding: 17px 15px 17px 15px;
  background-color: #F6F3F0;
}

.verweise {
  margin: 0 0 15px 56px;
  padding: 0;
  width: 367px;
}

.verweise-titel {
  margin: 0 0 5px 0;
  padding: 3px 0 6px 13px;
  background-color: #FFFFFF;
}

.verweise-inhalt {
  margin: 0;
  padding: 17px 15px 17px 15px;
  background-color: #F6F3F0;
}

.infobox {
  margin: 0 0 15px 56px;
  padding: 0;
  width: 367px;
  
}

.infobox_mitte {
  position: relative;
  margin: -20px 0 0 0;  
  padding: 30px 0 30px 0;
  width: 457px;
  float: left;
}

.infobox-titel {
  margin: 0 0 5px 0;
  padding: 3px 0 6px 13px;
  background-color: #FFFFFF;
}

.infobox-inhalt {
  margin: 0;
  padding: 17px 15px 11px 15px;
  background-color: #F6F3F0;
}

.ansprechpartner {
  margin: 0 0 5px 0;
  padding: 0;
  width: 337px;
}

.ansprechpartner-foto {
  margin: 0;
  padding: 0 22px 0 0;
  float: left;
}

.ansprechpartner-text {
  margin: 0;
  padding: 0;
  line-height: 1.4em;
  font-weight: bold;
  float: left;
}

.downloads {
  margin: 0;
  padding: 0;
}

.weblinks {
  margin: 0;
  padding: 0;
}

.spacer {
  margin: 18px 0 18px 0;
  padding: 0;
  width: 337px;
  height: 5px;
  background-color: #D7CEBD;
  font-size: 1px;
  line-height: 1px;
}

.seitennavigation {
  margin: 0 0 1em 0;
  padding: 0;
  width: 478px;
}

.seitennavigation-pfeile {
  margin: 0 17px 0 0;
  padding: 0;
  float: left;
}

.seitennavigation-seiten {
  margin: 0 71px 0 0;
  padding: 0;
  float: left;
}

.seitennavigation-artikel {
  margin: 0;
  padding: 0 2px 1px 2px;
  color: #000000;
  background-color: #FFFFFF;
  float: left;
}

.rubrikansicht {
  margin: 0 0 1em 0;
  padding: 0;
  width: 478px;
}

.rubrikansicht-monat {
  margin: 0 0 5px 0;
  padding: 0 10px 1px 10px;
  color: #FFFFFF;
  background-color: #409DFA;
  font-style: italic;
  text-transform: uppercase;
  font-weight: bold;
}

.rubrikansicht-eintrag {
  margin: 0 0 10px 0;
  padding: 10px;;
  background-color: #FFFFFF;
}

.rubrikansicht-eintrag-oben {
  margin: 0;
  padding: 0 0 9px 0;
}

.rubrikansicht-eintrag-foto {
  margin: 0;
  padding: 0 17px 0 0;
  float: left;
}

.rubrikansicht-eintrag-titel {
  margin: 0;
  padding: 0;
  float: left;
}

.rubrikansicht-eintrag-unten {
  margin: 0;
  padding: 14px;
  background-image: url(/kiosk/grafik/bg_rubrikansicht.gif);
  background-repeat: repeat-x;
}


/*
******************************************
** Zusatzmenü
******************************************
*/

.zusatzmenue {
  margin: 0 0 20px 0;
  padding: 0 5px 0 0;
  width: 65px;
  text-align: right;
  border-right: 2px solid #FFFFFF;
}

.zusatzmenuepunkt {
  margin: 0;
  padding: 0;
}


/*
******************************************
** Hauptmenü
******************************************
*/

#hauptmenue {
  margin: 0;
  padding: 0 0 0 4px;
  width: 394px;
}

.hauptmenuepunkt {
  margin: 0;
  padding: 0;
  float: left;
}

.untermenue {
	position: absolute;
  margin: 0;
  padding: 0;
  width: 200px;
  background-color: #FFFFFF;
  border-left: 3px solid #DD1F00;
  z-index: 1000;
}

.um2 {
  margin: 0 0 0 1px;
}

.um3 {
  margin: 0 0 0 2px;
}

.untermenuepunkt-first {
  margin: 2px 0 0 0;
  padding: 0 0 0 3px;
}

.untermenuepunkt {
  margin: 1px 0 0 0;
  padding: 0 0 0 3px;
}



/*
***************************************
** LINKS
***************************************
*/

a.untermenue-link:link,
a.untermenue-link:visited,
a.untermenue-link:hover,
a.untermenue-link:active {
  display: block;
  margin: 0;
  padding: 2px 0 2px 18px;
  color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
  background-color: #1A87FF;
  background-image: url(/kiosk/grafik/pfeil_untermenue.gif);
  background-repeat: no-repeat;
  background-position: center left;
}

/*
***************************************
** LINKS
***************************************
*/

a.fuss-link:link,
a.fuss-link:visited,
a.fuss-link:hover,
a.fuss-link:active {
  color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

a.seitennavigation-link:link,
a.seitennavigation-link:visited,
a.seitennavigation-link:hover,
a.seitennavigation-link:active {
  color: #000000;
	text-decoration: none;
	font-weight: normal;
  background-color: #FFFFFF;
  padding: 0 2px 1px 2px;
}

a.seitennavigation-link:hover,
a.seitennavigation-link:active {
  color: #FFFFFF;
  background-color: #000000;
}

a.button-link:link,
a.button-link:visited,
a.button-link:hover,
a.button-link:active {
  border-top: 1px solid #DD1F00;
  border-right: 1px solid #D7CEBD;
  border-bottom: 1px solid #0089E1;
  border-left: 1px solid #D7CEBD;
  color: #000000;
  background-color: #FFFFFF;
  margin: 0;
  padding: 2px;
  width: 160px;
  height: auto;
  font-weight: bold;
}

a.button-fr-link:link,
a.button-fr-link:visited,
a.button-fr-link:hover,
a.button-fr-link:active {
  border-top: 1px solid #DD1F00;
  border-right: 1px solid #D7CEBD;
  border-bottom: 1px solid #0089E1;
  border-left: 1px solid #D7CEBD;
  color: #000000;
  background-color: #FFFFFF;
  margin: 0;
  padding: 2px;
  width: 210px;
  height: auto;
  font-weight: bold;
}


/*
***************************************
** SCHRIFTFORMATIERUNGEN
***************************************
*/

h2.h2-titel {
  font-weight: bold;
  font-size: 1.6em;
  line-height: 1.3em;
  padding: 0 0 .6em 0;
}

h3.h3-untertitel {
  font-weight: bold;
  font-size: 1em;
  padding: 0 0 1em 0;
}

h3.h3-eyecatcher,
h3.h3-verweise,
h3.h3-infobox {
  font-weight: bold;
  font-size: 1.6em;
  padding: 0;
}

h4.h4-zwischenueberschrift {
  display: block;
  margin: 0 0 1em 0;
  padding: 0 0 1px 11px;
  font-weight: bold;
  font-size: 1em;
  border-left: 2px solid #DD1F00;
}

h4.h4-rubrikansicht-titel {
  display: block;
  padding: 4px 0 0 0;
  font-weight: bold;
  font-size: 1.2em;
}

.rubrikansicht-datum {
  font-weight: bold;
  font-size: .8em;
}


/*
***************************************
** LISTEN
***************************************
*/

ul.richtext-list {
  margin: 0 0 1em 0;
  padding: 0;
}

li.richtext-list {
  margin: 0;
  padding: 0 0 5px 13px;
	list-style-type: none;
  background-image: url(/kiosk/grafik/pfeil_liste.gif);
  background-repeat: no-repeat;
  background-position: top left;
}

ul.richtext-list ul.richtext-list li.richtext-list {
  margin: 0 0 0 13px;
  padding: 0 0 5px 9px;
	list-style-type: none;
  background-image: url(/kiosk/grafik/pfeil_liste_2.gif);
  background-repeat: no-repeat;
  background-position: top left;
}

ul.ul-fuss-links {
  margin: 0;
  padding: 0;
}

li.li-fuss-links {
  margin: 0;
  padding: 0 0 5px 0;
	list-style-type: none;
}

ul.ul-ohne {
  margin: 0;
  padding: 0;
}

li.li-ohne {
  margin: 0;
  padding: 0 0 5px 0;
	list-style-type: none;
}


/*
***************************************
** BILDER
***************************************
*/

.bild {
	margin: 0 0 1em 0;
  padding: 0;
  border: 6px solid #FFFFFF;
  float: right;
}

.bild-foto {
	margin: 0;
  padding: 0;
  background-color: #FFFFFF;
}

.bild-beschreibung {
	margin: 0;
	padding: 6px 0 0 0;
  background-color: #FFFFFF;
  background-image: url(/kiosk/grafik/bg_bildbeschreibung.gif);
  background-repeat: repeat-x;
}

.bild-beschreibung-inhalt {
	margin: 0;
	padding: 0;
}

.bild-beschreibung p {
  margin: 0;
  padding: 2px;
  font-size: .9em;
}


/*
***************************************
** BILDERGALERIE
***************************************
*/

.bildergalerie {
	margin: 0;
  padding: 0;
}

.bildergalerie-reihe {
	margin: 0;
  padding: 0 0 25px 0;
  width: 478px;
}

.bildergalerie-reihe-foto {
	margin: 0;
  padding: 0 12px 0 0;
  float: left;
}

.bildergalerie-reihe-foto-last {
	margin: 0;
  padding: 0;
  float: left;
}


/*
***************************************
** AUSRICHTUNG
***************************************
*/


.ausrichtung-links {
  margin: 0;
  padding: 0 10px 10px 0;
  float: left;
}

.ausrichtung-rechts {
  margin: 0;
  padding: 0 0 10px 10px;
  float: right;
}

.ausrichtung-zentriert {
  margin: 0;
  padding: 17px 0 0 0;
  text-align: center;
  width: 100%;
}


/*
***************************************
** BANNER
***************************************
*/

.banner {
  position: absolute;
  display: block;
  left: 548px;
  top: 293px;
  margin: 0;
  padding: 0;
  width: 291px;
  height: 321px;
  background-image: url(/kiosk/grafik/bg_banner.png);
  background-repeat: no-repeat;
  z-index: 100000;
  cursor: move;
}

.banner-fr {
  position: absolute;
  display: block;
  left: 548px;
  top: 293px;
  margin: 0;
  padding: 0;
  width: 291px;
  height: 321px;
  background-image: url(/kiosk/grafik/bg_banner_fr.png);
  background-repeat: no-repeat;
  z-index: 100000;
  cursor: move;
}

.banner-schliessen {
  margin: 0;
  padding: 10px 8px 0 0;
  text-align: right;
  z-index: 100000;
}

.banner-inhalt {
  margin: 0;
  padding: 146px 0 17px 33px;
  z-index: 100000;
  width: 219px;
  font-size: .8em;
}


/*
***************************************************************************************************
***************************************************************************************************
** FORMULAR
***************************************************************************************************
***************************************************************************************************
*/


/*
******************************************
** FOMULARFELDER
******************************************
*/

fieldset {
  margin: 0 0 0px -3px;
  padding: 10px 0 10px 0;
  border: 0;
}

.label {
  padding: 3px;
  width: 11em;
  float: left;
}

.formular {
  padding: 0 0 5px 0;
}

input.InputTextfeldEinzeilig {
  border-top: 1px solid #DD1F00;
  border-right: 1px solid #D7CEBD;
  border-bottom: 1px solid #0089E1;
  border-left: 1px solid #D7CEBD;
  color: #000000;
  background-color: #FFFFFF;
  margin: 1px 0 0 0;
  padding: 0 0 0 3px;
  width: 250px;
  font-size: 1.0em;
  font-family: Verdana, Helvetica, sans-serif;
}

input.InputTextfeldEinzeilig-mittel {
  border-top: 1px solid #DD1F00;
  border-right: 1px solid #D7CEBD;
  border-bottom: 1px solid #0089E1;
  border-left: 1px solid #D7CEBD;
  color: #000000;
  background-color: #FFFFFF;
  margin: 1px 0 0 0;
  padding: 0 0 0 3px;
  width: 202px;
  font-size: 1.0em;
  font-family: Verdana, Helvetica, sans-serif;
}

input.InputTextfeldEinzeilig-kurz {
  border-top: 1px solid #DD1F00;
  border-right: 1px solid #D7CEBD;
  border-bottom: 1px solid #0089E1;
  border-left: 1px solid #D7CEBD;
  color: #000000;
  background-color: #FFFFFF;
  margin: 1px 0 0 0;
  padding: 0 0 0 3px;
  width: 38px;
  font-size: 1.0em;
  font-family: Verdana, Helvetica, sans-serif;
}

input.InputRadio {
  margin: 2px 0 0 0;
  padding: 0;
}

input.InputCheck {
  float: left;
}

input.InputSenden {
  border-top: 1px solid #DD1F00;
  border-right: 1px solid #D7CEBD;
  border-bottom: 1px solid #0089E1;
  border-left: 1px solid #D7CEBD;
  color: #000000;
  background-color: #FFFFFF;
  margin: 0;
  padding: 0;
  width: 115px;
  height: auto;
  font-size: 1.0em;
  font-family: Verdana, Helvetica, sans-serif;
  font-weight: bold;
}

input.InputSenden2 {
  border-top: 1px solid #DD1F00;
  border-right: 1px solid #D7CEBD;
  border-bottom: 1px solid #0089E1;
  border-left: 1px solid #D7CEBD;
  color: #000000;
  background-color: #FFFFFF;
  margin: 0;
  padding: 0;
  width: 160px;
  height: auto;
  font-size: 1.0em;
  font-family: Verdana, Helvetica, sans-serif;
  font-weight: bold;
}

textarea.Textfeld {
  border-top: 1px solid #DD1F00;
  border-right: 1px solid #D7CEBD;
  border-bottom: 1px solid #0089E1;
  border-left: 1px solid #D7CEBD;
  color: #000000;
  background-color: #E6E1D7;
  margin: 1px 0 0 0;
  padding: 0 0 0 3px;
  width: 250px;
  height: 150px;
  font-size: 1.0em;
  font-family: Verdana, Helvetica, sans-serif;
  background-image: url(/kiosk/grafik/bg_form.gif);
  background-repeat: repeat-x;
  background-position: top left;
}

textarea.Textfeld-Seminar {
  border-top: 1px solid #DD1F00;
  border-right: 1px solid #D7CEBD;
  border-bottom: 1px solid #0089E1;
  border-left: 1px solid #D7CEBD;
  color: #000000;
  background-color: #E6E1D7;
  margin: 1px 0 0 0;
  padding: 0 0 0 3px;
  width: 250px;
  height: 50px;
  font-size: 1.0em;
  font-family: Verdana, Helvetica, sans-serif;
  background-image: url(/kiosk/grafik/bg_form.gif);
  background-repeat: repeat-x;
  background-position: top left;
}

select {
  border-top: 1px solid #DD1F00;
  border-right: 1px solid #D7CEBD;
  border-bottom: 1px solid #0089E1;
  border-left: 1px solid #D7CEBD;
  color: #000000;
  background-color: #FFFFFF;
  margin: 1px 0 0 0;
  padding: 0 0 0 3px;
  width: 256px;
  height: 19px;
  font-size: 1.0em;
  font-family: Verdana, Helvetica, sans-serif;
}

select.artikeltitel {
  border-top: 1px solid #DD1F00;
  border-right: 1px solid #D7CEBD;
  border-bottom: 1px solid #0089E1;
  border-left: 1px solid #D7CEBD;
  color: #000000;
  background-color: #FFFFFF;
  margin: 1px 0 0 0;
  padding: 0 0 0 3px;
  width: 256px;
  height: 19px;
  font-size: 1.0em;
  font-family: Verdana, Helvetica, sans-serif;
}


/*
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
** FUSS
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
*/


.service {
  position: relative;
  margin: 30px 0 0 0;
  padding: 5px 0 0 15px;
  width: 414px;
	height: 30px;
  background-color: #FFF3DD;
}

.service1 {
  position: relative;
  margin: 0;
  padding: 0 7px 0 0;
  float: left;
}

.service2 {
  position: relative;
  margin: 0;
  padding: 0 129px 0 0;
  float: left;
}

.service3 {
  position: relative;
  margin: 0;
  padding: 0;
  float: left;
}