*{
	font-family: Arial, Helvetica, sans-serif;
}

body
{
    margin:0px;
    padding:0px;
	font-size: 12px;
	background-color: #000000;
}

html 
{
    height:100%;
}

/* 
	Beispielstyles: 
	background-image: url(../images/arrow_small.gif);	--> Hintergrundbild
	background-repeat: no-repeat;						--> Ausbreitung des Hintergrundbildes
	text-transform: uppercase;							--> Text in Großbuchstaben
	list-style-type: none;  							--> Aufzählungstyp
	list-style-image: url(../images/arrow_small.gif);	--> Bild für Aufzählungszeichen
*/

/* ******************************* DIV's ****************************** */

#whiteContainer{
	display: none;
}

#blackContainer{
	width: 100%;
	background-color: #000000;
}

/* Linker Rahmen hat Farbe des Jahres */
#mainContainer{
	margin: auto;
	text-align: center;
	width: 983px;
	background-color:#DFDFDF;
	border-left: 9px solid #FFFFFF;
}

/* Linker Rahmen hat Farbe des Jahres */
#topLine{
	display: none;
}

/* Rechter Rahmen hat Farbe des Jahres */
#mainMenuArea{
	width: 737px;
	background-color: #000000;
	height: 100px;
	text-align: right;
	position: relative;
	border-right: 246px solid #FFFFFF;
	display: none;
}

#logo{
	width: 300px;
	height: 100px;
	float: left;
}

#mainMenuLeft{
	display: none;
}

#mainMenuRight{
	display: none;
}

#lineAfterMainMenu{
	display: none;
}

#header{
	display: none;
}

#lineAfterHeader{
	display: none;
}

#bottomLine{
	display: none;
}

#contentArea
{
	background-image: url(../images/bg_contentarea.gif);	
	background-repeat: repeat-y;						
	width: 983px;
}

#content
{
	text-align: left;
	width: 713px;
	padding: 0px 12px 10px 12px;
	float: left;
}

#pagePath{
	margin: 9px 10px 14px 0px;
}

#rightContent
{
	text-align: left;
	width: 216px;
	padding: 15px;
	float: left;
	display: none;
}

#rightContent ul{
	margin: 0px;
	padding: 0px 15px 0px 15px;
}

#rightContent li{
	list-style-type: square;
	color: #E10729;
}

#bottomContainer{
	display: none;	
}

#address {
	width: 718px;
	padding: 8px 8px 16px 20px;
	text-align: left;
	float: left;
}

#webBy{
	text-align: right;
	padding: 8px 8px 16px 8px;
	width: 230px;
	float: left;
}

#printVersion{
	text-align: right;
}


/* *********************** Formatierungsklassen *********************** */

/* Farbe des Links bei hover wechselt mit Farbe des Jahres */
.topMenu, .topMenu a, .topMenu a:visited, .topMenu a:link { font-size: 11px; color: #000000; text-decoration: none; }
.topMenu a:hover { font-size: 11px; color: #E10729; text-decoration: underline; }
.topMenu a:active { font-size: 11px; color: #000000; text-decoration: none; }

.topMenuActive {  font-size: 11px; color: #E10729; text-decoration: none; font-weight: bold; }

.mainMenu, .mainMenu a, .mainMenu a:visited, .mainMenu a:link { font-size: 13px; color: #FFFFFF; font-weight: bold; text-decoration: none; }
.mainMenu a:hover { font-size: 13px; color: #FFFFFF; font-weight: bold; text-decoration: underline; }
.mainMenu a:active { font-size: 13px; color: #BEBEBE; font-weight: bold; text-decoration: none; }

.mainMenuActive{ font-size: 13px; color: #BEBEBE; font-weight: bold; text-decoration: none; }

.headerTitleSmall{ font-size: 11px; color: #FFFFFF; text-decoration: none; }
.headerTitleBig{ font-size: 20px; color: #FFFFFF; text-decoration: none; }

/* Farbe der Schrift bei "link" und "hover" ist Farbe des Jahres */
.content, .content a, .content a:visited { font-size: 12px; color: #5C5B60; text-decoration: none; }
.content a:link { font-size: 12px; color: #E10729; text-decoration: underline; }
.content a:hover { font-size: 12px; color: #E10729; font-weight: bold; text-decoration: underline; }
.content a:active { font-size: 12px; color: #5C5B60; text-decoration: none; }

.pagePath, .pagePath a, .pagePath a:visited, .pagePath a:link { font-size: 11px; color: #000000; text-decoration: none; }
.pagePath a:hover { font-size: 11px; color: #000000; text-decoration: underline; }
/* Farbe der Schrift ist Farbe des Jahres */
.pagePath a:active { font-size: 11px; color: #E10729; text-decoration: none; }

/* Farbe der Schrift ist Farbe des Jahres */
a.pagePathActive:visited, a.pagePathActive:link, a.pagePathActive:hover, a.pagePathActive:active { font-size: 11px; color: #E10729; text-decoration: none; }

/* Farbe der Schrift bei "link" und "hover" ist Farbe des Jahres */
a.rightContent, a.rightContent:visited { font-size: 11px; color: #000000; text-decoration: none; }
a.rightContent:link { font-size: 11px; color: #E10729; text-decoration: none; }
a.rightContent:hover { font-size: 11px; color: #E10729; text-decoration: underline; }
a.rightContent:active { font-size: 11px; color: #000000; text-decoration: none; }

/* Farbe der Schrift ist Farbe des Jahres */
.rightContent { font-size: 11px; color: #000000; text-decoration: none; }
.rightContent a, .rightContent a:visited { font-size: 11px; color: #E10729; text-decoration: none; }
.rightContent a:link { font-size: 11px; color: #E10729; text-decoration: none; }
.rightContent a:hover { font-size: 11px; color: #E10729; text-decoration: underline; }
.rightContent a:active { font-size: 11px; color: #E10729; text-decoration: none; }

a.rightMenu, a.rightMenu:visited { font-size: 13px; color: #000000; text-decoration: none; font-weight: bold; }
a.rightMenu:link { font-size: 13px; color: #000000; text-decoration: none; font-weight: bold; }
a.rightMenu:hover { font-size: 13px; color: #E10729; font-weight: bold; text-decoration: underline; }
a.rightMenu:active { font-size: 13px; color: #E10729; text-decoration: none; font-weight: bold; }

a.rightMenuActive { font-size: 13px; color: #E10729; text-decoration: none; font-weight: bold; }

.bottomText, .bottomText a, .bottomText a:visited, .bottomText a:link { font-size: 11px; color: #FFFFFF; text-decoration: none; }
.bottomText a:hover { font-size: 11px; color: #FFFFFF; text-decoration: underline; }
.bottomText a:active { font-size: 11px; color: #FFFFFF; text-decoration: none; }

/* ********************** globale Formatierungen ********************** */

a{
	color: #000000;
	text-decoration: underline;
}

table
{ 
	border-collapse:collapse;
}


/* ************************************ Überschriften ********************************** */
h1
{
	font-size: 20px;
	font-weight: bold;
	color: #E10729;
}
h2
{
	font-size: 18px;
	font-weight: bold;
	color: #E10729;
}
h3
{
	font-size: 16px;
	font-weight: bold;
	color: #E10729;
}
h4
{
	font-size: 14px;
	font-weight: bold;
	color: #E10729;
}
h5
{
	font-size: 12px;
	font-weight: bold;
	color: #E10729;
}
h6
{
	font-size: 12px;
	font-weight: bold;
	color: #5C5B60;
}


/* ************************************ Formulare ************************************** */
input
{
	margin-top: 3px;
	border: 1px solid #9D9D9F;
}

.button
{
	border: 0px;
	background-color: #CFCFCF;
	text-transform:uppercase;
	font-size: 11px;
	margin: 4px 0px 0px 0px;
	float: right;
	padding: 0px;
}

/* ******************** Formatierung Dateiverweise & Bildbeschreibung ****************** */

.csc-uploads-fileName p	/* Name der Datei */
{
	margin: 0px;
	padding-bottom: 6px;
}

.csc-uploads-icon
{
	vertical-align: top;
}

.csc-uploads-fileSize	/* Dateigröße bei Dateiverweisen/-links */
{
	vertical-align: top;
}

.csc-uploads-fileSize p 
{
	margin: 0px;
	padding: 0px;
	width: 40px;
}

.csc-textpic-caption 	/* Bildbeschreibung */
{
	font-size: 10px;
	padding-top: 6px;
	padding-bottom: 10px;
}

/* ******************** Formatierungen Kontaktformular (pi1_mailform) ****************** */

.error
{
	color: #FF0000;
}

.tx-pilmailform-pi1 label
{
	display:table-cell;
	width:130px;
	float:left;
	vertical-align:middle;
	padding-top:3px;
	text-align: right;
	padding-right: 7px;
}

.tx-pilmailform-pi1 input, .tx-pilmailform-pi1 textarea
{
	font-weight: normal;
	margin-top: 3px;
	border: 1px solid #9D9D9F;
	width: 350px;
}

.tx-pilmailform-pi1 input
{
	width: 350px;
}