/*copyright: www.j-sites.de*/

* { padding: 0; margin: 0; }
html {
min-height: 101%;
height: 101%;
}
body {
 font-family: Tahoma, Arial, Helvetica, sans-serif;
 font-size: 80%;
 text-align: left;
 background: #fff;
 color:#1a171b;
}
#box {
margin:20px auto;
width:800px;
padding:5px;
}

#navigation {
float: left;
width: 800px;
height: 20px;
display: block;
}


#navigation li {
margin-top:0px;
margin-left:0px;
margin-bottom:0px;
margin-right:8px;
padding:0px;
float:left;
list-style-type:none;
}

#navigation li a{
color: #1a171b; text-decoration: none;
}
#navigation li#current a{
color: #f39a00; text-decoration: none;
}
.pfeile {
color: #f39a00;
margin: 0 0px 0 5px;
padding: 0;
display: inline;
}
a {color: #1a171b; text-decoration: none;
}
a:visited {color:#1a171b;}
a:hover {color: #f39a00;}
a:active { color:#000000;}
a#current {color: #f39a00;}

#kopf {
height: 80px;
background: url("../images/ellen-kamrad.gif") no-repeat;
background-position: 98% 95%;
border-bottom: 1px solid #f39a00;
padding: 5px;
margin-bottom:5px;
}

#kopf h1{
font-size: 100%;
font-weight: bold;
color: #f39a00;
margin-top: 60px;
text-transform:uppercase;
}
* html #kopf h1{
margin-top: 40px;
}
*+html #kopf h1 {
margin-top: 40px;
}

#eventmanagement{
position: absolute;
width: 148px;
height: 80px;
margin-top: 17px;
margin-left: 638px;
border: none;
}
#inhaltstart{
width:380px;
height: 400px;
padding:5px;
margin-left: 215px;
margin-bottom:5px;
}
#inhaltlang{
width:380px;
height: 400px;
padding:5px;
margin-left: 215px;
margin-bottom:5px;
overflow: auto;
}
#inhaltlang li{
line-height:16px;
}
#teaser{
width: 180px;
float:right;
height: 400px;
margin-top:4px;
border: 1px solid #f39a00;
}
#teaser h3{
font-size: 100%;
font-weight: bold;
text-transform:uppercase;
background: #f39a00;
color: #454545;
padding:5px 10px;
margin:0;
}
#teaser h2{
font-size: 100%;
font-weight: bold;
color: #454545;
padding:5px 10px;
margin-bottom:-10px;
}
#teaser h4{
position: absolute;
top: 506px;
height: 20px;
background: #f39a00;
padding:0;
margin:0;
width:180px;
text-align:center;
}
* html #teaser h4 {
top: 513px;
}
#teaser h4 a {
font-size: 90%;
color:#FFF;
line-height:20px;
}
#teaser h5{
padding-left:10px;
padding-top:5px;
font-size: 100%;
height: 20px;
color: #ff9933;
}
#teaser img#BildmitRahmen {
border: 1px solid #ff9933;
}
#teaser img#BildmitRahmen a {
border: 1px solid #ff9933;
}
.BildmitRahmen {
border: 1px solid #ff9933;
margin-right:3px;
margin-bottom:3px;
}
.anfang {
font-weight: bold;
color: #f39a00;
margin: 0 0 0 10px;
padding: 5px 0;
}
#teaser p{
margin: 0 10px 0 10px;
padding: 5px 0;
}
#teaser h1{
font-size: 100%;
font-weight: bold;
text-transform:uppercase;
margin-bottom: 5px;
margin-left: 5px
}
#teaser ul{
margin-top: 10px;
}
#teaser li{
margin-left: 25px;
margin-top: -10px;
}
#inhalt {
width:575px;
padding:5px;
float:right;
height: 400px;
margin-bottom:5px;
background:#f5f5f5;}

li {
line-height: 12px;
margin: 15px;
}

.ListemitKreisen {
margin-top:10px;
list-style-type:circle;
list-style-position:outside;
}
 
#linkeseite {
width:200px;
float:left;
border: 1px solid #f39a00;
margin-top:4px;
}

#footer {
clear:both;
padding:5px;
border-top: 1px solid #f39a00;
}

#footer h1{
color: #f39a00;
margin-top:5px}

p{
padding: 0px 0px 10px 0px;
margin:0px; }

h1 {
font-size: 100%;
font-weight: bold;
text-transform:uppercase;
margin: 10px 0 10px 0;
}
h2 {
font-size:100%;
font-weight: bold;
}

hr {
color: #f39a00;
margin: 10px 0 10px 0
}
p.print { 
display: none;
}