/* schriftstil,abstände
xbackground-image:url(../img/vogel3.gif);
*/

.white
{
	color: #FFFFFF;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	font-variant: normal;
	text-decoration:none;
}

body {
color: #222222;
background-color:transparent;
border-color:transparent;
font-family:"trebuchet MS",verdana,arial,helvetica,sans-serif;
font-size: 8pt;
background-image:url(../img/hinten.jpg);
/* background-image:url(../img/sterne6.gif); */
background-attachment:fixed;  
/* background-color:#F0F0F0; color:#808080; */
margin: 0px 0px 0px 0px;
}

form {display:inline;}

hr {background: #C0C0C0; height:1px; border: 0px inset;	}

#container {
width: 96%;
height: 100%;
margin: 0px auto auto;
}

p {
color: #222222;
font-family: "trebuchet MS",verdana,arial,helvetica,sans-serif;
font-size: 8pt;
margin: 0px 0px 0px 0px;
}

hr.ht {background: #C0C0C0; height:1px; border: 0px inset;	}

a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover {color:#FF0000; text-decoration:none;}

.b img { border-style: solid; border-width: 1px; }
.b:link img { border-style: solid;border-color: #0000FF; border-width: 1px; }
.b:visited img { border-style: solid;border-color: #FF00FF; border-width: 1px; }
.b:hover img { border-style: solid;border-color: #FF0000; border-width: 1px; }

.bx{font-family: verdana, arial; font-size:17px; color:#FFCC00; font-weight:bold}
.bx:hover{COLOR:#ff0000; TEXT-DECORATION: none;}
.xb { border-style: solid; border-width: 1px;}
.xb:link { border-style: solid;border-color: #FFFFFF; border-width: 1px;}
.xb:visited { border-style: solid;border-color: #FFFFFF; border-width: 1px;}
.xb:hover { border-style: solid;border-color: #FF0000; border-width: 1px;}

table,tr,td
{
margin-top: 0px; margin-left: 0px; margin-right: 0px;
}

/* scrolleiste internet explorer ab vers.5.5 
body  deaktiviert!
{scrollbar-arrow-color: #cccccc; scrollbar-base-color: #ebebeb;
scrollbar-highlight-color : #3F3F3F; scrollbar-shadow-color :#3f3f3f;
SCROLLBAR-TRACK-COLOR: #DFDFDF;}
 */

/* menue rechte seite */
#menuR a {
	display: block;
	color:#FFFFFF;
	text-decoration:none;
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:8pt;
	width:150px;
	padding-left: 10px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-top: 1px;
	margin: 0px auto;
	text-align: right;
	border-bottom:solid 1px #FFFFFF;
	background-color:#909AA3;
}

#menuR a:hover {
	color:#FFFFFF;
	text-decoration:none;
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:8pt;
	width:150px;
	padding-left: 10px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-top: 1px;
	margin: 0px auto;
	border-bottom:solid 1px #FFFFFF;
	background-color:#C0CAD3;
}

#menuL a {
	display: block;
	color:#FFFFFF;
	text-decoration:none;
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:8pt;
	width:150px;
	padding-left: 5px;
	padding-right: 2px;
	padding-bottom: 1px;
	padding-top: 1px;
	margin: 0px auto;
	text-align: left;
	border-bottom:solid 1px #FFFFFF;
	/* background-color:#909AA3; */
}

#menuL a:hover {
	color:#FFFFFF;
	text-decoration:none;
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:8pt;
	width:150px;
	padding-left: 5px;
	padding-right: 2px;
	padding-bottom: 1px;
	padding-top: 1px;
	margin: 0px auto;
	border-bottom:solid 1px #FFFFFF;
	background-color:#C0CAD3;
}

/* menue oben */


#menu a {
	display: block;
	color:#FFFFFF;
	text-decoration:none;
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:8pt;
	padding-bottom: 2px;
	padding-top: 2px;
	padding-right: 14px;
	padding-left: 14px;
	margin: 0px auto;
	border-left:solid 1px #FFFFFF;
	border-right:solid 1px #FFFFFF;
	background-color:#909AA3;
	height: 15px;
	background-image: url(img/ecke_ol.gif);
	background-repeat: no-repeat;
	background-position: right;
	text-align: left;
}

#menu a:visited{
	color:#FFFFFF;
	text-decoration:none;
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:8pt;
	padding-bottom: 2px;
	padding-top: 2px;
	padding-right: 14px;
	padding-left: 14px;
	margin: 0px auto;
	border-left:solid 1px #FFFFFF;
	border-right:solid 1px #FFFFFF;
	background-color:#909AA3;
	height: 15px;
	background-image: url(img/button_top_grey_corner.gif);
	background-repeat: no-repeat;
	background-position: right;
	text-align: left;
}

#menu a:active {
	color:#FFFFFF;
	text-decoration:none;
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:8pt;
	padding-bottom: 2px;
	padding-top: 2px;
	padding-right: 14px;
	padding-left: 14px;
	margin: 0px auto;
	border-left:solid 1px #FFFFFF;
	border-right:solid 1px #FFFFFF;
	height: 15px;
	background-color:#D9CEBA;
	background-image: url(img/ecke_ol.gif);
	background-repeat: no-repeat;
	background-position: right;
	text-align: left;
}

#menu a:hover {
	color:#FFFFFF;
	text-decoration:none;
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:8pt;
	padding-bottom: 2px;
	padding-top: 2px;
	padding-right: 14px;
	padding-left: 14px;
	margin: 0px auto;
	height: 15px;
	background-color:#D9CEBA;
	border-left:solid 1px #FFFFFF;
	border-right:solid 1px #FFFFFF;
	background-image: url(img/button_top_brown_corner.gif);
	background-repeat: no-repeat;
	background-position: right;
	text-align: left;
}

/* allgemeine links im text */

ax:link{ color: #222222; text-decoration:underline; ;font-family: verdana,arial,helvetica,sans-serif; font-size: 9pt; }

ax:visited{color: #222222;text-decoration:underline;font-family: verdana,arial,helvetica,sans-serif; font-size: 9pt; }

ax:active{ color:#222222;text-decoration:underline;font-family: verdana,arial,helvetica,sans-serif; font-size: 9pt; }

ax:hover{ color: #222222;background-color:#B8C8E4;  text-decoration:none;font-family: verdana,arial,helvetica,sans-serif; font-size: 9pt; }




form {margin-bottom:0px;}.titel {
	color: #BA1736;
	font-weight: bold;
}
.mini {
	font-size: 7pt;
}

/* Menuesteuerung mit UL und LI */

#nav li {
  /*float the main list items*/
  margin: 0;
  float: left;
  display: block;
  padding-right: 15px;
}

#nav li.off ul, #nav li.on ul {
  /*hide the subnavs*/
  display: none;
}

#nav li a {
  /*for all links in the list*/
  color: #f90;
  font-weight: bold;
  display: block;
  height: 15px;
  width: 100px;
  border: 1px solid #29497b;
  padding: 5px;
}

#nav li.off ul, #nav li.on ul {
  /*put the subnavs below and hide them all*/
  display: none;
  position: absolute;
  top: 33px;
  height: 15px;
  left: 0;
  padding-top: 10px;
}

#nav li.on a {
  /*change border color for active topic area*/
  border: 1px solid #f90;
}

#nav li.on ul a, #nav li.off ul a {
  /*  cancel inherit of border
      on subnav of active topic */
  border: 0;
}

#nav li.on ul {
  /*display active subnav list*/
  display: block;
}

#nav li.on ul a, #nav li.off ul a {
  float: left;
  /*ie doesn't inherit the float*/
  border: 0;
  color: #f90;
  width: auto;
  margin-right: 15px;
}

#nav li.on ul {
  /*display the current topic*/
  display: block;
}

#nav li.off:hover ul {
  /*  display the other topics when
      their parent is hovered */
  display: block;
  z-index: 6000;
}

/* HilfsTextBox */
.htbox
{
  position: absolute; top:650px; left:250px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none ;
  text-align: justify;
  font-size: 10pt;
  color: #606060;
  background: #FFFFFF;
  line-height: 100.01%;
  border:  1px solid #808080;
  width: 400px;
  height: 300px;
  overflow: auto;
  float: left;
  padding: 12px 12px 12px 12px;
  margin: 0px 0px 0px 0px;
}

/* <style type="text/css"> */
label, input, select { /* Alle Labels UND Formularelemente auswählen */
  display: block;
  float: left;
  width: 100px; /* Breite.*/
}

form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}

input#submit { /* den Submit-Button */
  float: none;
  width: auto;
}
label {
 text-align: right; 
 padding-right: 1em; 
}
form {
  background: #de2;
  border: thin solid #ab0;
  margin:0;
  padding:.5em;
}
/* </style> */




/* 1. Anchor-Tag = Block-Element */
table.reiter td a {
  display: block;
  position: relative;  /* Positioniert da enthält positionierte Gifs */
  height: 18px;  /* border- und padding-top kommen hinzu */
  padding: 4px 24px 0px 24px;
  border-top: 2px solid #4A4A99;
  border-bottom: 2px solid #CACFE6;
  text-decoration: none;
  background-color: #E6E8F2; }

/* 2. Anchor-Tag Hover-Effekt */
table.reiter td a:hover {
  background-color: #CACFE6; }

/* 3. Aktueller Reiter gestalten */
table.reiter td a.current {
  font-weight: bold;
  border-bottom: 2px solid white;
  background-color: transparent; }
table.reiter td a.current:hover {
  background-color: transparent; }

/* 4. Die Seitengrafiken */
table.reiter td a img.tablinks {
  position: absolute;
  top: -2px;  left: 0px; }
table.reiter td a img.tabrechts {
  position: absolute;
  top: -2px;  right: 0px; }

/* 5. IE Bugfix 
<!--[if gte IE 5]>
table.reiter td a img.tabrechts {
  right: -1px; }
<![endif]-->
*/

/* 6. Basislinie(n) dazu - fertig */
div.contreitertrenner {
  position: absolute;
  top: 24px;  left: 0px;
  width: 605px;  height: 2px;
  overflow: hidden;  z-index: 1;
  background-color: #CACFE6; }

/* 4 dialogbox1 Anfang*/
.box01 {
position:absolute; top:300px; left:20px;
color:#000000;
text-decoration:none ;
font-family:Verdana,Arial,Helvetica;
font-size: 10px;
background: #FFFFFF;
line-height : 100.01%;
text-align: justify;
border: 1px solid #CCCCDD;
width:160px;

padding-top: 8px;
padding-bottom: 8px;
padding-left: 8px;
padding-right: 8px;

margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom:0px;
}
/* 4 dialogbox1 Ende */


/* 20110626 */

.box-main{
	xwidth:600px;
	overflow:hidden;
	border:8px #A0A0A0 solid;
	background:transparent;
	padding:6px;
    xopacity:0.9;
    text-shadow:0 1px 1px rgb(0,0,0);
    xtext-shadow:2px 2px 4px #000000;
    border-radius:25px;
    xbox-shadow:0px 0px 5px #ddd;
    box-shadow:4px 4px 9px rgba(221,221,221,0.70);
}
.tags{
	xwidth:580px;
	overflow:hidden;
	background:transparent;
	font-size:16px;
    xfont-weight:bold;
	line-height:19px;
	xmargin:5px 0 0 5px;
	xpadding:1px 7px 7px;
}
.tags a{
	color:#606060;
}
.tags a:hover{
	xfont-size:18px;
	color:#0000A0;
    text-decoration: underline;
}

/* 20110626*/
p.figcaption {
  bottom:10%;
  left:7%;
  font:italic 1.0em georgia;
  color:#606060;
  text-shadow:0 1px 1px rgb(0,0,0);
}
img:hover {
  opacity:0.4;
}
/* 20110626*/

#nax {
  position:relative;
  top:-50px;
  display:-webkit-box;
  -webkit-box-pack:center;
  -webkit-box-align:center;
  display:-moz-box;
  -moz-box-pack:center;
  -moz-box-align:center;
  width:100%;
  height:100%;
}
ul {
  width:580px;
  height:80px;
  display:-webkit-box;
  display:-moz-box;
  list-style:none;
  background:-webkit-gradient(
    linear,
    0 0, 0 100%,
    from(#fff), to(#f3faff)
  );
  background:-moz-linear-gradient(
    #fff, #f3faff
  );
  -webkit-box-shadow:0 1px 2px #a6b7c1;
  box-shadow:0 1px 2px #a6b7c1;
  border-radius:8px;
}
li {
  position:relative;
  -webkit-box-flex:1;
  -webkit-transition:padding-left .4s ease-out;
  -moz-box-flex:1;
  -moz-transition:padding-left .4s ease-out;
  margin:15px 0;
  padding-left:15px;
  border-right:1px solid rgba(160,180,190,.4);
}
li:last-child {
  border:none;
}
li:hover {
  padding-left:80px;
}
li:hover img {
  opacity:1;
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
}
img.mw {
  position:absolute;
  top:-5px;
  left:8px;
  opacity:0;
  -webkit-transform:scale(.5);
  -webkit-transition:all .4s ease-out;
  -moz-transform:scale(.5);
  -moz-transition:all .4s ease-out;
}
strong {
  display:block;
  font-size:1.3em;
  color:#111;
  padding-top:10px;
}