/*
	Title: StyleMap v2 CSS
	Author: Scott Jehl, http://www.scottjehl.com
	Date: May 2007
	notes: this script will add classes and an inline width to the sitemap for centering
	USAGE: Free to use, please do not remove this top credits area.
	--------------------------------------------------------------------------------
	Edited and extended by Brunner Web - www.bag.ch - april, september / 2009
--------------------------------------------------------------------------------------------------------*/

div#content {
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 50px;
}

div#content div.geschaeftsstelle li div div.innerdiv {
	font-size: 77%;
	line-height: 121%;
}

div#content div.geschaeftsstelle ul,
div#content div.geschaeftsstelle li {
	margin: 0;
	padding: 0;
	background-image: none;
}

div.geschaeftsstelle ul li ul li ul li{
	margin: 0;
	padding: 0;
}

div#content div.geschaeftsstelle a {
	color: #13841c;
}

div#content div.geschaeftsstelle a:hover {
	color: #000;
}

div#content div.geschaeftsstelle {
	background: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

p#noJS {
	padding: .5em;
	border: 1px dotted #666;
	color: red;
}

/*
from here down, styles are scoped within div.geschaeftsstelle to allow for styling differently for JS-enabled users.
*/
div#content div.geschaeftsstelle p#noJS {
	display: none;
}

div#content div.geschaeftsstelle div#contain {
	width: 100%;
	background: none;
	background: url(../images/stylemap/start.gif) no-repeat center top;	
	float: left;
	height: auto;
}

div#content div.geschaeftsstelle div#sitemap ul {
	float: none;
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Stabstellen, absolut */
div.geschaeftsstelle div#stab {
	position: relative;
	z-index: 2;
	display: block;
}

div.geschaeftsstelle div#stab div#topleft {
	position: absolute;
	left: 0px;
	top: 140px;
	* top: 139px;
	width: 350px;
	* width: 353px;
	height: 110px;
	z-index: 10 !important;
	/*background: url(../images/stylemap/hLine.gif) repeat-x right center !important;*/
}

div.geschaeftsstelle div#stab div#topleft div#topleftone {
	position: absolute;
	left: 0px;
	top: 10px;
	width: 203px;
	z-index: 11 !important;
}

div.geschaeftsstelle div#stab div#topright {
	position: absolute;
	right: 33px;
	top: 139px;
	width: 320px;
	* width: 323px;
	height: 378px;   /** <------------------------------------------- !!!! 1x */
	z-index: 1;
	/*background: url(../images/stylemap/hLine.gif) repeat-x right 55px !important;*/
}

div.geschaeftsstelle div#stab div#topright div#toprightone {
	position: absolute;
	left: 106px;
	top: 10px;
	width: 203px;
	z-index: 1;
}

div.geschaeftsstelle div#stab div#topright div#toprighttwo {
	position: absolute;
	left: 106px;
	top: 137px;
	width: 203px;
	z-index: 1;
}

div#stab ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

div.geschaeftsstelle div#stab ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
div.geschaeftsstelle div#legend ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
div#content div.geschaeftsstelle ul,
div#content div.geschaeftsstelle ul ul {
	clear: left;
	height: auto;
	margin: 0;
	padding: 0;
	list-style: none;
}
div#content div.geschaeftsstelle ul ul ul {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
}
div#content div.geschaeftsstelle ul ul ul ul {
	width: auto;
	margin: 0;
	padding: 0;
	border: 0;
}
div#content div.geschaeftsstelle ul ul ul ul ul {
	width: auto;
	margin: 0;
	padding: 0;
}
div#content div.geschaeftsstelle ul ul ul ul ul.leaf{
	border-left: none;
}

/* LEVEL 1 LI */
div#content div.geschaeftsstelle li {
	float: left;
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
}

/* LEVEL 2 LI */
div#content div.geschaeftsstelle li li {
	float: left;
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
	margin-right: 12px;
	background: url(../images/stylemap/vLine.gif) repeat-y center top;
}

div#content div.geschaeftsstelle li li.last {
	margin-right: 0px !important;
}

div#content div.geschaeftsstelle li.special {
	list-style: none;
}

/* LEVEL 3 LI */
div#content div.geschaeftsstelle li li li {
	float: left;
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
	background: none; 
}

div#content div.geschaeftsstelle li li li li {
	float: none;
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
}

/* NAV 1 */
div#content div.geschaeftsstelle div.root {
	padding-top: 0;
	text-align: center;
	padding-bottom: 378px; /** <------------------------------------------- !!!! 1x */
	padding-right: 30px;
	width: 675px;
}

/* NAV 2 */
div#content div.geschaeftsstelle ul li ul li div {
	padding-top: 0;
	text-align: center;
	height: auto;
}

div#content div.geschaeftsstelle li.special div { 
	background: none;
	padding: 0;
	margin: 0;
}

/* Stabstellen */
div#content div.geschaeftsstelle li.special div.innerdiv {
	background: #fff7d7;
	border-top: 4px solid #0f88e5;
	padding: .8em .2em .8em .2em;
	color: black;
	text-decoration: none;
	margin: 0;
	line-height: 1.5em;
	text-align: center;
	width: 213px;
	height: auto;	
	z-index: 10000 !important;
}

/* LEVEL 1 */
div#content div.geschaeftsstelle ul li div.innerdiv {
	background: #fff7d7;
	border-top: 4px solid #0f88e5;
	padding: 1em .2em 1em .2em;
	text-decoration: none;
	margin: 0 auto;
	width: 213px;
	height: auto;
	line-height: 1.5em;
	text-align: center;
}

/* LEVEL 2 */
div#content div.geschaeftsstelle ul li ul li div.innerdiv {
	width: 213px;
	background: #fff7d7;
	border-top: 4px solid #0f88e5;
	padding: 1em .2em 1em .2em;
	text-decoration: none;
	margin: 0 auto;
	/*margin-bottom: 30px;*/
	height: auto;
	line-height: 1.5em;
	text-align: center;
	float: left;	
}

/* LEVEL 3 */
div#content div.geschaeftsstelle ul li ul li ul li div.innerdiv {
	width: 213px; 
	background: #fff7d7;
	border-top: 4px solid #0f88e5;	
	height: auto;
	line-height: 1.5em;
	padding: 1.2em .2em 1.2em .2em;
	margin: 0;	
	float: left;
}

/* LEVEL 4 */
div#content div.geschaeftsstelle ul li ul li ul li ul li div.innerdiv {
	width: 164px;/*150*/
	background: #fff7d7;
	border-top: 4px solid #0f88e5;
	height: auto;
	line-height: 1.5em;
	padding: 1.2em .2em 1.2em .2em;
	margin: 0;
	float: left;			
}

/* LEVEL 5 */
div#content div.geschaeftsstelle ul li ul li ul li ul li ul li div.innerdiv {
	width: 140px; /*135*/
	height: auto;
	line-height: 1.2em;
	padding: .4em .2em .4em .2em;
	margin: 0;
	background-color: #f2f2f2;
	float: left;	
}

div#content div.geschaeftsstelle div.innerdiv hr {
	padding: 0;
	margin: 0;
	height: 0;
	line-height: 0;
	border: 0;
	border-bottom: 1px solid #0f88e5;
}

div#content div.geschaeftsstelle div.innerdiv span.title {
	font-weight: bold;
	color: #0f88e5;
}

/*IE 6 (when comma-separated, IE6 didn't work, so these are duped for IE7)*/

*html div#content div.geschaeftsstelle {text-align: left;}
*html div#content div.geschaeftsstelle ul li ul li ul li div.innerdiv {margin: 0; position: relative;}

/*IE 7*/
*:first-child+html div#content div.geschaeftsstelle {text-align: left;}
*:first-child+html div#content div.geschaeftsstelle ul li ul li ul li div.innerdiv {margin: 0; position: relative;}



/*





	Organigramm

	/ueber_uns/organigramm/



*/


div#content div.organigramm li div div.innerdiv {
	font-size: 77%;
	line-height: 121%;
}

div#content div.organigramm ul,
div#content div.organigramm li {
	margin: 0;
	padding: 0;
	background-image: none;
}

div.organigramm ul li ul li ul li{
	margin: 0;
	padding: 0;
}

div#content div.organigramm a {
	color: #13841c;
}

div#content div.organigramm a:hover {
	color: #000;
}

div#content div.organigramm {
	background: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: auto;
}

/*
from here down, styles are scoped within div.organigramm to allow for styling differently for JS-enabled users.
*/
div#content div.organigramm p#noJS {
	display: none;
}

div#content div.organigramm div#contain {
	width: 100%;
	background: none;
}

div#content div.organigramm div#sitemap {
	margin: auto;
}

div#content div.organigramm div#sitemap ul {
	float: none;
	padding: 0;
	list-style: none;
	margin: auto;	
	text-align: center;
	width: 168px;	
}

/* Stabstellen, absolut */
div.organigramm div#stab {
	position: relative;
}

div.organigramm div#stab div#topleft {
	position: absolute;
	left: 0px;
	top: 160px;
	width: 354px;
	height: 38px;
	z-index: 1;
	background: url(../images/stylemap/hLine.gif) repeat-x right center !important;
}

div.organigramm div#stab div#topleft div#topleftone {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 160px;
	z-index: 1;
}

div.organigramm div#stab div#bottomleft {
	position: absolute;
	left: 0px;
	top: 320px;
	width: 352px;
	height: 100px;
	z-index: 1;
	background: url(../images/stylemap/hLine.gif) repeat-x right center !important;
}

div.organigramm div#stab div#bottomleft div#bottomleftone {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 160px;
	z-index: 1;
}

div.organigramm div#stab div#bottomright {
	position: absolute;
	right: 10px;
	top: 335px;
	width: 347px;
	height: 70px;
	z-index: 1;
	background: url(../images/stylemap/hLine.gif) repeat-x right center !important;
}

div.organigramm div#stab div#bottomright div#bottomrightone {
	position: absolute;
	left: 190px;
	top: 0px;
	width: 160px;
	z-index: 1;
}

div#stab ul li {
	margin: 0;
	padding: 0;
	list-style: none;	
}

div.organigramm div#stab ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

div#content div.organigramm ul {
	clear: left;
	height: auto;
	margin: 0;
	padding: 0;
	list-style: none;
}

div#content div.organigramm ul ul {
	clear: left;
	height: auto;
	margin: 0;
	padding: 0;
	list-style: none;
	margin: auto 0;		
}

div#content div.organigramm ul ul ul {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
}

div#content div.organigramm ul ul ul ul {
	width: auto;
	margin: 0;
	padding: 0;
	border: 0;
}

div#content div.organigramm ul ul ul ul ul {
	width: auto;
	margin: 0;
	padding: 0;
}

div#content div.organigramm ul ul ul ul ul.leaf{
	border-left: none;
}

/* LEVEL 1 LI */
div#content div.organigramm li {
	float: left;
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
	background: url(../images/stylemap/vLine.gif) repeat-y center top;	
}

/* LEVEL 2 LI */
div#content div.organigramm li li {
	float: left;
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
}

div#content div.organigramm li li.last {
	margin-right: 0px !important;
}

div#content div.organigramm li.special {
	list-style: none;
}

/* LEVEL 3 LI */
div#content div.organigramm li li li {
	float: left;
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
	background: none; 
	background: url(../images/stylemap/vLine.gif) repeat-y center top;	
}

div#content div.organigramm li li li li {
	float: none;
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
	background: url(../images/stylemap/vLine.gif) repeat-y center top;	
}

/* NAV 1 */
div#content div.organigramm div.root {
	padding-top: 0;
	text-align: center;
	padding-bottom: 50px;
}

/* NAV 2 */
div#content div.organigramm ul li ul li div {
	padding-top: 0;
	text-align: center;
	height: auto;
	margin-bottom: 50px;	/* ie fix */
}

/* NAV 3 */
div#content div.organigramm ul li ul li ul li div {
	margin-top: 80px;
	margin-bottom: 0px;	
}

/* NAV 4 */
div#content div.organigramm ul li ul li ul li ul li div {
	margin-top: 0px !important;
	margin-bottom: 0px;		
}

div#content div.organigramm ul li ul li ul li ul li div div.innerdiv {
	margin-top: 200px !important;
}

div#content div.organigramm li.special div { 
	background: none;
	padding: 0;
	margin: 0;
}

/* Stabstellen */
div#content div.organigramm li.special div.innerdiv {
	background: #fff7d7;
	border-top: 4px solid #0f88e5;
	padding: .8em .2em .8em .2em;
	color: black;
	text-decoration: none;
	margin: 0;
	line-height: 1.5em;
	text-align: center;
	width: 163px;
	height: auto;	
}

/* LEVEL 1 */
div#content div.organigramm ul li div.innerdiv {
	background: #fff7d7;
	border-top: 4px solid #0f88e5;
	padding: 1em .2em 1em .2em;
	text-decoration: none;
	margin: 0 auto;
	width: 163px;
	height: auto;
	line-height: 1.5em;
	text-align: center;
}

/* LEVEL 2 */
div#content div.organigramm ul li ul li div.innerdiv {
	width: 163px;
	background: #fff7d7;
	border-top: 4px solid #0f88e5;
	padding: 1.2em .2em 1.2em .2em;
	text-decoration: none;
	margin: 0 auto;
	height: auto;
	line-height: 1.5em;
	text-align: center;
	float: left;	
}

/* LEVEL 3 */
div#content div.organigramm ul li ul li ul li div.innerdiv {
	width: 163px; 
	background: #fff7d7;
	border-top: 4px solid #0f88e5;	
	height: auto;
	line-height: 1.5em;
	padding: 1.2em .2em 1.2em .2em;
	margin: 0;	
	float: left;
}

/* LEVEL 4 */
div#content div.organigramm ul li ul li ul li ul li div.innerdiv {
	width: 163px;
	background: #fff7d7;
	border-top: 4px solid #0f88e5;
	height: auto;
	line-height: 1.5em;
	padding: 1.2em .2em 1.2em .2em;
	margin: 0;
	float: left;
}

/* LEVEL 5 */
div#content div.organigramm ul li ul li ul li ul li ul li div.innerdiv {
	width: 163px;
	background: #fff7d7;
	border-top: 4px solid #0f88e5;
	height: auto;
	line-height: 1.5em;
	padding: 1.2em .2em 1.2em .2em;
	margin: 0;
	float: left;	
}

/*IE 6 (when comma-separated, IE6 didn't work, so these are duped for IE7)*/

*html div#content div.organigramm {text-align: left;}


/*IE 7*/
*:first-child+html div#content div.organigramm {text-align: left;}
*:first-child+html div#content div.organigramm ul li ul li ul li div.innerdiv {margin: 0; position: relative;}