body {
background:url(black1.jpg) repeat-x;
margin:0;
font: normal 101% Times, "Times New", "Times New Roman", serif;
}

#container {
width:770px;
min-height:400px;
border:10px solid #ffffff;
background:#ffffff;
margin:auto;
margin-top:25px;
padding:0;
}

#header {
background-color: #ffffff;
background-image: url(epepper-logo.jpg);
background-position: bottom;
padding: 0px;
margin: 0px;
margin-top: 0px;
height: 233px;

border: blue 1px none;

font-size: 36px;
font-family: verdana, arial, sans-serif;
letter-spacing: -2px;
color:#ee0000;
font-weight: bold;
text-align: left;
}

#header span {
font-size: 24px;
color:#99ff00;
}


#col1 {
font-family: arial, sans-serif;
float:left;
width: 200px;
height: 500px;
padding: 0px;
background-color:#000000;
color:#ffffffs;
}

#col1 p,#col2 p {
font-size: 95%;
line-height:126%;
color:#333;
}

#footer {
color: #333;
font-size:70%;
padding-left:20px;
text-align:center;
}
#footer a {
font-family: arial;
text-decoration: none;
}
a {
color:#300;
}
.right {
float:right;
}
.border {
margin-top:10px;
border-top:1px solid #ffffff;
margin-left:1px;
}
#col1 ul {
font-size:90%;
list-style:none;
margin-left: 5px;
padding-left:0;
border:3px solid #000;
}
#col1 ul li {
display:inline;
padding-top:6px;
margin-left:0;
padding-left:0;
}
#col1 ul a {
border-bottom:1px solid #333;
border-right:5px solid #000;
border-left:10px solid #000;
text-decoration:none;
display:block;
padding:5px;
margin-bottom:0px;
color:#fff;
}

#col1 ul span {
border-bottom:1px solid #333;
border-right:5px solid #000;
border-left:10px solid #000;
text-decoration:none;
display:block;
padding:5px;
margin-bottom:0px;
color:#fff;
}

#col1 ul span {
border-left:10px solid #99ff00;
color:#99ff00;
}
#col1 ul a:hover {
border-left:10px solid #ee0000;
color:#ee0000;
}
#col1 ul a.noborder {
border-bottom:1px solid #fff;
}

#col1 h4 {
margin: 0px;
padding-left:10px;
color: #ffffff;
}

#col2 {
position: relative;
top: -10px;
float:right;
width:555px;
height:auto;
padding-left:15px
}

#col2 h1 {
font-size: 150%;
color:#ee0000;
font-family: arial, sans-serif;
border-bottom: 1px solid #99ff00;
}

#col2 h2 {
font-size: 125%;
color:#ee0000;
font-family: arial, sans-serif;
border-bottom: 1px solid #99ff00
}

#col2 h3 {
font-size: 112%;
color:#ee0000;
font-family: arial, sans-serif;
border-bottom: 1px solid #99ff00;
}


.bildlinks {
position: relative;
display: block;
margin: 5px;
margin-top: 8px;
margin-bottom: 8px;
float: left;
}

.bildrechts {
position: relative;
display: block;
margin: 5px;
margin-top: 8px;
margin-bottom: 8px;
float: right;
}

.bildmitte {
position: relative;
display: block;
margin-top: 8px;
margin-bottom: 8px;
margin-left: auto;
margin-right: auto;
text-align: center;
}