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

body
{
	margin:0px;
	padding:0px;
	font-size: 11pt;
	/*background:url(../images/hydros/body_bg.jpg) #003366 repeat-x ;*/
	background: #003366;
}

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: 974px;
	margin-bottom: 1px;
	height: 106px;
	background:url(../images/hydros/logo.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#middleArea {
	background:url(../images/hydros/shadow.gif);
	background-repeat: repeat-x;
}

#logo {
	width: 267px;
	height: 95px;
	padding:10px 0px 0px 3px;
	float: left;
}

#topMenu {
	height: 16px;
	width: 378px;
	_width: 375px;
	text-align: right;
	margin-left: 44px;
	float: left;
	padding: 7px 0px 4px 0px;
}

#search {
	margin-left: 10px;
	height: 27px;
	float: left;
	width: 170px;
}

#langMenu {
	height: 20px;
	float: left;
	width: 90px;
	padding: 7px 0px 0px 12px;
}

#menuArea {
	margin: 6px 0px 1px 201px;
	width: 773px;
	height: 22px;
	padding: 0px;
}

#mainMenu {
	height: 22px;
	width: 690px;
	float: left;
}

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

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

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

#contentArea {
	width: 974px;
	min-height: 347px;
	padding-top: 22px;
	padding-bottom: 32px;
	background-color: #FFFFFF;
	background: url(../images/hydros/shadow_content.gif) #FFFFFF repeat-x;
	background-position: 0px 0px;
	position: relative;
}
#contentAreaHomepage {
	width: 974px;
	min-height: 347px;
	padding-top: 22px;
	padding-bottom: 32px;
	position: relative;
}

/* 
wurde geändert - nicht wie im Konzept vorgesehen
Breite statt 135px -> 155px
Abstand rechts statt 40px -> 20px
*/
#leftArea {
	width: 155px;
	margin: 0px 20px 0px 26px;
	_margin: 0px 20px 0px 13px;
	padding: 0px;
	float: left;
}

#logoArea {
	width: 135px;
	height: 64px;
	margin-bottom: 20px;
}

#leftMenu {
	width: 155px;
}

#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;
	margin-bottom: 20px;
}

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

/*für Rahmen ie6*/
#content2ColumnsRightSmall .formbox-margin-right{
	margin-right: 0px;
}
/* ----------------------------------- */
/*
#bottomArea, #bottomAreaHomepage {
	width: 773px;
	padding-left: 201px;
	clear:both;
	position: absolute;
	bottom: 4px;
}
*/
#bottomArea{
	width: 773px;
	padding-left: 201px;
	position: relative;
	background-color: #FFFFFF;
}
#bottomAreaHomepage {
	width: 773px;
	padding-left: 201px;
	position: relative;
}

#bottomMenu {
	width: 170px;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
}

#footer {
	width: 595px;
	float: left;
	text-align: right;
	padding: 5px 8px 5px 0px;
}

#lineInLeftMenu {
	width: 155px;
	background-color: #262a74;
	height: 1px;
}

#printversion, #printversionHomepage {
	/*
	text-align: right;
	padding-right: 10px;
	*/
	position: absolute;
	text-align: right;
	padding-right: 4px;
	top: -26px;
	right: 10px;
	width: 120px;
}

/* *********************** DIVs für News-Boxen ************************ */

#contentNormalNewsbox {
	width: 247px;
}

#contentHighNewsbox {
	width: 247px;
}

#contentLargeNewsbox {
	width: 509px;
}

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

/* ********* allgemeine Formatierungen ********** */
.content { 
	font-size: 12px; line-height: 16px; color: #000000; text-decoration: none;
}
.content a, .content a:visited, .content a:link {
	font-size: 12px; line-height: 16px; color: #000000; text-decoration: underline;
}

.content a:hover {
	font-size: 12px; line-height: 16px; color: #000000; text-decoration: none;
}

.content a:active {
	font-size: 12px; line-height: 16px; color: #000000; text-decoration: underline;
}

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

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

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

.searchButton {
	border: 0px;
}

.c-element {
	margin-bottom: 20px;
}

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

#bottomArea .globalMenu, #bottomArea .globalMenu a, #bottomArea .globalMenu a:visited, #bottomArea .globalMenu a:link, #bottomArea .globalMenu a:hover, #bottomArea .globalMenu a:active { 
	font-size: 10px; color: #262a74; text-decoration: none;
}
#bottomAreaHomepage .globalMenu, #bottomAreaHomepage .globalMenu a, #bottomAreaHomepage .globalMenu a:visited, #bottomAreaHomepage .globalMenu a:link, #bottomAreaHomepage .globalMenu a:hover, #bottomAreaHomepage .globalMenu a:active { 
	font-size: 10px; color: #FFFFFF; text-decoration: none;
}

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

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

.leftMenuArchiveActive {
	font-size: 11px; 
	color: #262A74; 
	font-weight: bold;
	text-decoration: none; 
	width: 155px;
	display: block;
	padding: 3px 0px 2px 0px;
	border-bottom: 1px dotted #262a74;
}

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

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

.leftMenuLayer2 a, .leftMenuLayer2 a:visited, .leftMenuLayer2 a:link, .leftMenuLayer2 a:hover, .leftMenuLayer2 a:active,
.leftMenuLayer2Sub a, .leftMenuLayer2Sub a:visited, .leftMenuLayer2Sub a:link, .leftMenuLayer2Sub a:hover, .leftMenuLayer2Sub a:active,
.leftMenuLayer2SubActive a, .leftMenuLayer2SubActive a:visited, .leftMenuLayer2SubActive a:link, .leftMenuLayer2SubActive a:hover, .leftMenuLayer2SubActive a:active
{
	font-size: 11px; 
	color: #262A74; 
	text-decoration: none; 
}

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

.leftMenuLayer2LastItem a, .leftMenuLayer2LastItem a:visited, .leftMenuLayer2LastItem a:link, .leftMenuLayer2LastItem a:hover, .leftMenuLayer2LastItem a:active{
	font-size: 11px; 
	color: #262A74; 
	text-decoration: none; 
}

.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;
	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 #F0CB00 !important;
}


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

.layermenuUL li{
	border-bottom: 1px solid #FFFFFF;
	width: 165px;
	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;
}

/* ******************* Formatierung der Überschriften für Newsboxen ******************** */
.rol_newsboxes_headline_blue {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	/*width: 237px;
	border: 1px solid #FFFFFF;*/
	width: 239px;
	background-color: #0072b8;
	padding: 0px 4px 0px 4px;
}

.rol_newsboxes_headline_darkblue {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	/*width: 237px;
	border: 1px solid #FFFFFF;*/
	width: 239px;
	background-color: #013567;
	padding: 0px 4px 0px 4px;
}

.rol_newsboxes_headline_yellow {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	/*width: 237px;
	border: 1px solid #FFFFFF;*/
	width: 239px;
	background-color: #e8c616;
	padding: 0px 4px 0px 4px;
}

.rol_newsboxes_headline_red {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	/*width: 237px;
	border: 1px solid #FFFFFF;*/
	width: 239px;
	background-color: #ae111f;
	padding: 0px 4px 0px 4px;
}

.rol_newsboxes_headline_big {
	font-size: 18px;
	font-weight: bold;
	/*color: #262a74;*/
	padding: 4px;
}

.rol_newsboxes_newscontent {
	padding: 4px !important;
}

p.rol_newsboxes_newscontent {
	margin: 0px;
}

.rol_newsboxes_information_link {
	position: relative;
	top: -16px;
	padding-right: 4px;
	margin-bottom: -16px;
	color: #FFFFFF;
	_margin-bottom: -16px !important;
}

.rol_newsboxes_information_link a, .rol_newsboxes_information_link a:visited, .rol_newsboxes_information_link a:link, .rol_newsboxes_information_link a:hover, .rol_newsboxes_information_link a:active {
	color: #FFFFFF;
	text-decoration: none;
}

/*für höhe ie6*/
.tx-rolformboxes-pi1 form{
	margin-bottom: 0px;
}

.rol_newsboxes_newsbox_high .c-element{
	margin: 0px;
}

/* Klassen für die Seitenvorschau: */

.newsboxContentNormalNewsbox {
	background-color: #FFFFFF;
	margin-bottom: 15px;
	border: 1px solid #000000;
	height: 190px;
	max-height: 190px;
}

.newsboxContentHighNewsbox {
	background-color: #FFFFFF;
	border: 1px solid #000000;
	height: 397px;
	max-height: 397px;
	margin-bottom: 15px;
}

.newsboxContentLargeNewsbox {
	height: 397px;
	background-color: #FFFFFF;
	max-height: 397px;
	border: 1px solid #000000;
	margin-bottom: 15px;
}


/* ************************************ Überschriften ********************************** */

h1, h4
{
	font-size: 14px;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
h2
{
	font-size: 12px;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
h3
{
	font-size: 11px;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

h5
{
	font-size: 16px;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 0px 3px;
}

h6 
{
	font-size: 18px;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 0px 3px;
}


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

.button
{
	border: 0px;
	background-color: #CFCFCF;
	text-transform:uppercase;
	font-size: 12px;
	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: 9px;
	padding-top: 6px;
	padding-bottom: 10px;
}


.csc-textpic-imagewrap, .csc-textpic-imagewrap dl, .csc-textpic-imagewrap, dl.csc-textpic-image, dl.csc-textpic-firstcol, dl.csc-textpic-lastcol, .csc-textpic-center, .csc-textpic-below {
/*.csc-textpic-imagewrap {*/
	margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;
}

/*
.csc-textpic-imagewrap dl .csc-textpic-image {
	margin-right: 10px !important;
}
*/


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


/*Barbara, damit im IE6 bei den kleinen Newsboxen mit Balken und Bild unten der Rahmen richtig gesetzt wird */
.tx-rolnewsboxes-pi1 .csc-textpic-image {
	margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;
}

#lightbox {
	position: absolute;
	top: 150px !important;
	z-index: 999;
}