/*
Musikverein Staufen e.V.
CSS-Datei von Torsten Landsiedel
Inspirieren lassen erlaubt, Design kopieren verboten.
Vielen Dank!
*/

/************ Allgemeines ************/

* { margin: 0; padding:0; }

h1 { font-family: Verdana,Arial,sans-serif;
     font-size: 9px;
     color: #E2001A;
     text-transform: uppercase;
     line-height: 18px;
     padding-bottom: 15px; }

h2 { font-family: Verdana,Arial,sans-serif;
     font-size: 9px;
     color: #E2001A;
     line-height: 18px;
     padding-bottom: 15px;
     padding-top: 15px; }

p { padding-bottom: 15px; }

img { border: none; }

/* li { margin-left: 15px; padding-left: 5px;} */
ul { margin: 15px;}

body { background-image: url('images/background.jpg');
       background-repeat: repeat-x;
       background-color: #52AFDE;
       color: #31A8DB;
       font-family: Verdana,Arial,sans-serif;
       font-size: 9px;
       line-height: 16px;
       letter-spacing: 1px;
       margin-top: 43px;
       margin-left: 10px; }


/************ Links ************/
a         { font-family: Verdana,Arial,sans-serif;
            text-decoration: none;
            color: #52AFDE;}
a:link    { color: #52AFDE;
            text-decoration: none; }
a:visited { color: #52AFDE;
            text-decoration: none; }
a:active  { color: #52AFDE;
            text-decoration: underline; }
a:hover   { color: #52AFDE;
            text-decoration: underline; }


/************ Navigation-Links ************/
#navi a         { font-family: Verdana,Arial,sans-serif;
                  text-transform: uppercase;
                  text-decoration: none;
                  color: #FFF;}
#navi a:link    { color: #FFF;
                  text-decoration: none; }
#navi a:visited { color: #FFF;
                  text-decoration: none; }
#navi a:active  { color: #FFF;
                  text-decoration: underline; }
#navi a:hover   { color: #FFF;
                  text-decoration: underline; }

#subnavi a         { font-family: Verdana,Arial,sans-serif;
                     text-transform: uppercase;
                     text-decoration: none;
                     color: #52AFDE;}
#subnavi a:link    { color: #52AFDE;
                     text-decoration: none; }
#subnavi a:visited { color: #52AFDE;
                     text-decoration: none; }
#subnavi a:active  { color: #52AFDE;
                     text-decoration: underline; }
#subnavi a:hover   { color: #52AFDE;
                     text-decoration: underline; }

.aktiv {color:#E2001A !important;}

/************ Organisation ************/
#note { position:absolute; top:203px; left:78px;
        background-position:top left;
        background-image: url('images/notenschluessel.jpg');
        background-repeat: no-repeat;
        width:47px;
        height:105px; }

#logo { width: 250px;
        height: 125px;
        text-align: right;
        float:left;
        /* border:solid 1px red; */}

#navi { width: 130px;
        height: 125px;
        font-size: 9px;
        line-height: 20px;
        text-align: right;
        float:left;
        /* border:solid 1px red; */}

#subnavi { width: 350px;
           height: 125px;
           margin-left:5px;
           position:relative;
           top:-20px;
           font-size: 9px;
           line-height: 20px;
           text-align: left;
           float:left;
           /* border:solid 1px red; */}

#content0 { position:absolute; top:165px; left:1px;
            background-position:top left;
            width:47px;
            height:105px;
            /* border:solid 1px red; */ }

#content { width:381px; margin-left:520px; border:solid 1px red;clear:both; }


#wrap1 {clear:both; position:absolute; top:167px; left:530px;
        background: url('images/textkasten_kachel.jpg') top right repeat-y; }   /* z-index:-1; */

#wrap2 {background: url('images/textkasten_unten2.jpg') no-repeat bottom right; }    /* z-index:3; */

#wrap3 {background: url('images/textkasten_rechts.jpg') no-repeat top right; padding: 0 6px 7px 0; } /* z-index:3; */

#textinhalt { width:312px;padding: 34px 34px 34px 34px; background-color: #ddf1fb; } /* z-index:-2; */


/************ Klassen ************/
#text .ext { background: url('images/ext.png') left top no-repeat;
             padding: 0px 0px 0px 15px;
             height: 12px; }

.trenner { text-align: center; display:block;}

.betont { color: #E2001A; }

.left-col { float:left; margin-right:30px; }
.right-col {  }