/*general stuff*/
        body{
            font-size:100.01%;
            font-size:10pt;
            background: #fff url(/img/set/tapete.jpg) ;
            padding:0;
            margin:0;
	    margin-top:1.5em;
	    margin-bottom:1.5em;
            height:100%;
            font-family:/*"Futura MD",Futura,futura,*/ "arial" ,sans-serif;
        }
            h1,h2,h3{
            font-size:1em;
            clear: right;
        }
            a{
            color:#666;
            text-decoration:none;
            border:none;
        }
            a:hover{
            color:#777;
        }
            div{
            padding:0;
            margin:0;
            border:none;
        }

/*universal stuff*/
            .red{
            color:#bb0000;
}
            .center{
    text-align:center;
}

/*strutural stuff*/
        div#wrapper{
            border:0.5em solid #fff;
            width:60em;
            margin-left:auto;
            margin-right:auto;
        }
            /*Modiefied Simplyfied Box Model Hack*/
            * html div#wrapper {  /* nur fuer Internet Explorer */
            margin-left:5em;  /* Version 5.x */
}
div#head-frame{
            
		width:60em;
            height:15.9em;
            background-color:#FFF;
            border-bottom:0.5em solid #FFF;
        }
                div#head{
    background:url(/img/set/Kopf-s.jpg) no-repeat;
    width:60em;
    height:9em;
    position:relative;
    border:none;
}
                    img#logo{
    width:22.5em;
    height:9em;
    position:absolute;
    right:0;
    top:0;
}
                    a img#logo{
                        border:none;
                    }
                    div#head img.button{
   border:none;
   margin-top:5em;
    margin-left:1em;
    height:2.3em;
}
            div#hotlinks-wrapper{
    margin:0;
    padding:0;
    border:none;
    width:60em;
    height:5.2em;
    bottom:0;
}
                div.hotlinks-container{
    margin:0;
    padding:0;
    border:none;
    overflow:hidden;
    height:5.2em;
}
                        div.hotlinks-container img{
    width:4em;
    height:4em;
    margin:0.23em;
    margin-top:0.5em;
    margin-bottom:0.5em;
    border:none;
    padding:0;
}
                    div#hotlinks-left{
    width:22.8em;
    float:left;
    text-align:right;
}
                        div#hotlinks-left img{
                            margin-right:0.56em;
                            margin-left:0;
                        }
                        div#hotlinks-right img{
                            margin-right:0;
                            margin-left:0.56em;
                        }
                    div#hotlinks-right{
    width:22.8em;
    float:right;
    text-align:left;
}
                    div#hotlinks-center{
    float:left;
    width:14.4em;
    text-align:center;
}
            div#secondaryMenu {
    margin: 0; padding: 0.2em;
    border: none;
  }
                div#secondaryMenu a{
    border:solid 1px gray;
    display: inline;
    padding: 0.1em 0.5em;
    text-decoration: none; font-weight: bold;
    border: none;
    color: #aa1111;
    } 
            div#main-frame-wrapper{
	    margin-left:-0.5em;
            position:absolute;
            width:50em;
            border-right:10.5em solid #f2e6d6;
            border-left:0.5em solid #fff;
	    background-color:#c2b098;
        }
* html div#main-frame-wrapper{  /* nur fuer Internet Explorer */
                padding-left:0.5em;  /* Version 5.x */
                }
div#main-frame{
            width:49.5em;
            min-height:30%;
            border-right:0.5em solid #FFF;
            /*border-left:0.5em solid #fff;
            */padding-bottom:1em;
        }
                    div#navi{
            width:10em;
            padding-top:1em;
            float:left;
        }
                        div#navi img{
            width:10em;
            height:1.4em;
            margin-top:3em;
            margin-bottom:1em;
        }
                            ul.navi {
    width: 10em;
    margin: 0;
    padding: 0;
    color: white;
  }
                                ul.navi li {
    list-style: none;
    padding: 0;
    text-align: right;
    margin-top:1em;
    padding-left:0.2em;
  }
                                    ul.navi li span {
    font-size:7pt;
    display:block;
  }
                                    ul.navi li a {
    display:block;
    padding: 0em;
    text-decoration: none;
    font-weight: bold;
    color:white;
    font-size:8pt;
    margin:0;
  }
                            form.navi{
    width:10em;
    text-align:right;
    }
                                form.navi input{
    width:10em;
    border:solid 1px #877;
    padding:0;
    margin:0;
    margin-top:1.5em;
    font-size:8pt;
    background-color:#edd;
}
                            div.literals-wrapper{
    width:8em;
    margin-left:auto;
    margin-right:0;
    margin-top:1em;
    padding-bottom:3px;
    border-top:1px solid white;
    border-left:1px solid white;
}
                                div.literals-wrapper div{
    display:block;
    float:left;
    /*border-bottom:1px solid white;*/
    width:1.6em;
    height:1.5em;
    text-align:center;
}
                                    div.literals-wrapper div a{
    display:block;
    border-right:1px solid white;
    border-bottom:1px solid white;
    text-decoration:none;
    text-align:center;
    font-weight:bolder;
    font-size:0.9em;
    color:white;
    padding-top:0.3em;
    padding-bottom:0.3em;

}
                                    div.literals-wrapper div a:hover{
    background-color:white;
    color: #ccc;
    }

                    .sheet-wrapper{
    width:37em;
    background-color:white;
    float:right;
    margin:1em;
    margin-top:1em;
}

* html .sheet-wrapper {  /* nur fuer Internet Explorer */
            width:35em;  /* Version 5.x */
            w\idth:35em;
            }

                        .article{
margin:0;
margin-bottom:2em;
margin-top:1em;
clear:both;
}
                        .inhalt{
    position:relative;
    margin:0;
    padding-left: 4.5em;
    padding-top: 2em;
    padding-right:2.5em;
    padding-bottom: 2em;
    min-height:230px;
}
                            .inhalt h1{
        font-size:8pt;
        color:#bb0000;
}
                                .inhalt h1 span{
        color:#777;
}
                            .inhalt .text{
    text-align:justify;
    font-size:8pt;
    margin:0;
}
                                .inhalt .text .imageBox{/*to keep em-sizes alive*/
        font-size:10pt;
        position:relative;
        margin:1em;
        margin-right:0;
        float:right;
        clear:right;
}
                                    .inhalt .text .boxImage{/*to keep em-sizes alive*/
border: dashed 2px #bb0000;
            position:absolute;
            bottom:0;
            left:0;
}
                                .inhalt .text .quoteBox{/*to keep em-sizes alive*/
        font-size:10pt;
        margin-left:auto;
        margin-right:auto;
        padding:0.5em;
        margin-top:1em;
        margin-bottom:1em;
        background: #dfdfdf url(/img/set/scissors-top.jpg) top right no-repeat;
        width:80%;
}
                                    .inhalt .text .quoteBox .quoteHead{
    display:block;
}
                                    .inhalt .text .quoteBox div{
            border: dashed 2px #bb0000;
            padding:0.5em;
            background-color:#fff;
            
        font-style:italic;
    font-size:8pt;
}
                                .inhalt .text .videoBox{
                                    
                                    background:#dfdfdf url(/img/set/cam.jpg) top right no-repeat;
                                    padding:1em;
                                    padding-top:3em;
                                    margin-left:auto;
                                    margin-right:auto;
                                    }
                                    .inhalt .text .videoBox div{
                                    border:dashed 2px #bb0000;
                                    }
                            .inhalt p {
    margin:0;
    padding:0;
}
                #footer, #folioIndex{
    width:35em;
    text-align:center;
    clear:both;
    padding-top:2em;
    padding-left:11em;
}
                #folioIndex{
    padding-top:0em;
    
    color:#aa1111;
}
                    #folioIndex span{
    font-size:2em;
}
                    #folioIndex img{
    width:1em;
    height:1.3em;
}
                    img.folioArrow{
 width:1.2em;
 height:1.6em;
 border:none;
}

            div#advertisement-frame{
            position:absolute;
            margin-left:50em;
            width:10em;
        }
                div#advertisement-frame div{
                padding-top: 1em;
                padding-bottom: 1em;
                }
            /*Modiefied Simplyfied Box Model Hack*/
            * html div#advertisement-frame {  /* nur fuer Internet Explorer */
            margin-left:52.5em;  /* Version 5.x */
            marg\in-left:52em;
            }
            * html div#advertisement-frame img {  /* nur fuer Internet Explorer */
                border:none;
            }

        /*slideshow*/
        #slideshowFrame{
            width:30em;
            min-height:25em;
            padding:1.5em;
	    text-align:left;
        }
        #slidshowFrame img{
            padding:1em;
        }
        /*articles*/
        .article h1 a{
            color:#bb0000;
        }
        .article div a{
            color:#b00;
            text-decoration:none;
            font-weight:bold;
        }
        img.particleImage{
            float:left;
            padding:1em;
            border:none;
        }
        div.authortag{
            text-align:right;
            clear:both;
            font-size:8pt;
        }

        /*singleview*/
        div#singleview{
        margin-left:3em;
        }
        div.verticalTitle{
        float:left;
        width:2em;
        text-align:right;
        
        }
        img.first-letter{
        position:relative;
        right:0;
        }
        div#albuminfo{
        width:34em;
        float:right;
        }
        div#tracklist{
        width:24em;
        float:right;
        padding-right:1em;
        }
        div#cover-and-rating{
        width:8em;
        height:8em;
        float:left;
        }
        div#cover-box{
        width:100%;
        height:100%;
        }
        div#rating-box{
        color:white;
        font-weight:bolder;
        margin-top:1em;
        }
        img#cover-image{
width:6em;
height:6em;
border:1px white dashed;
margin:1em;
}


        /*mailform*/
        form.mailform input{
border:none;
border-bottom:dashed 1px #444444;
}
        #sender{
float:right;
}
        #addressee{
margin-top:1em;
float:left;
padding: 1em;
}
        #message{
padding-top:2em;
clear:both;
}
/*impressum*/
div.w3cbutton{
    position: relative;
    margin: 0.5em 0;
    font-family: helvetica,arial,sans-serif;
    font-size: 80%;
    font-weight: bold;
    text-align: left;
	}
    div.w3cbutton a{
    display: block;
    border-top: 1px solid #cecece;
    border-bottom: 2px solid #4a4a4a;
    padding-top: 0.1em;
    padding-bottom: 0.1em;
}
        div.w3cbutton a.w3c{
	width: 3em;
    border-left: 1px solid #cecece;
    text-align: center;
        background-color: #fff;
    color: #0c479d;
    text-decoration: none;
	}
	div.w3cbutton a.spec{
    position: absolute;
    left: 3em;
    top: 0;
    width: 7.5em;
    border-right: 2px solid #4a4a4a;
    padding-left: 0.5em;
        background-color: #0c479d;
    color: #000;
    text-decoration: none;
	}
/*barrieren und drucker*/
.print{
display:none;
}
.invisible{
display:none;
width:0;
height:0;
top:-1000em;
left:-1000em;
}
.preloadPic{
display:none;
width:0;
height:0;
top:-1000em;
left:-1000em;
}






.infoBox{
    font-size:8pt;
    border: solid 1px #999;
    margin:0.6em;
    padding:0.2em;
    background-color:#fff;
}
.infoBox p {
margin:0;
padding:0;
}