html {
  scrollbar-base-color:#ffffff;
  scrollbar-3d-light-color:#eeeeee;
  scrollbar-arrow-color:#CCCCCC;
  scrollbar-darkshadow-color:#606060;
  scrollbar-face-color:#ffffff;
  scrollbar-highlight-color:#c0c0c0;
  scrollbar-shadow-color:#cccccc;
  scrollbar-track-color:#eeeeee;
}

body 
{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size: 90%;
 font-color:#404040;
 background-color:#F5F5F5;
 text-align:center;
 margin:0px;
}

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

#container {
width:780px;
border-left:solid #cccccc 1px ;
border-right:solid #cccccc 1px ;
margin:0px auto;
text-align:left;
background-color:#ffffff;
}



h1 {
font-size:1.2em;
text-transform: uppercase;
color:#404040;
font-weight:normal;
padding:0px 0px 0px 20px;
}

h2 {
font-size:1.1em;
color:#404040;
font-weight:normal;
padding:0px 20px 0px 20px;
}

h3 {
font-size:1em;
color:#404040;
font-weight:bold;
padding:0px 0px 0px 20px;
}

a:link, a:visited, a:active, a:hover
{ 
  text-decoration:none;
  font-weight:normal;
  color:#404040;
  font-size:1em;
}
a:active, a:hover
{ 
  color:#000000;
text-decoration: underline;
}

a.menu:link, a.menu:visited
{ font-size:1em;
  font-weight:normal;
  padding:10px 5px;
  color:#999999;
  text-decoration:none;

}
a.menu:active, a.menu:hover
{ 
  color:#333333;
}


/*ul-li oben*/
#nav {
display:inline;
font-size: 1em;
list-style: none;
}

#nav li {
float:left;
padding: 15px 5px 0px 15px;
}
 
#nav a {
float: left;
color: #999;
text-decoration: none;
 }

#nav a:hover {
color:#000000;
text-decoration: underline;
}

#nav li a#current {
color: #333;
}

#nav li.aktiv a:link,
#nav li.aktiv a:visited,
#nav li.aktiv a:focus,
#nav li.aktiv a:hover,
#nav li.aktiv a:active,
#nav li.aktiv li.aktiv a:link,
#nav li.aktiv li.aktiv a:visited,
#nav li.aktiv li.aktiv a:focus,
#nav li.aktiv li.aktiv a:hover,
#nav li.aktiv li.aktiv a:active {
	font-weight:bold;
	color:#000000;
}

/*ul-li unten*/
#navfooter {
display:inline;
font-size: 0.9em;
list-style: none;
}

#navfooter  li {
float:left;
padding: 3px 5px 0px 15px;
}
 
#navfooter  a {
float: left;
color: #404040;
text-decoration: none;
 }

#navfooter  a:hover {
color: #000000;
text-decoration: underline;

}

#navfooter li a#current {
color: #333;
}

#navfooter li.aktiv a:link,
#navfooter li.aktiv a:visited,
#navfooter li.aktiv a:focus,
#navfooter li.aktiv a:hover,
#navfooter li.aktiv a:active,
#navfooter li.aktiv li.aktiv a:link,
#navfooter li.aktiv li.aktiv a:visited,
#navfooter li.aktiv li.aktiv a:focus,
#navfooter li.aktiv li.aktiv a:hover,
#navfooter li.aktiv li.aktiv a:active {
	font-weight:bold;
	color:#000000;
}

#content {
color:#000000;
}

#content_start {
color:#000000;
background-image: url(/img/jpg/fotostapel.jpg);
background-position: 465px 433px;
background-repeat: no-repeat;

}

#textbereich {
padding: 0px 20px 10px 20px;
text-align: justify;
color:#000000;
}

#textbereich a {
text-decoration: underline;
color:#000000;
}

#textbereich a:hover {
color:#000000;
text-decoration: underline;
}


#textbereich_start {
padding: 0px 350px 0px 20px;
text-align: justify;
color:#000000;
}

#textbereich_fotogalerie {
padding: 0px 2px 0px 20px;
text-align: justify;
color:#000000;
}

#textbereich_leiste {
padding: 5px 2px 5px 20px;
text-align: center;
color:#000000;
background-color: #f0f0f0;
}

#textbereich_bildgross{
padding: 5px 0px 5px 0px;
text-align: center;
color:#000000;
}

#line {
margin: 0px 10px 20px 10px;
border-top: 1px solid #eee;
text-align: right;
font-size: 1.1em;
}

#logos {
text-align: left;
margin:  40px 0px 10px 0px;
height: 50px;
font-size: 0.8em;
color: #606060;
background-image: url(/img/gif/logo_bg.gif);
background-position: top left;
background-repeat: no-repeat;
}

#logo_img {
padding: 0px 400px 0px 0px;
}

#logo_img1 {
padding: 0px 0px 18px 680px;
}

.stopFloat{
  display: block;
  clear: both;
  float: none;
  height: 1px;
  font-size: 1px;
  line-height: 1px;
  overflow: hidden;
}

#footer {
clear: both;
background-color: #cccccc;
margin-top: 0px;
height:25px;
}

#footer_portal {
clear: both;
background-color: #E6D7A4;
margin-top: 0px;
height:20px;
}

/*--input style--*/
.field {
border: 1px solid #cccccc;
background-color: #f0f0f0;
}

.button {
background-color: #f0f0f0;
}

.button_logout {
background-color: #f0f0f0;
vertical-align: top;
font-size: 0.8em;
padding: 0px;
}

/*--Galerie --*/
.fotogalerie_gross {
border: 1px solid #C0C0C0;
padding: 10px;
margin: 5px;
vertical-align: top;
text-align: center;
}

.fotogalerie_klein {
width: 64px;
border: 1px solid #C0C0C0;
padding: 5px 5px 5px 10px;
margin: 5px;
vertical-align: top;
}

.fotogalerie_klein_p {
width: 64px;
border: 1px solid #C0C0C0;
padding: 5px 5px 5px 35px;
margin: 5px;
vertical-align: top;

}

.fotogalerie {
width: 158px;
border: 1px solid #C0C0C0;
padding: 5px 5px 5px 10px;
margin: 5px;
vertical-align: top;
}

.fotogalerie_p {
width: 158px;
border: 1px solid #C0C0C0;
padding: 5px 5px 5px 35px;
margin: 5px;
vertical-align: top;


}


/* Relativer Tooltip */
a.tooltip, a.tooltip:link, a.tooltip:visited, a.tooltip:active  {
  position: relative;
  text-decoration: none; 
  font-style: italic;
  color: #404040; 
  }
  
a.tooltip:hover {
  color: #404040; 
  background: ffffff;
  }

a.tooltip span {
  display: none;  
  text-decoration: none; 
}

a.tooltip:hover span {
  display: block;
  position: absolute; 
  
  top: 0px; 
  left: -10px;  
  
  height: 100%;
  padding: 10px;

  z-index: 100;
  color:#404040;
  background: #ffffff;
  font: 0.8em Verdana, sans-serif; 
  font-weight: bold;
  text-align: left;

  filter: alpha(opacity=75);
  -moz-opacity;.75;
  opacity:.75;
  }
  
a.tooltip span b {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: bold;
  color: yellow;
  background-color: gray;
  border: 0px;
  border-bottom: 1px solid black;
}


#titelbild {
margin-top: 20px;
}