/**
 * wintergarten-fachverband.de CSS Definition
 *
 * Copyright (c) 2006    web4media
 *                       Hendrik Adam und Manuel Busse GbR
 *                       Am Streitacker 15
 *                       D-35586 Wetzlar
 *                       Germany
 *
 *                       Fon: +49 (0)64 41 / 30 97 89 - 1
 *                       Fax: +49 (0)64 41 / 30 97 89 - 6
 *                       Web: www.web4media.com
 *
 * Alle Rechte vorbehalten. Unberechtigte Kopie und Weiter-
 * verwendung nicht gestattet.
 *
 */


/* +---------------------------------------------------------------------+
   |                  allgemeine HTML-Tags definieren                    |
   +---------------------------------------------------------------------+ */

BODY {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #666;
	margin: 0;
	padding: 0;
	font-size: 100.01%; 	/******** IE Hack ********/
	text-align: center;
	color: #4F4F4F;
}

H1,
H2,
H3,
H4,
H5 {
	margin: 0;
	padding: 0 0 0.5em 0;
	font-size: 1em;
	font-weight: bold;
	text-align: left;
}

P {
	margin: 0;
	padding: 0;
}

A {
	color: #4F4F4F;
	text-decoration: underline;
}

A:HOVER {
	text-decoration: none;
}

UL {
	list-style-type: circle;
	padding: 0;
	margin: 1em 0 1em 2em;
	text-align: left;
}

UL UL{
	list-style-type: square;
	margin-top: 0;
}

UL UL UL {
	list-style-type: none;
	margin-top: 0;
}

OL LI {
	margin: 1em 0 0 0;
	padding: 0;
}

HR {
	display: block;
	height: 1px;
	color: #FC0;
	background-color: #FC0;
	margin: 0;
	padding: 0;
	border: 0;
}

STRONG {
	font-weight: bold;
}

IMG {
	border: 0;
}

FIELDSET  {
	border: 0;
	margin: 0;
	padding: 0;
}

LEGEND {
	display: none;
}

FORM {
	margin: 0;
	padding: 0;
}

INPUT,
TEXTAREA,
SELECT {
	font-size: 100%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

INPUT[type=image] {
	background: transparent;
}

/* +---------------------------------------------------------------------+
   |              sonstige Klassen und Container definieren              |
   +---------------------------------------------------------------------+ */

.INVISIBLE, .SPRUNGLINK {
	position: absolute;
	top: -3000px;
	left: -3000px;
	width: 1px;
	height: 1px;
}

/* Elementenfluss unterbrechen und umgebene Containerhoehe mitziehen */
.CLEAR {
	clear: both;
	float: none;
	line-height: 0.01px;
	font-size: 0;
}

html>body .CLEAR {
	font-size: 0.1px;
}

.LINKS {
	float: left;
}

.RECHTS {
	float: right;
}
	
/* +---------------------------------------------------------------------+
   |                    Hauptcontainer definieren                        |
   +---------------------------------------------------------------------+ */

#PAGE {
	width: 885px;
	margin: 0 auto;
	padding: 0;
	font-size: 0.7em;
	text-align: left;
}

#INFOPOINT {
	float: none;
	clear: both;
	padding: 5px 25px 5px 5px;
	background-color: #B3B3A9;
	color: #000;
}

#INFOPOINT .VERLAUF {
	float: left;
	width: 500px;
}

#INFOPOINT .MAINNAV {
	float: right;
	width: 340px;
	text-align: right;
}

#INFOPOINT A {
	color: #000;
}

#INFOPOINT .MAINNAV A {
	margin: 0 0 0 1em;
	text-decoration: none;
}

#INFOPOINT .MAINNAV A:HOVER {
	text-decoration: underline;
}

#INFOPOINT IMG {
	margin: 0 0.2em -0.3em 0;
}


#BANNER {
	float: none;
	clear: both;
	height: 139px;
	margin: 1px 0 0 0;
	background-image: url(../images/banner-bild-bg.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#BANNER .LOGO A {
	display: block;
	float: left;
	padding: 40px 21px 19px 10px;
	border-bottom: 5px solid #FC0;
}

#BANNER .LOGO A:HOVER {
	border-bottom: 5px solid #900;
}

#BANNER .QUICKNAV {
	float: right;
	width: 529px;
	margin: 55px 0 0 0;
	text-align: right;
}

#BANNER .QUICKNAV A {
	display: block;
	float: right;
	margin: 0 0 0 1px;
	border-bottom: 5px solid #FC0;
	text-decoration: none;
}

#BANNER .QUICKNAV A:HOVER,
#BANNER .QUICKNAV .AKTIV {
	border-bottom: 5px solid #900;
}

#CONTENT {
	clear: both;
	float: none;
	margin: 1px 0 0 0;
	background-color: #B3B3A9;
  	background-image: url(../images/content-verlauf-bg.gif);
	background-position: center;
	background-repeat: repeat-y;
}

#CONTENT #NAVL {
	float: left;
	width: 184px;
	background-color: #B3B3A9;
}

#CONTENT #NAVL .SLOGAN {
	font-size: 1.7em;
	font-weight: bold;
	color: #FFF;
	padding: 5px 0 5px 5px;
}

#CONTENT #NAVL .NAV UL {
	list-style: none;
	margin: 0;
	padding: 0;
	border-top: 1px solid #666;
}

#CONTENT #NAVL .NAV LI {
	display: block;
	border-bottom: 1px solid #666;
}

#CONTENT #NAVL .NAV A {
	display: block;
	background-image: url(../images/navl-pfeil-ebene1-bg.gif);
	background-position: center right;
	background-repeat: no-repeat;
	text-decoration: none;
	padding: 3px 5px 3px 5px;
}

#CONTENT #NAVL .NAV A:HOVER {
	text-decoration: underline;
	background-color: #DEBF2B;
	background-image: url(../images/navl-pfeil-a-bg.gif);
}

#CONTENT #NAVL .NAV .AKTIV {
	background-color: #DEBF2B;
	background-image: url(../images/navl-pfeil-a-bg.gif);
}

#CONTENT #NAVL .NAV LI LI A {
	background-color: #F0EFED;
	background-image: url(../images/navl-pfeil-ebene2-bg.gif);
}

#CONTENT #NAVL .NAV LI LI A:HOVER {
	background-color: #F1E69E;
	text-decoration: underline;
	background-image: url(../images/navl-pfeil-a-bg.gif);
}

#CONTENT #NAVL .NAV LI LI .AKTIV {
	background-color: #F1E69E;
	background-image: url(../images/navl-pfeil-a-bg.gif);
}

#CONTENT #NAVL .NAV .LAST {
	border-bottom: none;
}

#CONTENT #NAVL .MITGLIEDER {
	background-image: url(../images/navl-karte-bg.gif);
	background-position: top center;
	background-repeat: no-repeat;
	text-align: center;
	padding: 80px 12px 80px 12px;
	margin: 20px 0 0 0;
}

#CONTENT #NAVL .MITGLIEDER A {
	display: block;
	padding: 3px;
	text-decoration: none;
	border: 1px solid #FC0;
	background-color: #FAEBA1;
}

#CONTENT #NAVL .MITGLIEDER A:HOVER {
	text-decoration: underline;
}

#CONTENT #NAVR {
	float: right;
	width: 184px;
	background-color: #B3B3A9;
}

#CONTENT #NAVR .NAV UL {
	list-style: none;
	margin: 0;
	padding: 0;
}

#CONTENT #NAVR .NAV LI {
	display: block;
	background-color: #FAEBA1;
	border-bottom: 1px solid #FC0;
}

#CONTENT #NAVR .NAV A {
	display: block;
	background-image: url(../images/navr-pfeil-ebene1-bg.gif);
	background-position: center right;
	background-repeat: no-repeat;
	text-decoration: none;
	padding: 3px 5px 3px 5px;
}

#CONTENT #NAVR .NAV A:HOVER {
	text-decoration: underline;
	background-color: #DEBF2B;
	background-image: url(../images/navl-pfeil-a-bg.gif);
}

#CONTENT #NAVR .NAV .AKTIV {
	background-color: #DEBF2B;
	background-image: url(../images/navr-pfeil-a-bg.gif);
}

#CONTENT #NAVR .NAV LI LI A {
	background-color: #F0EFED;
	background-image: url(../images/navr-pfeil-ebene2-bg.gif);
}

#CONTENT #NAVR .NAV LI LI A:HOVER {
	/*background-color: #F1E69E;*/
	background-color: #F0EFED;
	text-decoration: underline;
	background-image: url(../images/navl-pfeil-a-bg.gif);
}

#CONTENT #NAVR .NAV LI LI .AKTIV {
	/*background-color: #F1E69E;*/
	background-color: #F0EFED;
	background-image: url(../images/navl-pfeil-a-bg.gif);
}

#CONTENT #NAVR .NAV .LAST {
	border-bottom: none;
}





#CONTENT #NAVR .FORMSUCHEN {
	padding: 0 0 0 5px;
}

#CONTENT #NAVR .LABEL {
	display: block;
	float: left;
	padding: 2px 10px 0 0;
	cursor: pointer;
}

#CONTENT #NAVR .TEXTINPUT {
	float: left;
	width: 100px;
	padding: 2px;
	margin: 0;
	border-left: 1px solid #FC0;
	border-right: 1px solid #FC0;
	border-bottom: none;
	border-top: none;
	font-size: 1.1em;
}

#CONTENT #NAVR .IMGINPUT {
	float: right;
	margin: 1px 0 0 0;
}

#CONTENT #INHALT {
	float: left;
	width: 515px;
}

#CONTENT #INHALT .TEASER_START {
	background-position: top left;
	background-repeat: no-repeat;
	color: #FAEBA1;
	font-family: "Georgia", "Times New Roman", Times, serif;
	font-size: 2em;
	letter-spacing: 0.07em;
	line-height: 1.1em;
}

#CONTENT #INHALT .TEASER {
	/*
	height: 200px;
	background-image: url(../images/teaser-bild-bg.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 12px;
	color: #FAEBA1;
	font-family: "Georgia", "Times New Roman", Times, serif;
	font-size: 2em;
	letter-spacing: 0.07em;
	line-height: 1.1em;
	*/
	background-position: top left;
	background-repeat: no-repeat;
	/*padding: 12px;*/
	color: #4F4A49;
	font-family: "Georgia", "Times New Roman", Times, serif;
	font-size: 1.4em;
	line-height: 1.6em;
}

#CONTENT #INHALT .TEASER .PADDING {
	padding: 12px;
}

#CONTENT #INHALT .TEASER H1,
#CONTENT #INHALT .TEASER H2,
#CONTENT #INHALT .TEASER H3,
#CONTENT #INHALT .TEASER H4,
#CONTENT #INHALT .TEASER H5 {
	padding: 0 0 15px 0;
	font-size: 1.4em;
	font-weight: normal;
	line-height: 0.7em;	
}

#CONTENT #INHALT .PADDING {
	padding: 12px;
}

#CONTENT #INHALT .TITEL {
	font-family: "Georgia", "Times New Roman", Times, serif;
	font-size: 2em;
	font-weight: normal;
}

#CONTENT #INHALT .TEXT {
	line-height: 1.6em;
}

#FOOTER {
	display: none;
}

#PRINTINFO {
	display: none;
}

/* +---------------------------------------------------------------------+
   |                      sonstige Container                             |
   +---------------------------------------------------------------------+ */

.BILDLINKS, .BILDRECHTS {
	margin: 0 1em 0.5em 1em;
	padding: 0.2em;
	font-size: 0.8em;
}

.BILDLINKS {
	float: left;
	margin-left: 0;
}

.BILDRECHTS {
	float: right;
	margin-right: 0;
}

.BILDLINKS IMG, .BILDRECHTS IMG {
	margin-bottom: 0.3em;
}

.INFOLIST {
	float: none;
	clear: both;
}

.INFOLIST .ITEM {
	margin: 0 0 1.5em 0;
	border-bottom: 2px solid #FC0;
}

/*
.INFOLIST .BILD IMG {
	border: 1px solid #FC0;
}
*/

.INFOLIST .BILD {
	float: left;
	display: block;
	min-width: 154px;
	border: 1px solid #FC0;
	background-color: #FAEBA1;
}

.INFOLIST .DATEN {
	float: left;
	display: block;
	width: 320px;
	padding: 0 0 0 10px;
}

.INFOLIST .LTITEL {
	padding: 2px 2px 2px 15px;
	margin: 0;
	border: 1px solid #FC0;
	background-color: #FAEBA1;
	font-size: 1.2em;
}

.INFOLIST .LTEXT {
	padding: 6px 2px 2px 2px;
	line-height: 1.4em;
}

.INFOLIST .LINKS {
	clear: both;
	float: none;
	padding: 10px 0 4px 0;
}

.INFOLIST .LINKS .TOP {
	float: left;
	width: 150px;
}

.INFOLIST .LINKS .TOP A {
	padding: 0 20px 0 0;
	background-image: url(../images/infolist-pfeil-top-bg.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

.INFOLIST .LINKS .MORE {
	float: left;
	text-align: right;
	width: 335px;
}

.INFOLIST .LINKS .MORE A {
	padding: 4px 20px 4px 0;
	background-image: url(../images/infolist-pfeil-bg.gif);
	background-position: center right;
	background-repeat: no-repeat;
}

.INFOLIST .LINKS A {
	text-decoration: none;
}

.INFOLIST .LINKS A:HOVER {
	text-decoration: underline;
}

.GALERIELIST {
	float: none;
	clear: both;
}

.GALERIELIST .ITEM {
	float: left;
	width: 163px;
	padding: 0 0 8px 0;
	text-align: center;
}

.GALERIELIST .ITEM IMG {
	border: 1px solid #FC0;
}

.GALERIELIST .ITEM BR {
	float: none;
	clear: both;
	height: 15px;
}

.UEBERSCHRIFT {
	display: block;
	padding: 0.2em;
	margin: 0 0 0.5em 0;
	border: 1px solid #FC0;
	background-color: #FAEBA1;
	font-weight: bold;
}

.TABELLE TH {
	background-color: #FFF;
	font-size: 1em;
	font-weight: bold;
	line-height: 1em;
	padding: 0 0 4px 0;
}

.TABELLE TD {
	background-color: #FAEBA1;
	font-size: 1em;
	border-bottom: 2px solid #FFF;
	line-height: 1em;
	padding: 2px 0 2px 2px;
}

.ZURUECK {
	display: block;
	padding: 0.2em 2em 0.2em 0;
	margin: 0.7em 0 0 0;
	border-bottom: 1px solid #FC0;
	background-image: url(../images/link-zurueck-pfeil-bg.gif);
	background-position: right center;
	background-repeat: no-repeat;
	text-align: right;
}

.ANKER {
	display: block;
	padding: 0.2em;
	margin: 3px 0 0 195px;
	border: 1px solid #FC0;
	background-color: #FAEBA1;
	background-image: url(../images/link-anker-pfeil-bg.gif);
	background-position: right center;
	background-repeat: no-repeat;
	text-align: left;
	font-weight: bold;
}

.ANKER A {
	display: block;
}



.MEMBERLIST {
	clear: both;
	float: none;
}

.MEMBERLIST .ITEM {
	clear: both;
	float: none;
	margin: 1.5em 0 0 0;
	border-bottom: 1px solid #FC0;
}

.MEMBERLIST .UEBERSCHRIFT {
	display: block;
	padding: 0.4em;
	margin: 0 0 0.5em 0;
	border: 1px solid #FC0;
	background-color: #FAEBA1;
	font-weight: bold;
	font-size: 1em;
}

.MEMBERLIST .ITEM .ITEXT {
	display: block;
	padding: 0.2em;
	margin: 0 0 0.5em 0;
	line-height: 1.4em;
}

.MEMBERLIST .ITEM .DATAL {
	float: left;
	width: 210px;
}

.MEMBERLIST .ITEM .DATAR {
	float: right;
	width: 270px;
}

.MEMBERLIST .ITEM .LABEL {
	display: block;
	float: left;
	width: 6em;
}

.MEMBERLIST .ITEM .LINK {
	float: none;
	clear: both;
	text-align: right;
	padding: 2px 20px 2px 0;
	/*
	background-image: url(../images/infolist-pfeil-bg.gif);
	background-position: center right;
	background-repeat: no-repeat;
	*/
}

.MEMBERLIST .ITEM .LINK A {
	display: none;
}


#MEDIENFENSTER {
	background-color: #FFF;
	margin: 0;
	padding: 10px 0 10px 0;
	font-size: 0.7em;
	text-align: left;
	background-color: #B2B4A7;
}

#MEDIENFENSTER .LOGO {
	margin: 0 0 0 30px;	
}

#MEDIENFENSTER .BILD {
	margin: 5px 0 0 0;	
	padding: 0 30px 0 30px;
	text-align: center;
}

#MEDIENFENSTER .TEXT {
	margin: 10px 0 0 0;
	padding: 0 30px 0 30px;
	text-align: center;	
}

#MEDIENFENSTER .TEXT P {
	margin: 0 0 10px 0;
}



.SUCHBOX {
	margin: 0 0 40px 0;
}

.SUCHBOX .SBOX {
	float: left;
	width: 150px;
	line-height: 1.53em;
}

.SUCHBOX .KARTE {
	float: right;
}

.SUCHBOX .LINK {
	display: block;
	padding: 0.2em;
	margin: 0 0 0.5em 0;
	border: 1px solid #FC0;
	background-color: #FAEBA1;
	text-decoration: none;
}

.SUCHBOX .LINK:HOVER {
	text-decoration: underline;
}

.SUCHBOX .MSFORM {
	display: block;
	padding: 0;
	margin: 0 0 0.5em 0;
	border: 1px solid #FC0;
	background-color: #FAEBA1;
}

.SUCHBOX .MSFORM .LABEL {
	float: left;
	margin: 0 5px 0 0;
	padding: 0 0 0 3px;
}

.SUCHBOX .MSFORM .TEXTINPUT {
	float: left;
	border: none;
	border-left: 1px solid #FC0;
	border-right: 1px solid #FC0;
	width: 90px;
	padding: 2px;
}

.SUCHBOX .MSFORM .IMGINPUT {
	float: right;
	margin: 1px 0 0 0;
}


.NORESULT {
	padding: 0.2em;
}

.LVCONTROL {
	clear: both;
	padding: 2.5em 0 1em 0;
}

.LVCONTROL .CONTROL {
	width: 170px;
	float: right;
	text-align: right;
	padding: 1em 0 0 0;
}

.LVCONTROL .INFO {
	clear: both;
}

.LVCONTROL .PAGENO {
	width: 300px;
	float: left;
	padding: 1em 0 0 0;
}

.LVCONTROL .PAGENO A,
.LVCONTROL .PAGENO STRONG {
	margin: 0 0.2em 0 0.2em;
}

.LVCONTROL .OFF {
	color: #CCC;
}

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

.KONTAKTFORM {
	margin: 50px 0 20px 0;
}

.KONTAKTFORM .LABEL {
	display: block;
	float: left;
	width: 160px;
	padding: 0 0 10px 0;
}

.KONTAKTFORM LABEL {
	cursor: pointer;
}

.KONTAKTFORM BR {
	float: none;
	clear: both;
}


.KONTAKTFORM .INPUTMAKER_ORT,
.KONTAKTFORM .TEXTINPUT_ORT,
.KONTAKTFORM .INPUTMAKER_PLZ,
.KONTAKTFORM .TEXTINPUT_PLZ,
.KONTAKTFORM .INPUTMAKER_STRASSE,
.KONTAKTFORM .TEXTINPUT_STRASSE,
.KONTAKTFORM .INPUTMAKER_HNR,
.KONTAKTFORM .TEXTINPUT_HNR,
.KONTAKTFORM .INPUTMAKER,
.KONTAKTFORM .TEXTINPUT,
.KONTAKTFORM .SELECTINPUT {
	font-size: 1.1em;
	color: #555;
	width: 265px;
	margin: 0 0 1em 0;
	float: left;
}

.KONTAKTFORM .BUTTONWEITER {
	width: 150px;
	text-align: center;
	margin: 0 0 0 220px;
}

.KONTAKTFORM .INPUTMAKER_PLZ,
.KONTAKTFORM .TEXTINPUT_PLZ {
	width: 60px;
	margin-right: 5px;
}

.KONTAKTFORM .INPUTMAKER_ORT,
.KONTAKTFORM .TEXTINPUT_ORT {
	width: 195px;
}

.KONTAKTFORM .INPUTMAKER_STRASSE,
.KONTAKTFORM .TEXTINPUT_STRASSE {
	width: 215px;
	margin-right: 5px;
}

.KONTAKTFORM .INPUTMAKER_HNR,
.KONTAKTFORM .TEXTINPUT_HNR {
	width: 40px;
}

.KONTAKTFORM .TEXTAREAMAKER,
.KONTAKTFORM .TEXTAREA {
	width: 265px;
	height: 100px;
	float: left;
	margin: 0 0 1em 0;
}

.KONTAKTFORM .ERROR {
	padding: 5px 0 5px 160px;
	color: #A11A2C;
	font-weight: bold;
}

.KONTAKTFORM .ELEMENT {
	padding: 0 50px 5px 160px;
}