html {
height:100%;
}

body {
background:#ffc600;
margin:0px;
font-family:Lucida Sans, Arial, Helvetica, sans-serif;
height:100%;
}

#box {
margin:0px;
padding:0px;
position:relative;
width:850px;
background:url(../imgs/bg.jpg) repeat-y;
margin:0px auto;
min-height:100%;
}
* html #box {
position:absolute;
left:50%;
margin-left:-425px;
height:100%;
}
#title1 {
position:absolute;
top:90px;
right:15px;
height:73px;
width:629px;
background:url(../imgs/title1.png) no-repeat;
}
#title2 {
position:absolute;
top:168px;
right:23px;
width:189px;
height:23px;
background:url(../imgs/title2.png) no-repeat;
}
* html #title1{
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imgs/title1.png');
}
* html #title2 {
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imgs/title2.png');
}

#topbg {
position:absolute;
left:0px;
top:0px;
height:138px;
width:850px;
background:url(../imgs/tbg.jpg);
}

#menubg {
position:absolute;
left:6px;
top:138px;
height:59px;
width:838px;
background:url(../imgs/mbg3_bigmenu2.png) no-repeat top left;
}
* html #menubg {
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imgs/mbg3_bigmenu2.png');
}

#box2 {
background:url(../imgs/zbg3.jpg) 6px 138px no-repeat;
min-height:705px;
}
* html #box2 {
height:705px;
}
#box2.home {
background:url(../imgs/zbg_home.jpg) 6px 138px no-repeat;
min-height:660px;
}
* html #box2.home {
height:660px;
}

#topmenu {
position:absolute;
top:138px;
left:25px;
margin:0px;
padding:0px;
}

#topmenu li {
display:block;
float:left;
margin-right:15px;
padding:31px 8px 7px;
font-size:10.5pt;
font-family:Arial, Helvetica, sans-serif;
line-height:21px;
font-weight:normal;
text-transform:uppercase;
}
#topmenu li.current, #topmenu li.hover {
background:url(../imgs/bg_hover.png);
}
* html #topmenu li.current, * html #topmenu li.hover {
height:20px;
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imgs/bg_hover.png', sizingMethod='scale');
}

#topmenu li a {
text-decoration:none;
color:#fff0bd;
}

#sidemenu {
position:absolute;
top:450px;
left:6px;
margin:0px;
padding:0px;
}
#sidemenu li {
display:block;
margin:10px 0px;
padding:0px;
background:url(../imgs/bg_yellow.png);
}
* html #sidemenu li {
height:18px;
width:100px;
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imgs/bg_yellow.png', sizingMethod='scale');
}
#sidemenu li a {
display:block;
padding:2px 5px 2px 35px;
width:110px;
text-decoration:none;
color:#000;
font-family:Arial;
font-size:11pt;
font-weight:normal;
text-transform:uppercase;
line-height:21px;
}

#sidemenu li.current a, #sidemenu li a:hover {
background:url(../imgs/bg_hover.png);
color:#fff;
}
* html #sidemenu li.current a, * html #sidemenu li a:hover {
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imgs/bg_hover.png', sizingMethod='scale');
}

#content {
display:block;
margin:0px 0px 0px 210px;
width:600px;
padding-top:276px;
padding-bottom:20px;
text-align:justify;
font-size:10pt;
}
#box2.home #content {
margin-left:200px;
padding-top:280px;
width:600px;
}
#box2.home #content h2 {
font-size:150%;
}

h1 {
position:absolute;
top:220px;
left:6px;
width:400px;
height:30px;
margin:0px;
padding-right:5px;
background:#ffc600;
text-align:right;
font-style:italic;
font-weight:normal;
font-size:240%;
text-transform:lowercase;
overflow:visible;
}

#content #pagemenu {
position:absolute;
left:22px;
top:220px;
padding:0px;
padding-top:30px;
margin:0px;
border-right:5px solid #000;
background:url(../imgs/bg_hover.png);
}
* html #content #pagemenu {
padding-top:40px;
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imgs/bg_hover.png', sizingMethod='scale');
}

#pagemenu li {
display:block;
margin:0px 0px 0px;
padding:0px;
}

#pagemenu li a {
display:block;
padding:0px 4px;
margin:0px;
width:157px;
text-decoration:none;
color:#fff;
font-size:9pt;
line-height:18px;
}
#pagemenu > li a {
line-height:19px;
}
#pagemenu li.current a, #pagemenu li a:hover {
background:#ffc600;
color:#000;
}

ul#langmenu {
position:absolute;
right:663px;
top:215px;
padding:0px;
text-align:right;
}
#langmenu li {
display:block;
margin:0px 0px 0px 2px;
padding:0px;
}
#langmenu li a {
display:block;
text-decoration:none;
color:#fff;
line-height:15px;
height:15px;
padding:0px 5px;
}
#langmenu li a:hover,#langmenu li.current a {
background:#ffc600;
color:#000;
}

#langmenu.withoutpagemenu {
width:auto;
position:absolute;
left:22px;
right:658px;
top:220px;
height:30px;
padding:0px;
padding-left:105px;
margin:0px;
height:30px;
border-right:5px solid #000;
background:url(../imgs/bg_hover.png);
}
* html #langmenu.withoutpagemenu {
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imgs/bg_hover.png', sizingMethod='scale');
height:37px;
}

* html #langmenu.withoutpagemenu li {
margin-top:-1px;
list-style-type:none;
}
*+html #langmenu.withoutpagemenu li {
margin-top:-1px;
list-style-type:none;
}

ul#littlemenu {
margin:0px;
padding:0px;
position:absolute;
top:197px;
left:20px;
}
* html ul#littlemenu {
top:194px;
}
#littlemenu li {
display:block;
float:left;
margin:0px 0px 0px 4px;
padding:0px;
}
#littlemenu li a {
display:block;
padding:0px 9px;
margin:0px;
font-size:9pt;
color:#000;
text-decoration:none;
background:url(../imgs/bg_yellow.png);
text-transform:uppercase;
}
* html #littlemenu li a {
display:inline-block;
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imgs/bg_yellow.png', sizingMethod='scale');
}
#littlemenu li a:hover, #littlemenu li.current a {
background:url(../imgs/bg_hover.png);
color:#fff;
}
* html #littlemenu li a:hover, * html #littlemenu li.current a {
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imgs/bg_hover.png', sizingMethod='scale');
}

#content h2 {
margin-top:0px;
font-style:italic;
text-align:left;
clear:both;
}
#content h3 {
margin:10px 0px;
}
#content h4 {
margin:7px 0px 3px;
}

#content div.p {
margin:0px 0px 15px;
}

#content p {
margin:0px;
}

#content a {
color:#184c79;
}

a img {
border:0px;
}

#content img {
border-bottom:5px solid #184c79;
}
#content img.float {
float:right;
margin:0px 0px 10px 15px;
}
#content img.float-left {
float:left;
margin:0px 15px 10px 0;
}
#content b, #content strong {
font-weight:bold;
color:#003c95;
}

#content img.inline {
display:inline;
vertical-align:middle;
margin:0px 20px;
border:0px;
}
#content div.center {
position:relative;
left:50%;
width:600px;
margin-left:-300px;
text-align:center;
padding:0px;
}



#content ul, #content ol {
margin:5px auto;
}

#content div.rahmen {
background:#ffd234;
padding:4px 7px;
margin:10px 20px 25px;
border:1px solid #184c79;
border-bottom:5px solid #184c79;
}

#content div.rahmen.blau {
background:#b3c3ff;
}

#content div.rahmen.textcenter {
text-align:center;
}

#content div.rahmen img {
border:0px;
}

#content table.lied {
border:1px solid #184c79;
border-bottom:5px solid #184c79;
padding:5px;
}
#content table.lied td {
border:0px;
padding:0px;
}
#content table.lied img {
border:0px;
}
#content table.lied tr.text td {
font-weight:bold;
padding-bottom:10px;
text-align:center;
}
#content table.lied tr.angaben td {
padding-left:5px;
padding-bottom:10px;
}
#content table.lied tr.toene td {
text-align:center;
}
#content table.lied tr.bottom td {
padding-bottom:0px;
}
#content table.lied tr.akkorde td {
font-weight:bold;
padding-top:20px;
padding-left:5px;
}
#content table.lied tr.trennstrich td {
padding:5px 0px;
}
#content table.lied tr.trennstrich td hr {
height:1px;
background-color:#184c79;
border:0px;
}

#content dl {
margin:0px;
padding:0px;
}
#content dl dt{
float:left;
}
#content dl dt {
width:200px;
clear:both;
}

#content table.doremi {
margin:5px 0px 0px;
}
#content table.doremi td {
font-weight:bold;
}
#content table.doremi td.descr {
font-weight:normal;
}

#content div.quote {
float:right;
padding:15px;
text-align:right;
border:1px solid #184c79;
margin:0px 0px 20px 20px;
}

#content span.copyright {
float:right;
font-size:70%;
}

#content div.gallery {
display:table;
}
#content div.gallery div {
float:left;
margin:9px;
}
* html #content div.gallery div {
float:left;
margin:5px;
}
*:first-child+html #content div.gallery div {
float:left;
margin:5px;
}
#content div.gallery a {
display:table-cell;
width:180px;
height:180px;
text-align:center;
vertical-align:middle;
border:1px solid #184c79;
border-bottom:5px solid #184c79;
background:url(../imgs/bg_lightyellow.png);
}
* html #content div.gallery a {
display:block;
width:165px;
height:165px;
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imgs/bg_lightyellow.png', sizingMethod='scale');
padding:10px;
}
*:first-child+html #content div.gallery a {
display:block;
width:165px;
height:165px;
padding:10px;
}

#content div.gallery a:hover {
background:#ffd234;
}
#content div.gallery img {
border:0px;
margin:0px;
}

#content div.fotorahmen {
position:relative;
left:50%;
width:600px;
margin-left:-300px;
padding:28px 0px;
text-align:center;
background:url(../imgs/bg_yellow.png);
border:1px solid #184c79;
border-bottom:5px solid #184c79;
}
* html #content div.fotorahmen  {
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imgs/bg_yellow.png', sizingMethod='scale');
}
#content div.fotorahmen img {
border:0px;
}

#content div.cdleft, #content div.cdright {
width:520px;
clear:both;
margin:20px 0px;
padding:0px 10px;
border-top:5px solid #184c79;
text-align:left;
}
#content div.cdleft {
margin-right:60px;
}
#content div.cdright {
margin-left:60px;
}
#content div.cdleft img {
float:left;
border:0px;
margin:0px 20px 20px 0px;
}
#content div.cdright img {
float:right;
border:0px;
margin:0px 0px 20px 20px;
}
#content div.cdleft h3 img, #content div.cdright h3 img {
display:inline;
border:0px;
vertical-align:middle;
float:none;
margin:0px;
}
#content div.cdleft h3 a, #content div.cdright h3 a {
margin-left:20px;
}

#content ul.links li {
margin:0px 0px 30px;
}
#content ul.links b, #content ul.links strong {
color:#000;
}

#content ul.downloads {
padding:0px;
margin:0px;
border-top:0px solid transparent;
}

#content ul.downloads.leftcol, #content ol.downloads.leftcol {
float:left;
border-top:0px solid transparent;
margin-right:30px;
}
#content ul.downloads li {
display:block;
margin:0px 10px 10px;
}
#content ul.downloads img {
border:0px;
vertical-align:middle;
}
#content div#paedag {
display:block;
width:364px;
height:185px;
background:url(../imgs/paedag4_gross.png);
}
* html #content div#paedag {
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imgs/paedag4_gross.png', sizingMethod='scale');
}

#content div#paedag1 {
position:absolute;
top:0px;
left:0px;
width:224px;
height:99px;
background:url(../imgs/paedag1.png);
}
* html #content div#paedag1 {
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imgs/paedag1.png', sizingMethod='scale');
}
#content div#paedag2 {
position:absolute;
top:61px;
left:301px;
width:224px;
height:99px;
background:url(../imgs/paedag2.png);
}
* html #content div#paedag2 {
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imgs/paedag2.png', sizingMethod='scale');
}
#content div#paedag3 {
position:absolute;
top:107px;
left:30px;
width:224px;
height:99px;
background:url(../imgs/paedag3.png);
}
* html #content div#paedag3 {
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imgs/paedag3.png', sizingMethod='scale');
}
#content div#paedag4 {
position:absolute;
top:168px;
left:331px;
width:222px;
height:99px;
background:url(../imgs/paedag4.png);
}
* html #content div#paedag4 {
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imgs/paedag4.png', sizingMethod='scale');
}
#content div#paedag5 {
position:absolute;
top:214px;
left:60px;
width:224px;
height:99px;
background:url(../imgs/paedag5.png);
}
* html #content div#paedag5 {
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imgs/paedag5.png', sizingMethod='scale');
}

#content h2.right {
text-align:right;
margin-top:-20px;
}

#content div.trio {
position:relative;
width:600px;
height:334px;
background:url(../imgs/trio.jpg) no-repeat;
border-bottom:5px solid #184c79;
}
#content div.trio h2 {
display:block;
position:absolute;
left:0px;
background:url(../imgs/bg_yellow.png);
height:25px;
text-align:right;
padding-right:5px;
margin:0px;
}
* html #content div.trio h2 {
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imgs/bg_yellow.png', sizingMethod='scale');
}
#content div.trio h2#perret {
bottom:80px;
width:180px;
}
#content div.trio h2#svasek {
bottom:45px;
width:390px;
}
#content div.trio h2#starck {
bottom:10px;
width:570px;
}
#content img.download {
border:0px;
vertical-align:middle;
}
#content div.icolo {
float:right;
margin:20px 0 0 0;
font-size:70%;
color:#555;
}
#content div.icolo img {
border:0px;
margin-left:5px;
vertical-align:top;
}

#content div.captionedimg {
margin:0px 0px 15px;
}
#content div.rightalign {
float:right;
margin:0px 0px 15px 15px;
}
#content > div.pourfirefox {
width:335px;
}
#content div.captionsedimg img {
margin-bottom:0px;
}
#content div.captionedimg div.copyright{
display:block;
text-align:right;
font-size:65%;
margin:0px;
}
#content div.poem {
border:1px solid #184c79;
padding:15px 0px;
text-align:center;
}
#content div.poem i {
color: #184c79;
}
#content ol.downloads {
margin:10px 0px 0px;
padding-left:40px;
width:260px;
}
#content ol.downloads li {
position:relative;
margin-top:5px;
border-bottom:1px dashed #bbb;
}
#content ol.downloads li img {
position:absolute;
bottom:0px;
right:-30px;
border:0px;
}
* html #content ol.downloads li img {
position:absolute;
top:0px;
right:-30px;
}
#content ol.downloads li span {
width:100px;
display:-moz-inline-box;
display:inline-block;
}
#content ol.downloads li span.doremi {
width:40px;
}


#content div.editbox {
position:relative;
border:dashed #000;
border-width:1px 0px;
padding:8px 0px;
}
#content div.editbox a.edit {
position:absolute;
top:-8px;
right:0px;
background:#222;
color:#ddd;
padding:0px 4px;
text-decoration:none;
}
#content div.editbox a.edit:hover {
background:#444;
}

#content div.editablebox {
margin:0px 0px 20px;
text-align:left;
}
#content div.editablebox div, #content div.editablebox table, #content div.editablebox tr, #content div.editablebox td {
margin:0px;
padding:0px;
text-align:left;
}


#content object.audioplayer {
display:inline;
vertical-align:middle;
margin:5px 0px;
}