/* fonts and links in text */
 
body {
margin:0px;
padding:0px;
background-color: #ffffff;
background-image:url('out-of-body.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top center;
background-size: 100%;
font-family: verdana;
font-style: normal;
text-align: center; /* to center wrapper for IE */
}
 
 h1 {
 font-family: Verdana;
 font-style: normal;
 font-size: 1.8em;
 color: #000000;
 font-weight: normal;
 text-align: center;
 text-decoration: none;
 }
 
 h2 {
 font-family: Verdana;
 font-style: italic;
 font-size: 1.5em;
 color: #000000;
 font-weight: normal;
 text-align: center;
 text-decoration: none;
 }
 
 h3 {
 font-family: Verdana;
 font-style: normal;
 font-size: 1.0em;
 color: #000000;
 font-weight: bold;
 text-align: left;
 text-decoration: none;
 }
 
 p {
 font-family: Verdana;
 font-style: normal;
 font-size: 0.8em;
 color: #000000;
 font-weight: normal;
 text-align: left;
 text-decoration: none;
 }
 
 ul {
 font-family: Verdana;
 font-style: normal;
 font-size: 0.8em;
 text-align: left;
 }
 
 ol {
 font-family: Verdana;
 font-style: normal;
 font-size: 0.8em;
 text-align: left;
 }
 
 li {
 text-align: left;
 }
 
a:link {
font-family: Verdana;
color: #000080;
text-decoration: underline;
font-weight: normal;
}
  
a:active {
font-family: Verdana;
color: #000080;
text-decoration: none;
}
  
a:hover {
font-family: Verdana;
color: #ff0000;
font-size: 1.2em;
text-decoration: underline;
}

a:visited {
font-family: Verdana;
color: #000080;
text-decoration: underline;
font-weight: normal;
}
  
.nav a {
display: block;
align: right;
width: 190px;
font-family: Verdana, Arial, Helvetica, sans-serif, sans;
border-bottom:4px solid;
border-right: none;
padding: 5px 5px 5px 5px;
color:#ffffff;
font-size:0.75em;
text-align: center;
text-decoration: none;
font-weight: normal;
background-color:#171c0c;
cursor: pointer;
}

.nav a:hover {
background-color:#ffffff;
color:#000000;
text-decoration:underline;
border-bottom:4px solid;
}

.nav a:active {
background-color:#171c0c;
color:#ffffff;
text-decoration: none;
border-bottom:4px solid;
}

 /*  positioning-layers statisch und absolut */

#masthead {
width: 100%;
}

#wrapper {
width: 900px;
margin: 0 auto;
text-align: left; /* counter center wrapper for IE in #body */
padding: 20px;
margin-top: 20px;
margin-bottom:20px;
z-index:1;
}
 
#upper-nav {
width: 860px;
border: 0px;
margin: 0px;
height: 50px;
background-color: #171c0c;
}
 
#upper-nav ul {
margin: 0px;
padding: 0px;
}
 
#upper-nav li {
display: inline;
list-style: none;
float: left;
margin: 0px;
padding: 0px;
}
 
#upper-nav li a {
font-size: 1.4em;
display: block;
text-decoration: none;
margin: 0px;
padding:10px;
color: #dddddd;
border-right: dotted 2px #dddddd;
}

#upper-nav li a:active, #upper-nav li a:hover{
font-size: 1.6em;
background-color: #ffffff;
color: #000000;
}
 
#left-column {
float: left;
padding-top: 20px;
padding-left: 0px;
padding-right: 20px;
padding-bottom: 10px;
width: 620px;
border: 0px;
}
 
#right-column {
float: right;
padding-top: 20px;
padding-left: 10px;
padding-right: 0px;
padding-bottom: 10px;
width: 240px;
}
 
#footer {
clear:both;
height: 50 px;
padding: 10px;
border: 1px solid; 
border-color: #000000;
}
 
/* article navigation */
 
.summary {
padding:10px;
background-color: #ffffff;
border: 1px solid #000000;
margin-bottom: 8px;
}
 
.summary li a {
font-size: 1em;
text-decoration: none;
}
 
.summary li a:active, .summary li a:hover {
font-size: 1em;
text-decoration: underline;
}

.space {
display: box;
width: 100px;
height: 295px;
border: 0px;
margin-bottom: 0px;
}