* {
  margin: 0;
  padding: 0;
}

html,body {
  height: 100%;
  font-size: 100.01%; /* umgeht den Font-Size-Bug im Safari, älteren Operas und IE */
  font-family: arial, helvetica, verdana, sans-serif;
  background: url(bg_image.jpg) ;
  background-repeat:repeat-x;
  background-color:#ababab; 
}

a:link { 
text-decoration:none; 
color: blue; 
}

a:visited { 
text-decoration:none; 
color: blue; 
}

a:focus { 
text-decoration:underline; 
color: blue;
}


a:hover { 
text-decoration: underline;
color: blue;
border: 0px;
}


h1 { 
  font-size: 2.1em;
  font-weight: normal;
  line-height: 0.8em;
  text-align: center;
  margin: 50px;
  border-bottom: 1px solid #C6C6C6;
}

h2, h3, h4 { font-weight: normal; }
h1, h2, h3, h4, h5, h6 { 
    font-family: arial, helvetica, verdana, sans-serif;
}

#container {
  position: relative;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  font-size: 0.8em; /* Ein Kompromiss über den man sicherlich streiten kann, aber viele Leute empfinden die von Ihnen selbst eingestellte Textgröße für zu groß, wissen aber nicht wie man das ändert. */
  width: 857px;  
  margin-right: auto;
  border-top: 0px; /* Ganz oben allerdings würde es mit dem grauen komisch aussehen, deshalb weg damit. */
  
}


/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}



#logo {
  background: url(bg_image.jpg);
  height: 200px;
  margin: 0;
}



/* - Der Hauptinhaltsteil - */
#main {
  position: relative;
  width: 840px;
  line-height: 1.1em; /* Zur besseren Lesbarkeit erhöhen wir die Zeilenhöhe. */
  height: 100%;
  margin-left: 2%;
  margin-top: -1px;
  padding-bottom: 47px;
}

/* common styling */
.menu {
font-family: arial, sans-serif; 
width:840px; 
height:70px; 
position:relative; 
font-size:13px; 
z-index:100; 
padding: 2px 2%; /* Je kleiner das Fenster desto kleiner soll auch der Abstand des Menüs rechts und links sein. */
margin: 0;
}

.menu ul li a, .menu ul li a:visited {
display:block; 
text-decoration:none; 
color:#000;
width:166px; 
height:20px; 
text-align:center; 
color:#fff; 
border:1px solid #fff; 
background:#6699cc; 
line-height:20px; 
font-size:13px; 
overflow:hidden;
}

.menu ul {
padding:0; 
margin:0; 
list-style: none;
}

.menu ul li {
float:left; 
position:relative;
}

.menu ul li ul {
display: none;
}

/* specific to non IE browsers */
.menu ul li:hover a {
color:#fff; background:#6699cc;
}

.menu ul li:hover ul {
display:block; 
position:absolute; 
top:21px; 
left:0; 
width:105px;
}

.menu ul li:hover ul li a.hide {
background:#6699cc; color:#fff;
}

.menu ul li:hover ul li:hover a.hide {
background:#6699cc; 
color:#000;
}

.menu ul li:hover ul li ul {
display: none;
}

.menu ul li:hover ul li a {
display:block; background:#ddd; color:#000;
}
.menu ul li:hover ul li a:hover {
background:#6699cc; 
color:#000;
}

.menu ul li:hover ul li:hover ul {
display:block; 
position:absolute; 
left:105px; 
top:0;
}

.menu ul li:hover ul li:hover ul.left {
left:-105px;
}

#footer {
  bottom: 0 !important;
  position: relative; 
  margin-top: -47px;
	margin-left: 60px;
	margin-right: 60px;
	background: transparent;
	text-align: center;
	font-size:0.7em;  
	text-align:center; 
	line-height: 0.9em; 
	width: 740px; 
}

.button
{
   background:url(button_ns.gif) no-repeat;
   width:89px;
   height:22px;
}
.button:hover
{
    background:url(button_ns_over.gif) no-repeat;
}

.button_b
{
   background:url(button_back.gif) no-repeat;
   width:89px;
   height:22px;
}
.button_b:hover
{
    background:url(button_back_over.gif) no-repeat;
}

/* - - - - - - - - - - - - - - - - - - - - */
/* SEITENNAVIGATION */
/* - - - - - - - - - - - - - - - - - - - - */

.seiteninfo, .aktuelleseite, .pl {
font-family: Verdana, Arial;
font-size: 9px;
text-align: center;
color: #000000;
/* border: 1px solid #97a8b9;
border-collapse: collapse;*/
}

.seiteninfo {
background-color: #dce0e9;
/*font-weight: bold;*/
padding: 1px 3px 1px 3px;
}

.aktuelleseite {
background-color: #ffffff;
color: #990000;
font-weight: bold;
padding: 2px 6px 2px 6px;
}

.pl a {
display: block;
float: left;
background-color: #e4e9ed;
color: #000000;
text-decoration: none;
font-weight: bold;
padding: 2px 6px 2px 6px;
white-space: nowrap;
}
.pl a:hover {
color: #990000;
text-decoration: none;
font-weight: bold;
background-color: #d3dce4;
}