html {
min-height: 100%;
margin-bottom: 1px;
}

body {
margin: 0;
padding: 0;
font-family: "Lucida sans Unicode", Verdana, "Trebuchet MS", Helvetica, sans-serif;
font-size: 100.01%;
background: #fff;
color: #000;
}

img {
font-size: 0.9em;
border: none;
}

#skipnav {
position: absolute;
left: -9999px;
font-size: small;
}

#skipnav a:hover {
color: #f00;
}

#skipnav a:focus {
display: block;
position: absolute;
top: -120px;
left: 9990px;
font-size: large;
background: #fff;
border: solid 2px #1B6BD8;
padding: 10px;
width: 15em;
z-index: 1;
}

.hide {
display: none;
}

acronym, abbr, .brev {
cursor: help;
border-bottom: 1px dashed #999;
}

acronym {
speak: normal;
}

abbr {
speak: spell-out;
}

a abbr, a acronym, a img, img a {
padding: 0;
border: none;
}



/* layout */



#wrap {
min-width: 770px;
max-width: 1400px;
background: #ccd699 url(img/wrap-bg1a.gif) repeat-y 70% 0;
}

#content {
float: left;
width: 70%;
color: #333;
line-height: 1.4em;
background: #fff;
}

#sidebar {
clear: both; /*fuer Safari*/
float: right;
width: 30%;
}

#footer {
clear: both;
background: #abbc47 url(img/footer-bg.gif) repeat-x top left;
margin: 0;
padding: 0;
border-top: 1px solid #abbc47;
}

#botlinks {
float: right;
}

/* distance */

#content .distance {
padding: 25px 35px 25px 25px;
background: url(img/content-bg.gif) repeat-x top left;
}

#sidebar .distance {
padding: 15px 15px 15px 25px;
}

/* header */

#header {
border-bottom: 3px solid #abbc47;
background: #b4e637 url(img/header-bg1.gif) repeat-x top left;
}

#header h1 {
margin: 0;
padding: 0;
background: url(img/toplogo.jpg) no-repeat top right;
font-family: Georgia, serif;
font-size: 120%;
}

#header h1 a {
color: #000;
}

/* topnav */

#topnav {
margin: 0;
padding: 0;
background: #ccd699 url(img/top-bg.gif) repeat-x top left;
height: 2.3em;
position: relative;
}

#menu {
margin: 0;
padding: 10px 0 0 8px;
list-style: none;
list-style-image: none;
position: absolute;
bottom: 2px;
left: 5px;
}
#menu li, #menu li.spend {
display: inline;
padding: 0;
margin: 0;
font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
font-size: 80%;
}
#menu li.spend {
margin-left: 20px;
}
#menu li a, #menu li.spend a {
margin: 0 1px 0 0;
padding: 2px 6px;
color: #000;
text-decoration: none;
border: 1px solid #666;
border-bottom: none;
background: #ffea76 url(img/off5_bg.gif) repeat-x top left;
}
#menu li.spend a {
background: #ee729f;
}
#menu li a:hover, #menu li a:active, #menu li a:hover, #menu li a:active {
background: #f2f2a4;
text-decoration: underline;
color: #930;
}
#menu li a#now {
font-weight: bold;
text-decoration: none;
color: #930;
background: #f2f2a4;
}

form#suche {
float: right;
margin: 5px 20px;
}

form#suche input {
font-size: 70%;
}

form#suche input.btn {
background-color: #d6c199;
cursor: pointer;
}

/* content */
#content.deka {
background: #fff url(o_misc/pics/logo_dekade.jpg) no-repeat top right;
}

#content.deka p {
margin-right: 7.5em;
}

#content .version {
float: right;
}

#content .version p {
margin: 0 10px 0 0;
text-align: right;
font-weight: bold;
}

#content a:link {
color: #669;
text-decoration: underline;
}

#content a:visited {
color: #996;
text-decoration: underline;
}

#content a:hover, #content a:active, #content a:focus {
color: #cc334d;
text-decoration: none;
}

#content h2 {
margin: 0 0 1em 0;
padding: 10px 0 5px;
font-family: "Trebuchet MS", verdana, sans-serif;
font-size: 130%;
color: #f66804;
font-weight: bold;
background: transparent url(img/divider.gif) no-repeat bottom left;
}

#content h3, #content h4 {
margin: 1em 0 0.5em;
padding: 10px 0 0;
font-family: "Trebuchet MS", verdana, sans-serif;
font-size: 110%;
color: #f66804;
font-weight: bold;
}

#content .teas {
margin: 1em 0 -1.5em;
color: #7a89cc;
font-size: 105%;
letter-spacing: 0.15em;
}

#content h4 {
font-size: 100%;
}

#content p {
font-size: 75%;
margin: 0 0 1em;
padding: 0;
}

#content p.akzent {
font-weight: bold;
color: #669;
margin-bottom: 0.5em;
}

#content strong {
font-family: verdana, sans-serif;
}

#content em {
font-family: verdana, "trebuchet ms", arial, sans-serif;
color: #666;
}

#content .quelle {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
font-family: "Andale Mono", "Courier New", Courier, monospace;
font-size: 70%;
}

#content .poem {
margin-left: 35px;
color: #2a2a2a;
line-height: normal;
}

#zitat blockquote {
width: 370px;
text-align: center;
margin: 0 0 10px 30px;
padding: 0;
font-family: georgia, serif;
font-size: 110%;
letter-spacing: -1px;
line-height: 1em;
color: #555;
background: #fff url(img/zi_top.gif) no-repeat 0 20%;
}

#zitat #quote {
margin: 0;
padding: 20px 20px 10px 24px;
}

#content .finis {
text-align: right;
background: #fff url(img/topline.gif) no-repeat top right;
clear: both; /*1.2.2006*/
}

#content .finis a:link, #content .finis a:visited {
background: #fff url(img/toparrow.gif) no-repeat 0% 50%;
text-decoration: underline;
padding-left: 10px;
color: #669;
}

#content .finis a:hover, #content .finis a:active, #content .finis a:focus {
text-decoration: none;
}

#content a.out {
background: #fff url(img/ic_out.gif) no-repeat 0 50%;
padding-left: 10px;
}

#content a.pdf {
background: #fff url(img/ic_pdf.gif) no-repeat 0 40%;
padding-left: 25px;
padding-top: 3px;
}

#content a.holz {
background: #fff url(img/back_holz.gif) no-repeat 0 50%;
padding-left: 10px;
}

#content a.next {
background: #fff url(img/nextarrow.gif) no-repeat 100% 50%;
padding-right: 15px;
}

/*Listen im Hauptinhalt */

#content ul {
margin: 0 0 1em 35px;
padding: 0;
list-style-image: url(img/ul_bull1.gif);
font-size: 75%;
}

#content ul li {
margin: 0;
padding: 0 0 1em 0;
line-height: normal;
}

#content ul li#jap {
margin-left: -18px;
padding: 0 0 1em 0;
line-height: normal;
list-style-image: none;
list-style: none;
}
#content ul.listen {
margin: 0 0 1em 35px;
padding: 0;
font-size: 75%;
}

#content ul.listen li {
margin: 0;
padding: 0 0 1em 0;
line-height: normal;
list-style-image: url(img/dt_bullet.gif);
}

#content ul.listen li {
margin: 0;
padding: 0 0 1em 0;
line-height: normal;
list-style-image: url(img/dt_bullet.gif);
color: #669;
font-weight: bold;
}

#content ul.listen ul {
margin: 10px 0 1em 35px;
padding: 0;
font-size: 100%;
}

#content ul.listen ul li {
margin: 0;
padding: 0 0 5px 0;
list-style-image: url(img/ul_bull1.gif);
line-height: normal;
color: #333;
font-weight: normal;
}

#content ol {
margin: 0 0 1em 35px;
padding: 0;
font-size: 75%;
list-style-position: outside;
}

#content ol li {
margin: 0;
padding: 0 0 5px 0;
line-height: normal;
}

#content ol.faq li {
margin: 0;
padding: 0 0 5px 0;
line-height: 1.5em;
}

#content ul.aufz {
float: left;
width: 28em;
margin: 0 25px;
padding: 5px;
list-style: none;
background: #efefef;
border: 1px solid #669;
}

#content ul.aufz li {
float: left;
width: 12em;
margin: 0;
background: url(img/ul_bull1.gif) no-repeat 0 50%;
padding: 0 0 0 1em;
line-height: 1.4;
font-family: "lucida grande", verdana, sans-serif;
font-size: 0.9em;
}

dl.norm {
margin: 10px 0 25px 15px;
padding: 0;
font-size: 75%;
}

dl.norm dt {
margin: 0.5em 0 0;
padding-left: 20px;
background: #fff url(img/dt_bullet.gif) no-repeat 0 5px;
}

dl.norm dt strong {
color: #669;
}

dl.norm dd {
margin: 0;
padding-left: 20px;
line-height: 1.5;
}

dl.norm dd img {
float: left;
padding: 5px;
border: 0;
}

dl.norm dd.write {
background: #fff url(img/ic_seite.gif) no-repeat 0 50%;
padding-left: 15px;
margin-left: 20px;
}

dl.feature {
margin: 15px 0;
padding: 15px;
border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
}

dl.feature:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

dl.feature dt {
margin: 0 0 .5em 0;
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 90%;
color: #693;
}

dl.feature dt img {
float: left;
margin: 0 2em 1em 0;
padding: 4px;
border: 1px solid #b6b6c3;
}

dl.feature dd {
margin-left: 2em;
font-size: 70%;
line-height: 1.5em;
color: #666;
}

dl.pics {
margin: 10px 0 25px 15px;
padding: 0;
font-size: 105%;
width: 80%;
clear: left;
}

dl.pics dt img {
float: left;
margin: 0 2em 10px ;
padding: 4px;
border: 1px solid #b6b6c3;
font-size: 80%;
}

dl.pics dd {
margin-left: 2em;
font-size: 65%;
line-height: 1.5em;
color: #666;
}

/* Teaser im Hauptinhalt */

#look {
border-bottom: 1px solid #ed9c78;
margin: 25px 30px 25px 10px;
padding: 0;
background: #f9ded2 url(img/bord.gif) repeat-x top left;
}

#look p {
margin: 0;
padding: 5px 25px 5px;
font-size: 70%;
color: #033;
background: transparent url(img/ic_info.gif) no-repeat 3px 3px;
line-height: 1.4;
}

#content div.special {
border-bottom: 1px solid #ccc;
background: #f9ded2 url(img/bord.gif) repeat-x top left;
padding: 10px 10px 0;
margin: 1em;
}

/* Galerien */

.thumbnail {
float: left;
width: 100px;
border: 1px solid #669;
margin: 0 15px 15px 15px;
padding: 5px;
}

.thumbnail img {
border: 0;
}

.thumbnail img a {
text-decoration: none;
background: #fff;
}

.clearboth { clear: both; }

#content div.textgal {
margin: 5px;
background: #eee;
border: 1px solid #b5b5b5;
width: 420px;
}

#content div.textgal img {
margin: 5px 5px 5px 10px;
padding: 2px;
border: 1px solid #d2d2da;
}

#content div.textgal dl {
font-size: 80%;
margin: 0 0 5px;
}

#content div.textgal dl dt {
font-weight: bold;
margin-left: 10px;
color: #669;
}

#content div.textgal dl dd {
margin: 0 10px;
}

/* Schattentabelle*/

.shadow {
background: #ccc;
margin: 1.5em 0;
width: 70%;
}

.shadow table {
width: 99%;
position: relative;
top: -4px;
left: -4px;
border: 1px solid #333;
font-size: 70%;
}

.shadow table caption {
margin: 0;
padding: 8px 20px;
text-align: left;
border: 1px solid #333;
border-bottom: none;
background: #fff;
font-weight: bold;
color: #f66804;
}

.shadow table th, table td {
margin: 0;
padding: 4px 10px;
text-align: left;
vertical-align: top;
border-bottom: 1px solid #b5b5b5;
}

.shadow table th {
color: #669;
background: #fff;
border-bottom: 1px solid #333;
}

.shadow table tr {
background: #cacad9;
}

.shadow table tr.alt {
background: #e0e0eb;
}

.shadow table td a {
display: block;
font-weight: bold;
}

/* Inhaltsbersicht auf Folgeseiten */

#over, #overkunst {
float: left;
width: 200px;
border: 1px solid #ccc;
margin: 5px 15px 0 0;
font-size: 95%;
}

#overright, #overevent {
float: right;
width: 200px;
border: 1px solid #ccc;
margin: 5px 0 0 15px;
font-size: 95%;
}

#overevent, #overkunst {
width: 150px;
}

#over.plus {
margin: 15px 15px 0 0;
}

#overright.plus, #overevent.plus {
margin: 15px 0 0 15px;
}

#over ol, #overright ol {
margin: 5px 2px;
padding: 0;
font-size: 75%;
list-style-position: outside;
}

#over ol li, #overright ol li {
margin: 2px 2px 2px 28px;
padding: 0;
line-height: normal;
}

#over p, #overright p, #overevent p, #overkunst p {
margin: 0;
background: #669;
color: #fff;
font-size: 105%;
font-weight: bold;
padding: 3px 5px;
letter-spacing: 1px;
}

#overevent.plus ul, #overkunst ul {
margin: 5px 2px 5px 0;
padding: 0;
font-size: 75%;
list-style-position: outside;
}

#overevent.plus ul li, #overkunst ul li {
margin: 2px 2px 2px 20px;
padding: 0;
line-height: normal;
}

/*Abstandhalter*/

.espace {
padding-bottom: 10px; /*mehr Raum innerhalb von Listen*/
}

#content #space {
margin-bottom: 25px; /*bei kurzen Seiten*/
}

#content .space1 {
margin-bottom: 125px; /*bei kurzen Seiten*/
}

div.divider {
height: 1px;
margin: 1em 2em 0;
clear: both;
}

hr {
display:none;
}

#content .clearer {
margin: 1em;
clear: both;
line-height: 1px;
}

/*Bilder*/

.imgflow {
margin-left: 50px;
}

.imggauche, .imggauchesans {
float: left;
margin-right: 15px;
}

.imgdroit, .imgdroitsans {
float: right;
margin-left: 15px;
}

.imgdroit, .imggauche {
padding: 3px;
border: 1px solid #d2d2da;
}

.imgdroitsans, .imggauchesans {
padding: 0;
border: 0;
}

#content div.textnorm {
margin: 5px 0 5px 15px;
background: #eee;
border: 1px solid #b5b5b5;
width: 420px;
}

#content div.textnorm1, #content div.textnorm2 {
margin: 5px 0;
width: 500px;
background: #eee;
border: 1px solid #b5b5b5;
}

#content div.textnorm2 {
width: 450px;
text-align: center;
background: #fff;
}

#content div.textnorm p, #content div.textnorm2 p {
font-size: 70%;
line-height: normal;
padding: 3px;
color: #033;
margin-left: 10px;
}

#content div.textnorm em {
color: #033;
}

#content div.textnorm img {
padding: 2px;
border: 1px solid #d2d2da;
margin: 5px;
}

#content div.textdroit, #content div.textdroitround, #content div.textdroit300 {
float: right;
margin: 5px 0 5px 15px;
text-align: center;
width: 220px;
background: #eee;
border: 1px solid #b5b5b5;
}
#content div.textdroit300 {
width: 300px;
}
#content div.textdroitround {
float: right;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#content div.textdroit p, #content div.textdroitround p, #content div.textdroit300 p {
font-size: 70%;
line-height: normal;
padding: 3px;
color: #033;
}
#content div.textdroit em, #content div.textdroitround em {
color: #033;
}
#content div.textdroit img, #content div.textdroitround img {
padding: 2px;
border: 1px solid #d2d2da;
margin: 5px;
}
#content div.textleft, #content div.textleftround, #content div.textmidround {
float: left;
margin: 5px 15px 5px 0;
text-align: center;
width: 220px;
background: #eee;
border: 1px solid #b5b5b5;
} 
#content div.textleftround {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin: 5px 15px 5px 0;
}
#content div.textmidround {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin: 5px 10px 5px 20px;
float: none;
width: 320px
}
#content div.textleft p, #content div.textleftround p, #content div.textmidround p {
font-size: 70%;
line-height: normal;
color: #033;
padding: 3px;
}
#content div.textleft em, #content div.textleftround em, #content div.textmidround em {
color: #033;
}
#content div.textleft img, #content div.textleftround img, #content div.textmidround img {
padding: 2px;
border: 1px solid #d2d2da;
margin: 5px;
}

#systeminfo {
border: 1px outset #f66804;
margin: 25px 60px 25px 0;
padding: 0;
}
#systeminfo h3 {
color: #7a89cc;
font-family: "Lucida Sans Unicode", Verdana, sans-serif;
font-size: 110%;
padding: 5px 5px 5px 15px;
margin: 0;
background: #f3f3f3;
}
#systeminfo ul li {
margin: 0;
padding: 5px 25px 0 5px;
font-size: 95%;
color: #033;
background: #fff;
line-height: 1.8;
}
#content .photo {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
width: 260px;
background-color: #C3D6C3;
border: 1px solid #005604;
vertical-align: top;
text-align: center;
padding-top: 10px;
float: left;
margin: 20px;
}
#content .photo p {
color: #333;
font-size: 0.7em;
text-align: center;
padding: 4px 4px 0;
line-height: normal;
}
#content .photo em {
color: #333;
}

/* sidebar */

.side ul.bar {
margin: 20px 0 30px;
padding: 0;
width: 75%;
list-style: none;
background: #ccd699;
}

.side ul.bar ul {
list-style: none;
padding: 3px 0;
margin: 0;
background: #ccd699;
border-left: 1px solid #dee4bd;
}

.side ul.bar li {
font-family: verdana, arial, helvetica, sans-serif;
/*margin-top: 1px;*/
font-size: 75%;
color: #dd5d04;
}

.side ul.bar li a {
padding: 4px;
color: #dd5d04;
text-decoration: none;
display: block;
border-top: 1px solid #a3a3c2;
background: transparent url(img/buttsoff.jpg) repeat top left;
}

.side ul.bar li.last a {
border-bottom: 1px solid #a3a3c2;
}

.side ul.bar li a#nunc {
color: #f66804;
text-decoration: none;
background: #fbfcf7 url(img/dt-flora2.gif) no-repeat center right;
font-weight: bold;
}

.side ul.bar li a:hover, .side ul.bar li a:active, .side ul.bar li a:focus {
color: #f66804;
text-decoration: none;
background: #fbfcf7 url(img/dt-flora2.gif) no-repeat center right;
}

.side ul.bar ul li {
margin: 0px 10px 1px 10px;
font-size: 90%;
background: #ccd699;
text-transform: none;
letter-spacing: 0px;
}

.side ul.bar ul li a {
padding-left: 12px;
line-height: 1.0;
border: none;
background: transparent;
}

.side ul.bar ul li a#akut {
color: #669;
text-decoration: none;
background: transparent url(img/side_bullet.gif) no-repeat 0 6px;
font-weight: bold;
}

.side ul.bar ul li a.fk {
color: #669;
text-decoration: none;
background: transparent url(img/ic_sideout.gif) no-repeat 90% 50%;
}

.side ul.bar ul li a:link, .side ul.bar ul li a:visited {
color: #669;
text-decoration: none;
font-weight: normal;
}

.side ul.bar ul li a:hover, .side ul.bar ul li a:active, .side ul.bar ul li a:focus {
color: #669;
text-decoration: none;
background: transparent url(img/side_bullet.gif) no-repeat 0 6px;
font-weight: bold;
}

.box, .boxkoga {
margin: 35px 0 20px 0;
padding: 0 0 12px 0;
color: #666;
background: #fbfcf7 url(img/sidehead.jpg) no-repeat left bottom;
width: 75%;
}

.boxkoga p {
text-align: center;
font-size: 70%;
}

.boxkoga img {
border: none;
}

.box h3 {
margin: 0;
padding: 3px 3px 3px 5px;
font-size: 90%;
font-weight: bold;
color: #666;
background: #bac775 url(img/sidehead.jpg) repeat-y;
}

.box img, .box1 img {
float: left;
margin: 3px;
padding: 1px;
border: 1px solid #b6b6c3;
}

.box1 img {
margin: 1px 3px 1px 1px;
border: none;
}

.box p, .box1 p, .box ul {
font-family: Verdana, "MS Trebuchet", Helvetiva, sans-serif;
line-height: 1.5em;
font-size: 70%;
margin: 0;
padding: 5px 3px 5px;
}

.box ul li {
margin: 0 0 0 12px;
padding: 0 0 0 18px;
list-style: none;
background: url(img/li_boxbull.gif) no-repeat 0 3px;
}

.box a:link, .box1 a:link, .boxkoga a:link {
color: #669;
text-decoration: underline;
}

.box a:visited, .box1 a:visited, .boxkoga a:visited {
color: #996;
text-decoration: underline;
}

.box a:hover, .box a:active, .box a:focus, .box1 a:hover, .box1 a:active, .box1 a:focus, .boxkoga a:hover, .boxkoga a:active, .boxkoga a:focus {
color: #cc334d;
text-decoration: none;
}

.box a.out, .boxkoga a.out {
background: transparent url(img/ic_out.gif) no-repeat 0 2px;
padding-left: 10px;
}

.box1 a.out {
background: transparent url(img/ic_sideout.gif) no-repeat 0 2px;
padding-left: 10px;
}

.uni {
margin-top: 40px;
}



.box1 {
margin: 35px 0 20px 0;
padding: 0 0 12px 0;
color: #666;
width: 185px;
border: 1px solid #fbfcf7;
border-bottom: none;
background: #dfe5bf url(img/sidehead.jpg) no-repeat left bottom;
}



.box1 dl {
margin: 0;
padding: 0;
}

.box1 dt, .box1 dd {
font-size: 75%;
margin: 0;
padding: 4px 4px 0;
}

/* footer */

#footer p {
margin: 0;
padding: 15px;
font-size: 75%;
color: #333;
}

#botlinks ul {
padding: 0;
margin: 10px 2em;
list-style: none;
font-size: 75%;
text-align: left;
}

#botlinks ul li {
display: inline;
padding: 5px;
}

#botlinks ul li a {
padding: 2px;
}

#botlinks ul li a:link {
color: #333;
text-decoration: underline;
}

#botlinks ul li a:visited {
color: #000;
text-decoration: underline;
}

#botlinks ul li a:hover, #botlinks ul li a:active, #botlinks ul li a:focus {
color: #cc334d;
text-decoration: none;
background-color: #fff;
}

/*Kontaktformular*/

/*Formular*/
div.formlabel {
width: 12em;
float: left;
position: relative;
}

fieldset {
border: none;
margin: 10px 0 2em 1em;
padding: 0;
position: relative;
float: left;
width: 80%;
}

fieldset br.clearer {
margin-bottom: 1px;
display: block;
clear: both;
line-height: 0px;
height: 0;
font-size: 1px;
}

div.formcontainer, div.formbutt {
border: 1px solid #669;
padding: 0.5em 1em;
background-color: #efeff5;
width: 80%;
font-size: 75%;
font-family: "lucida sans", verdana, arial, sans-serif;
}

div.formbutt {
border-top: none;
}

div.formbutt input {
background-color: #669;
color: #fff;
width: 8em;
border: 1px outset #fff;
font-weight: bold;
cursor: pointer;
}

div.formelem input {
border: 1px solid #669;
padding: 1px;
color: #000;
background-color: #fff;
font-weight: bold;
cursor: pointer;
margin: 0 0 5px 0;
width: 12em;
}

div.formelem input:focus {
background-color: #f2efea;
}

legend {
padding: 3px;
color: #fff;
background-color: #669;
font-weight: bold;
font-size: 75%;
margin-left: -10px;
font-family: "ms trebuchet", verdana, arial, sans-serif;
}

div.text {
margin: 10px 0;
font-weight: bold;
}

div.error input {
border: 1px solid #669;
padding: 1px;
color: #fff;
background-color: #cc0000;
font-weight: bold;
cursor: pointer;
margin: 0 0 5px 0;
width: 12em;
}

div.abisz {
width: 80px;
float: left;
}