@charset "UTF-8";

/* CSS Document */

html {
	color:#000;
	background-color:#fff;
	background-image:url("/bilder/back.png");
	background-repeat:repeat-x;
	margin:0;
	padding:0;
}
body {
	margin:0;
	padding:0;
}
#document, body {
	/*width:1008px;*/
	width:1004px;
	margin:2px auto;
	/*font-family:"Times New Roman", Arial, Helvetica, sans-serif;
	font-size:15px;*/
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	text-align:center;
	color:#000;
	border:none;
}

/*
	TOP
*/
#top {
	background-color:#fff;
	width:1004px;
	/*width:998px;*/
	margin:0px auto;
	padding:0;
	text-align:left;
	color:#000;
	border:none;
}
#top_navi_left {
	font-size:10px;
	height:15px;
	width:140px;
	background-color:#e6f2f2;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	float:left;
	border:none;
}
#top_navi_right {
	background-color:#e6f2f2;
	border-right:1px solid #fff;
	width:822px;
	/*width:816px;*/
	height:15px;
	margin:0;
	padding:0;
	padding-left:40px;
	font-family:Verdana, Arial, sans-serif;
	font-size:10px;
	font-weight:normal;
	float:right;
}
#top_navi_right  a  {
	color:#000;
    text-decoration:none;
}
#top_navi_right  a:hover  {
	color:#479088;
}
#top_navi_right  a:active  {
	color:#479088;
}
#top_navi_right br {
	display:none !important;
}
#top_middle_logo {
	height:90px;
	width:140px;
	background-color:#fff;
	border:none;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	float:left;
	padding-top:18px;
}
#top_middle_logo img {
	height: 75px;
	width:135px;
	border-left:1px solid white;
	border-right:1px solid white;
}
#top_middle_name {
	height:86px;
	/*width:772px;*/
	width:766px;
	background-color:#fff;
	border:none;
	float:right;
	text-align:right;
	padding-top:22px;
	padding-right:90px;
}
#top_middle_name .mpihead1 {
	font-family: Arial;
	color: #479088;
	font-size: 16px;
}
#top_middle_name .mpihead2 {
	font-family: Arial;
	color: #606060;
	font-size: 16px;
}

/*
	NAVI
*/
#navi {
	float:left;
	width:142px;
	margin:0;
	margin-top:3px;
	border:none;
	text-align:left;
}
#navi-img {
	border-left:1px solid white;
	border-right:1px solid white;
}
#navi ul {
	margin:0 0 10px 0;
	padding:0;
}
#navi ul li {
	margin:2px 0;
	padding:0;
	list-style:none;
	clear:both;
	position:relative;
	min-height:25px;	/* fix for Webkit: items with submenu had height 0 */
	
	/* neu für WebKit 28.6.2010 */
	border:1px solid #ddd;
	min-height:23px;
}
#navi ul li a {
	font-family:Verdana, Arial, sans-serif;
	font-weight:normal;
 	font-size:11px;
	display:block;
	padding:5px 0 5px 10px; /*top right bottom left */
	margin:0;
	border:1px solid #ddd;
	color:#666;
	text-decoration:none;
	width:130px;
	background-color:#fff;
	
	/* neu für WebKit 28.6.2010 */
	border:0;
}
#navi ul li.hassubm a.submtitle {
	width:109px;
	float: left;
	border-right:1px solid #ddd;
}
/* unter-untermenü (3rd level) muss breiter sein als 2nd level*/
#navi ul li.hassubm ul li.hassubm a.submtitle {
	width:179px;
}
#navi ul li.hassubm a.submlink {
	width:10px;
	border-left:none;
	margin-top:0;
	float:right;
}
#navi ul li a:hover, #navi ul li a.menus {
	background-color:#e6f2f2;
	color:#333;
}
/* markiere auch pfeil für untermenü */
#navi ul li a.menus + a.submlink {
	background-color:#e6f2f2;
}
#navi ul li ul {
	/*width:120px;*/
	width:212px;	/* link-width + padding-left + border-left-width + border-right-width */
	display:none;
	position:absolute;
	z-index:3;
	left:140px;	/* width of #navi - 1px */
	top:0px;
	background-color:#fff;
}
#navi ul li ul:hover {
	display:block;
}
#navi ul li ul li a {
	width:200px;
}
#navi ul li a.submlink:hover + ul {	/* causes webkit crash; does not crash when using "ul li:hover ul" */
	display:block;
}
#navi ul li ul li ul {
	left:210px;
	z-index:5;
}
#navi p {
	margin:2px 0;
	height:6px;
}
#navi-lang li a img {
	vertical-align:top;
}
#search {
	margin-top:2px;
}
#search input.searchtext {
	border:1px solid #ddd;
	margin-right:5px;
	width:120px;
}

/*
	CONTENT
*/
#content_header {
	float:left;
	/*width:824px;*/
	/*width:866px;*/
	width:862px;
	margin-top:3px;	/* wenn Times nicht mehr Standard ist */
	text-align:left;
	background-color:#fff;
	color:#fff;
	border:none;
	
	/*position:relative;
	top:125px;
	left:280px;*/
}
#content_header .headline {
	background-color:#7ca6a6;
	margin:0;
	margin-left:42px;
	padding:0;
    padding-top:3px;
	padding-left:5px;
	border:1px solid #7ca6a6;
	font-family:Verdana, Arial, sans-serif;
	font-weight:bold;
 	font-size:12px;
	height:17px;
}
#content_header .headline a {
	color:#fff;
}
#content_header .headline a:hover {
	text-decoration:underline;
}
#content_header .subhead {
	background-color:#fff;
	color:#000;
	margin:0;
	margin-left:42px;
	padding:0;
    padding-top:3px;
	padding-left:5px;
	border:1px solid #7ca6a6;
	border-top:none;
	border-right:none;
	font-family:Verdana, Arial, sans-serif;
	font-weight:bold;
 	font-size:12px;
	height:16px;
}
#content_header .subhead a {
	color:#000;
}
#content_header .subhead a:hover {
	text-decoration:underline;
}
#content {
	float:left;
	width:810px;
	min-height: 410px;
	margin-right:auto;
	margin-left:42px;
	padding:50px 10px 10px 0;	 /*top right bottom left */
	text-align:left;
	background-image:url("/bilder/punktlinie.gif");
	background-repeat:repeat-y;
	background-position:right;
	border:none;
	
	/*margin-top:45px;*/
}
#content hr {
	height:1px;
	border:none;
	color:#999;
	background-color:#999;
	width:100%;
}
#content ul {
	list-style-image: url("/bilder/linkpfeil.gif");
	margin-top:1em;
	margin-bottom:1.5em;
}
#content ul li.collapsed {
	list-style-image: url("/bilder/downpfeil.gif");
}
#content li {
	margin: 10px;
}
#content ul.external li, #content li.external {
	list-style-image: url("/bilder/linkPfeilExtern.gif");
}

/*
	BOTTOM
*/
#bottom {
	text-align:right;
    margin-top:30px;
    margin-bottom:10px;
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
}
#bottom a {
	color:#479088;
	text-decoration:none;
}
#bottom a:active, #bottom a:hover, #bottom a:visited {
	color:#84CEC6;
}
#bottom hr {
	height:1px;
    border:none;
    color:#ddd;
    background-color:#ddd;
    width:100%;
    margin-bottom:4px;
}
#bottom #lastmod {
	float:left;
	color:#ccc;
}

/*
	ALLGEMEIN - CONTENT
*/
.highlight {
	color:#c33;
	font-weight:bold;
}
.first {
	margin-top:0 !important;
}
.clear {
	clear:both;
}
iframe {
	border:none;
	vertical-align:top;
	height:13px;
}
img {
	border:none;
	margin:0;
	padding:0;
}
a {	/*auch bereits besuchte links bekommen bei hover die dunklere farbe ;-) geht nur nicht beim IE <= 6 */
	color:#479088;
	text-decoration:none;
}
a:hover, a:active {	/*, a:visited  besuchte links bleiben heller */
	color:#84CEC6;
}
h1 {
	font-size:22pt;
	font-weight:lighter;
}
h2 {
	font-size:20pt;
	font-weight:lighter;
}
h3 {
	font-size:18pt;
	font-weight:lighter;
	text-align:center;
}
h3.staffname {
	font:22pt 'Times New Roman';
	margin-bottom:0;
}
h3.staffname.border {
	/* hr-replacement */
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px solid #999;
}
h3.staffname.border + hr {
	display:none;
}
h4 {
	font-size:16pt;
	font-weight:lighter;
}
h5 {
	font-size:14pt;
	font-weight:lighter;
}
h6 {
	font-size:12pt;
}
hr {
	border-width: 1px;
	border-color: #808080;
	border-style: solid;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	width: 99%;
}
div.headline, h3.headline {
	background-image:url("/bilder/th_back.png");
	background-repeat:repeat-y;
	background-color:#7ea8a7;
	
	text-align:left;
	padding:3px 2px 3px 5px;
	color:#fff;
	font-size:12px;
	font-family:verdana, arial, sans-serif;
	font-weight:bold;
	clear:both;
}
h3.headline {
	margin-top:2.5em;
}
h3.headline .topic {
	margin:0;
	padding:0;
}
h3.headline .backToTop {
	margin:0;
	padding:0;
	float:right;
}

table {
	border-collapse: collapse;
	table-layout: auto;
	border-spacing: 0px;
	empty-cells: show;
}
table.headline {
	margin-top: 30px;
	margin-bottom: 14px;
	width: 99%;
}
th {
	font-size: 14px;
	/*background-color: #C4C4C4;*/
	vertical-align: top;
	padding:3px 6px;
}
th.headline {
	background-image: url("/bilder/th_back.png");
	background-repeat:repeat-y;
	background-color:#7ea8a7;
	height: 21px;
	padding: 0;
	padding-left: 5px;
	/* 2007-10-09 */
	/*padding:3px 0 3px 5px;*/
	color: #ffffff;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	vertical-align: middle;
	text-align: left;
}
td {
	padding:3px 6px;
	height: 23px;
	color: #000000;
}
.headline {
	font-size: 22pt;
	font-weight: lighter;
}
.margin_30 {
	margin-left:30px;
}
.margin_45 {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 45px;
}
.margin_70 {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 70px;
}
li.noimg {
	list-style-image: none;
	list-style-type: none;
}
.left {
	text-align:left;
}
.center {
	text-align:center;
}
.right {
	text-align:right;
}
.justify {
	text-align:justify;
}
.normal {
	/*font-family:"Times New Roman", Arial, Helvetica, sans-serif;
	font-size:15px;*/
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#000;
}
.hide {
	display:none;
}
.hidden {
	display:none !important;
}
.small {
	font-size:x-small;
}
.verysmall {
	font-size:xx-small;
}

/*	nur auf der startseite verwendet */
#content .main_navi {
	margin-bottom: 12px;
    /*color:#479088;*/
    font-weight: bold;
}
#content .main_navi a {
	font-weight: bold;
}
#content .main_navi img {
	margin-right:5px;
}

/*#content a[href ^= "http://"]:after, #content a[href ^= "https://"]:after, */
#content a[target = "_blank"]:after, #content a.external:after {
	content:"\0000A0" url("/bilder/external.gif"); /* A0 ist der hex-wert für &nbsp; */
}
#content a.external2:before {
	content:url("/bilder/linkPfeilExtern.gif") " ";
}
#content a.external2:after {
	content:normal;
}
#content a.pdf:after {
	content:"\0000A0" url("/bilder/pdf.gif"); /* A0 ist der hex-wert für &nbsp; */
	vertical-align:-0.32em;/* -4px oder -30% */
}
#content a.doc:after {
	content:"\0000A0" url("/bilder/dokument2.gif"); /* A0 ist der hex-wert für &nbsp; */
	vertical-align:-0.32em;/* -4px oder -30% */
}
#content a.print:after {
	content:"\0000A0" url("/bilder/drucken.gif"); /* A0 ist der hex-wert für &nbsp; */
	vertical-align:-0.32em;/* -4px oder -30% */
}
.external a:after, .external a:before {
	content:normal !important;
}

#content a[href ^= "mailto:"]:before, #content a.mail:before  {
	content:url("/bilder/mail.gif") " ";
}

/*
	Englisch/Deutsch Flagge für externe Links, PDF und DOC
*/
#content a[target = "_blank"][lang |= "de"]:after, #content a.external[lang |= "de"]:after {
	content:"\0000A0" url("/bilder/external.gif") "\0000A0" url("/bilder/de-small.gif");
}
#content a[target = "_blank"][lang |= "en"]:after, #content a.external[lang |= "en"]:after {
	content:"\0000A0" url("/bilder/external.gif") "\0000A0" url("/bilder/en-small.gif");
}
#content a.pdf[lang |= "de"]:after {
	content:"\0000A0" url("/bilder/pdf.gif") "\0000A0" url("/bilder/de-small.gif");
}
#content a.pdf[lang |= "en"]:after {
	content:"\0000A0" url("/bilder/pdf.gif") "\0000A0" url("/bilder/en-small.gif");
	
}
