html {min-height: 100%;}
* {
margin: 0;
padding: 0;
}
a {color: #842033;}
a:hover {color: #808080;}
.klein {
font-family: Verdana,Arial,sans-serif;
font-size:11px;
}
body {
background: #fffbe6 ;
color: #000;
font: normal 69.5% Arial,sans-serif;
}
p,code,ul {padding-bottom: 1.2em;}
li {list-style: none;}
h1 {
font: normal 1.6em Verdana,Arial,sans-serif;
margin-bottom: 4px;
letter-spacing: 0px;
color:#842033;
line-height: 130%;
}
code {
background: #FFF;
border: 1px solid #EEE;
border-left: 6px solid #C1CAD3;
color: #666;
display: block;
font: normal 1em Arial,sans-serif;
line-height: 1.6em;
margin-bottom: 12px;
padding: 8px 10px;
white-space: pre;
}
blockquote {
background: url(img2/quote.gif) no-repeat;
display: block;
font-weight: bold;
padding-left: 28px;
}
h1,h2,h3 {padding-top: 6px;}
/* misc */
.clearer {clear: both;}
.left {float: left;}
.right {float: right;}
/* structure */
.container {
background: #ffffff;
font-size: 1.2em;
margin: 0 auto;
padding: 340px 10px 10px;
width: 780px;
}
/* header */
.fixed {
position: absolute;
background: #ffffff;
width: 800px;
left:50%;
margin:0 0 0 -400px;
}
.top {
background: url(images/hg.jpg) repeat-x;
padding: 0px 0px 0;
}
/* title */
.header {
background: #FFF;
font-size: 1.2em;
height: 200px;
margin: 0 auto;
padding: 10px 10px 5px;
width: 780px;
}
.header .left, .header .right {
background: #A4A4A0;
color: #FFF;
height: 200px;
}
.header .left {
/*background: #B3C2C7 url(img2/header.jpg) no-repeat;*/
font: normal 2.8em "Arial",sans-serif;
width: 564px;
}
.header .right {
overflow: auto;
background: #7f955f url(images/header-right.jpg) no-repeat;
width: 212px;
}
.header .right p,.header .right h2 {padding: 0 16px;}
.header .right h2 {padding-top: 16px; font: normal 1.6em "Arial",sans-serif;}
#headverlauf {
position:absolute;
background: url(images/trans.png) no-repeat;
left:75px;
top:137px;
padding-top: 36px;
padding-left: 10px;
width: 564px;
height:95px;
margin:0 0 0 -65px;
z-index:1;
}
#headline {
position:absolute;
font-size:27px;
line-height:125%;
font-family: Verdana, Arial ,sans-serif;
font-style:normal;
color:#842033;
text-align: justify;
left:75px;
top:137px;
padding-top: 38px;
padding-left: 10px;
width: 544px;
height:95px;
margin:0 0 0 -65px;
z-index:2;
overflow:hidden;
}
.subhead {
font-family: Verdana, Arial ,sans-serif;
font-size:18px;
letter-spacing: 0.0 em;
text-align: justify;
line-height:160%;
font-style:normal;
color:#842033;
padding-top: 0px;
padding-left: 10px;
width: 544px;
height:51px;
margin:0 0 0 12px;
/*z-index:12;*/
overflow:hidden;
}
.name {
position:absolute;
font-family: Verdana, Arial ,sans-serif;
font-size:16px;
letter-spacing: 0.05em;
text-align: center;
line-height:100%;
font-style:normal;
color:#842033;
top: 220px;
left: 578px;
width: 212px;
}
/* navigation */
.navigation {
/*background: #fffbe6 url(img2/nav.jpg);
border: 1px solid #fffbe6;*/
border-color: #fffbe6;
padding-left:10px;
height: 22px;
}
.navigation a {
background: #fffbe6 url(images/nav.jpg);
border-right: 0px solid #fffbe6;
border-top: 0px solid #fffbe6;
color: #fffbe6;
float: left;
font: 1.3em sans-serif ;
font-size: 17px;
line-height: 20px;
padding-left: 14px;
padding-right: 13px;
padding-top: 3px;
padding-bottom: 3px;
width: 128px;
text-decoration: none;
}
.navigation a:hover {background-position: left bottom; color: #842033;}
.navigation a:active {background-position: left bottom; color: #842033;}
/* main */
.main {
border-top: 4px solid #FFF;
/*background: url(images/bgmain.gif) repeat-y;*/
}
/* sub navigation */
.sidenav {
font-size:12px;
font-weight: normal;
font-family: Verdana, Arial ,sans-serif;
float: right;
width: 210px;
background:#fdf5cd;
}
.kontaktimpressum {
font-size:12px;
font-weight: normal;
font-family: Verdana, Arial ,sans-serif;
padding-left:8px;
float: right;
width: 202px;
}
.sidenav h2 {
font-size:14px;
font-weight: bold;
font-family: Verdana, Arial ,sans-serif;
color:#842033;
line-height: 30px;
margin: 0;
padding-left: 8px;
}
.sidenav h3 {
font-size:12px;
font-weight: normal;
font-family: Verdana, Arial ,sans-serif;
line-height: 150%;
font-size: 1.em;
color: #5A5A43;
padding-left: 8px;
width: 95%;
}
.sidenav ul {
padding-left: 0;
border-top: 1px solid #EAEADA;
}
.sidenav li {
border-bottom: 1px solid #EAEADA;
padding-bottom:5px;
}
.sidenav li a {
font-size: 1.1em;
color: #554;
display: block;
padding: 8px 0 8px 5%;
text-decoration: none;
width: 95%;
}
.sidenav li a:hover {
background: #ebf6e6;
color: #654;
}
.sidenav .image {
width:210px;
}
.image {
width:100%;
}
/* content */
.content {
float: left;
margin: 8px 0;
padding: 0 12px;
width: 760px;
}
.content .descr {
font-family: Verdana, Arial ,sans-serif;
line-height: 170%;
text-align:justify;
}
.content li {
list-style: url(img2/li.gif);
margin-left: 18px;
}
.content p {font-family: Verdana, Arial ,sans-serif; line-height: 170%; text-align:justify;}
.table {font-family: Verdana, Arial ,sans-serif; line-height: 170%; text-align:justify;}
/* footer */
.footer {
background: #fff;
font: 10px Verdana,Arial,sans-serif;
/*line-height: 25px;*/
text-align: center;
}
.footer a,.footer a:hover {color: #fffbe6;}
/* STYLES FOR FADER */
#bilder {
width: 230px;
position: relative;
top: 0px;
left: -40px;
margin:0;
padding:0;
text-align: left;
}
ol,ul {
list-style:none;
}
.input_spez {
display: none;
}
#nav {}
#nav ul{ list-style-type:none; margin:0; padding:0; display:block; background-color:#fffbe6; }
#nav li { float:left; padding:0; margin:0;}
#nav li a { width:; display:block; text-align:left; color:#fffbe6; margin-right:1px; height:40px; line-height:20px; text-decoration:none; font-size:17px; border:0px solid #ccc; }
#nav li a:hover { color:#842033; }
#nav ul ul { display:none; position:absolute; top:325px; z-index:999; }
#nav li li { float:none;}
#nav li li a { background:#fffbe6!important; color:#808080; text-align:left; height:auto; line-height:1; width:auto; padding:6px 16px 6px 16px; border:0px solid #D0D0D0; border-top:none; border-right:none; margin-right:0; float:none;}