/**
 * 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: #FFF;
	margin: 0;
	padding: 0;
	font-size: 100.01%; 	/******** IE Hack ********/
	text-align: left;
	color: #000;
}

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: #000;
	text-decoration: underline;
}

A:HOVER {
	text-decoration: none;
}

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

UL UL{
	list-style-type: circle;
	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: #000;
	background-color: #000;
	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: 630px;
	margin: 0;
	padding: 0;
	font-size: 0.7em;
	text-align: left;
}

#INFOPOINT {
	display: none;
}

#BANNER {
	display: none;
}

#CONTENT {
	clear: both;
	float: none;
	margin: 120px 0 0 20px;
	padding: 5px 0 5px 0;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

#CONTENT #NAVL {
	display: none;
}


#CONTENT #NAVR {
	display: none;
}

#CONTENT #INHALT {
}

#CONTENT #INHALT .TEASER {
	font-family: "Times New Roman", Times, serif;
	font-size: 2em;
	letter-spacing: 0.07em;
}

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

#FOOTER {
	display: none;
}

#PRINTINFO {
	display: block;
	width: 630px;
	margin: 20px 10px 5px 20px;
	padding: 5px 0 0 0;
	line-height: 1.6em;
}

#PRINTINFO .LOGO {
	position: absolute;
	top: 1.5em;
	left: 1.5em;
	padding: 10px 0 0 20px;
}
	
#PRINTINFO .URL {
	padding: 10px 0 10px 0;
}

/* +---------------------------------------------------------------------+
   |                      sonstige Container                             |
   +---------------------------------------------------------------------+ */
	
.INFOLIST {
	float: none;
	clear: both;
}

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

.INFOLIST .BILD {
	float: left;
	display: block;
	width: 150px;
	border: 1px solid #FC0;
}

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

.INFOLIST .TITEL {
	padding: 2px 2px 2px 15px;
	margin: 0;
	border: 1px solid #FC0;
	background-color: #FAEBA1;	
}

.INFOLIST .TEXT {
	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;
}