html, body {
margin: 0;
padding: 0;
height: 100%;
width: 100%;
}

body {
/*
background: #FFF url(crescendo.png) fixed top left no-repeat;
*/
background: #FFF url(crescendo_neu.png) fixed top left no-repeat;
font-family: Arial, Helvetica, sans-serif;
color: #336;
text-rendering: optimizeLegibility;
}

/* Menu */

#menu {
width: 152px;
margin: 0;
padding: 0 12px 0 36px;
background: transparent url(crescendograu.png) fixed top left no-repeat;
position: fixed;
bottom: 1em;
line-height: 125%;
z-index: 1;
white-space: nowrap;
list-style-type: none;
}

#impr #menu {
bottom: 5.35em;
}

* html #menu {
width: 200px;
position: absolute;
top: 212px;
left: 0;
background: url(light.png);
}

#menu a {
text-decoration: none;
font-weight: bold;
}

#menu .hier a:before {
content: "\25BA\A0";
}

#menu .hier {
margin-left: -1.25em;
}
#menu ul .hier {
margin-left: -1.25em;
}

* html #menu * {
margin-left: 1em ! important;
}

#menu ul a:before {
content: "" ! important;
}

#menu ul .hier a:before {
content: "\25BA\A0" ! important;
}

#menu a:hover {
text-decoration: underline;
color: #55A;
}

#menu ul {
display: none;
list-style-type: none;
margin-bottom: 0.5em;
}

* html #menu ul {
margin-top: 0;
}

.hier ul {
display: block ! important;
}

.hier a {
color: #A55;
cursor: text;
}

.hier ul .hier a {
color: #595;
cursor: text;
}
* html #menu {
color: #55A;
}
* html .hier {
color: #A55;
list-style-type: square;
}
* html .hier ul .hier {
list-style-type: disc;
color: #595;
}

.hier a:hover {
color: #A55 ! important;
text-decoration: none ! important;
}

.hier ul .hier a:hover {
color: #595 ! important;
text-decoration: none ! important;
}

.hier ul a {
color: #55A;
cursor: pointer;
}
/*
* html .hier ul a {
cursor: hand;
}
*/
.hier ul a:hover {
color: #55A ! important;
text-decoration: underline ! important;
}

/* Inhalt */

#inhalt {
margin-left: 200px;
margin-top: 100px;
padding: 1em 3em;
position: absolute;
top: 0;
max-width: 42em;
}

#inhalt ul {
margin-left: 0;
padding-left: 1em;
}

* html #inhalt {
width: 577px;
}

#inhalt p, #inhalt li {
line-height: 150%;
}

.hinweis {
margin-top: 3em;
}

.initiale {
font-size: 1.2em;
font-weight: bold;
}


#inhalt h1 {
font-size: 144%;
position: absolute;
left: 0px;
top: -2.5em;
font-weight: bold;
font-size: 200%;
display: block;
line-height: 1em;
color: #336; /*color: #AAA;*/ /* shadow color */
background-color: transparent;
white-space: nowrap; /* wrapping breaks the effect */
}
* html #inhalt h1 {
padding-bottom: 0.5em;
color: #88A;
font-size: 166.7%;
}

#index #inhalt h1:before, #index #inhalt h1:after {
content: "CRESCENDO Bremen e.V.";
display: block;
}
#term #inhalt h1:before, #term #inhalt h1:after {
content: "unsere Veranstaltungen 2012";
display: block;
}
#termalt #inhalt h1:before, #termalt #inhalt h1:after {
content: "das gab es 2011";
display: block;
}
#termaltalt #inhalt h1:before, #termaltalt #inhalt h1:after {
content: "das gab es 2010";
display: block;
}
#spez #inhalt h1:before, #spez #inhalt h1:after {
content: "CRESCENDO-Specials";
display: block;
}
#selbst #inhalt h1:before, #selbst #inhalt h1:after {
content: "Was tut CRESCENDO?";
display: block;
}
#high #inhalt h1:before, #high #inhalt h1:after {
content: "21 Jahre CRESCENDO im Überblick";
display: block;
}
#kont #inhalt h1:before, #kont #inhalt h1:after {
content: "Kontakt";
display: block;
}
#impr #inhalt h1:before, #impr #inhalt h1:after {
content: "Impressum";
display: block;
}
#links #inhalt h1:before, #links #inhalt h1:after {
content: "CRESCENDO-Links";
display: block;
}
#tech #inhalt h1:before, #tech #inhalt h1:after {
content: "technische Hinweise";
display: block;
}

#inhalt h1:before{
margin-bottom: -1.05em;
margin-left: 0.1ex;
color: #EEE; /* shadow color */
background-color: transparent;
}
#inhalt h1:after {
margin-top: -1.05em;
margin-left: -0.1ex;
color: #AAF; /* text color */
background-color: transparent;
}

#inhalt h2 {
font-size: 110%;
font-weight: bold;
}

#inhalt h3 {
font-size: 100%;
font-weight: bold;
}

#inhalt h4 {
font-size: 90%;
font-weight: bold;
}

li.eintrag {
border: 1px solid #AAF;
background: #FFF;
padding: 0.5em 1em 0 1em;
margin: 2em -1em 2em -1em;
list-style-type: none;
}
div.eintrag {
border: 1px solid #AAF;
background: #FFF;
padding: 0.5em 1em 0 1em;
margin: 1.5em -1em;
}

.eintrag {
box-shadow: 0 5px transparent, 5px 5px 5px #B6B6FF;
-moz-box-shadow: 0 5px transparent, 5px 5px 5px #B6B6FF;
-webkit-box-shadow: 0 5px transparent, 5px 5px 5px #B6B6FF;
}

li.alt {
box-shadow: 0 5px transparent, 5px 5px 5px #CCCCCC !important;
-moz-box-shadow: 0 5px transparent, 5px 5px 5px #CCCCCC !important;
-webkit-box-shadow: 0 5px transparent, 5px 5px 5px #CCCCCC !important;
}

div#neuekantorei {
margin-top: 3em;
}

div#neuekantorei .eintrag {
border: 1px solid #A94950;
box-shadow: 0 5px transparent, 5px 5px 5px #D3A2A7;
-moz-box-shadow: 0 5px transparent, 5px 5px 5px #D3A2A7;
-webkit-shadow: 0 5px transparent, 5px 5px 5px #D3A2A7;
}

div#gef {
margin-top: 3em;
}

div#gef .eintrag {
border: 1px solid #34892D;
box-shadow: 0 5px transparent, 5px 5px 5px #80D474;
-moz-box-shadow: 0 5px transparent, 5px 5px 5px #80D474;
-webkit-box-shadow: 0 5px transparent, 5px 5px 5px #80D474;
}

.eintrag .datum, .eintrag h3 {
background: #B6B6FF url(titelbg.png) top right repeat-y;
padding: 0.25em 0.5em;
margin: -0.5em -1em;
font-weight: bold;
text-align: right;
font-size: 1em ! important;
}

div#neuekantorei .eintrag .datum, div#neuekantorei .eintrag h3 {
background: #A94950 url(kantoreibg.png) top right repeat-y;
color: #336;
}

div#gef .eintrag .datum, div#gef .eintrag h3 {
background: #34892d url(gefbg.png) top right repeat-y;
color: #003300;
}

.eintrag .zeit {
text-align: right;
}
.eintrag h2, .eintrag h3 {
line-height: 1em ! important;
}

.eintrag h2 {
font-weight: bold;
color: #A00;
border-bottom: 1px solid #A55;
padding-left: 1em;
font-size: 1em ! important;
line-height: 1.2em ! important;
margin-top: 1em;
margin-bottom: 1em;
}
.eintrag h2.datum {
font-weight: bold;
border: none;
color: #336;
}

.eintrag p {
margin-left: 1em;
}

.eintrag .eintrag {
margin: 0 1em;
}

.eintrag ul {
list-style-type: disc;
padding: 0.5em 0 0.25em 0.5em;
margin: 0.25em 0 0.25em 0.5em;
}

dl {
margin-left: 1em;
}

.hervor {
color: #C00;
}
.alt, #termalt .eintrag {
border-color: #EEE ! important;
color: #666;
}
.alt .datum {
background: #DCDCDC url(titelbggrau.png) right top repeat-y ! important;
}

.alt h2 {
color: #666;
border-bottom: 1px solid #666;
}

.kl {
font-size: 85%;
}

.anm {
font-size: 85%;
}
.akt {
font-size: 80%;
text-align: right;
margin-top: 2em;
}

.gruss {
text-align: right;
}

.vignette {
text-align: center;
width: 67%;
font-size: 2em;
padding-bottom: 1em;
margin-bottom: 3em;
margin-top: 0.25em;
border: none;
background: none;
color: #336;
height: 1px;
clear: both;
}
.vignette:before {
display: block;
content: "\266A\A0\A0\A0\A0\A0\A0\A0\266A";
}
.vignette:after {
display: block;
content: "\266A";
}
.vignette + h2 {
margin-top: 2em;
}

#links #inhalt li {
list-style-type: none;
margin-left: -1em;
padding-left: 0em;
}

a {
color: #00A;
}

a:hover {
color: #A00;
}

#spez div.anm {
float: left; text-align: center;
}
#spez #text a:hover {
background-color: #FFF;
}

#spez #asurmbild2 {float: left; margin: 0.5em 1em 0.5em 0;}
/*#spez #jsobild, #spez #chbild {float: none;}*/

#termalt hr {
color: #888;
}

#kont .bez {
width: 144px;
text-align: right;
padding-right: 0.5em;
float: left;
font-weight: bold;
font-size: 90%;
}
#kont fieldset {
margin: 0;
padding: 0.5em 0.5em 0 0.5em;
border: none;
}
#kont #info {
font-size: 75%;
}
#kont .button {
background-color: #FD5;
font-weight: bold;
}
#kont .button2 {
background-color: #88A;
color: #FFF;
font-weight: bold;
}
#kont form div {
color: #43396F;
font-size: 80%;
}
#kont legend {
font-weight: bold;
font-size: 100%;
}
#kont form {
border-top: 2px solid #E3D4A9;
border-left: 2px solid #E3D4A9;
border-right: 2px solid #746E34;
border-bottom: 2px solid #746E34;
background: url(titelbg.png) repeat-y;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 0.5em;
max-width: 40em;
}
#kont .inp {
margin: 0.5em 0;
}
#kont l1abel {
vertical-align: sub;
}

#tech img {
float: right;
}

#impr .eintrag {

width: 24em;
}

abbr {
cursor: default;
}

q {
quotes: "\201E" "\201C";
}
* html q {
font-style: italic;
}

dl.bild {
float: right;
background: #E0E0E0;
width: 104px;
margin-top: 0;
margin-bottom: 0.5em;
}
dl.bild dt {
text-align: center;
padding: 0;
}
dl.bild dt img {
margin: 1px 1px 0 1px;
/*border: none;*/
}
dl.bild dd {
margin: -4px 2px 6px 2px;
font-size: 70%;
line-height: 110%;
text-align: center;
}
dl.bild a {
color: #000;
}
dl.bild a:hover {
color: #666;
}
.bild a img {
border: 1px solid #E0E0E0;
}
.bild a:hover img {
border: 1px solid #55A;
}

dl dl {
margin: 0;
}

dl.programm {
font-size: 0.96em;
}
.programm dt {
margin-top: 0.5em;
}
.programm dd dl dt {
margin-top: 0;
}
dt.ausf {
font-size: 0.9em; line-height: 1.2em;
}

ul.ausf {
list-style-type: none;
margin-top: -1em;
}

* html dl.bild dd {
margin: 0 2px 6px 2px;
}

del {
text-decoration: line-through;
}

a img {
border: none;
}

a[href*="http"]::after {content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMAQMAAABsu86kAAAAAXNSR0IArs4c6QAAAAZQTFRF//// AAAAVcLTfgAAAAF0Uk5TAEDm2GYAAAAlSURBVAjXY2BgYGB8wMCQwGCzgEFRgUGJgUGlgUEBjOwb GMAAAGJ3BSQ9vVr/AAAAAElFTkSuQmCC"); padding-left: 4px;}

a[href*="xml"]::after, a[href*="javascript"]::after {content: ""; padding: 0;}

blockquote.kl {
margin-left: 1.176em;
border-left: 2px dotted #CCC;
}

.weihnacht {background: url(weihnachtsstern04.png) #FFF no-repeat right !important ;}
/* Links zu openstreetmap */

.eintrag .zeit a[title]::after {content: url(marker.png);}