/*
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
** rdts AG | CSS-Datei | CONTENT
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
*/


/*
******************************************
** Allgemeine globale Angaben
******************************************
*/

body {
  margin: 0;
  padding: 0;
  background-color: #D7CEBD;
  font-family: Verdana, Helvetica, sans-serif;
  font-weight: normal;
  font-size: .7em;
  color: #000000;
}

.bg-main {
  background-color: #D7CEBD;
  background-image: url(/kiosk/grafik/bg_main.jpg);
  background-repeat: no-repeat;
  /*background-attachment: fixed;*/
}

div {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  background: transparent;
}

/*
  Links
*/

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


/*
  Absatz
*/

p {
  margin: 0;
  padding: 0;
  margin-bottom: 1em;
}

/*
  Ueberschriften
*/

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-size: 1em;
  font-weight: normal;
}

/*
  Bild
*/

img {
  border: 0;
}

/*
  Listen
*/

/*
  Formular
*/

form,
input,
textarea,
select,
label {
  font-size: 1em;
}

form,
input,
textarea,
label {
  margin: 0;
  padding: 0;
}

select {
  margin-top: 1px;
  /*padding-top: 1px;*/
}

/*
  Tabellen
*/

table.layout {
  margin: 0 0 1em 0;
}

th, td {
  vertical-align: top;
  background-color: #F7F6F3;
  padding: 2px 3px 2px 4px;
}

th {
  text-align: left;
  background-color: #FFFFFF;
}


/*
******************************************
** Globale Klassen
******************************************
*/

#dokument {
  position: relative;
}

#corpus {
  position: relative;
	width: 100%;
  z-index: 100;
}

.float-aufheben {
  display: block;
  width: 1px;
  height: 1px;
  line-height: 1px;
  font-size: 1px;
  clear: both;
}

.hervorheben {
  font-weight: bold;
}

.hinweis {
	font-size: .8em;
}

.text-alles-gross-geschrieben {
	text-transform: uppercase;
}

.bilderrahmen {
  border: 3px solid #FFFFFF;
}

.unsichtbar {
  position: absolute;
  display: block;
  left: -3000px;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  font-size: 1px;
  line-height: 1px;
}


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

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

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

#kopf-navigation {
  margin: 0;
  padding: 0;
  float: left;
}

#kopf-zusatz {
  margin: 0 0 0 669px;
  padding: 0;
  width: 108px;
}

#login {
  margin: 0;
  padding: 59px 13px 0 0;
  float: left;
}

#sprachen {
  margin: 0;
  padding: 59px 13px 0 0;
  text-align: right;
  float: left;
}

#navigation {
  margin: 0;
  padding: 14px 0 0 379px;
}

#kopf-logo {
  margin: 0;
  padding: 0;
  float: left;
}

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

#inhalt {
  margin: 0;
  padding: 0;
  width: 936px;
}

.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;
}

#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-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;
}

/*
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
** LIGHTBOX
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
*/

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100010;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #FFFFFF;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(/kiosk/grafik/trans.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/kiosk/grafik/zurueck.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/kiosk/grafik/vorwaerts.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #FFFFFF;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	}

#imageData{	padding:0 10px; color: #000000; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100000;
	width: 100%;
	height: 500px;
	background-color: #25221D;
	}