/* KDF.CSS */

/* --------------------------------------------------------------------- */
/* 1 */
/* Allgemeine Formatierungen (Schriftfarben, -größen, Fettigkeit etc.) */

html
{ overflow: -moz-scrollbars-vertical; }

body, input, p, td, h1, h2, h3, h4, h5
{ font-family: verdana, sans-serif; }
.home,
.metanavi,
.metanavi a,
.metanavi a:hover,
.schliessen,
#hauptnavi,
#hauptnavi li.active,
.breadcrumbs,
.breadcrumbLink,
.bezeichnerSuche,
#linkenavi li a,
#linkenavi li a:hover,
#linkenavi ul li span.active,
#linkenavi ul li span.offen
{ font-family: tahoma, verdana, sans-serif; }

body, input, p, td, h1, h2, h3, h4, h5 
{ line-height: 15px; }

form
{ margin: 0px;
  padding: 0px; }

body, input, p, td, .hauptuschrift
{ font-size: 11px; }
h1
{ font-size: 11px; }
h2
{ font-size: 11px; }
h2.hpuschrift, h2.hpuschrift2
{ font-size: 11px; }
h2.kategorieuschrift,
.listenabschnittstitel
{ font-size: 10px; }
h3
{ font-size: 13px; }
h3.hpteaser
{ font-size: 11px; }
h4
{ font-size: 11px; }
h5
{ font-size: 11px; }
h5.artikellisteuschrift
{ font-size: 10px; }
sup, .copyright-footer-kdf, .klein, .beschreibung_bildtabelle, .bilduschrift
{ font-size: 10px; }

select,
.languageselectorSelect
{ font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px; }

.listenabschnittstitel_teaser-rechts {visibility: hidden; display: none;}


.uschrift_seite, div>.select_languageselector
{ font-size: 9px; }
.select_languageselector 
{ font-size: 7pt; }

body, input, p, td, h1, h2, h3, h4, h5
{ color: #000000; } /* Schwarz */
a
{ color: #003E7E; } /* Link-Blau */
a:hover
{ color: #FF6500; }
.metanavi a, .metanavi a:hover
{ color: #505050; }
.artikelintro, .veranstaltungsintro, .schnelleinstieg a, .kalenderLinks1
{ color: #5a5a5a; } /* Grau */

.bezeichnerSuche a, .bezeichnerSuche a:hover,
#hauptnavi a
{ color: #FFFFFF; } /* Weiß */

#hauptnavi a:hover,
#hauptnavi li.active,
#hauptnavi li.active a,
#hauptnavi li.active a:hover,
#linkenavi li a:hover,
.schnelleinstieg a:hover
{ color: #000000; } /* Schwarz */

#linkenavi li a,
#linkenavi li span.active,
#linkenavi li span.active a,
#linkenavi li span.offen
{ color: #505050; }

.copyright_footer-kdf a
{ color: #AAAAAA; }

h1.seitentitel
{ color: #5A5A5A; }

h2.kategorieuschrift,
.listenabschnittstitel
{ border-bottom: 1px solid #d4d4d4;
  color: #5a5a5a; 
  margin: 0px 0px 8px 0px; 
  padding: 0px 0px 2px 0px;
  position: relative; }

.nichtfett 
{ font-weight: normal; }
.metanavi li.active,
#hauptnavi,
#hauptnavi li.active,
#linkenavi ul li span.active,
#linkenavi ul li span.offen,
.seitentitel,
.seitentitelTyp1,
.artikelintro,
.veranstaltungsintro,
.linkzumthemauschrift,
.kalenderMitte1,
.kalenderLinks1,
.artikeluschrift,
.zwischenuschrift,	
.uschrift_lokal-block,
.listenabschnittstitel,
.listenabschnittstitel_teaser-rechts,
.uschrift_teaser-rechts
{ font-weight: bold; }

a:hover 
{ text-decoration: underline; } 
a, .listenannot a, .intern, .intern:hover, .druckversion a, .top a, .schwarz, .schwarzorange, .schwarzorange:hover, .iconlink, .s13572, .anchor, .teaseruschrift, .artikeluschrift, .teaseruschrift:hover, .listeneintragtitel, .listeneintragtitel, .vkalendertitel, .listenquelle, .ebene1_sitemap a:hover, .ebene3_sitemap a:hover, .ebene3_sitemap a:hover, .eintrag_index a:hover
{ text-decoration: none; }

img 
{ border: none }

.eintrag_teaser-rechts img
{
float:left;
margin-bottom:1px;
margin-right:8px;
margin-top:3px;
width:60px;
}

.lokal-block img
{
float:left;
margin-bottom:10px;
margin-right:10px;
margin-top:3px;
}

.abstandH4
{ margin-bottom: 0px; }


/* --------------------------------------------------------------------- */
/* 2 */
/* Seitenfarbe (gruen) */

#hauptnavi  /* Hintergrundverlauf Haupnavi */
{ background: url('hauptnavi.gif') repeat-x; }

#hauptnavi li.active  /* hintergrund aktiver Men punkt */
{ background: url('hauptnaviAC.gif') repeat-x; }

#hauptnavi li a:hover  /* hintergrund Menüpunkt bei Hoover */
{ background: url('hauptnaviAC.gif') repeat-x;
  font-size: 99%; }

#hauptnavi li.active a:hover
{ background: transparent;
  border: none; }

#linkenavi  /* Rahmen oben und unten an der linken Navi */
{ border-bottom: 1px solid #B0C8E0; }

#linkenavi li
{ border-top: 1px solid #B0C8E0; }
#linkenavi li li
{ border-top: 1px solid #CFDDE8; }
#linkenavi li li li
{ border-top: 1px solid #DDE7EF; }

#linkenavi li a					/* Farbe erste Ebene linke Navi */
{ background: #DAE7F1; }

#linkenavi ul ul li a			/* Farbe zweite Ebene linke Navi */
{ background: #E9F1F8; }

#linkenavi ul ul ul li a		/* Farbe dritte Ebene linke Navi */
{ background: #F7F8FB; }

#linkenavi li a:hover			/* Farben bei Hover und aktivem Menpunkte */
{ background-color: #FFFFFF; }

#linkenavi ul li span.active
{ background-color: #FFFFFF; }

#linkenavi ul ul li span.active
{ background-color: #FFFFFF; }
  
#linkenavi ul ul ul li span.active
{ background-color: #FFFFFF; }

#linkenavi ul li span.active a,
#linkenavi ul ul li span.active a,
#linkenavi ul ul ul li span.active a
{ background-color: #FFFFFF;
  background-image: none; } 





/* --------------------------------------------------------------------- */
/* 3 */
/* Positionierungen Rahmen */

body  
{ direction: ltr; padding: 0px; margin: 0px; }

#bodyTyp4, #bodyTyp3
{ background-color: #c3c3c3;
  background-image: url('background.jpg');
  background-repeat: repeat-x; }

#wrapTyp4, #wrapTyp3
{ width: 824px; position: relative; top: 3px; margin: 0 auto; overflow: hidden; }

#wrapTyp2
{ width: 624px; position: relative; top: 3px; margin: 0 auto; overflow: hidden; }

#wrapTyp1
{ width: 546px; position: relative; top: 3px; margin: 0 auto; overflow: hidden; }

#wrapcontentTyp4, #wrapcontentTyp3
{ background: #ffffff; min-height: 600px; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; display: block; overflow: hidden; }
  
#wrapcontentTyp2
{ background: #ffffff; min-height: 600px; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; display: block; overflow: hidden; width: 622px; }
  
#wrapcontentTyp1
{ background: #FFFFFF; min-height: 600px; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; display: block; overflow: hidden; width: 544px; }

.rundungTyp4, .rundungTyp3
{ background: url('rundung.gif') no-repeat; height: 3px; width: 824px; }
  
.rundungTyp2
{ background: url('rundung_typ2.gif') no-repeat; height: 3px; width: 624px; }
  
.rundungTyp1
{ background: url('rundung_typ1.gif') no-repeat; height: 3px; width: 546px; }

#headerTyp4
{ position: relative; left: 0px; width: 822px; height: 92px; display: block; }

#headerTyp3
{ position: relative; left: 0px; width: 822px; height: 75px; display: block; }
 
#headerTyp2
{ position: relative; left: 0px; width: 622px; height: 75px; display: block; }
  
#headerTyp1
{ position: relative; left: 0px; width: 544px; height: 75px; display: block; }

.schattenOben 
{ height: 70px; display: block; clear: left; }

/*-------------- Link www.goethe.de --------------*/  
    
.homelink a  /* Link www.goethe.de */
{ display: none; }
  

/*---------------- Metanavigation ----------------*/
/*----------------- Typ 4 und 3 ------------------*/  

.obereNaviTyp4, .obereNaviTyp3, .obereNaviTyp2, .obereNaviTyp1
{ position: absolute; right: 16px; top: 0px; text-align: right; z-index: 99; display: block; }

.obereNaviTyp4, .obereNaviTyp3
{ width: 700px; }
.obereNaviTyp2
{ width: 405px; }
.obereNaviTyp1
{ width: 200px; }

.metanavi  /* Container der Metanavigation + Fhnchen */
{ display: inline; text-align: right; }

.metanavi ul
{ margin: 3px 0px 0px 0px; padding: 0px; }
  
.metanavi li
{ display: inline; list-style-type: none; padding-right: 8px; padding-left: 8px; border-right: 1px solid #505050; }

.metanavi li:last-child
{ display: inline; list-style-type: none; padding-right: 0px; padding-left: 8px; border: none; }
  
.metanavi li 
{ border-right: expression((this.parentNode.lastChild == this)? "none" : "1px solid #505050" );
  padding-right: expression((this.parentNode.lastChild == this)? "0px" : "8px" ); }
 
  
/*---------------- Schlie en-Link ----------------*/
/*----------------- Typ 2 und 1 ------------------*/  
  
.schliessen a
{ display: inline; text-align: right; float: right; padding: 0 15px 0 14px; margin: 4px 0 0 14px; border-left: 1px solid #505050;
  background: url('schliess.gif') no-repeat;
  background-position: bottom right; }
  
.schliessenSkript a
{ display: inline; text-align: right; float: right; padding: 0 15px 0 14px; margin: 4px 0 0 14px; border: none;
  background: url('schliess.gif') no-repeat;
  background-position: bottom right; }

  
/*---------------- Fähnchen ----------------*/  

.faehnchen
{ display: none; float: right; text-align: right; }

.faehnchen ul
{ margin: 3px 0px 0px -3px; padding: 0px 0px 0px 12px; }
div>.faehnchen ul
{ margin: 3px 0px 0px 0px; }

.faehnchen li
{ display: inline; list-style-type: none; padding-right: 0px; padding-left: 6px; }


/*---------------- SprachdropDown ----------------*/  

.sprachdropdown
{ display: inline; float: right; text-align: right; margin: 0px 0px 0px 15px; }
  
.languageselectorForm
{ display: inline; font-size: 8px; }

.languageselectorSelect
{ height: 17px; text-align: left; vertical-align: center; padding: 0px 1px; }
  
  
/*---------------- Logo ----------------*/
  
div.logo
{ position: absolute; left: 14px; top: 9px; width: 180px; height: 68px; z-index: 99; }

  
/*---------------- Banner ----------------*/

.bannerTyp4, .bannerTyp3
{ position: relative; top: 0px; left: 0px; width: 822px; height: 70px; text-align: right; }
  
.bannerTyp2
{ position: relative; top: 0px; left: 0px; width: 622px; text-align: right; }
  
.bannerTyp1
{ position: relative; top: 0px; left: 0px; width: 544px; text-align: right; }
  
.bannerTyp4 img,
.bannerTyp3 img,
.bannerTyp2 img,
.bannerTyp1 img
{ height: 70px; }
  
  
/*---- Schatten oberhalb der Hauptnavigation ---*/

.hauptnaviLinie
{ display: none; }
  

/*----------- Hauptnavigation quer ------------*/
/*-------------- Typ 4 Microsite --------------*/
 
#hauptnavi
{ position: relative; top: 0px; left: 0px; width: 822px; height: 22px; }

#hauptnavi ul
{ position: absolute; left: 17px; top: 0px; height: 22px; text-align: left; margin: 0px; padding: 0px; list-style-type: none;border-left: 1px solid #FFFFFF; }

#hauptnavi li 
{ display: inline; list-style: none; margin: 0px 0px 0px 0px; padding: 0px; height: 22px; }
#hauptnavi li a
{ float: left; height: 22px; vertical-align: center; margin: 0px; padding: 3px 15px; border-right: 1px solid #FFFFFF; }
#hauptnavi li.active
{ float: left; height: 22px; vertical-align: center; margin: 0px; padding: 3px 15px; border-right: 1px solid #FFFFFF; }
#hauptnavi li.active a,
#hauptnavi li.active a:hover
{ padding: 0px; border: none; }
  

/*-------------- Farbbalken quer --------------*/
/*---------------- Typ 3, 2 + 1 ---------------*/

#farbbalkenTyp3, #farbbalkenTyp2, #farbbalkenTyp1
{ position: relative; top: 0px; left: 0px; height: 5px; background: url('farbbalken.gif') repeat-x; }
    
#farbbalkenTyp3
{ width: 822px; }
#farbbalkenTyp2
{ width: 622px; }
#farbbalkenTyp1
{ width: 544px; }


/* --------------------------------------------------------------------- */
/* 4 */
/* Positionierungen KDF-Bereich */


#kdf-delete
{ position: relative; top: 0px; left: 0px; margin-bottom: 40px; border: none; }

/* Zwischenraum */
#zwischenraumTyp4, #zwischenraumTyp3
{ position: relative; top: 0px; left: 0px; height: 50px; width: 822px; clear: left; 
  background: url('schatten2.gif') repeat-x;  }  

.breadcrumbs
{ display:none; 
  position: relative; top: 2px; left: 18px;
  float: left;
  height: 13px; }

.loginfo
{ position: relative; top: 3px; right: 18px; text-align: right; font-size: 10px; float: right; height: 13px;}

.logname
{ height: 12px; line-height: 12px; width: 290px; color: #9e9e9e; display: inline; text-align: right; }

.logout
{ height: 12px; line-height: 12px; display: inline }

.seitentitel
{ position: relative; top: 20px; left: 201px; border-bottom: 1px solid #BEBEBE; width: 604px; padding: 0px 0px 2px 1px; clear: both; }  
h1.seitentitel
{ margin: 0px; }
  
.seitentitelLinieTyp4, .seitentitelLinieTyp3
{ display: none; position: relative; top: 24px; left: 201px; z-index: 99; width: 604px; height: 1px; background: #BEBEBE;  }

/* Hauptbereich */

#hauptbereich 
{ position: relative; left: 0px; top: 0px; z-index: -1px; width: 822px; display: block; clear: left; }

/* Linke Spalte */

#linkeSpalte
{ position: relative; top: 0px;
  width: 165px; height: 100%;
  float: left;
  padding: 0px;
  border-left: 17px solid white; 
  border-bottom: 20px solid white;
  margin: 0px; }

#linkenavi
{ position: relative; top: 0px; left: 0px;
  width: 165px;
  line-height: 15px;
  margin: 0px 0px 16px 0px; }

#linkenavi ul
{ list-style-type: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;  }

#linkenavi li
{ float: left; clear: left;
  width: 165px;
  margin: 0px 0px 0px 0px; }
div>#linkenavi li
{ float: none; clear: none; }
  
#linkenavi li a,
#linkenavi li a:hover,
#linkenavi ul li span.active
{ padding: 2px 2px 2px 12px;
  display: block; }

#linkenavi ul ul
{ margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  list-style-type: none; }

#linkenavi ul ul li
{ float: left; clear: left;
  width: 165px;
  margin: 0px 0px 0px 0px;
  list-style-type: none; }
div>#linkenavi ul ul li 
{ float: none; clear: none; }
  
#linkenavi ul ul a, 
#linkenavi ul ul a:hover,
#linkenavi ul ul li span.active
{ padding: 2px 2px 2px 24px;
  display: block; }
  
#linkenavi ul ul ul
{ margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  list-style-type: none; }

#linkenavi ul ul ul li
{ float: left; clear: left;
  width: 165px;
  margin: 0px 0px 0px 0px;
  list-style-type: none; }
div>#linkenavi ul ul li 
{ float: none; clear: none; }
  
#linkenavi ul ul ul a,
#linkenavi ul ul ul a:hover,
#linkenavi ul ul ul li span.active
{ padding: 2px 2px 2px 36px;
  display: block; }

#linkenavi ul li span.active a,
#linkenavi ul li span.active a:hover
{ padding: 0px 0px 0px 0px; }

#linkenavi ul li span.active,
#linkenavi ul ul li span.active,
#linkenavi ul ul ul li span.active,
#linkenavi ul li span.active a,
#linkenavi ul ul li span.active a,
#linkenavi ul ul ul li span.active a
{ background-repeat: no-repeat;
  background-position: top left; }
  
#linkenavi ul li span.active
{ background-image: url('nv-pfeil1.gif'); }

#linkenavi ul ul li span.active
{ background-image: url('nv-pfeil2.gif'); }
  
#linkenavi ul ul ul li span.active
{ background-image: url('nv-pfeil3.gif'); }

.suche
{ width: 200px;
  padding: 0px;
  margin: 0px;
  position: absolute;
  top: -109px;
  left: 606px;
  z-index: 99; }

#linkeSpalteStartseite .suche
{ width: 200px;
  padding: 0px;
  margin: 0px;
  position: absolute;
  top: -90px;
  left: 606px;
  z-index: 99; }

.formSuche
{ margin: 0px;
  padding: 0px; }

.bezeichnerSuche
{ margin: 2px 5px 0px 0px;
  float: left;
  color: white; }
  
.inputSuche
{ width: 118px;
  float: left;
  margin: 0px 0px 0px 0px; }

.iconSuche a
{ background: url('suchen.gif') no-repeat;
  width: 18px; height: 18px;
  margin: 1px 0 0 1px;
  float: left; }
  
.suche > a
{ color: white;
  font-size: 10px;
  display: block;
  margin: 0px 0px 0px 40px;
  padding: 2px 0 0 0;
  display: none; }

/* Content */

#content
{ position: relative; left: 0px; top: 17px;
  width: 400px; min-height: 500px; height: 500px;
  display: inline; float: left;
  padding: 0px;
  border-left: 20px solid white;
  border-right: 20px solid white;
  border-bottom: 20px solid white;
  margin: 0px; }
  
div[id] #content 
{ height: auto; }
  
#contentBreit
{ position: relative; left: 0px; top: 17px;
  width: 602px; min-height: 500px; height: 500px;
  display: inline; float: left;
  padding: 0px;
  border-left: 20px solid white;
  border-right: 17px solid white;
  border-bottom: 20px solid white;
  margin: 0px; }
  
div[id] #contentBreit 
{ height: auto; }


/* Rechte Spalte */

#rechteSpalte  
{ width: 182px; height: 100%;
  display: inline;  float: right;
  position: relative; top: 17px;
  border-right: 17px solid white;
  border-bottom: 20px solid white;
  margin: 0px; }
  
.teaser-rechts, .lokal-teaser-rechts 
{ overflow: hidden; display: inline-block; margin: 0px 0px 13px 0px; border-bottom: 1px solid #D4D4D4; padding: 0 0 13px 0;}
.uschrift_teaser-rechts
{ margin: 0px 0px 4px 0px; padding: 0px; }
.eintrag_teaser-rechts
{ float: left; display: inline; line-height: 15px; }

.box
{ }
 
 
/* Zeile Funktionsleiste */  
  
#funktionsleisteTyp4, #funktionsleisteTyp3
{ position: relative; top: 15px;
  height: 40px; width: 822px;
  margin: 5px 0 -5px 0;
  clear: left; display: block;
  vertical-align: bottom; }

.topTyp4, .topTyp3
{ position: absolute; right: 220px; 
  text-align: right;
  width: 100px; }
  
.topTyp4Breit, .topTyp3Breit
{ position: absolute; right: 17px; 
  text-align: right;
  width: 100px; }

.iconTop
{ background: url('oben.gif') no-repeat;
  position: relative; bottom: -2px;
  width: 11px; height: 9px;
  display: inline; float: right;
  vertical-align: bottom;
  padding: 0px;
  margin: 0px; } 
span>.iconTop
{ position: relative; bottom: -1px; }


/* Footer */

.footer-kdf
{  height: 20px; position: relative; left: 17px;  }

.linie_footer-kdf
{ height: 1px; background: #D4D4D4; overflow: hidden; width: 789px; }

.footer-kdf .linie_footer-kdf img
{ display: none; }

.copyright_footer-kdf
{ text-align: center; margin-top: 5px; }



/* --------------------------------------------------------------------- */
/* 5 */
/* Content KDF-Bereich */


/* Formulare Allgemein */

.asterisk /* Annotation und Pflichtfeld für Formulare */
{ font-size: 10px; color: red }

.message-feld
{ color: red; font-size: 10px; }
.message-seite
{ display: block; }

.message-info
{ display: block; border: 1px solid #0ea42a; padding: 10px 10px 10px 10px; background: none; color: #0ea42a; margin: 10px 0px; }
.message-error
{ display: block; border: 1px solid #d20202; padding: 10px 10px 10px 40px; background: url('achtung.gif') no-repeat; color: #d20202; margin: 10px 0px; }

input
{ font-family: arial; font-size: 12px }

.button 
{ }

.messageWrapper ul
{ list-style: none;
  margin: 0px;
  padding: 0px; } 




/* Login, Passwort-Send-Seite */

form.login, form.signup, form.passwort
{ background: #ececec; display: block; vertical-align: top; margin:0; padding:5px;}

.login
{ width: 275px; height: 280px; float: left;}
.signup
{ width: 275px; height: 280px; float: right;}
.passwort
{ width: 350px; float: left; }

.login table, .signup table 
{ width: 265px; margin-left:5px;}

.login table .bezeichner
{ vertical-align: top; margin-top:0px; height:24px; padding-top: 0px; padding-bottom: 0px;}
.login table .feld
{  width: 210px; vertical-align: top; margin-top:0; height:24px; padding-top: 0px; padding-bottom: 0px; }
.login table .bezeichner1
{ vertical-align: top; margin-top:0px; height:40px; padding-top: 2px; padding-bottom: 0px;}
.login table .feld1
{  width: 210px; vertical-align: top;  height:40px; margin-top:0px; padding-top: 2px; padding-bottom: 0px; line-height: 12px;}
.login .input
{ width: 180px; padding:0; margin-right: 5px;}
.loggen
{height:80px;}
.logged
{height:70px;}

.passwort
{ background: white; }
.passwort table
{ width: 300px }
.passwort table, .passwort td, .login table, .login td
{ border-collapse: collapse; }

.passwort input 
{ width: 200px; margin-right: 0px }




.login .checkbox
{ margin-bottom: 40px; float:left; vertical-align: top; }

.login .button, .signup .button, .passwort .button
{ height: 22px; float: right; }

.profilformular .button, .profilformular-interessen .button
{ height: 22px; float: left; }
.signup .button
{ margin-right: 0px; }
.passwort .button
{ margin-right: 5px; }

.reset
{float: right; margin-top: 14px;}

.interessen-aendern
{margin-top:22px;}

.signup ul
{ margin-top: 12px; margin-bottom: 0px }
.signup li
{ margin-top: 5px }


/* Profil, Profil-Formular */

.profiluebersicht
{ width: 100% }

.profiluebersicht td
{ vertical-align: top;
  padding: 0px 10px 5px 0px; }

.profiluebersicht td a
{ white-space: nowrap; }

.profilformular, .profilformular-interessen
{ padding: 0px; border-collapse: collapse; background: whitesmoke; width: 100%; margin-top: 10px; }


input.news, input.bedingungen, input.datenverarbeitung { display: inline; vertical-align: top; float: left }
div.news, div.bedingungen, div.datenverarbeitung { display: block; width: 180px; margin-left: 10px; float: left; padding-bottom: 10px }
.profilformular input.radio { margin-bottom: 0px; margin-top: 2px; line-height: 10px; vertical-align: middle;  }
.profilformular-interessen input.button, .profilformular input.button { margin-top: 10px }
.profilformular input.passwort { width: 120px; }
.profilformular select { margin-bottom: 3px }

.bezeichner { width: 160px; vertical-align: top }
.profilformular .eingabe { width: 260px; vertical-align: top }
.profilformular .kommentar { width: 149px; vertical-align: top }
.profilformular-interessen .eingabe { width: 409px; vertical-align: top }
.profilformular-interessen .kommentar { display: none }

.abschluss { height: 1px }
.abschluss .bezeichner { background: gainsboro }
.abschluss .eingabe {  }
.abschluss .kommentar { background: gainsboro}

.abstand { height: 5px }
.abstand .bezeichner { background: white }
.abstand .eingabe {  }
.abstand .kommentar { background: white}

.abstand .bezeichner img { width: 160px; height: 5px }
.profilformular .abstand .eingabe img { width: 260px; height: 5px; }
.profilformular .abstand .kommentar img { width: 149px; height: 5px }
.profilformular-interessen .abstand .eingabe img { width: 409px; height: 5px }

.feld { }
.feld .bezeichner { padding-right: 10px; background: white; vertical-align: top; font-weight: bold }
.feld .eingabe { padding-left: 10px; padding-right: 10px;  height: 25px}
.feld .kommentar { padding-left: 10px; background: white; vertical-align: top; font-size: 9px; }

.linie {  }
.linie .bezeichner { background: white }
.linie .eingabe { }
.linie .kommentar { background: white }
.linie .bezeichner img { height: 1px; margin-top: 7px; margin-bottom: 7px }
.linie .eingabe img { height: 1px; margin-top: 7px; margin-bottom: 7px }
.linie .kommentar img { height: 1px; margin-top: 7px; margin-bottom: 7px }

.linie .bezeichner img { width: 160px; height: 1px }
.profilformular .linie .eingabe img { width: 260px; height: 1px }
.profilformular .linie .kommentar img { width: 149px; height: 1px }
.profilformular-interessen .linie .eingabe img { width: 409px; height: 1px }

.eingabe .interessen
{  width: 198px; display: block; float: left; }

.loeschbutton
{ background: gainsboro; border-style: solid; border-left: 2px solid #eeeeee; border-top: 2px solid #eeeeee; border-bottom: 2px solid gray; border-right: 2px solid gray; height: 25px; width: 200px   }

.telAreaCode
{ width: 70px;
  display: block;
  margin: 0px 7px 0px 0px; }

/* Personalisierte Startseite */

.lokal-block
{ margin-top: 1px; margin-bottom: 15px; clear: left; overflow: hidden; display: block; }

* html .lokal-block,
*+ html .lokal-block
{ display: inline-block; }

.kgw-themen-block
{ margin-bottom: 18px;
  clear: both; }

.kgw-themen-block .uschrift
{ background: gainsboro; height: 18px; margin: 0 0 10px 0; padding: 0px 4px; }

.kgw-themen-block .uschrift h4
{ line-height: 17px; font-size: 11px; padding: 0px; margin: 0px; display: inline; float: left; }

.rss
{ float: right; width: 20px; padding: 3px 0px; }

.kgw-themen-block h5
{ margin-bottom: 0px; }

.feed1
{ float: left;
  margin: 0px 0px 5px 0px; }

.feed1 a
{ font-weight: bold; }

.feedbild
{ float: left;
  width: 120px;
  margin: 0px 10px 0px 0px; }

.feedbild img
{ width: 120px; }

.linkliste
{ margin: 5px 0px 10px 0px;
  clear: both; }

.linkliste ul
{ margin: 0px 0px 5px 0px;
  padding: 0px;
  list-style: none; }
  
.linkliste ul li
{ padding: 0px 0px 3px 10px;
  background: url('link.gif') 0px 1px no-repeat; }

.portallink
{ text-align: right; font-weight: bold;  font-size: 10px; line-height: 10px; margin: 0 0 20px 0; background: url('rechts.gif') right top no-repeat; padding: 1px 20px 0px 0px; }

.lokal
{ background: red }

.lokal h5
{ color: #707070; margin-top: 5px }






/* Newsletter-Seite */

.nlEinleitung, .communityEinleitung
{ width: 400px; 
  margin-bottom: 30px; }

.nlBlock, .communityBlock
{ width: 100%;
  margin-bottom: 20px; }
  
h4.nluschrift
{ font-size: 11px;
  background: url('hpuschrift2.gif');
  border: 1px solid #d4d4d4;
  padding: 2px 6px;
  margin: 0 10px 5px 0; }

h4.communityuschrift
{ font-size: 11px;
  background: url('hpuschrift2.gif');
  border-style: solid;
  border-color: #d4d4d4;
  border-width: 1px 1px 0px 1px;
  padding: 2px 6px;
  margin: 0px 10px 0px 0px; }

table.nlListe
{ width: 80%; vertical-align: top; margin: 0 0 10px 0; padding: 0px; }

td.nlCheckbox
{ text-align: left; vertical-align: top; width: 24px; padding: 0px 5px 0px 0px; }
td.nlTitel
{ text-align: left; width: 340px; vertical-align: top; padding: 1px 10px 0px 0px; }
td.nlInfo
{ text-align: right; vertical-align: top; width: 15px; padding: 3px 0px 0px 0px; }
td.nlArchiv
{ display: none; text-align: right; width: 25px; padding: 0px 0px 0px 0px; }

td.nlInfo img
{ width: 11px; height: 12px; background-image: url('info.gif'); background-repeat: no-repeat; }

table.communityListe
{ width: 592px; vertical-align: top; margin: 0 10px 10px 0; padding: 0px;
  border: 1px solid #d4d4d4; }

table.communityListe form
{ margin: 0px; padding: 0px; }

tr.ungerade
{ background: #ececec; }

table.communityListe td
{ vertical-align: top;
  padding: 4px 5px; }

td.mitglied
{ text-align: center; }

.mitgliedtext
{ font-size: 9px;
  color: #aaaaaa;
  line-height: 11px; }

.communityIcon
{ margin: 0px 0px 3px 0px; }

table.communityListe td form
{ text-align: right; }
  
.buttonBeitreten, .buttonAustreten
{ vertical-align: top;
  padding: 0px;
  margin: 2px 0px 0px 10px;
  width: 150px; }
  
.communityLink
{ font-weight: bold;
  display: block; }

/* Sonstiges */

.browserstartseite
{ overflow: hidden; margin-bottom: 0px; margin-top: 10px }

h3
{ margin-bottom: 10px; }

.rssEventHl
{font-weight: bold;}


/* used in /faces/user/newsletter/newsletter.jsp */
.nlInfo div {
	text-align: left;
	position: relative;
}

.nlInfo .nlInfoBoxToggler {
	background: url(info.gif) no-repeat;
	width: 11px;
	height: 12px;
	display: block;
	float: right;
	cursor: pointer;
}

.nlInfo div.nlInfoBox {
	display: none;
	position: absolute;
	left: -320px;
	top: -10px;
	z-index: 100;
	background-color: #F2F2F2;
	border: 1px solid #666666;
	max-height: 600px;
	overflow: auto;
	padding: 5px 10px 18px 12px;
	width: 410px;
}

.nlInfo .nlInfoBoxCloser {
	background: url(schliess.gif) no-repeat center right;
	padding-right: 15px;
	float: right;
	display: block;
}

.nlInfo .nlInfoTex {
	clear: right;
	margin-top: 10px;
}

/* Meine Communites  - Profilfoto entfernen*/


#removeUserImage
{display:inline;
 vertical-align:top;
 float:left;
 clear:left;
 width:auto;
 margin-top:5px;
 margin-left:-1px;
 padding: 0px 0px 8px 0px;}

input{}
input.removeImageBox 
{ display: inline; 
  vertical-align: top;
  float: left; 
  clear:left; 
  width:auto; 
  margin-top:5px;
  margin-left:-1px;
  padding: 0px 0px 8px 0px;}

label.removeImageLabel
{ display: block; 
  margin-left: 3px;
   margin-top:5px;
  float: left; 
  clear: right;
  padding: 1px 0px 8px 0px; }

span.saveInfoText
{float:left;
clear:left;}


/* --------------- Meine Kurse -------------------- */

h4.kurseuschrift
{ font-size: 11px;
  background: url('hpuschrift2.gif');
  border: 1px solid #d4d4d4;
  padding: 2px 6px;
  margin: 0 0 8px 0; }

.kursreg
{ width: 450px;
  padding: 0px 7px; }

.regcode
{ margin: 15px 0px 0px 0px; }

.regcode input.regcodeeingabe
{ width: 200px;
  margin: 0px 5px 0px 10px; }
  
.kurseFreigeschaltet
{ margin: 0px 0px 20px 0px;
  padding: 0px 0px; }
  
.kurseFreigeschaltet div
{ padding: 0px 7px; }

.kurseFreigeschaltet table
{ margin: 10px 0px 0px 0px;
  padding: 0px;
  border: none; }
  
.kurseFreigeschaltet table td
{ padding: 3px 6px;
  vertical-align: top;
  background: whitesmoke;
  border: 1px solid white; }

.kurseFreigeschaltet table th
{ padding: 3px 6px;
  text-align: left;
  background: #ececec;
  border: 1px solid white; }
  
.kurseFreigeschaltenInfo2
{ margin: 0px 0px 30px 0px; }

td.kursdatum
{ width: 70px;
  padding: 0px 5px 0px 0px; } 
td.kurstitel
{ width: 602px;
  padding: 0px 5px 0px 0px;
  word-break: break-all; }
td.kurskategorie
{ width: 120px;
  padding: 0px 5px 0px 0px; }
td.kurstyp
{ width: 120px;
  padding: 0px 5px 0px 0px; }
  
.hinweis
{ margin: 30px 0px 0px 0px;
  padding: 8px 7px;
  border-top: 1px solid #d4d4d4; }
  
   /* ------------ Startseite Kacheln ------------ */

.tile { 
float: left;
width: 195px;
height: 25px;
margin-bottom: 10px;
background-color: #f1f2f1;
background-image: url("/css3/projekte/kdf/blau/start_tiles.png");
background-repeat: no-repeat;
font-family: tahoma, verdana, sans-serif;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
padding-top: 124px;
text-align: center;
}

.tile-profile {
margin-right: 10px;
background-position: 0px 0px;
}		

.tile-newsletter {
background-position: -195px 0px;
}
		
.tile-community {
margin-right: 10px;
background-position: 0px -149px;
}	

.tile-elearning {
background-position: -195px -149px;
}

/* -- Vorbereitung für die Klasse "tile-onleihe" -- */
.tile-onleihe {
margin-right: 10px;
background-position: 0px -298px;
}

/*------ Ausleihe Mein Goethe-de ----*/
.col-md-12 {margin-bottom: 5px;}

.simpleSearchForm {
    margin-bottom: 10px;margin-top: 20px;
	height:40px; position:relative;
}

.biblioName {display:block;}

.biblioBenutzerId {margin-bottom:10px;}

.mediaTitle {display:block;}
.mediaAuthor, .mediaEditor {
    margin-bottom: 15px;
	display:block;
}

.mediaAddress, .mediaEdition, .mediaYear, .mediaPublisher, .mediaSeries, .mediaType {
    display: inline;
    margin-right: 15px;
    float: left;
}
.mediaIsbnLabel {
    clear: both;
    display: block;
    float: left;
    margin-right: 0;
    width: 40px;margin-top: 2px;
}
.mediaIsbn {display:block; float:left;margin-top: 2px;}
form#contentUserStatus:userLentMedias:0:mediaLendingActions {margin:10px 0;}

td.book, td.mediapackage {padding:10px; width:572px;}


.extendedSearchToggle {
    opacity: 0.8;
}
input.extendedSearchToggle {
    opacity: 0.8;
}
.button.actionSearch {
    display: inline;
    margin-top: 0;
    padding: 5px 15px;
}
input.actionSearch {
        font-family: arial;
    font-size: 12px;
    opacity: 0.8;
}
input.mediaExtendLending {float:right; opacity:0.8;}
div#contentUserStatus {}


.mediaReservedAt {
    clear: both;
    color: #474d50;
    float: left;
    font-weight: bold;
    margin-top: 20px;
}
.mediaLentUntilDate {
    margin-left: 4px;
    font-weight: bold;
	float:left;
	margin-top:13px;
	width:120px;
}


.mediaTitle {font-size:16px;text-transform:uppercase;font-family: "ClanWebPro-NarrMedium", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:bold;display:block;margin-bottom:10px;line-height: 18px;}

.mediaLentUntil {display:block;font-weight:bold;color:#474d50;clear:both;width:120px;float:left;margin-top:13px;}
.mediaType, .mediaRegNo{margin-right:5px; margin-bottom:20px;}

form.contentUserStatus:unsubscribe {margin-top:20px; float:right; opacity: 0.8}

input#libraryUserId{display:block;margin-bottom:20px;}

td.mediaRow {width:700px;padding:10px;}

select#contentSubscribe:KDF_GoetheLibaryRegisterForm:country,
select#contentSubscribe:KDF_GoetheLibaryRegisterForm:institute
{display:block;margin-bottom:20px;} 

.cityLabel {margin-right:10px;}
.countryLabel {margin-right:10px;}

.biblioNameLabel, .biblioBenutzerIdLabel {
    display: table-cell;
    width: 200px;
    clear: both;
    float: left;
}
.disconnectButton {
        float: right;
    margin-right: 20px;
    opacity: 0.9;
    display: inline;
    position: relative;
}

.biblioNameLabel, .biblioBenutzerIdLabel {font-weight:bold;text-transform:uppercase;}

.notBookable {display:block;}

td.mediaRow {
    padding: 15px 20px 15px 20px !important;
}

input.mediaExtendLending {float:right; opacity:0.8; padding:8px 12px !important;}
input.mediaCancelReserve {
    float: right;
	opacity: 0.9;padding:8px 15px !important;
}


.button.disconnectButton { padding:4px 12px;background-color:#EB6400;float:right;margin-right:20px;}

.biblioNameLabel, .biblioBenutzerIdLabel {text-transform:uppercase;font-weight:bold;}

/*--------- Medien ----*/
.mediaRow.book .mediaIcon {background: url('https://my.goethe.de/img/book_icon.png') no-repeat;}
.mediaRow.mediapackage .mediaIcon {background: url('https://my.goethe.de/img/media_icon.png') no-repeat;}
.mediaRow.cd .mediaIcon, .mediaRow.dvd .mediaIcon {background: url('https://my.goethe.de/img/cd_icon.png') no-repeat;}
.mediaRow.audio .mediaIcon {background: url('https://my.goethe.de/img/headphone_icon.png') no-repeat;}
.mediaRow.magazine.mediaIcon {background: url('https://my.goethe.de/img/magazine_icon.png') no-repeat;}
.mediaRow.onlineressource .mediaIcon {background: url('https://my.goethe.de/img/online_icon.png') no-repeat;}
.mediaRow.pawn .mediaIcon {background: url('https://my.goethe.de/img/pawn_icon.png') no-repeat;}
	
.mediaType {display:none;}

.mediaSignature, .mediaRegNo {display:none !important;}

.extendedSearchForm .col-md-12 select {margin-top:0px;margin-left:40px;}
.extendedSearchForm .row {
    width: 237px;
    display: inline-block;
    margin-bottom: 5px;
    margin-top: 5px;
}
.extendedSearchForm .col-md-4 {margin-bottom:5px;height: 18px;}
.libraryYearOfPublicationFromInput, .libraryYearOfPublicationToInput,  .libraryYearOfPublicationToText {width:50px;margin-right: 2px;margin-left: 2px;height: 12px;}

.libraryMediaTypeInput {width:237px;}
.libraryLanguageInput {width:237px;font-size:11px;}

.simpleSearchForm .toggle {
    display: inline;
    height: 30px;
    float: right;
    position: relative;
    margin-left: 280px;
    margin-right: 20px;
    margin-top: 20px;}
	
	.libraryLanguageInput {
    width: 237px;
    font-size: 16px;
}
.libraryYearOfPublicationFromInput, .libraryYearOfPublicationToText {
    width: 90px;
    margin-right: 12px;
    margin-left: 0px;
    height: 12px;
}
.libraryYearOfPublicationToInput {
    width: 90px;
    margin-left: 1px;
    height: 12px;
}

.extendedSearchForm .row .col-md-12 {
    margin-bottom: 5px;
    width: 600px;
}

.mediaAuthor, .mediaEditor {
    margin-bottom: 15px;
    display: block;
}

.mediaAddress::after, .mediaPublisher::after, .mediaEdition::after, .mediaYear::after, .mediaPublisher::after, .mediaSeries::after, .mediaType::after {
    content: '|';
    position: absolute;
    margin-left: 5px;
}

.mediaIsbnLabel {
    display: block;
    clear: both;
    float: left;
    width: 40px;
    margin-right: 0;
}

.mediaIsbn {
    float: left;
}

tr.gerade .mediaIsbn:empty {
    background-color: #ffffff;
    width: 100px;
    margin-left: -40px;
    height: 20px;
}

.mediaAddress:empty, .mediaPublisher:empty,.mediaEdition:empty, .mediaYear:empty, .mediaPublisher:empty, .mediaSeries:empty, .mediaType:empty {display:none;}
tr.ungerade .mediaIsbn:empty {
    background-color: #ececec;
    width: 100px;
    margin-left: -40px;
    height: 20px;
}