/*
File: html_undo.css
File: styles.css
File: jScrollPane.css
*/


/*

	Thanks to Klaus @ Stilbuero.de
    
	Stilbüro - Reset HTML element default values
    
*/

/* whitespace and font-family reset */
* {
    margin: 0;
    padding: 0;
    font-family: "Segoe UI", Arial,sans-serif;
}

/* forms */
fieldset {
    border: 0 solid transparent; /* 'solid transparent' required by Opera */
}
legend {
    color: #000; /* IE/Win does not inherit color */
}
optgroup {
    font-style: normal;
    font-weight: bold;
}

/* horizontal rules */
hr {
    display: none;
}

/* links */
a {
    text-decoration: underline;
}
a:focus, a:active {
    outline: none; /* @ Firefox, remove ugly dotted border */
}

/* lists */
ol {
    margin-left: 40px;
}
ul {
    list-style: none;
}

/* objects, images */
img, object {
    display: block; /* prevent typical margin-bottom bugs in IE/Win */
}
img {
    border: 0;    
}

/* structure */
html, body { /* xhtml as xml compatible */
    background: #fff;
    color: #000;
}
html {
    border: 0; /* @ IE/Win, hide the viewport's border */
}
address {
    font-style: normal;
}

/* tables */
table {
    border-collapse: collapse;
    border-spacing: 0;
    caption-side: top;
    empty-cells: show;
}
caption, td, th {
    vertical-align: top;
    text-align: left;
}

/* text */
abbr[title], acronym[title], dfn[title] {
    border-bottom: 0;
    font-style: normal;
    cursor: help;
}
a abbr[title], a acronym[title], a dfn[title] {
    cursor: inherit;
}
blockquote, cite, em, q {
    font-style: italic;
}
q:before {
    content: "";
}
q:after {
    content: "";
}
strong {
    font-weight: bold;
}



body{
	background:white;
	font-size:12px;
}
table{
	font-size:1em;
}

body,a,a:visited,h1,h2,h3{
	color:#253A67;
}
a,a:visited{
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}

.morelinks a{
	float:left;
}
.morelinks .floatright{
	float:right;
}
h1,h2,h3,h4{
	margin:0px;
	padding:0px;
	font-size:100%;
}
a{
	background-repeat: no-repeat;
}
a img{
	border-width:0px;
}
.red{
	font-weight:bold;
	color:red;
}

h1{
	font-size:210%;
	font-weight:bold;
	font-family: "Book Antiqua", "Times New Roman";
}
h2{
	font-size:120%;
	font-weight:bold;
	margin-bottom:5px;
}
h3{
	font-size:80%;
	font-weight:bold;
}
.missing{
	font-weight:bold;
	color:Red;
}
.pdf{
	background-image: url(/images/acrobat.gif);
	background-repeat: no-repeat;
	padding-left:25px;
	height:20px;
	display:block;
	line-height:20px;
}
.hypauthor,.hypexternal{
	background-image: url(/images/table_go.gif);
	background-repeat: no-repeat;
	padding-left:25px;
	height:20px;
	display:block;
	line-height:20px;
}

.MsoNormal{
	text-align:left !important;
}


.debug{
	display:block;
	position:absolute;
	bottom:10px;
	left:10px;
	border:1px solid gray;
	background:white;
	cursor:pointer;
	z-index:100;
}
.debug h2{
	font-size:10px;
	background:#eeeeee;
	padding: 2px 5px;
	display:block;	
}
.debug p{
	display:none;
	padding: 5px 10px;
	font-size:11px;
}
li{
	list-style-type: none;
	list-style-position: outside;
}

/*===== Areas =====*/
.container{
	position:relative;
	background-image: url(../images/bg.png);
	background-position: top left;
	background-repeat: no-repeat;
}


.container .nav{
	display:block;
}
.container .content{
	display:block;
	overflow:hidden;
}



/*===== Nav =====*/
.nav .logo{
	position: absolute;
	top:25px;
	left:15px;
}
.nav .navitems{
	background-image: url(../images/bg_nav.jpg);
	background-position: top left;
	background-repeat:no-repeat;
	display:block;
	position:absolute;
	top:155px;
	left:0px;
	width:235px;
	height:400px;
}
.nav .navitems ul{
	margin:0px;
	padding:0px;
	position:absolute;
	top:195px;
	left:35px;
	list-style-type: none;
	font-weight:bold;
	line-height:1.5em;
}
.nav .navitems ul li{
	margin:0px;
	padding:0px;
}
.nav .navitems ul li ul{
	position:relative;
	top:auto;
	left:10px;
}
.nav .navitems ul li ul li{
	line-height:16px;
	font-weight:normal;
}


/*===== Footer =====*/
.footer{
	position:absolute;
	bottom:23px;
	left:0px;
	width:865px;
	height:30px;
}

.footer .links{
	position:absolute;
	left:260px;
	top:5px;
	width:350px;
	text-align:center;
}
.footer .links a{
	margin: 0px 10px;
}


.footer .links .langen,.footer .links .langde{
	width:16px;
	height:11px;
	display:block;
	position:absolute;
	right:0px;
	top:2px;
}
.footer .links .langen{
	background-image: url(../images/us.gif);
}
.footer .links .langde{
	background-image: url(../images/de.gif);
}

.footer .links span{
	display:none;
}




.footer .suche{
	position:absolute;
	left:10px;
	top:5px;
}
.footer .suche .tbx{
	font-size:100%;
	padding: 0px;
	background:#D4D8E4;
	border:1px solid #BDC4D6;
}


.footer .skontaktform,.footer .skontaktformshow,
.footer .sAnonContactForm{
	display:none;
	background:#D4D8E4;
	border:2px solid black;
	padding: 15px;
	position:absolute;
	right:5px;
	bottom:5px;
	width:400px;
	z-index:100;
}
.footer .skontaktformshow{
	display:block;
}
.footer .skontaktform .intro{
	margin-bottom:10px;
}


.footer .skontaktform h1{
	margin-bottom:10px;
}

.footer .skontaktform label{
	width:110px;
	display:block;
	float:left;
}
.footer .skontaktform .tbx{
	border:1px solid #BDC4D6;
	margin-bottom:2px;
	width:360px;
	font-size:100%;
	color:#392B1C;
	padding: 1px 2px;
	margin-right:10px;
}

.footer .skontaktform .send{
	margin-top:10px;
}

.footer .btnCloseContact,.footer .btnHideContactDone,
.footer .btnCloseAnonContact
{
	position:absolute;
	top:0px;
	right:0px;
	border-left:1px solid black;
	border-bottom:1px solid black;
	padding: 2px 5px;
	background:#BDC4D6;
}
.footer .btnOpenContact{
	position:absolute;
	right:10px;
	bottom:8px;
	z-index:10;
}



/*===== Tooltip (on Links) =====*/

#xtooltip {
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px 7px;
	font-size:90% !important;
}
#tooltip h3{
	font-size:100%;
	font-weight:normal;
}
#tooltip strong{
	font-weight:bold !important;
	display:block;
}
.tooltiplink{
	
}
.tooltiplink i{
	font-size:80%;
	font-style: normal;
}
.tooltiplink strong{
	font-size:80%;
	display:block;
}


#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px 7px;
	font-size:90% !important;
}
	

	




/*===== Content =====*/
.content ul{
	list-style-type:circle;
	list-style-position: outside;
	list-style-image: inherit;
	padding-left:16px;
}
.content li{
	list-style-type:disc;
	
}
.rightBody a{
	display:block;
	margin-bottom:10px;
}
.rightBody .block{
	background-color:#ECEDF2;
	padding-bottom:5px;
	margin-bottom:10px;
}

.rightBody h2{
	font-size:1em;
	padding: 5px 0px;
	border-bottom:1px solid white;
}
.rightBody .block h2{
	padding: 5px 10px;
}
.rightBody .block a{
	margin: 5px 10px 10px 10px;
}

.content .leftBody .page a{
	text-decoration:underline;
}
.content .leftBody .abstract{
	font-weight:bold;
	display:block;
	margin-bottom:10px;
}
.content .leftBody .pic{
	margin-bottom:10px;
}
.content .leftBody p{
	margin-bottom:10px;
}
.listing a{
	display:block;
	margin-bottom:10px;
}
.listing h2{
	border-bottom:1px solid #253A67;
}
.listing h3{
	font-size: 100%;
}
.content .date{
	font-size:90%;
	display:block;
}
.related .headline p{
	margin-bottom:10px;
}
.related .headline a{
	margin-top:2px;
	margin-bottom:2px;
}
.related .employees a{
	xmargin: 0px;
	margin-top:2px;
	margin-bottom:2px;
}
.content .leftBody .author{
	display:block;
	margin: 5px 0px;
}
.content .leftBody .hypauthor{
	display:block;
	margin: 5px 0px;
}


/*==== More Content Jumplinks ====*/
#scrolltargets{
	background-color:#ECEDF2;
	padding:5px 10px 5px 10px;
	margin-bottom:10px;
	display:none;
}

#scrolltargets li{
	display:block;
}
#scrolltargets a{
	background-image: url(/images/arrow_down.gif);
	background-position: left 9px;
	text-decoration:none !important;
	padding-left:12px;
	font-weight:bold;
	padding: 5px 0 5px 12px;
	margin: 0px 5px;
}
#scrolltargets a:hover{
	text-decoration:underline !important;
}



/*===== Suchergebnis =====*/
.searchresult h2{
	border-bottom: 1px solid #253A67;
}
.resultintrotext{
	margin-bottom:10px;
}



/*===== Contact =====*/
.contact label{
	width:200px;
	display:block;
	float:left;
	margin-top:5px;
}
.contact .tbx{
	width:270px;
	margin-right:10px;
}

.pager span{
	display:block;
	color:red;
	background:White;
	padding: 2px 5px;
	color:black;
	font-weight:bold;
}
.pager a{
	background:#EEEEEE;
	padding: 2px 5px;
}
.pager a:hover{
	background:#D4D8E4;
}

/*===== Questions =====*/


.Questions{
	display:none;
	background:#ECEDF2;
	border:2px solid black;
	padding: 20px 30px;
	position:absolute;
	width:580px;
	height:530px;
	z-index:12;
	top:10px;	
	left:100px;
}
.QuestionOk{
	background:#D4D8E4;
	border:2px solid black;
	padding: 15px;
	position:absolute;
	top:220px;
	left:200px;
	width:460px;
	z-index:12;
	cursor:pointer;
}

.QuestionOk .closer{
	background-color:#BDC4D6;
	border-bottom:1px solid black;
	border-left:1px solid black;
	padding:2px 5px;
	position:absolute;
	right:0px;
	top:0px;
}

.Questions .questions{
	width:100%;
	height:470px;
	overflow-y:auto;
}
.Questions .intro{
	margin: 10px 0px;
	width:530px;
}
Questions h1{
	height:40px;
}
/* buttons */
.Questions .close{
	position:absolute;
	top:0px;
	right:0px;
	border-left:1px solid black;
	border-bottom:1px solid black;
	padding: 2px 5px;
	background:#BDC4D6;
	cursor:pointer;
}
.Questions .btnsend{
	position:absolute;
	bottom:10px;
	right:30px;
}
.Questions .pdf{
	position:absolute;
	bottom:10px;
	left:30px;
}
/* question block */
.Questions .q{
	margin-bottom:10px;
	background:#BDC4D6;
	padding: 5px 10px;
	width:530px;
	clear:both;
}
.Questions .q h3{
	font-size:100%;
}
.Questions .q label{
	display:block;
	float:left;
	width:100px;
	padding-top:2px;
}

.Questions .q .row{
	display:block;
	margin-top:2px;
	margin-bottom:2px;
	display:block;
	clear:both;
}

.Questions .q .tbx,.Questions .q .tbxbig{
	width:420px;
	font-size:100%;
	border-width:0px;
	padding:1px;
}
.Questions .q .tbxremark{
	width:520px;
}
.Questions .q .tbxbig{
	height:100px;
}
.Questions .rbl{
	line-height:16px;
	vertical-align: middle;
}
.Questions .rbl label{
	margin-left:5px;
	margin-right:20px;
}
.Questions .rbl input,.Questions .rbl label{
	float:left;
	width:auto;
}

/*===== Contact ======*/
.contactbox{
	margin-top:10px;
}
.contactbox a{
	text-decoration:underline;
	font-weight:bold;
}
.anfahrt{
	padding-left:0px !important;
}
.anfahrt li{
	padding-left:22px;
	xposition:relative;
	clear:both;
	padding-bottom:3px;
	background-repeat:no-repeat;
	xtext-indent:20px;
	list-style: none;
}
.anfahrt li img{
	xposition:absolute;
	xtop:0px;
	xleft:0px;
	float:left;
	margin: 0 3px 3px 0;
}




.container{
	width:877px;
	height:620px;
	overflow:hidden;
	margin: 20px auto 0 auto;
}

.container .nav{
	width:235px;
	height:555px;
	position:absolute;
	top:0px;
	left:0px;
}
.container .content{
	position:absolute;
	top:10px;
	left:258px;
	width:610px;
	height:545px;
}


.content .leftHead{
	display:block;
	width:330px;
	height:34px;
	overflow:hidden;
	position:absolute;
	top:10px;
	left:0px;
}



.leftRow{
	display:block;
	position:absolute;
	top:0px;
	left:20px;
	width:320px;
	height:530px;
	overflow:hidden;
}


.leftBody{
	position:absolute;
	display:block;
	left:0px;
	width:320px;
	xheight:465px;
	height:440px;
	overflow-y:auto;
	overflow-x:hidden;
		
	scrollbar-base-color:white;
	scrollbar-3d-light-color:#FFFFFF;
	scrollbar-arrow-color:#FFFFFF;
	scrollbar-track-color:#eeeeee;
	
	scrollbar-darkshadow-color:black;
	scrollbar-face-color:#253a67;
	scrollbar-highlight-color:#253a67;
	scrollbar-shadow-color:#253a67;
}

.leftMoreLinks{
	height:440px;
}



.rightRow{
	display:block;
	position:absolute;
	top:10px;
	left:390px;
	width:220px;
	height:520px;
	overflow-x:hidden;
	overflow-y:auto;

	scrollbar-base-color:white;
	scrollbar-3d-light-color:#FFFFFF;
	scrollbar-arrow-color:#FFFFFF;
	scrollbar-track-color:#eeeeee;
	
	scrollbar-darkshadow-color:black;
	scrollbar-face-color:#253a67;
	scrollbar-highlight-color:#253a67;
	scrollbar-shadow-color:#253a67;
}



.rightBody{
	display:block;
	top:0px;
	left:0px;
	width:210px;
	height:520px;
	overflow:auto;
}
.leftOffset{
	xwidth:310px;
	margin-right:5px;
	xpadding-right:5px;
	xoverflow:visible;
	xdisplay:block;
}
.leftOffset p{
	font-family:"Segoe UI",Arial,sans-serif !important;
	display:block;
	margin: 0 0 5px 0;
}

.leftRow .jScrollPaneContainer{
	width: 320px !important;
}



.content .right #scrolltargets{
	margin: 0 0 10px 0;
}
.content .right #scrolltargets a{
	margin: 0px;
}

.content .right .block{
	width:195px;
}

/*===== More Links in Content =====*/

.content .morelinks{
	border-top: 1px solid white;
	position:absolute;
	bottom:0px;
	left:0px;
	width:300px;
	height:20px;
	z-index:100;
	padding: 5px 20px;
}
.contentFaelle .leftBody{
	height:435px;
}


.myurl{
	display:none;
}


.Soforthilfe{
	display:none;
}
.Soforthilfe{
	position:absolute;
	top:20px;
	left:20px;
	width:250px;
	height:300px;
	background:white;
	border:1px solid black;
	padding: 5px 10px;
	overflow:auto;
}
.Soforthilfe .q{
	border:1px solid #eeeeee;
	padding: 3px 5px;
	margin-bottom:5px;
}



.QuestionsButton{
	position:absolute;
	right:15px;
	bottom:10px;
	font-weight:bold;
	background-image: url(/images/buttons/help.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left:20px;

}



.morelinks .print{
	background-image: url(/images/buttons/print.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left:20px;
	font-weight:bold;
}

/*===== Homepage Banner =====*/
#homebanner{
	background-color:#ECEDF2;
	padding: 5px 10px;
	margin-top:20px;
}
#homebanner a{
	margin-bottom:5px;
}


.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background-color:#ecedf2;
}
.jScrollPaneDrag {
	position: absolute;
	background:#162e59;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 10px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 1px;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 10px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

a.jScrollArrowUp {
	background: url(../images/scroll_up.gif) no-repeat 0 0;
}
a.jScrollArrowUp:hover {
	background-position: 0 -10px;
}


a.jScrollArrowDown {
	background: url(../images/scroll_down.gif) no-repeat 0 0;
}
a.jScrollArrowDown:hover {
	background-position: 0 -10px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -20px;
}