/**
 * imagecube.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: #2B3130;
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 100.01%; 	/******** IE Hack ********/
	text-align: left;
	color: #FFF;

}

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: #FFF;
	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: #FFF;
	background-color: #FFF;
	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;
	font-size: 0;
}

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

.LINKS {
	float: left;
}

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

.PAGE {
	font-size: 0.7em;
	text-align: left;
}

/**
 * Startseite
 */

#START {
	padding: 80px 0 0 0;
}

.CONTENT {
	background-image: url(../images/start-content-verlauf-bg.jpg);
	background-position: left;
	background-repeat: repeat-y;
	background-color: #6A7C7C;
	border-top: 1px solid #6F7373;
	border-bottom: 1px solid #6F7373;
	height: 420px;
}

.INHALT {
	padding: 20px 0 0 40px;
	width: 450px;
}

.INHALT .TITEL,
.INHALT .WILLKOMMEN {
	font-size: 1.5em;
	margin: 0 0 10px 0;
	font-weight: normal;
}

.INHALT .TITEL A,
.INHALT .WILLKOMMEN A {
	text-decoration: none;
}

.INHALT .TITEL A:HOVER,
.INHALT .WILLKOMMEN A:HOVER {
	text-decoration: underline;
}

.INHALT .TEXT {
	padding: 0 0 0 17px;
	line-height: 1.4em;
}

.BILDER {
	position: absolute;
	z-index: 999;
	top: 362px;
}

.BILDER .BLINKS,
.BILDER .BMITTE,
.BILDER .BRECHTS {
	float: left;
	width: 130px;
	height: 130px;
	margin: 0 10px 0 0;
	background-position: top left;
	background-repeat: no-repeat;
}

.BILDER .BLINKS IMG,
.BILDER .BMITTE IMG,
.BILDER .BRECHTS IMG {
	margin: 2px 0 0 2px;
}

.BILDER .BLINKS {
	background-image: url(../images/start-bild-links-bg.jpg);
}

.BILDER .BMITTE {
	background-image: url(../images/start-bild-mitte-bg.jpg);
}

.BILDER .BRECHTS {
	background-image: url(../images/start-bild-rechts-bg.jpg);
}

.SCHATTEN {
	background-image: url(../images/start-schatten-bg.jpg);
	background-position: top;
	background-repeat: repeat-x;
	height: 20px;
}

.STREIFEN {
	border-top: 1px solid #A0A6A6;
	border-bottom: 1px solid #6F7373;
	background-color: #889696;
	position: absolute;
	z-index: 99;
	top: 423px;
	width: 100%;
}

.IMAGECUBE {
	position: absolute;
	top: 41px;
	left: 505px;
}

.FOOTER {
	text-align: center;
	color: #555F5F;
	line-height: 1.6em;
}

.FOOTER A {
	color: #555F5F;
}

#POPUP {
	padding: 40px 0 20px 0;
}


#POPUP .FOOTER {
	text-align: center;
	color: #555F5F;
	line-height: 1.6em;
}

#POPUP .FOOTER A {
	color: #555F5F;
}

#POPUP .CONTENT {
	height: auto;
	padding-bottom: 20px;
}

#POPUP .INHALT {
		width: 450px;
}

/* +---------------------------------------------------------------------+
   |                      sonstige Container                             |
   +---------------------------------------------------------------------+ */
	
.FORM {
	display: block;
	margin: 30px 0 0 0;
}

.FORM FIELDSET {
	margin: 25px 0 25px 0;
	padding: 0;
}

.FORM .FORMTITEL {
	margin: 0;
	padding: 2px 5px 2px 5px;
	clear: both;
}

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

.FORM LABEL {
	cursor: pointer;
}

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

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

.FORM .SELECTMAKER,
.FORM .SELECTINPUT {
	font-size: 1.1em;
	color: #555;
	width: 272px;
	margin: 0 0 1em 0;
	float: left;
}

.FORM .BUTTON {
	text-align: center;
	margin: 0 0 0 60px;
}

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

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

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

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

.FORM .TEXTAREAMAKER,
.FORM .TEXTAREA {
	width: 400px;
	height: 100px;
	margin: 10px 0 0 0;
	border: 1px solid #6F7373;
}

.FORM .INFOTEXT {
	float: left;
	width: 390px;
	margin: 0 0 15px 0;
}

.FORM .CHECKBOXINPUT {
	float: left;
	margin: 1px 15px 0 0;
}

.FORM .TEXTAREAMAKER,
.FORM .INPUTMAKER_ORT,
.FORM .INPUTMAKER_PLZ,
.FORM .INPUTMAKER_STRASSE,
.FORM .INPUTMAKER_HNR,
.FORM .SELECTMAKER,
.FORM .INPUTMAKER {
	background-color: #FFCCCC;
}

.ERROR {
	border: 1px solid #C00;
	background-color: #FFCCCC;
	padding: 5px;
	color: #C00;
	margin: 30px 0 30px 0;
}

.ERROR A {
	color: #C00;
}