/*
	Anmerkungen
	-------------------------------------
	Stylesheets fuer das Seitenlayout

	Farbschema
	--------------------------------------
	#d8d9db		//Body background color
	#FF9900    // orange Hintergrund, Ueberschrift
	#FFC66F    // orange (hell), Calendar
	#E21738    // rot Schriftfarbe
	#666666    // grau Slogan
	#3f3f40		//graue Schrift
	#808285		// rand input boxen
*/
* { margin:0; padding:0; }

HTML { clear: both; display: block; }


body {
	font-family:  arial, helvetica, sans-serif;
	font-size:12px;
	background:#d8d9db;
}

HR.clear {
	clear:both;
	visibility:hidden;
	}

#pageWrapper {
	text-align:center;
	width:100%;
}


/*######################
	HEAD
########################*/
#headerWrapper {
	margin: 0px auto;
	padding:20px 0px 0px;
	width: 805px;
	height: 139px;
	background-image: url(../main/gfx/imgBgrHeader.gif);
	background-repeat: repeat-y;
}

/* Header area */
#headerTopEdge {
	margin: 20px auto 0px;
	height: 14px;
	width: 805px;
	background-image:url(../main/gfx/imgTopEdge.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
}

#headerBottomEdge {
	margin:0 auto;
	height:30px;
	width:805px;
	background-image:url(../main/gfx/imgBottomEdge.gif);
	background-repeat:no-repeat;
}

#headerKeyVisual {
	margin:0 0 0 7px !important;
	margin:0;
	border-top:1px solid #fff;
	height:119px;
	width:791px;
	background-image:url(../main/gfx/imgHeaderKeyVisual2.jpg);
	background-repeat:no-repeat;
}

#headerMenu {
	vertical-align:bottom;
	margin:0;
	padding: 2px 0px 0px 0px;
	background-image:url(../main/gfx/head_footer_new.gif);
	background-repeat:no-repeat;
	width:100%;
	height:25px;	 
}

/*######################
MenueStyles Level 1
########################*/
#headerMenu UL#headerMenu-1 {
	width: 566px !important;
	width: 563px;
	float: left;
	list-style-type: none;
	margin: 0 3px !important;
	margin-right: -18px;
	padding: 0;
	padding-top: 0px;
	border-right: 1px solid #fff;
}
#headerMenu UL#headerMenu-1 LI {
	width: 93px;
	height: 17px;
	text-align: center;
	border-right: 1px solid #fff;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#headerMenu UL#headerMenu-1 LI.lastItem {border-right: 0; }


#headerMenu UL#headerMenu-1 LI A {
	display: block;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	text-decoration: none;
	margin: 0px;
}


#headerMenu UL#headerMenu-1 LI UL {
	position: absolute;
	padding-top: 6px;
	background-color: #fff;
	border: 1px solid #AEAFB2;
	border-top: 1px solid #fff;
	left: -999em;
	margin: 0px;
	background-image: url(../main/gfx/shadowTopMenu.gif);
	background-repeat: repeat-x;
	z-index: 2000;
}

#headerMenu UL#headerMenu-1 LI UL { list-style-type: none;  }
#headerMenu UL#headerMenu-1 LI UL LI.menuItem { width: 150px; clear: both; float: none; margin-left: 5px; margin: 0px; padding: 0px; height: auto; }
#headerMenu UL#headerMenu-1 LI UL LI.menuItem A { display: block; line-height: 12px; width: auto !important; width: 100%; padding: 3px 5px 3px 10px; text-align:left; color:#000; }


#headerMenu UL#headerMenu-1 LI UL LI.menuItem A:hover { background-color: #eee;  display: block; line-height: 12px; width: auto !important; width: 100%; padding: 0px; text-align:left; color:#000; }

#headerMenu UL#headerMenu-1 LI UL LI.menuItem A:hover SPAN.menuColor0 { display: block; padding: 3px 5px 3px 5px; border-left: 5px solid #bbbbbb; }	/*black*/
#headerMenu UL#headerMenu-1 LI UL LI.menuItem A:hover SPAN.menuColor1 { display: block; padding: 3px 5px 3px 5px; border-left: 5px solid #b34557; }	/*red*/
#headerMenu UL#headerMenu-1 LI UL LI.menuItem A:hover SPAN.menuColor2 { display: block; padding: 3px 5px 3px 5px; border-left: 5px solid #6AA2C3; }	/*blue (old #4e7686)*/
#headerMenu UL#headerMenu-1 LI UL LI.menuItem A:hover SPAN.menuColor3 { display: block; padding: 3px 5px 3px 5px; border-left: 5px solid #fda70a; }	/*yellow*/
#headerMenu UL#headerMenu-1 LI UL LI.menuItem A:hover SPAN.menuColor4 { display: block; padding: 3px 5px 3px 5px; border-left: 5px solid #9e83b1; }	/*purple*/


#headerMenu UL#headerMenu-1 LI UL LI.menuItem A.ifsub { background-image: url(../main/gfx/menuArrowIfsub.gif); background-repeat: no-repeat; background-position: 145px 5px; }
#headerMenu UL#headerMenu-1 LI UL LI.menuItem A:hover.ifsub { background-color: #eee; width: auto !important; background-image: url(../main/gfx/menuArrowIfsub.gif); background-repeat: no-repeat; background-position: 145px 5px !important; background-position: 145px 5px ; }

#headerMenu UL#headerMenu-1 LI:hover UL LI UL,
#headerMenu UL#headerMenu-1 LI:hover UL LI UL LI UL,
#headerMenu UL#headerMenu-1 LI:hover UL LI UL LI UL LI UL,
#headerMenu UL#headerMenu-1 LI.sfhover UL LI UL,
#headerMenu UL#headerMenu-1 LI.sfhover UL LI UL LI UL {left: -999em;  }

#headerMenu UL#headerMenu-1 LI:hover UL,
#headerMenu UL#headerMenu-1 LI UL LI:hover UL,
#headerMenu UL#headerMenu-1 LI UL LI UL LI:hover UL,
#headerMenu UL#headerMenu-1 LI UL LI UL LI UL LI:hover UL {left: auto;  margin: 2px 0px 0px 0px;  }
#headerMenu UL#headerMenu-1 LI.sfhover UL,
#headerMenu UL#headerMenu-1 LI UL LI.sfhover UL,
#headerMenu UL#headerMenu-1 LI UL LI UL LI.sfhover UL {left: auto;  margin: 2px 0px 0px -47px;  }

#headerMenu UL#headerMenu-1 LI UL LI:hover.menuItem UL {margin: -23px 0px 0px 150px;  background-image: none;  padding-top: 0px;  border: 1px solid #AEAFB2;  }
#headerMenu UL#headerMenu-1 LI UL LI:hover.menuItem UL LI A {font-weight: normal;  }
#headerMenu UL#headerMenu-1 LI UL LI.sfhover UL {margin: -23px 0px 0px 75px;  background-image: none;  padding-top: 0px;  border: 1px solid #AEAFB2;  }
#headerMenu UL#headerMenu-1 LI UL LI.sfhover UL LI A {font-weight: normal;  }

/*######################
MenueStyles Level 2
########################*/

#headerMenu UL#headerMenu-2 {
  list-style-type: none;
  /*background-color: #a7a7a9; */
  width: 225px !important;
  width: 220px;
  height: 16px;
  margin: 0px 0px 0px 569px !important;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#headerMenu UL#headerMenu-2 LI {
	float: left;
	width: 73px;
	height: 16px;
	border-right: 1px solid #fff;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#headerMenu UL#headerMenu-2 LI A {
	margin:0;
	font-weight: normal;
	font-size:9px;
	color:#fff;
	text-decoration:none;
}

#headerMenu UL#headerMenu-2 LI.lastItem {
	width: 70px;
	margin:0;
	font-weight: 600;
	border: 0; 
	color:#fff;
	text-decoration:none;
}

#headerMenu UL#headerMenu-2 LI A.act { color:#fff; }

/*######################
Maincontent
########################*/
#contentAreaCenter {
	position: absolute;
	margin-top: 10px;
	width: 580px;
	left: 50%;
	margin-left: -405px;
	background-image:url(../main/gfx/content/body.gif);
	background-repeat:repeat-y;
}

#contentHead {
	width:100%;
	height:32px;
	background-image:url(../main/gfx/content/head.gif);
	background-repeat:no-repeat;
}

div#contentBody {
	clear: both;
	width: 520px;
	margin-left: 20px;
	text-align: left;
	padding-top:10px;
	z-index: 5000;
}
#contentFooter { margin-top: 40px; width:100%; height:16px; background-image:url(../main/gfx/content/footer.gif); background-repeat:no-repeat; }
#contentHeadText { text-align: left; padding: 9px 0px 0px 20px; }
#content { text-align: left; padding: 0px 20px 20px 20px; }
#footerInfo { text-align: left; padding-left: 20px; font-size: 10px; background-color: #d8d9db; }


/************************************
* Maincontent SectionStart page
*************************************/

#contentBody2Rows { margin-left: 20px; text-align: left; } 
#contentBody2Rows TD { vertical-align: top; } 
#contentBody2Rows UL { padding: 0px; margin: 0px; list-style-type: none; } 
#contentBody2Rows UL LI.thememenu { clear: both; padding: 0px; margin: 0px 0px 5px 0px; height: 25px; display: block; }
#contentBody2Rows UL LI.thememenu IMG { float: left;  padding: 0px; margin: 0px; }
#contentBody2Rows UL LI.thememenu A { float: left; font-size: 10px; height: 25px; vertical-align: bottom; width: 120px; text-align: left; padding: 0px 0px 0px 5px !important; padding: 0px;  background-color: transparent; text-decoration: none; }
#contentBody2Rows TD.contentLeftBottom { vertical-align: bottom; padding: 0px; margin: 0px; }
#contentBody2Rows TD.contentLeftBottom TR TD { text-align: left; font-size: 10px; vertical-align: bottom; padding: 0px; margin: 0px; }


/***********************************
* Infospalte rechts
************************************/

#marginalAreaCenter { position: absolute; margin-top: 10px; width: 226px; left: 50%; margin-left: 178px; padding: 0px; background-image:url(../main/gfx/marginal/body.gif); background-repeat:repeat-y; }


#marginalFooter {
	width:100%;
	height: 16px;
	background-image:url(../main/gfx/marginal/footer.gif);
	background-repeat:no-repeat;
	}

/*########################
Style for the Login boxes
##########################*/
#loginbox {
	text-align: left;
	height: 90px;
	margin-top: 5px;
	margin-left: 14px;
	color: #3f3f40;
}

#loginbox .submitbutton {margin: 4px 0px 4px 0px; }

#loginbox .row { margin-bottom: 5px; }

#loginbox .row .left { float: left; font-size: 10px; }

#loginbox .row .right { margin-left: 85px; }

#loginbox .row .right input.login{
	height:15px;
	width:110px;
	background-color: #ffffff;
	border:solid 1px #808285;
	font-size:10px;
	color: #3f3f40;
	}

#logoutbox {
	text-align: left;
	margin-left: 14px;
	height: 75px;
	margin-top: 10px;
	color: #3f3f40;
	}

/*########################
Style for the searchbox
##########################*/


#searchbox {
	text-align: left;
	margin: 5px 0px 15px 14px;
	color: #3f3f40;
	}
#searchbox .row{
	margin-bottom: 5px;
	}
#searchbox .row .left {
	float: left;
	font-size: 10px;
	}
#searchbox .row .right {
	font-size: 10px;
	margin-left: 85px;
	padding-top: 5px;
	}
#searchbox .row .right input.searchbox{
	height:15px;
	width:110px;
	background-color: #ffffff;
	border:solid 1px #808285;
	font-size:10px;
	color: #3f3f40;
	}

#searchbox .searchSubmit {margin: 4px 0px 4px 0px; }

/*########################
Style for the plugin tt_news
##########################*/
div#newsContainer {
	text-align: left;
	width: 185px !important;
	width: 197px;
	margin: -12px 0px 0px 14px !important;
	margin: -12px 0px 0px 4px;
	padding: 10px 5px 10px 5px;
	border-left: 1px solid #a5a6a8;
	border-right: 1px solid #a5a6a8;
	background-color: #ffffff;
	background-image: url(../main/gfx/newsshadow.gif);
	background-repeat: repeat-x;
}

#newsContainer .newsTitle { font-weight: bold; font-size: 11px; margin: 10px 0px 3px 0px; }
#newsContainer .newsSeparator { border-bottom: 1px solid #3f3f40; }

#newsContainer .newsSingle .newsTitle { margin: 5px 0px 0px 0px;  }
#newsContainer .newsSingle .newsTitle A:link,
#newsContainer .newsSingle .newsTitle A:visited,
#newsContainer .newsSingle .newsTitle A:focus,
#newsContainer .newsSingle .newsTitle A:active {font-size: 11px; color: #3f3f40; text-decoration: none; padding: 0px; }
#newsContainer .newsSingle .newsTitle A:hover {font-size: 11px; color: #3f3f40; padding: 0px; }

#newsContainer .newsSingle .newsText A:link P,
#newsContainer .newsSingle .newsText A:visited P,
#newsContainer .newsSingle .newsText A:focus P,
#newsContainer .newsSingle .newsText A:active P { font-size: 10px; color: #3f3f40; text-decoration: none; padding: 0px; margin: 0px 0px 5px 0px; }
#newsContainer .newsSingle .newsText A:hover P { font-size: 10px; color: #3f3f40; text-decoration: underline; padding: 0px; margin: 0px 0px 5px 0px;  }

div#newsFooter {
	width: 185px !important;
	height: 4px;
	padding: 0px;
	margin: 0px 0px 0px 14px !important;
	margin: 0px 0px 0px 4px;
	background-color: #ffffff;
}


/*##########################################################################
########################
Content bereich Andre
########################*/

#contentTopEdge {
	margin: 0 auto;
	height: 8px;
	width: 805px;
	background-image: url(../main/gfx/imgContentTopEdge.gif);
	background-repeat: no-repeat;
	}

#contentBottomEdge {
	margin: 0 auto;
	height: 14px;
	width: 805px;
	background-image: url(../main/gfx/imgContentBottomEdge.gif);
	background-repeat: no-repeat;
	}

#contentAreaHeader {
	margin: 0 auto;
	height: 25px;
	width: 805px;
	background-image: url(../main/gfx/imgBgrContentAreaHeader.gif);
	background-repeat: no-repeat;
	}

#contentWrapper {
	margin:0 auto;
	padding:0;
	width:805px;
	height:300px;
	background-image:url(../main/gfx/imgBgrContent.gif);
	background-repeat:repeat-y;
	}

#contentBody2Rows {
	margin-left: 20px;
	text-align: left;
}

#contentBody2Rows TD {
	vertical-align: top;
}

#contentBody2Rows UL {
	text-align: left;
	padding: 0px;
	margin: 0px;
	list-style: none;
	white-space:nowrap;
}
#contentBody2Rows UL LI { padding: 0px; margin: 0px; }
#contentBody2Rows UL LI IMG { margin: 0px 5px 0px 0px; } 

#contentBody2Rows TD.contentLeftBottom {
	text-align: left;
	font-size: 16px;
	vertical-align: bottom;
	padding: 0px;
	margin: 0px;
}

UL#sectionMenu { list-style-type: none; margin: 0px; padding: 0px; font-size: 11px; }
.thememenu {
	padding: 0px;
	margin: 0px;
	margin-bottom: 3px;
	float: left;
}
.thememenu A { padding: 0px; text-decoration: none; }
.thememenu IMG { margin-right: 4px; }


/*
Alles fuers neue Design --Markus
*/
#contentBody .allDivs {
  width: 564px;
  height: 120px;
  margin: 0px 0px 3px -12px !important;
  margin: 0px 0px 3px 0px

}

#contentBody .allDivs .image {
  padding-left: 22px
}
#contentBody .allDivs .text {
  padding: 0px 8px 0px 8px;
  vertical-align: middle;
  font-size: 14px;
  color: #515054;
}

#contentBody .firstDiv {
  background-color: #edeeee;
  cursor: pointer;
}

#contentBody .secondDiv {
  background-color: #d8d9db;
  cursor: pointer;
}
#contentBody .thirdDiv {
  background-color: #c2c3c6;
  cursor: pointer;
}
.tooltip {
	position: absolute;
	width: 250px;
	display: none;
	background-color: #EDEEEE;
	border: 1px solid #C2C3C6;
	color: #515054;
	padding: 2px 5px 2px 5px;
	font-weight: bold;
	z-index: 10000;
}
#servicemenu {padding: 5px 15px 5px 15px; }
#rootline {float: left; color: #515054; font-size: 10px; padding: 0px 0px 0px 5px; }
#rootline A { text-decoration: none; }
#rootline A:hover { text-decoration: underline; }

#printbutton {float: right; color: #515054; }


/*
* sr_feuserregister
*/
.tx-srfeuserregister-pi1 FIELDSET {border: none; }
.tx-srfeuserregister-pi1 FIELDSET LEGEND {border: none; margin: 0px; padding: 0px; }

.tx-srfeuserregister-pi1 p { margin-top: .5em; margin-bottom: 0; padding: 0em; text-indent: 0; }
.tx-srfeuserregister-pi1 h4 { margin-top: 0; padding-left: .3em; }
.tx-srfeuserregister-pi1 legend { padding: 0 .5em; font-weight: bold; }
.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-notice { font-style: italic; margin-bottom: 1em; }
.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-trash { margin-bottom: 2em; }
.tx-srfeuserregister-pi1 a { padding-left: 14px; background-image: url("typo3conf/ext/sr_feuser_register/pi1/internal_link.gif"); background-repeat: no-repeat; background-position: 0% 60%; text-decoration:none; }
.tx-srfeuserregister-pi1 label { margin: 0; padding: 0; }
.tx-srfeuserregister-pi1 label span { color: #ff0000; }
.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-error { color: #ff0000; }
.tx-srfeuserregister-pi1 input { margin: 0; padding: 0 .5em 0 0; border: 1px solid #808285; height: 15px; color: #3F3F40; }
.tx-srfeuserregister-pi1 input[type=password] { margin-right: 1em; }
* html .tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-password { margin-right: 1em; }
.tx-srfeuserregister-pi1 input[type=radio], .tx-srfeuserregister-pi1 input[type=checkbox] { background-color: transparent; }
* html .tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-radio, * html .tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-checkbox { background-color: transparent; }
.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-delete-icon { margin-left: 1em; background-color: transparent; }
.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-delete-icon:hover { cursor: pointer; }
.tx-srfeuserregister-pi1 a.tx-srfeuserregister-pi1-file-view { padding-left: 15px; background-image: url("typo3conf/ext/sr_feuser_register/pi1/internal_link_new_window.gif"); background-color: transparent; background-repeat: no-repeat; font-size: .8em; margin-left: 1em; }
.tx-srfeuserregister-pi1 ul { margin: 0; padding: 0; list-style-position: inside; }
.tx-srfeuserregister-pi1 ul.tx-srfeuserregister-multiple-checkboxes { list-style-type: none; }
.tx-srfeuserregister-pi1 ul.tx-srfeuserregister-multiple-checkboxes li { margin: 0 0 .3em 0; padding: 0; }
.tx-srfeuserregister-pi1 ul.tx-srfeuserregister-multiple-checkboxes li label { margin: 0; padding: 0 0 0 .5em; }
.tx-srfeuserregister-pi1 ul.tx-srfeuserregister-multiple-checked-values li { float: left; padding: 0 2em 0 0; margin: 0; }
.tx-srfeuserregister-pi1 dl { margin: 0; padding: 1em 0 0 0; }
.tx-srfeuserregister-pi1 dt, .tx-srfeuserregister-pi1 dd { margin: 0; padding: 0 0 .5em 0; float: left; }
.tx-srfeuserregister-pi1 dt { clear: both; width: 25%; text-align: left; padding-right: 1em; }
.tx-srfeuserregister-pi1 dd { text-align: left; width: 50%; }
* html .tx-srfeuserregister-pi1 dd { float: none; }
.tx-srfeuserregister-pi1 dd p { margin-top: 0; margin-bottom: .5em; padding: 0; }
.tx-srfeuserregister-pi1 dd label { padding: 0 1em 0 .5em; }

.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-submit {color: none; cursor: pointer; }

