/****************************************************************************************************************
style.css
erstellt: 02.03.05
Autor: Goran

 Stylesheet fuer Werbeagentur aufwind.

geaendert: 07.04.05 Sebastian
Grund: ueberarbeitet 

*******************************************************************************************************************/

/*#####################################################
 Pseudo-Klassen & Redefinierung von HTML-Elementen
######################################################*/

/* Allgemeine Angaben */
html, body,
a, a:link, a:visited, a:hover, a:active,
p, div, span,
table, tbody, th, tr, td,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
form, input, select, option, optgroup, button, fieldset, textarea, label, legend
{
 font-family: Verdana, Arial, Helvetica, SunSans-Regular;
 font-size: 100%;
 color: #666;
 text-decoration: none;
 padding: 0;
 margin: 0;
}

html, body
{
 background: #FFF;
}

/* Links */
a, a:link, a:visited, a:hover, a:active
{
 color: #666;
 text-decoration: none;
}

a:hover
{
	color: #333;
 text-decoration: none;
}

/* Formular-Elemente */
/* siehe weiter unten */

/* Block- und Inline-Elemente */
p
{
 font-size: 0.7em;
 margin: 5px 0px;
}

td, label, legend
{
 font-size: 0.7em;
}

td td,
p label
{
 font-size: 1em;
}

/* Ueberschriften */
h1
{
 font-size: 0.9em;
 color: #666;
 font-weight: bold;
 margin-bottom: 10px;
}

h2
{
 font-size: 0.9em;
 color: #666;
 font-weight: bold;
 margin-top: 15px;
 margin-bottom: 10px;
}

/* wird bei Newsletter verwendet */
h3
{
 font-size: 0.85em;
 font-weight: bold;
 margin-bottom: 10px;
}

/* wird bei Newsletter verwendet */
h4
{
 font-size: 0.8em;
 font-weight: bold;
 background: #7FC31C;
}

h5
{
 font-size: 0.8em;
 font-weight: bold;
 margin-top: 20px;
 margin-bottom: 5px;
}

h6
{
 font-size: 0.75em;
 font-weight: bold;
 border-bottom: 1px solid #666;
 margin-top: 15px;
 margin-bottom: 2px;
}

/* Bild-Definitionen */
img
{
 border: none;
 white-space: nowrap;
}

ul
{
 list-style-type: square;
 padding: 10px 5px 5px 5px;
}

ul li
{
 font-size: 0.7em;
 line-height: 100%;
 margin: 0px 0px 2px 15px;
}

hr
{
 border: 1px solid #7FC31C;
 width: 100%;
 height: 1px;
 margin: 5px 0px;
}
/*------------- Ende Pseudo-Klassen & Redefinierung von HTML-Elementen ------------- */

/*#################################################
 CSS-Klassen bezogen auf die div-Bloecke
#################################################*/

/* Seite zentriert ausrichten */
#center
{
 width: 780px;
 padding: 0;
 margin: 0px auto 0px auto;
 border: 1px solid #D9D9D9;
}

/* --------------- Oben: Links und Mitlaufnavigation --------------- */
.sitenavi
{
 font-size: 0.6em;
 color: #666;
 text-align: right;
 height: 15px;
 padding: 3px 3px 0px 0px;
 margin: 0;
}

.sitenavi a,
.sitenavi a:link,
.sitenavi a:visited,
.sitenavi a:hover,
.sitenavi a.active
{
 font-size: 1.05em;
 color: #666;
 text-decoration: none;
 margin: 0px 5px;
}

/* Mitlaufnavi */
.breadcrumb
{
 float: left;
 font-size: 0.6em;
 padding: 3px 0px 0px 3px;
 margin: 0;
 width: 290px;
}
.breadcrumb a,
.breadcrumb a:link,
.breadcrumb a:visited{
 font-size: 1.05em;
 text-decoration: none;
}

.breadcrumb a:hover{
 font-size: 1.05em;
 text-decoration: underline;
}

/*------------- Ende Oben: Links und Mitlaufnavigation ------------- */

/* ------------- Hauptnavigation ------------- */

/* Formatierung der Links in der Aufklappnavi */
.linkmenu td{
	font-size: 1.0em;
	width: 150px;
	padding: 0px;
	margin: 0px;
}

.linkmenu a,
.linkmenu a:link,
.linkmenu a:visited,
.linkmenu a:hover,
.linkmenu a:active
{
 font-size: 0.7em;
 color: #666;
 text-decoration: none;
 background: #FFF;
 border: 1px solid #7FC31C;
 border-top: none;
 display: block;
 padding: 2px 5px 2px 11px;
 margin: 0;
}

.linkmenu a:hover
{
 background: #D9D9D9;
}

.linkmenu_first td{
	font-size: 1.0em;
	width: 150px;
	padding: 0px;
	margin: 0px;
}

.linkmenu_first a,
.linkmenu_first a:link,
.linkmenu_first a:visited,
.linkmenu_first a:hover,
.linkmenu_first a:active
{
 font-size: 0.7em;
 color: #666;
 text-decoration: none;
 background: #FFF;
 border: 1px solid #7FC31C;
 display: block;
 padding: 2px 5px 2px 11px;
 margin: 0;
}

.linkmenu_first a:hover
{
 background: #D9D9D9;
}

/*------------- Ende Hauptnavigation ------------- */

/* ------------ Content-Bereich ------------ */
#contentarea
{
 width: 100%;
}

/* ------------ Content-Bereich: Subnavigation ------------ */
#subnavi
{
 background: #D9D9D9;
 width: 190px;
 height: 400px;
 float: left;
 border-right: 1px solid #7FC31C;
 border-left: 1px solid #7FC31C;
}

/* Subnavigation Ebene 0 */
#subnavi ul
{
 list-style-type: none;
 padding: 0;
 margin: 0;
}

#subnavi ul li
{
 border-bottom: 1px solid #7FC31C;
 margin: 0;
   font-size: 11px;
}

#subnavi ul li a,
#subnavi ul li a:link,
#subnavi ul li a:visited,
#subnavi ul li a:hover,
#subnavi ul li a:active
{
 color: #888;
 text-decoration: none;
 text-transform: uppercase;
 letter-spacing: 0.1em;
 font-weight: bold;
 background: #D9D9D9;
 line-height: 100%;
 display: block;
 padding: 4px 3px 4px 5px;
}

#subnavi ul li a:hover
{
 color: #888;
 background: #FFF;
}

/* aktive Links in der Subnavigation erhalten diese Klasse */
#subnavi a.akt,
#subnavi a:link.akt,
#subnavi a:visited.akt,
#subnavi a:hover.akt,
#subnavi a:active.akt
{
 padding-left: 5px;
 color: #888;
 background: #FFF;
}

#subnavi a:hover.akt
{
}
/* VFS-only: andere Hintergrundfarben fuer die Navigationspunkte Mitglieder und Mitarbeiter */
#subnavi a.mitglieder,
#subnavi a:link.mitglieder,
#subnavi a:visited.mitglieder,
#subnavi a:hover.mitglieder,
#subnavi a:active.mitglieder
{
 color: #FFF;
 background: #7FC31C;
}

#subnavi a.mitarbeiter,
#subnavi a:link.mitarbeiter,
#subnavi a:visited.mitarbeiter,
#subnavi a:hover.mitarbeiter,
#subnavi a:active.mitarbeiter
{
 color: #FFF;
 background: #598913;
}

#subnavi a:hover.mitarbeiter
{
}

/* Subnavigation Ebene 1 */
#subnavi ul.under
{
}

#subnavi ul.under li
{
 border: none;
 border-top: 1px solid #7FC31C;
}

#subnavi ul.under li a,
#subnavi ul.under li a:link,
#subnavi ul.under li a:visited,
#subnavi ul.under li a:hover,
#subnavi ul.under li a:active
{
 font-weight: normal;
 text-transform: none;
 letter-spacing: 0;
 color: #888;
 background: #FFF;
 display: block;
 padding: 4px 3px 4px 11px;
}

#subnavi ul.under li a:hover
{
 color: #888;
 background: #D9D9D9;
}

#subnavi ul.under li a.akt,
#subnavi ul.under li a:link.akt,
#subnavi ul.under li a:visited.akt,
#subnavi ul.under li a:hover.akt,
#subnavi ul.under li a:active.akt
{
 padding-left: 11px;
 color: #888;
 background: #FFF;
}

/* Subnavigation Ebene 2 */
#subnavi ul.under1
{
}

#subnavi ul.under1 li
{
 border: none;
 border-top: 1px solid #7FC31C;
}

#subnavi ul.under1 li a,
#subnavi ul.under1 li a:link,
#subnavi ul.under1 li a:visited,
#subnavi ul.under1 li a:hover,
#subnavi ul.under1 li a:active
{
 color: #888;
 background: #FFF;
 display: block;
 padding: 4px 3px 4px 19px;
}

#subnavi ul.under1 li a:hover
{
 color: #888;
 background: #D9D9D9;
}

#subnavi ul.under1 li a.akt,
#subnavi ul.under1 li a:link.akt,
#subnavi ul.under1 li a:visited.akt,
#subnavi ul.under1 li a:hover.akt,
#subnavi ul.under1 li a:active.akt
{
 padding-left: 19px;
 color: #888;
 background: #FFF;
}

/* Subnavigation Ebene 3 */
#subnavi ul.under2
{
 padding-bottom: 4px;
}

#subnavi ul.under2 li
{
 border: none;
}

#subnavi ul.under2 li a,
#subnavi ul.under2 li a:link,
#subnavi ul.under2 li a:visited,
#subnavi ul.under2 li a:hover,
#subnavi ul.under2 li a:active
{
 padding: 2px 3px 4px 31px;
}

#subnavi ul.under2 li a:hover
{
}

#subnavi ul.under2 li a.akt,
#subnavi ul.under2 li a:link.akt,
#subnavi ul.under2 li a:visited.akt,
#subnavi ul.under2 li a:hover.akt,
#subnavi ul.under2 li a:active.akt
{
 padding-left: 23px;
}

/* DLM */
#subnavi h1{
	background: #D9D9D9;
	color: #888;
	font-size: 0.7em;
	margin: 0px 0px 0px 0px;
	padding: 15px 5px 5px 5px;
}

#subnavi ul.dlm
{
	font-size: 0.9em;
}

#subnavi ul.dlm li
{
}

#subnavi ul.dlm li a,
#subnavi ul.dlm li a:link,
#subnavi ul.dlm li a:visited,
#subnavi ul.dlm li a:hover,
#subnavi ul.dlm li a:active
{
	text-transform: none;
	font-weight: normal;
	letter-spacing: 0;
}

#subnavi ul.dlm li a:hover
{
}

/* Teaser Subnavi*/
#subnavi .sublink h1{
	color: #888;
	font-size: 0.8em;
	margin: 0px 0px 0px 0px;
	padding: 10px 5px 1px 5px;
}

#subnavi .sublink p{
	font-size: 0.7em;
	color: #888;
	padding: 0px 5px;
}

#subnavi .sublink a,
#subnavi .sublink a:link,
#subnavi .sublink a:visited,
#subnavi .sublink a:hover,
#subnavi .sublink a:active
{
	color: #888;
	text-transform: none;
	font-weight: normal;
	letter-spacing: 0;
}


/*------------- Ende Content-Bereich: Subnavigation ------------- */
/* ------------ Content-Bereich: Inhalte ------------ */

/* Kopfbild, falls vorhanden */
#top
{
 background: #F5F5F5;
 float: left;
 width: 588px;
 padding: 0px;
 margin: 0px;
}

/* mit Zusatzinfos auf der rechten Seite */
#content
{
 background: #F5F5F5;
 float: left;
 width: 406px;
 padding: 15px;
}

/* ohne Zusatzinfos auf der rechten Seite */
#content2
{
 background: #F5F5F5;
 float: left;
 width: 558px;
 padding: 15px;
}

/* Startseite */
#content3
{
 background: #F5F5F5;
 float: left;
 width: 588px;
}

/* nur fuer die Druckversionen! */
#content4
{
 width: 500px;
 padding: 0px 15px 15px 15px;
}

.nofloat
{
 clear: both;
}

/*#################################################
 Contentmaker: Link, Download, Bild
#################################################*/
/* Contentmaker: Link */
.link{
	background: #EAEAEA;
	border: 1px solid #7FC31C;
	padding: 5px;
	margin: 5px 10px 10px auto;
}

.link h1 {
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	font-size: 0.8em;
}

.link img{
	vertical-align: middle;
	margin-left: 5px;
}

.link div{
	margin-right: 2px;
	/*border-right: 1px solid #4D4D4D;
 	border-bottom: 1px solid #4D4D4D;*/
}

.link div img{
	margin-left: 0px;
}

.link a,
.link a:link,
.link a:visited,
.link a:hover{
	text-decoration: none;
	color: #333;
	font-size: 0.7em;
	margin: 5px;
}

.link a:hover{
	color: #7FC31C;
}

.link div a,
.link div a:link,
.link div a:visited,
.link div a:hover{
	background: none;
	margin: 0px;
}

.link p{
	padding: 5px;
	margin: 0px;
}

/* Contentmaker: Download */
.download{
	background: #EAEAEA;
	border: 1px solid #7FC31C;
	padding: 5px;
	margin: 5px 0px 10px 0px;
}

.download h1 {
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	font-size: 0.8em;
}

.download img{
	vertical-align: middle;
	margin-left: 5px;
}

.download div{
	margin-right: 2px;
	/*border-right: 1px solid #4D4D4D;
	border-bottom: 1px solid #4D4D4D;*/
}

.download div img{
	margin-left: 0px;
}

.download a,
.download a:link,
.download a:visited,
.download a:hover{
	text-decoration: none;
	color: #333;
	font-size: 0.7em;
	margin: 5px;
}

.download a:hover{
	color: #7FC31C;
}

.download div a,
.download div a:link,
.download div a:visited,
.download div a:hover{
	background: none;
	margin: 0px;
}

.download p{
	padding: 5px;
	margin: 0px;
}

.download span
{
	font-weight: normal;
}

/* Contentmaker: Bild */
.image{
  padding: 0;
  margin: 0;
}

.image h1{
 font-size: 0.9em;
 color: #BEBEBE;
 font-weight: bold;
 margin-bottom: 10px;
}

.image div{
 font-size: 0.7em;
}

/* Ende Contentmaker: Link, Download, Bild */

/*#################################################
 Contentmaker: Bild und Text
#################################################*/

/*Bild rechts im Text*/

.image_float_right {
   border: 1px solid #7FC31C;
   background: #7FC31C;
   float: right;
   font-size: 0.6em;
   font-weight: bold;
   color: #FFF;
   margin-left: 10px;
   margin-bottom: 5px;
}

.image_float_right img {
  margin-bottom: 1px;
}

.image_float_right_text {
  font-size: 0.7em;
  font-weight: normal;
  line-height: 1.4em;
  background: #E6E6E6;
  padding-bottom: 5px;
}

.image_float_right_text h1 {
  font-size: 1.4em;
  font-weight: bold;
  color: #666;
  /*background: #7FC31C;
  text-transform: uppercase;*/
  padding: 3px;
}

/*Bild links im Text*/
.image_float_left {
   border: 1px solid #7FC31C;
   background: #7FC31C;
   float: left;
   font-size: 0.6em;
   font-weight: bold;
   color: #FFF;
   margin-right: 10px;
   margin-bottom: 5px;
}

.image_float_left img {
  margin-bottom: 1px;
}

.image_float_left_text {
  font-size: 0.7em;
  font-weight: normal;
  line-height: 1.4em;
  background: #E6E6E6;
}

.image_float_left_text h1 {
  font-size: 1.4em;
  font-weight: bold;
  color: #666;
  /*background: #7FC31C;
  text-transform: uppercase;*/
  padding: 3px;
}

/* Ende Contentmaker: Bild und Text*/

/* ------------ Ende Content-Bereich: Inhalte ------------ */

/* ------------ Content-Bereich: Zusatzinformationen (Rechte Spalte) ------------ */

/* Dieser div sorgt fuer den Rahmen */
#custom
{
 background: #CCC;
 float: right;
 width: 150px;
}

/* Definition von Teaserboxen auf der rechten Seite */
.box
{
 color: #FFF;
 margin: 0;
 clear: both;
 border-bottom: 1px solid #7FC31C;
}

.box h1
{
 font-size: 0.7em;
 font-weight: bold;
 color: #FFF;
 background: #7FC31C;
 padding: 3px 10px;
 margin: 0;
}

.box h2
{
 font-size: 0.6em;
 font-weight: bold;
 color: #333;
 padding: 3px 10px;
 margin: 0;
}

.box p
{
 margin: 5px 10px 15px 10px;
}

.box div
{
 font-size: 0.65em;
 padding: 5px;
}

.box a,
.box a:link,
.box a:visited
{
  color: #333;
}

.box a:hover
{
  color: #888;
}

.box ul
{
 /*border-bottom: 1px solid #AAA;*/
 list-style-type: none;
 padding: 5px;
 margin: 0;
}

.box ul li
{
 margin: 0;
}

.box ul li a,
.box ul li a:link,
.box ul li a:visited,
.box ul li a:hover,
.box ul li a:active
{
 font-size: 0.9em;
 text-decoration: none;
 color: #666;
}

.box ul li a:hover
{
 color: #333;
}

.box ul li img
{
 vertical-align: middle;
 text-align: center;
}

.box ul.assetlink img{
	margin-right: 5px;
}

.box ul.assetdownload img{
	float: left;
	margin-bottom: 5px;
}

/* Teaser: Einzeiler */
.box ul.ulist
{
 border: none;
 list-style-type: square;
 padding: 0;
 margin-left: 35px;
}

.box ul.ulist li
{
 padding: 4px 5px;
 margin: 0;
}

/* Kalender */
.box table {
 width: 140px;
 margin: 2px;
 text-align: center;
 vertical-align: middle;
 font-size: 0.75em;
}

.box table td {
 padding: 3px;
 color: #000;
 background-color: #EDF0F1;
}

.box table td a {
 	background-color: #7FC31C;
 	color: #FFF;
 	text-decoration: none;
 	display: block;
}

.box table td a:hover {
 	background-color: #7FC31C;
 	color: #000;
 	text-decoration: none;
 	display: block;
}

.box table td.month {
	color: #000;
	background-color: #CCC;
	font-size: 1.05em;
}

.box table td.month a {
	color: #000;
	background-color: #CCC;
	display: inline;
}

.box table td.week {
 padding: 3px;
 color: #000;
 background-color: #CCC;
}

.box table td.today {
 padding: 3px;
 color: #F00;
 background-color: #EDF0F1;
}

.box table td.today a {
  text-decoration: none;
  background-color: #7FC31C;
 	color: #FFF;
}

/* Ende Kalender */


/* Suche */

button.suchbutton
{
 padding: 0;
 background:none;
 border:none;
 margin-top: 9px;
 margin-left: 5px;
 margin-right: 0px;
}

/* ------------ Ende Content-Bereich: Zusatzinformationen (Rechte Spalte) ------------ */

/*#################################################
 CSS-Klassen fuer Formulare
#################################################*/

form
{
 line-height: 125%;
}

form p
{
	line-height: 110%;
	padding: 0;
	padding-top: 5px;
	padding-left: 135px;
}

form br
{
 clear: both;
}

form span
{
	font-size: 0.7em;
	padding-left: 10px;
}

fieldset
{
 background: none;
 padding: 10px;
}

legend
{
 border: none;
 background: none;
}

label.leftb,
label.leftr
{
 font-weight: bold;
 float: left;
 text-align: right;
 width: 11em;
 margin-right: .8em;
}

/* error-Klasse */
label.leftr
{
 color: #FF0000;
}

select,
textarea
{
 font-size: 0.7em;
 color: #666;
 background: #FFF;
 border: 1px solid #666;
 float: left;
 padding: 2px;
 margin-top: 5px;
}

input
{
 font-size: 0.7em;
 color: #666;
 background: none;
 border: none;
 float: left;
 padding: 2px;
 margin-top: 5px;
 border: 1px solid #666;
}

.textinput
{
	background: #FFF;
 	border: 1px solid #666;
}

select
{
 padding: 0;
}

optgroup, option
{
 font-size: 1em;
 line-height: 100%;
}

input:focus,
textarea:focus
{
 background: #DCEFF8;
}

label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
 cursor: pointer;
}

textarea
{
 width: 50%;
 margin-bottom: 10px;
}

/* Buttons beim Kontaktformular */
.submitbuttons
{
 margin-left: 8.8em;
}

.submitbuttons button
{
 font-size: 0.7em;
 font-weight: bold;
 color: #FFF;
 background: #7FC31C;
 line-height: 100%;
 margin-right: 5px;
}

/* Formular bei der Suche */

form.suche input
{
 font-size: 0.9em;
 padding: 2px;
 margin-left: 2px;
}

form.suche button
{
 line-height: 100%;
 margin-top: 5px;
}

/* Buttons beim anderen Formularen */
.formularbuttons button
{
 font-size: 9px;
 text-transform: uppercase;
 letter-spacing: 0.1em;
 color: #FFF;
 background: #7FC31C;
 line-height: 100%;
 margin-right: 5px;
 padding-top: 2px;
 padding-bottom: 1px;
}

/* Checkbox fuer VFS-Formular */
.check
{
 border: none;
 background: none;
 padding: 0;
}

/*#################################################
 CSS-Klassen fuer News
#################################################*/

.newsblock
{
 margin-bottom: 10px;
 position: relative;
 background: #D9D9D9;
}

.newsblock h1
{
 font-weight: bold;
 font-size: 0.7em;
 color: #FFF;
 text-transform: uppercase;
 background: #7FC31C;
 padding: 3px;
 margin:0px;
}

/* wird bei Newsletter verwendet*/
.newsblock h2
{
 font-weight: bold;
 font-size: 0.9em;
 color: #333;
 background: #CCC;
 padding: 5px;
 margin:0px;
}

.newsblock p{
	padding: 5px;
}

.newsblock span{
  float: left;
  margin-right: 3px;
  position: relative;
}

.anreiser
{
 font-weight: bold;
 margin: 0;
 padding-bottom: 5px;
}

/* Ende News */

/*#################################################
 CSS-Klassen fuer die Newsletter
#################################################*/

.text{
	color: #666;
	font-size: 0.8em;
	font-weight: normal;
}

.newsletter_anreisser{
	font-size: 1em;
	font-weight: bold;
}

.newsletter_text{
	font-size: 1em;
	font-weight: normal;
}

/* Ende Newsletter */

/*#################################################
 CSS-Klassen fuer die Sitemap
#################################################*/
.sitemap td{
	padding: 15px 10px;
}

.sitemap td.separator{
	background-color: #666;
	padding: 0;
}

a.sitemap1,
a:link.sitemap1,
a:visited.sitemap1,
a:hover.sitemap1,
a:active.sitemap1
{
 font-size: 0.85em;
 font-weight: bold;
 color: #3A3A3A;
 text-decoration: none;
 line-height: 160%;
}

a.sitemap2,
a:link.sitemap2,
a:visited.sitemap2,
a:hover.sitemap2,
a:active.sitemap2,
a.sitemap3,
a:link.sitemap3,
a:visited.sitemap3,
a:hover.sitemap3,
a:active.sitemap3,
a.sitemap4,
a:link.sitemap4,
a:visited.sitemap4,
a:hover.sitemap4,
a:active.sitemap4
{
 font-size: 0.85em;
 color: #3A3A3A;
 text-decoration: none;
 line-height: 160%;
}

a:hover.sitemap1,
a:hover.sitemap2,
a:hover.sitemap3,
a:hover.sitemap4
{
 text-decoration: underline;
}
/* Ende Sitemap-Klassen */ 

/*#################################################
 CSS-Klassen fuer die Bildergallerie
#################################################*/
.gallery
{
 color: #FFF;
 margin: 0px;
 margin-right: 40px;
 margin-bottom: 20px;
 float: left;
 width: 152px;
}

.gallery h1
{
 font-size: 0.7em;
 font-weight: bold;
 color: #FFF;
 background: #7FC31C;
 padding: 3px 10px;
 margin: 0px;
}

.gallery div
{
 border: 1px solid #7FC31C;
 border-top: none;
 font-size: 0.7em;
 color: #000;
 background: #FFF;
 padding: 3px;
}

.gallery div.image
{
	margin: 0px;
	text-align: center;
	font-size: 0.7em;
 	color: #000;
 	background: #7FC31C;
 	padding: 0px;
}

.gallery div.headline{
	text-align: center;
	font-size: 0.7em;
 	color: #000;
 	background: #CCC;
 	padding: 3px 10px;
 	margin: 0px;
}

/*Bildergalerie Ausgabe*/
.showgallery
{
	margin: 0px;
	padding: 0px;
}

.showgallery h1
{
 font-size: 0.7em;
 font-weight: bold;
 text-align: center;
 color: #FFF;
 background: #7FC31C;
 padding: 3px 10px;
 margin: 0;
}

.showgallery_thumb
{
	width: 276px;
	height: 450px;
	margin: 0px;
	padding: 0px;
	float: left;
	border-right: 1px solid #7FC31C;
}

.showgallery_thumb div
{
	width: 80px;
	height: 80px;
	margin: 5px;
	text-align: center;
	vertical-align: middle;
	float: left;
	font-size: 0.7em;
 	color: #7FC31C;
 	font-weight: bold;
 	background: #FFF;
}

.showgallery_thumb div.showgallery_center
{
	padding-top: 10px;
	height: 40px;
}

.showgallery_thumb div.showgallery_left
{
	padding-top: 10px;
	height: 40px;
	text-align: left;
}

.showgallery_thumb div.showgallery_right
{
	padding-top: 10px;
	height: 40px;
	text-align: right;
}


.showgallery_image
{
	width: 420px;
	margin: 0px;
	padding: 15px 0px;
	float: right;
}

.showgallery_image div
{
	font-size: 0.7em;
 	color: #000;
 	background: #FFF;
 	padding: 3px;
}

/* Ende Gallerie */

/*#################################################
 CSS-Klassen fuer die Barriere-Freiheit
#################################################*/

.unsichtbar
{
 position: absolute;
 left: -2000px;
 /* Schiebt die "unsichtbaren" Hilfen aus dem Viewport, dadurch lassen
 sich uebereifrige Screenreader, die ausgerechnet "display: none" akustisch
 auswerten, taeuschen, und lesen die so versteckten Hilfen dennoch vor. */
}

/*#################################################
 Universelle CSS-Klassen fuer die Formatierung

#################################################*/

/* Listen im Content-Bereich mit groesserer Zeilenhoehe */
#content ul li,
#content2 ul li{
line-height: 1.2em;
}

/* VFS only:
/* Startseite Veranstaltungsblock */

.home_veranstaltungen{
	float: left;
	width: 265px;
}

.home_veranstaltungen h1{
	font-size: 0.7em;
	text-transform: uppercase;
}

/* Ende Startseite Veranstaltungsblock */
/* Startseite Aktuelles */

.home_nachrichten{
	float: right;
	width: 265px;
}

.home_nachrichten h1{
	font-size: 0.7em;
	text-transform: uppercase;
}

/* Ende Startseite Aktuelles */
/* Ansprechpartner-Popup */

.ansprechpartner{
	font-size: 0.7em;
	font-weight: normal;
	line-height: 1.4em;
}

.ansprechpartner h1{
	font-size: 1.4em;
	font-weight: bold;
	color: #FFF;
	background: #7FC31C;
	text-transform: uppercase;
	padding: 5px 10px;
	margin-bottom: 0px;
}

.ansprechpartner img{
	float: left;
	margin-bottom: 5px;
	margin-right: 10px;
}

.ansprechpartner_text{
	float: right;
	width: 320px;
	padding: 5px;
}

.ansprechpartner_text h2{
	font-size: 1.1em;
	text-transform: uppercase;
	border-top: 1px solid #7FC31C;
	border-bottom: 1px solid #7FC31C;
	margin: 5px 0px;
	padding: 3px 0px;
}

/* Ende Ansprechpartner-Popup */

/*logout fuer geschuetzten bereich*/
#logout{
	float: right;
}

/* Druckklasse*/
.print img{
	vertical-align: middle;
}


/* Ende VFS only */

/*###########################################################

 Die floatleft/-right Definitionen werden im
 WYSIWYG-Editor HTMLArea fuer die Bildausrichtung benoetigt!!

 Die weiteren Klassen stellen die moeglichen
 <span>-Zuweisungen dar.

###########################################################*/

/* Bildausrichtung per Button */
#floatimageleft
{
 font-size: 0.7em;
 float: left;
 margin: 0px 5px 10px 0px;
}

#floatimageleft img
{
 border: none;
}

#floatimageright
{
 font-size: 0.7em;
 text-align: right;
 float: right;
 margin: 0px 0px 10px 5px;
}

#floatimageright img
{
 border: none;
}

.red
{
 color: #FF0000;
}

.green
{
 color: #74C31C;
}

/* alt:
.textb
{
 font-weight: bold;
}

.texti
{
 font-style: italic;
}

.text_rot
{
 color: #E43106;
}
*/

/**********************************************
Adressliste
***********************************************/

.adressliste_wrapper {
	position: relative;
}

.adressliste_wrapper table, tr, td{
	background: #F5F5F5;
	/*height: 25px;*/
	font-weight: normal;
}

.adressliste_wrapper table.print {
	border: 1px solid #000;
	width: 1700px;
	width: 1120px;	
}

.adressliste_wrapper table.web {
	border: 1px solid #ddd;
	width: 550px;
}

.adressliste_wrapper table td {
	border-right: 1px solid #ddd; 
	padding: 2px 4px 2px 4px;
	text-align: left;
	vertical-align: top;
}


.adressliste_wrapper table, tr.tr_head td {
	background: #bbb;
	color: #fff;
	font-weight: bold;
}


.adressliste_wrapper table, tr.tr_1 td {
	background: #d0d0d0;	
}

.adressliste_wrapper td.name,
.adressliste_wrapper td.email,
.adressliste_wrapper td.anschrift,
.adressliste_wrapper td.telefon,
.adressliste_wrapper td.mobil,
.adressliste_wrapper td.fax,
.adressliste_wrapper td.email_p,
.adressliste_wrapper td.anschrift_p,
.adressliste_wrapper td.telefon_p,
.adressliste_wrapper td.mobil_p,
.adressliste_wrapper td.ab
{

}

.adressliste_wrapper table td.name {
	width: 130px;
}

.adressliste_wrapper td.email,
.adressliste_wrapper td.email_p {
	width: 180px;
}

.adressliste_wrapper td.anschrift,
.adressliste_wrapper td.anschrift_p {
	width: 120px;
}

.adressliste_wrapper td.zimmer {
	width: 50px;
}

.adressliste_wrapper td.fax {
	width: 140px;
}

.adressliste_wrapper td.telefon,
.adressliste_wrapper td.telefon_p {
	width: 140px;
}

.adressliste_wrapper td.mobil,
.adressliste_wrapper td.mobil_p {
	width: 130px;
}

.adressliste_wrapper td.privat_leer {
	background: #aaa;
}

.adressliste_wrapper td.ab {

}

.adressliste_wrapper table.web td.anschrift,
.adressliste_wrapper table.web td.anschrift_p,
.adressliste_wrapper table.web td.telefon_p,
.adressliste_wrapper table.web td.mobil,
.adressliste_wrapper table.web td.mobil_p,
.adressliste_wrapper table.web td.fax,
.adressliste_wrapper table.web td.email_p,
.adressliste_wrapper table.web td.privat_leer,
.adressliste_wrapper table.web td.ab
{
	display: none
}

.mouseOverDiv {
	background: #E9EFE0;
	width: 450px;
	line-height: 140%;
}

.mouseOverDiv .links{
	float: left;
	width: 150px;
}

.mouseOverDiv .links .name{
	padding: 5px 10px 5px 10px;
}


.mouseOverDiv .rechts{
	width: 280px;
	padding: 10px;
	float: left;

}

.filter_text,
.leer_text,
.email_text,
.schliessen_text,
.druck_text a:link,
.druck_text a:visited,
.druck_text a:hover,
.druck_text a:active
.email_text a:link,
.email_text a:visited,
.email_text a:hover,
.email_text a:active,
.schliessen_text a:link,
.schliessen_text a:visited,
.schliessen_text a:hover,
.schliessen_text a:active
{
	font-size: 11px;
	text-decoration: underline;
}

.filter_text,
.leer_text {
	text-decoration: none;
}

.eMailDiv {
	display: none;
	position: absolute;
	top: -10px;
	left: 20px;
	border: 1px solid black;
	width: 300px;
	height: 130px;
	padding: 0px;
	background: #fff;
}

.eMailDiv h1{
	padding: 5px 5px 5px 5px;
	margin: 0px;
}

.eMailDiv textarea {
	width: 290px;
	height: 36px;
	margin: 20px 0px 20px 0px;
	padding: 5px;
	border: none;
}

.schliessen_text {
	display: block;
	padding: 5px 5px 5px 5px;
}


#literatur_search
{
	margin-bottom: 20px;
}

#literatur_search .searchfield
{
	width: 250px;
	background: #FFFFFF;
	height: 15px;
}

#literatur_search .search_submit
{
	width: 70px;
	background: #7FC31C;
	color: #FFFFFF;
	font-weight: bold;
	height: 21px;
	margin-left: 5px;	
}

#literatur_results
{
	border: 1px solid #AAAAAA;
}


#literatur_results table
{

}

#literatur_results table th
{
	font-weight: bold;
	background: #7FC31C;
	font-size: 0.7em;
	color: #FFFFFF;
	padding: 0px 3px;
	text-align: left;
	height: 15px;
}

#literatur_results table td
{
	padding: 1px 3px;
	text-align: left;
	border-bottom: 1px solid #EFEFEF;
}


#literatur_results table .td2
{
	background: #FFFFFF;
	text-align: left;
}