/* CSS Document */

html {
margin:0;
padding:0;
}

body {
font: 100.1% sans-serif;
text-align:center;
}
a {
text-decoration:none;
}


#container {
width:75em;
text-align: left;
margin:0;
padding:0;
background-color:#FFFFCC;

}
#header {
background-color:#009900;
text-align:right;
font-style:italic;
font-variant:small-caps;
}

#banner {
background-image:url(components/Banner.gif);
height:7em;
padding:0;
margin:0;
}

#ubanner {
background-color:#009900;
height:1em;
padding:0;
margin:0;
}

#menu {
width:10em;
background-color:#FFFFCC;
float:left;
}

#hauptnavigation {
padding:0.3em 0 0.3em 0;
}

#hauptnavigation span {
font-style:italic;
font-variant:small-caps;
font-weight:800;
color:white;
background-color:#009900;
display:block;
padding:0 0 0 0.3em;
}

ul#navigation {
margin:0.4em;
padding:0.2em;
}


ul#navigation li {
list-style:none;
}

ul#navigation a:link, ul#navigation a:visited {
text-decoration:none;
color:#009900;
font-size:0.8em;
}

ul#navigation a:hover, ul#navigation a:focus {
text-decoration:none;
color:blue;
font-size:0.8em;
font-weight:800;
}

#inhalt {
background-color:white;
float:left;
width:54em;
height:35em;
}
#infospace {
margin-left:56em;
background-color:#FFFFCC;
height:35em;
padding:0;
text-align:center;
}
#bottom {
background-color:#009900;
height:1em;
padding:0;
margin:0;
}
h1 {
color:white;
margin:0 25px;
padding: 25px 0;
font-size: 1.7em;
}
h2 {
color:black;
margin:0 25px;
padding: 15px 0;
font-size: 1.7em;
}
p {
margin: 0 0 0 25px;
}
.group
{
padding: 0.2em 0.2em 0 0;
text-align:center;
}

.group a:link, .group a:visited {
color:#009900;
font-size: 1em;
font-style:italic;
font-variant:small-caps;

}

.group a:hover, .group a:focus {
color:blue;
background-color:white;
font-size: 1em;
font-weight:500;
font-style:italic;
font-variant:small-caps;

}
.auswahl {
text-align:left;
color:#009900;
font-size: 2em;
font-weight: 700;
font-style:italic;
font-variant:small-caps;
margin-top:0.3em;
margin-left:0.3em;
}
.imagearray {
max-width:50em;
max-height:28.5em;
overflow-y:scroll;
scrollbar-base-color:#009900;
}
.littlepic {
height:6em;
margin:0.5em;
border-style:solid;
border-color:#009900;
}
#piccontainer {
width:70em;
text-align: center;
margin:0;
padding:0;
background-color:#FFFFCC;
}
.mainpicture {
height:38em;
margin:1em;
}
a.menu2:link, a.menu2:visited {
color:#009900;
font-size: 1em;
margin-left: 0.3em;
margin-right: 1em;
font-style:italic;
font-variant:small-caps;
}

a.menu2:hover, a.menu2:focus {
color:blue;
font-size: 1em;
font-weight:500;
margin-left: 0.3em;
margin-right: 1em;
font-style:italic;
font-variant:small-caps;
}
#spacer {
height:1em;
padding:0;
margin:0;
}
a.inmenu:link, a.inmenu:visited {
color:#009900;
font-size: 1em;
margin-left: 0.3em;
margin-right: 1em;
}

a.inmenu:hover, a.inmenu:focus {
color:blue;
font-size: 1em;
font-weight:500;
margin-left: 0.3em;
margin-right: 1em;
}

/*Contact Seite*/

#contact table {
margin:10px;
border:2px solid #009900;
border-collapse:collapse;
} 
#contact th {
text-align:left;
font-size: 0.8em;
border:1px solid #009900;
padding:0.3em;
}
#contact td {
text-align:justify;
font-size: 0.8em;
border:1px solid #009900;
padding:0.3em;
}
#contact a:link, #contact a:visited {
color:black;
text-decoration:none;
}

#contact a:hover, #contact a:focus {
color:blue;
text-decoration:none;
}
#logon {
text-align:center;
padding:0.5em;
}
.logontext {
font-size:0.8em;
}

#photomenu {
text-align:center;
padding:0.5em;
}



/* Schatteneffekt fuer Containerbereicht*/

DIV.shadow, DIV.shadow2, DIV.shadow3, DIV.shadow4, DIV.shadow5 {
   padding: 1px;
   border-radius: 10px;
   -moz-border-radius: 10px;
   }
DIV.shadow {
   
   background-color: #8e8e8e;
   border: 1px solid #959595;
   margin: 0px;
   }
DIV.shadow2 {
   background-color: #aaa;
   border: 1px solid #bebebe;
   margin: 0;
   }
DIV.shadow3 {
   background-color: #d1d1d1;
   border: 1px solid #e1e1e1;
   margin: 0;
   }
DIV.shadow4 {
   background-color: #ededed;
   border: 1px solid #f6f6f6;
   margin: 0;
   }
DIV.shadow5 {
   float: left;
   background-color: #fcfcfc;
   border: 1px solid fff;
   margin: 0.7em 1em;
   }

DIV.shadowx {
   border: 0px solid #666;
   margin: 0;
   display:block;
   position: relative;
   top: -2px;
   left: -2px;
   }