/*****************************/
/* element definitions start */
/*****************************/

html, body {
font-family:lucida,verdana,sans-serif;
font-size:12px;
font-weight:normal;
}

body {
color:#000000;
background-image: url(bgfarbverlauf.gif);
background-repeat: repeat-x;
background-color:#3CB43C;
padding-top: 2em;
}

.inhalt {
margin:0 auto;
width:760px;
/* height:500px; */
border:solid 2px #000000;
}

div.container a {
font-family:lucida,verdana,sans-serif;
font-size:12px;
font-weight:normal;
text-decoration:underline;
}

a:hover {
color:#ff0000;
background-color:#00A300;
}

a img {
text-decoration:none;
border:none;
padding:0px;
margin:0px;
}

#header {
	background: url(hp-headerlogo.jpg) no-repeat;
	color: #ffffff;
	margin: 00px 0 0 0px;
	height: 194px;
	padding: 00px 0 0px 0px;
}

#header h2 {
font-size:14px;
font-weight:normal;
text-align:left;
line-height:17px;
height:17px;
color:#006600;
background-color:transparent;
padding:0px 0px 0px 195px;
margin:0px;
}


#header h1 {
font-size:19px;
font-weight:normal;
font-style: bold;
text-align:left;
line-height:32px;

color:#006600;
padding:10px 0px 0px 195px;
margin:0px;
}

#header h1 a {
font-size:20px;
font-weight:normal;
text-decoration:none;
color:#006600;
background-color: #FFFFFF;
}

#header h1 a:hover {
text-decoration:none;
color:#006600;
background-color: #FFFFFF;
}

h2 {
font-size:14px;
font-weight:normal;
text-align:left;
line-height:17px;
height:17px;
color:#006600;
background-color:transparent;
padding:0px 0px 0px 195px;
margin:0px;
}

h2 a {
font-size:12px;
font-weight:normal;
text-decoration:none;
color:#006600;
background-color:transparent;
}

h2 a:hover {
text-decoration:none;
color:#006600;
background-color:transparent;
}

h3 {
font-size:12px;
font-weight:bold;
text-decoration: underline;
text-align:left;
line-height:24px;
height:24px;
color:#006600;
background-color:transparent;
padding:0px 0px 0px 20px;
margin:0px;
}

h3 a {
font-size:12px;
font-weight:normal;
text-decoration:none;
color:#006600;
background-color:transparent;
}

h3 a:hover {
text-decoration:none;
color:#006600;
background-color:transparent;
}


/*****************************/
/* element definitions end   */
/*****************************/

/*****************************/
/* class definitions start   */
/*****************************/

div.header_mid {
height:44px;
margin:0px;
padding:0px;
}

div.footer {
color:#555555;
background-color:transparent;
text-align: right;
font-size:11px;
font-weight:normal;
border-top:solid 1px #cccccc;
padding:10px 0px 10px 0px;
margin:30px 20px 0px 20px;
}

div.footer a {
font-size:11px;
font-weight:normal;
}

div.container {
position:relative;
color:#000000;
background-color:#ffffff;
margin:0px;
padding:30px 0px 0px 0px;
}

div.toplink {
padding:0px;
margin:0px 0px 0px 170px;
}

div.toplink a {
font-size:11px;
font-weight:normal;
}

div.path {
color:#ffffff;
background-color:transparent;
font-size:11px;
font-weight:normal;
line-height:31px;
height:31px;
padding:0px 0px 0px 20px;
margin:0px;
}

div.path a {
color:#ffffff;
background-color:transparent;
font-size:11px;
font-weight:normal;
}

div.path a:hover {
color:#ff0000;
background-color:#ffffaa;
}

div.quicknav {
position:absolute;
top:20px;
right:30px;
font-size:12px;
font-weight:normal;
text-align:right;
color:#545674;
background-color:transparent;
padding:0px;
margin:0px;
}

div.quicknav a {
font-size:12px;
font-weight:normal;
color:#545674;
background:transparent;
}

div.quicknav a:hover {
color:#ff0000;
background:#ffffaa;
}

span.top {
font-size:10px;
font-weight:normal;
}

span.top a {
font-size:10px;
font-weight:normal;
text-decoration:none;
}

/*****************************/
/* class definitions end     */
/*****************************/

/*****************************/
/* quicksearch starts        */
/*****************************/

form.qs {
text-align:left;
padding:0px;
margin:0px 0px 0px 0px;
}

form.qs p {
font-size:11px;
font-weight:normal;
padding:0px;
margin:0px;
color:#ffffff;
background-color:transparent;
}

form.qs input.button {
font-size:11px;
font-weight:normal;
width:30px;
color:#000000;
background-color:#f9f9ff;
border:solid 1px #c0d3e2;
padding:0px;
margin:0px 5px 0px 0px;
}

form.qs input.textfield {
font-size:11px;
font-weight:normal;
padding:0px;
margin:0px;
}

/*****************************/
/* quicksearch ends          */
/*****************************/

/*****************************/
/* login starts              */
/*****************************/

form.login {
padding:0px;
margin:0px;
}

form.login input.button {
font-size:11px;
font-weight:normal;
width:40px;
height:18px;
color:#000000;
background-color:#f9f9ff;
border:solid 1px #c0d3e2;
padding:0px;
margin:0px;
}

/*****************************/
/* login ends                */
/*****************************/

/*****************************/
/* mainbox starts            */
/*****************************/

div.mainbox {
position:relative;
/* width:auto; */
width: 530px;
min-width:120px;
z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */

font-size:12px;			/* Internet Explorer needs this */
font-weight:normal;
line-height:18px;
color:#000000;
background-color:transparent;
background: url(bglogo.jpg) no-repeat center;
padding: 0px 20px 0px 30px;
margin:-20px 5px 12px 165px;
}

div.mainbox h2 {
font-size:14px;
font-weight:bold;
padding:0px;
margin:0px 0px 12px 0px;
border-bottom:solid 1px #cccccc;
}

div.mainbox h2 a {
font-size:14px;
font-weight:bold;
text-decoration:none;
}

div.mainbox h3 {
font-size:16px;
font-weight:normal;
padding:0px 0px 5px 0px;
margin:0px 0px 0px 0px;
}

div.mainbox h4 {
font-size:14px;
font-weight:bold;
padding:0px;
margin:0px 0px 12px 0px;
border-bottom:solid 1px #cccccc;
}

div.mainbox h4 a {
font-size:14px;
font-weight:bold;
text-decoration:none;
}

div.mainbox h4 span.top {
font-size:11px;
font-weight:normal;
}

div.mainbox h4 span.top a {
font-size:11px;
font-weight:normal;
text-decoration:none;
}

div.mainbox p {
padding:0px;
margin:2px 0px 20px 10px;
}

div.mainbox p.subhead {
font-size:11px;
color:#aaaaaa;
background-color:transparent;
padding:0px;
margin:2px 0px 20px 0px;
}

div.mainbox p.subhead a {
font-size:11px;
color:#5555ff;
background-color:transparent;
}

div.mainbox table {
font-family:lucida,verdana,sans-serif;
font-size:12px;				/* Internet Explorer needs this */
font-weight:normal;
line-height:17px;
margin-left:10px;
}

div.mainbox ul {
color:#000000;
background-color:#ffffdd;
list-style-type:square;
padding:0px 0px 0px 20px;
margin:20px 20px 15px 10px;
border-left:solid 3px #ffdd99;
}

div.mainbox ul.none {
list-style-type:none;
}

div.mainbox li {
padding:0px;
margin:1px 0px 1px 0px;
}

div.mainbox a {
background-color: #FFFFFF;
}

/*****************************/
/* main ends                 */
/*****************************/

/*****************************/
/* leftbox starts            */
/*****************************/

div.leftbox {
position:absolute;
width:165px;
top:5px;
left:10px;
z-index:2;

font-size:11px;
font-weight:normal;
line-height:17px;
padding:0px;
margin:0px 10px 10px 0px;
border:none;
}

div.leftbox h5 {
font-size:12px;
font-weight:bold;
}

div.newsbox h5 {
color:#000000;
background-color:#eeeeee;
padding:5px 5px 5px 5px;
margin:0px 0px 0px 0px;
}

/*****************************/
/* leftbox ends              */
/*****************************/

/*****************************/
/* nav starts                */
/*****************************/

div.navbox p {
background-color: #006600;
font-size:12px;
font-weight:bold;
padding:5px 0px 5px 5px;
margin:0px;
}

div.navbox p a {
font-size:12px;
font-weight:bold;
text-decoration:none;
}

div.navbox p a:hover {
background-color:transparent;
}

div.navbox a {
font-size:12px;
}

div.navbox ul {
list-style-type:none;
padding:0px;
margin:0px;
}

div.navbox li {
background-image:url("arrow_li_inact.gif");
background-repeat:no-repeat;
background-position: left;
padding:2px 5px 1px 18px;
margin:0px;
}

div.navbox li a {
font-size:12px;
}

div.navbox li:hover {
background-image:url("arrow_li_hover.gif");
background-repeat:no-repeat;
background-position: left;
color:#ff0000;
background-color:#00A300;
border-right:solid 3px #006600;
margin-right:-3px;
}

div.navbox li.active {
background-image:url("arrow_li_act.gif");
background-repeat:no-repeat;
background-position: left;
color:#000000;
background-color:#00A300;
}

div.navbox li.extern {
background-image:url("arrow_li_extern.gif");
background-repeat:no-repeat;
background-position: left;
}

div.navbox li.extern:hover {
background-image:url("arrow_li_extern_hover.gif");
background-repeat:no-repeat;
background-position: left;
}

div.navbox div.active {
color:#000000;
background-color:#00BD00;
border-top:solid 2px #006600;
border-right:solid 3px #006600;
border-bottom:solid 2px #006600;
border-left:solid 2px #006600;
padding:0px 0px 10px 0px;
margin:0px 0px 2px 0px;
}

div.navbox div.active p {
color:#000000;
background-color:#FFFFA8; /* Farbe für Schriftzug Navigation */
border-bottom:solid 2px #006600;
}

div.navbox div.inactive {
color:#000000;
background-color:#f5f5f5;
border-bottom:solid 1px #dddddd;
border-right:solid 3px #dddddd;
padding:0px;
margin:0px 0px 2px 0px;
}

div.navbox div.inactive:hover {
color:#000000;
background-color:#ffffaa;
border-right:solid 3px #ffdd99;
border-bottom:solid 1px #ffdd99;
}

/*****************************/
/* nav ends                  */
/*****************************/

div.newsbox {
color:#000000;
background-color:#f5f5f5;
padding:0px 0px 10px 0px;
margin:5px 0px 0px 0px;
border-right:solid 3px #dddddd;
border-bottom:solid 1px #dddddd;
}

div.newsbox a {
font-size:11px;
font-weight:normal;
}

div.newsbox p {
padding:0px;
margin:3px 5px 0px 5px;
}

/*****************************/
/* rightbox starts           */
/*****************************/

div.rightbox {
position:absolute;
top:0px;
right:0px;
z-index:1;

font-size:11px;
font-weight:normal;
line-height:17px;
width:160px;
color:#000000;
background-color:#f5f5f5;
padding:15px 0px 0px 0px;
margin:0px 0px 0px 0px;
border-left:solid 1px #dddddd;
}

div.rightbox h5 {
font-size:12px;
font-weight:bold;
padding:15px 10px 2px 10px;
margin:0px 0px 0px 0px;
border:none;
}

div.rightbox a {
font-size:11px;
font-weight:normal;
}

div.rightbox p {
padding:0px;
margin:0px 10px 0px 10px;
}

div.rightbox input {
font-size:11px;
margin:0px;
padding:0px;
}

div.rightbox select {
font-size:11px;
padding:0px;
margin:0px;
}

div.rightbox ul {
list-style-type:none;
padding:0px;
margin:0px 0px 0px 5px;
}

div.rightbox li {
background-image:url("arrow_li_inact.gif");
background-repeat:no-repeat;
background-position: left;
padding:0px 5px 1px 18px;
margin:0px;
}

div.rightbox li a {
font-size:11px;
}

div.rightbox li.active {
background-image:url("arrow_li_act.gif");
background-repeat:no-repeat;
background-position: left;
color:#000000;
background-color:#ffffbb;
}

div.rightbox li.extern {
background-image:url("arrow_li_extern.gif");
background-repeat:no-repeat;
background-position: left;
}

div.rightbox li.extern:hover {
background-image:url("arrow_li_extern_hover.gif");
background-repeat:no-repeat;
background-position: left;
}
/*****************************/
/* rightbox ends             */
/*****************************/

div.section {
padding:0px 0px 5px 0px;
margin:0px 0px 0px 0px;
border-bottom:solid 1px #dddddd;
}

img.left {
	float:left;
	padding:0px;
	margin-right:6px;
/* 	border:1px solid #c4c4c4; */
}

img.right {
          clear: both;
	float:right;
	padding:0px;
	margin-left:6px;
/*	border:1px solid #c4c4c4; right:1em; margin-left:56px; */
}

/* Test für die Infobox */

acronym.noborder { border-bottom: none; }
acronym a { font-size:8px; border-bottom: none; text-decoration: none; color: #000; }
acronym a span { position:absolute; border-bottom: none; font-size:8px; margin-top:1.3em; padding:1em; visibility:hidden; }
acronym a:hover span { visibility:visible; font-size: 8px; background:white; border:1px solid #c30; }

#infobox {
position:absolute; top:50px; left:50px;
z-index:3;}

#infobox a {
color:#ffffff;
font:bold 10px;
text-decoration:none;
}

#infobox a:hover {
color:black;
background:#ddd8b7;
width:200px;}

#infobox a span {display:none;}

#infobox a:hover span {
color:black;
background:#ffffff;
font:normal 10px;
border:1px solid black;
padding:10px;}
