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

body
{
    margin:0px;
    padding:0px;
	font-size: 11pt;
	background-color: #262a74;
	background-image:url(../images/whitebg.gif);
	background-repeat:repeat-x;
	background-position: 0px 133px;
}

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 ****************************** */

#topArea
{
	width: 773px;
	margin-bottom: 1px;
}

#logo {
	width: 270px;
	height: 105px;
}

#topMenu {
	display: none;
}

#search {
	display: none;
}

#langMenu {
	display: none;
}

#menuArea {
	display: none;
}

#mainMenu {
	display: none;
}

#mainMenu li{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	display: block;
}

#mainMenu ul{
	margin: 0px;
	padding: 0px;
}

#pageMenu {
	height: 22px;
	float: left;
	text-align: right;
}

/* Farbe wechselt */
#middleArea {
	background-color: #0072B8;
	margin: 0px;
	padding: 31px 0px 0px 0px;
}

#contentArea {
	background-color: #FFFFFF;
	width: 974px;
	min-height: 347px;
	padding-top: 22px;
	padding-bottom: 22px;
}

/* 
wurde geändert - nicht wie im Konzept vorgesehen
Breite statt 135px -> 155px
Abstand rechts statt 40px -> 20px
*/
#leftArea {
	display: none;
}

#logoArea {
	display: none;
}

#leftMenu {
	display: none;
}

#leftMenu li{
	list-style-type: none;
	display: block;
}

#leftMenu ul{
	margin: 0px;
	padding: 0px;
}

#rightArea {
	width: 773px;
	float: left;
}

#pagePath {
	height: 9px;
	width: 773px;
	margin-bottom: 43px;
}

#content
{
	width: 773px;
}

/* ----------------------------------- */
/* für Template mit 2 gleichbreiten Spalten */
/*
#content2ColumnsLeft {
	width: 375px;
	margin-right: 23px;
	float: left;
}

#content2ColumnsRight{
	width: 375px;
	float: left;
}
*/
/* ----------------------------------- */
/* für Template mit 3-spaltigem Inhalt */
#content3ColumnsLeft {
	width: 247px;
	margin-right: 15px;
	float: left;
}

#content3ColumnsMiddle {
	width: 247px;
	margin-right: 15px;
	float: left;
}

#content3ColumnsRight {
	width: 247px;
	float: left;
}
/* ----------------------------------- */
/* Template 2 Spalten: rechte breiter */
#content2ColumnsLeftSmall {
	width: 247px;
	margin-right: 15px;
	float: left;
}

#content2ColumnsRightLarge {
	width: 509px;
	float: left;
}
/* ----------------------------------- */
/* Template 2 Spalten: linke breiter */
#content2ColumnsLeftLarge {
	width: 509px;
	margin-right: 15px;
	float: left;
}

#content2ColumnsRightSmall {
	width: 247px;
	float: left;
}
/* ----------------------------------- */

#bottomArea {
	display: none;
}

#bottomMenu {
	display: none;
}

#footer {
	display: none;
}

#lineInLeftMenu {
	display: none;
}

#printversion {
	display: none;
}

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

/* ********* allgemeine Formatierungen ********** */
.content { 
	font-size: 11px; color: #000000; text-decoration: none;
}
.content a, .content a:visited, .content a:link, .content a:hover, .content a:active {
	font-size: 11px; color: #262a74; text-decoration: underline;
}

.content a:hover {
	font-size: 11px; color: #262a74; text-decoration: none;
}

.content a:active {
	font-size: 11px; color: #262a74; text-decoration: underline;
}

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

.pagePath { 
	font-size: 9px; color: #000000; text-decoration: none; 
}
.pagePath a, .pagePath a:visited, .pagePath a:link, .pagePath a:hover, .pagePath a:active { 
	font-size: 9px; color: #000000; text-decoration: underline; 
}
a.pagePathActive, a.pagePathActive:visited, a.pagePathActive:link, a.pagePathActive:hover, a.pagePathActive:active { 
	font-size: 9px; color: #000000; text-decoration: none; 
}

.searchInput{
	width: 130px;
	height: 15px;
	font-size: 10px;
	margin-top: 2px;
}

.searchButton {
	border: 0px;
}

/* **************** MENÜS ************* */

/* Menü oben und unten */
.globalMenu, .globalMenu a, .globalMenu a:visited, .globalMenu a:link, .globalMenu a:hover, .globalMenu a:active { 
	font-size: 10px; color: #FFFFFF; text-decoration: none; text-transform: uppercase;
}

/* linkes Menü */
.leftMenu, .leftMenu a, .leftMenu a:visited, .leftMenu a:link, .leftMenu a:hover, .leftMenu a:active { 
	font-size: 11px; 
	color: #262A74; 
	text-decoration: none; 
	width: 155px;
	display: block;
	padding: 3px 0px 2px 0px;
	border-bottom: 1px solid #262a74;
}

/* linkes Menü: aktives Item */
.leftMenuActive { 
	font-size: 11px; 
	color: #262A74; 
	text-decoration: none; 
	font-weight: bold; 
	width: 155px;
	display: block;
	padding: 3px 0px 2px 0px;
	border-bottom: 1px dotted #262a74;		
}

/* linkes Menü: 2.Ebene: nicht fett 
.leftMenuLayer2, .leftMenuLayer2 a, .leftMenuLayer2 a:visited, .leftMenuLayer2 a:link, .leftMenuLayer2 a:hover, .leftMenuLayer2 a:active {*/
.leftMenuLayer2 {
	font-size: 11px; 
	color: #262A74; 
	text-decoration: none; 
	width: 143px;
	_width: 142px;
	display: block;
	padding: 3px 0px 2px 13px;
	background-image: url(../images/bg_leftmenu_layer_2.gif);	
	background-repeat: no-repeat;	
	background-position: bottom;
}

.leftMenuLayer2Sub {
	font-size: 11px; 
	color: #262A74; 
	text-decoration: none; 
	width: 130px;
	display: block;
	padding: 3px 12px 2px 13px;
	background-image: url(../images/bg_leftmenu_layer_2_sub.gif);	
	background-repeat: no-repeat;	
	background-position: bottom;
}

.leftMenuLayer2SubActive {
	font-size: 11px; 
	color: #262A74; 
	text-decoration: none; 
	font-weight: bold;
	width: 130px;
	display: block;
	padding: 3px 12px 2px 13px;
	background-image: url(../images/bg_leftmenu_layer_2_sub_act.gif);	
	background-repeat: no-repeat;	
	background-position: bottom;
}

.leftMenuLayer2Active { 
	font-weight: bold; 
}

.leftMenuLayer2LastItem {
	font-size: 11px; 
	color: #262A74; 
	text-decoration: none; 
	width: 142px;
	display: block;
	padding: 3px 0px 2px 13px;
	border-bottom: 1px solid #262a74;
}

.leftMenuLayer2LastItemActive {
	font-size: 11px; 
	color: #262A74; 
	text-decoration: none; 
	font-weight: bold; 
	width: 142px;
	display: block;
	padding: 3px 0px 2px 13px;
	border-bottom: 2px solid #262a74;
}

/* linkes Menü: 3. Ebene --> gepunktete Linie unten nicht von ganz vorne */
.leftMenuLayer3 {
	font-size: 11px; 
	color: #262A74; 
	text-decoration: none; 
	width: 129px;
	display: block;
	padding: 3px 0px 2px 26px;
	background-image: url(../images/bg_leftmenu_layer_3.gif);	
	background-repeat: no-repeat;	
	background-position: bottom;
}

/* linkes Menü: 3. Ebene: aktives Item --> gepunktete Linie  
   unten nicht von ganz vorne und Pfeil vor Menüpunkt */
.leftMenuLayer3Active {
	font-size: 11px; 
	color: #262A74; 
	text-decoration: none; 
	width: 129px;
	display: block;
	padding: 3px 0px 2px 26px;
	background-image: url(../images/bg_leftmenu_layer_3_active.gif);	
	background-repeat: no-repeat;	
	background-position: bottom;
}

.mainMenu, .mainMenu a, .mainMenu a:visited, .mainMenu a:link, .mainMenu a:hover, .mainMenu a:active,
a.mainMenuBlock, a:visited.mainMenuBlock, a:link.mainMenuBlock, a:hover.mainMenuBlock, a:active.mainMenuBlock {
	color: #FFFFFF;
	font-size: 14px;
	text-transform:capitalize; 
	font-weight: bold;
	text-decoration: none;
	padding: 0px 6px 0px 6px;
	display: block;
	margin: 0px;
	height: 22px;
	white-space: nowrap;
	_float: left;
}

a.mainMenuBlockSub, a:visited.mainMenuBlockSub, a:link.mainMenuBlockSub, a:hover.mainMenuBlockSub, a:active.mainMenuBlockSub {
	color: #FFFFFF;
	font-size: 14px;
	text-decoration: none;
	padding: 4px 6px 4px 6px;
	display: block;
	margin: 0px;
	height: 14px;
	white-space: nowrap;
	_float: left;
}

.bgColorMenu {
	background-image: url(../images/pipeMainMenu.gif);
	background-position: top right;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 18px !important;
	margin-bottom: -1px !important;
	border-bottom: 5px solid #0072b8 !important;
}

ul.layermenuUL {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	width: 150px;
	background-color:#262a74;
	color: #FFFFFF;
	clear: both;
}

.layermenuUL li{
	border-bottom: 1px solid #FFFFFF;
	width: 150px;
	padding: 0px;
}

li.itemPipe{
	background-image: url(../images/pipeMainMenu.gif);
	background-position: top right;
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}

/* ********************** globale Formatierungen ********************** */
table
{ 
	border-collapse:collapse;
}

a, a:visited, a:link, a:hover, a:active {
	cursor: hand;
}

img {
	border: 0px;
}


/* ************************************ Überschriften ********************************** */
h1
{
	font-size: 14px;
	font-weight: bold;
}
h2
{
	font-size: 14px;
	font-weight: bold;
	color: #0072b8;
}
h3
{
	font-size: 14px;
	font-weight: bold;
	color: #ee3338;
}
h4
{
	font-size: 12px;
	font-weight: bold;
}
h5
{
	font-size: 12px;
	font-weight: bold;
	color: #0072b8;
}
h6
{
	font-size: 12px;
	font-weight: bold;
	color: #ee3338;
}


/* ************************************ Formulare ************************************** */
input
{
	border: 1px solid #9D9D9F;
	font-size: 10px;
}

.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;
}

.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;
}