/*###########################################################
### Basics ###
############################################################*/
#content h1 {
	/* Beachte, dass die oberen Randabstnde der Inhaltselemente (h1, p, etc.) mit padding gelst werden, 
	da margin-top und margin -bottom keine Wirkung zeigen. Andererseits werden seitliche Randabstnde besser mit margin gelst,
	da padding zu unterschiedlichen Auswirkungen auf die width der Elemente haben (IE-Bug) */
	margin: 0;
	padding: 0; 
	font-size: 11px;
	color: #E14000;
	font-weight: bold;
	text-transform: uppercase;
}
#content h2 {
	margin: 0 0 -10px 0;   /* "margin-bottom: -5px" damit diese berschriften genau auf den <p>-Abstzen liegen (geht mit padding nicht!) */
	padding: 5px 0 0 0;
	font-size: 11px;
	color: #E09E45;
	font-weight: bold;
}
#content p {
	margin: 0;
	padding: 10px 0 0 0;
	color: #7C8387;
	text-align: justify;
}
#content p.more {   /* fr den "mehr"-Link */
	color: #E14000;
	width: 90px;
	border-top: 1px dotted #BAC5D2;
	margin: 10px 0 0 0;
	padding: 3px 0 0 0;
}
#content a {
	color: #E09E45;
}
#content a img {
	border: 0;   /* bei verlinkten Bildern geben die Browser sonst einen 1px-Rahmen dazu. Dieser wird hiermit verhindert. */
}
.underlined {
	text-decoration: underline; /* fr unterstrichene Textbereiche */
}

/*###########################################################
### Inhaltscontainer-Typen ###
############################################################*/
.contentcontainer {
	padding: 20px 0;
	margin: 0;
	border-bottom: 1px dotted #BAC5D2;
	width: 550px;
}
.contentcontainer_orange {   /* mit orangenem unteren Rand */
	padding: 20px 0;
	margin: 0;
	border-bottom: 1px solid #E09E45;
	width: 550px;
}

/*###########################################################
### Bilder ###
############################################################*/
.leftimage {
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
	width: 170px;
}
.rightimage {
	float: right;
	margin: 0 0 0 20px;
	padding: 0;
	width: 170px;
}

/* spezielle Bildkonstellationen */
.introimage {
	float: right;
	margin: 20px 0 0 20px;
	padding: 0;
}

/*###################################################################
### Text ###
####################################################################*/
/* fr Text mit links oder rechtsstehendem Bild */
.lefttext {
	padding: 0;
	margin: 0;
	width: 360px;
}
.righttext {
	padding: 0;
	margin: 0 10px 0 190px;
}

/* fr Zweispaltentext (=bicol) */
.bicol_left {
	width: 255px;
	margin: 0;
	padding: 0 20px 0 0;
	border-right: 1px dotted #BAC5D2;
	float: left;
}
.bicol_right {
	margin: 0 10px 0 295px;
}

/* fr Dreispaltentext (=tricol) */
.tricol_left {
	width: 170px;
	margin: 0;
	padding: 0 9px 0 0;
	border-right: 1px dotted #BAC5D2;
	float: left;
}
.tricol_middle {
	width: 170px;
	margin: 0;
	padding: 0 9px 0 9px;
	border-right: 1px dotted #BAC5D2;
	float: left;
}
.tricol_right {
	color: #7C8387;
	width: 170px;
	margin: 0;
	padding: 0 0 0 9px;
	float: left;
}

/* "nofloat" fr ein DIV, das als Abschlu in den Contentcontainern eingesetzt werden kann, um den "float"-Effekt der vorausgehenden 
Inhaltselemente aufzuheben. Dieser wrde sonst dazu fhren, dass die Textspalten ber die untere Grenze des Contentcontainers hinaus-floaten 
und der Contentcontainer nicht mit wchst. */
.nofloat {
	clear: both;
	margin: 0;
	padding: 0;
	line-height: 0px;
	height: 0;
}

/*###################################################################
### Listen ###
####################################################################*/
ul.content {
	margin: 0;
	padding: 10px 0 0 20px;
	list-style-position: outside;
	list-style-image: url(../../images/template/arrow_red.gif);
	color: #E09E45;
}
ul.mailform {   /* MailForm-Liste */
	list-style-type: none;
	margin: 0px;
	padding: 10px 0 0 0;
}
ul.mailform li {
	min-height: 25px;
}
ul.mailform li.schutz { /* Spamschutz - macht Feld "firma" unsichtbar -> nur Spambots füllen dieses Feld dann aus => Ausschlußkriterium im verarbeitenden php-Script. */
	display: none;
}
ul.impressum {
	list-style-type: none;
	margin: 0;
	padding: 10px 0 0 0;
	color: #7C8387;
}

/*#####################################################################
### Kontakt ###
######################################################################*/
/* Formular-Tabelle */
.title_td{
	font-size: 11px;
	color: #E09E45;
	width: 170px;
	text-align: right;
}
.trenner_td{
	width: 20px;
}
.form_td{
	width: 360px;
}

/* Adress-Spaltentext mit CSS */
p.left {
	float: left;
	width: 150px;
}

/* spezifische H1-Formatierung */
h1.left {
	width: 170px;
	text-align: right;
} 

/* CSS-Formular */
#mailform {
	margin: 0;
	padding: 0;
}
#mailform label {
	text-align: right;
	padding: 0px;
	width: 170px;
	margin-right: 20px;
	float: left;
	color: #E09E45;
	font-weight: bold;
}
#mailform label span {
	color: #E14000;
}
input.nobut, textarea {   /* die input-Klasse "nobut" ist notwendig, um alle input-Elemente mit Ausnahme der Buttons zu formatieren! */
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #7C8387;
	font-size: 11px;
	margin: 0;
	padding: 3px;
}
input.nobut {
	width: 170px;
}
textarea {
	width: 340px;
	height: 100px;
	margin: 0 0 5px 0;
}
input.loeschen {
	width: 82px;   /* hebt die Breite von "input: 170px;" auf */
	margin: 0 0 0 190px;
}
input.senden {
	width: 82px;   /* hebt die Breite von "input: 170px;" auf */
	margin: 0 0 0 8px;
}

/*#####################################################################
### Impressum ###
######################################################################*/
.impressum label {
	margin: 0;
	padding: 0;
	color: #E09E45;
}

/*#####################################################################
### Textverstecken auf der index.html (=Flash-detection-Seite) ###
######################################################################*/
.txt {
	display: none;
}