body{margin:0;
    padding:0;
    background-image:url(../pic/tanzsaal_bg.jpg);
    background-repeat:repeat-x;
    text-align:center;
    font-family: Arial, Helvetica, sans-serif;
    font-size:10pt;
    color:#444444;
    height:100%;
    width:100%;
    }
div#wrap{width:962px;
    margin:30px auto 10px auto;
    text-align:left;
    }
div#header{width:962px;
    height:160px;
    margin:0;
    background-image:url(../pic/bg_header.png);
    background-repeat:no-repeat;
    float:left;
    }
div#date{width:200px;
    height:100px;
    float:left;
    }
div#print{width:222px;
    height:100px;
    float:left;
    }
div#main{width:962px;
    background-image:url(../pic/bg_main.png);
    background-repeat:repeat-y;
    float:left;
    margin:0px;
    min-height:450px;
    }
div#footer{width:962px;
    height:50px;
    background-image:url(../pic/bg_footer.png);
    background-repeat:no-repeat;
    background-position:bottom;
    font-size:9pt;
    float:left;
    text-align:center;
    margin:0px;
    padding-top:10px;
    }
div#footer ul{list-style:none;
    margin:20px 0px 0px 0px;
    color:#444444;
    padding:0px;
    float:left;
    position:relative;
    top:-5px;
    left:40px;
    }
div#footer ul li{display:inline;
    padding:5px 10px;
    margin:0;
    }
div#footer ul li a{color:#444444;
    text-decoration:underline;
    }
div#footer ul li a:hover{color:#b8397e;
    text-decoration:none;
    }
div#left{width:200px;
    min-height:300px;
    float:left;
    }
div#middle{width:540px;
    float:left;
    }
div#right{width:222px;
    float:left;
    }
abbr,
acronym{border:none;
    cursor:help;
    }

/*######### MENÜ ###############################*/
.menu {width:540px; height:30px; position:relative; text-align:center; border-bottom:1px solid silver;}
.menu ul li a{color:#444444; font-weight:bold;}
.menu ul li a:hover{color:#b8397e;}
.menu ul li a,
.menu ul li a:visited {display:block; text-decoration:none; padding:5px 15px; height:20px; text-align:left; line-height:20px; font-size:10pt; overflow:hidden;}
.menu ul {padding:0; margin:0 auto; list-style: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}
/* specific to non IE browsers */
 menu ul li:hover a {color:#000; border:none;}
.menu ul li:hover ul {display:block; position:absolute; top:30px; left:0;}
.menu ul li:hover ul li a.hide {background-image:url(../pic/bg_hide.png); color:#f0f0f0; width:110px; padding-left:15px; font-weight:bold;}
.menu ul li:hover ul li:hover a.hide {background:#98275d/*b8397e*/; color:#fff;  font-weight:bold; width:110px;  padding-left:15px;} 
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background-image:url(../pic/bg_hide.png); color:#f0f0f0; width:110px; font-weight:bold; padding-left:15px; font-size:10pt;}
.menu ul li:hover ul li a:hover {background:#98275d/*b8397e*/; color:#fff; font-weight:bold; width:110px; padding-left:15px;}

/*#### ALLGEMEIN #########################*/
h1{font-size:15pt;
    font-family:Georgia, Times New Roman, serif;
    margin:30px 15px;
    padding:0;
    color:#b8397e;
    clear:both;
    float:left;
    }
h2 {font-size:12pt;
    font-family:Georgia, Times New Roman, serif;
    margin:0px 0px 10px 0px;
    padding:0;
    color:#444444/*#b8397e*/;
    clear:both;
    float:left;
    width:100%;
    }
p{margin:5px 15px;
    padding:0;
    font-size:10pt;
    line-height:1.4em;
    clear:both;
    }
/*
p a{font-weight:bold;
    color:#b8397e;
    text-decoration:none;
    }
p a:hover{text-decoration:underline;
    }*/
p a{color:#444444;
    text-decoration:underline;
    font-weight:bold;
    }
p a:hover{text-decoration:none;
    color:#b8397e;
    }
span#datum {position:relative;
    top:20px;
    left:30px;
    font-size:8pt;
    color:#000;
    float:left;
    width:100%;
    }
span#back {position:relative;
    top:20px;
    left:30px;
    font-size:8pt;
    color:#000;
    float:left;
    width:100%;
    }
span#printit {position:relative;
    top:20px;
    right:30px;
    font-size:8pt;
    color:#000;
    float:right;
    }
span#forward {position:relative;
    top:20px;
    right:30px;
    font-size:8pt;
    color:#000;
    float:right;
    width:100%;
    text-align:right;
    }
span#printit a,
span#back a,
span#forward a{color:#000;
    text-decoration:none;
    }
span#printit a:hover,
span#back a:hover,
span#forward a:hover{color:#B8397E;
    text-decoration:underline;
    }
div#left ul li a.active {text-decoration:underline;
    }
/*###### NEWS #########################*/
div#news {width:180px;
    margin:65px 10px 10px 15px;
    }
div#news_top{width:180px;
    height:10px;
    background-image:url(../pic/bg_news_top.png);
    background-repeat:no-repeat;
    }
div#news_content{width:180px;
    background-image:url(../pic/bg_news_middle.png);
    }
div#news_content img{margin:0px 10px;
    }
div#news_bottom{width:180px;
    height:10px;
    background-image:url(../pic/bg_news_bottom.png);
    background-repeat:no-repeat;
    }
ul#news_links{list-style:none;
    list-style-position:outside;
    margin:0;
    padding:10px 0;
    min-height:250px;
    }
ul#news_links li{
    margin:0;
    line-height:1.2em;
    border-bottom:#b8397e 1px dotted;
}
ul#news_links li a{color:#b8397e;
    font-weight:bold;
    font-size:9pt;
    line-height:1.2em;
    display:block;
    padding:5px;
    text-decoration:none;
    }
ul#news_links li a:hover{background-color:#b8397e;
    color:#fff;
    }

/*#########STARTSEITE#########################*/

img#startpic{
    border:none;
    float:left;
    margin:34px 15px 0px 15px;
    padding:0;
}

/*#########LOGOS STARTSEITE#########################*/
/*div#logo1{width:121px;
    height:121px;
    margin:35px;
    margin-top:45px;
    background-image:url(../pic/adtv_logo_sw.png);
    background-repeat:no-repeat;
    }
div#logo1:hover{background-image:url(../pic/adtv_logo.png);
    cursor:pointer;
    }
div#logo2{width:121px;
    height:121px;
    margin:35px;
    background-image:url(../pic/Rock_Zentrum_logo_sw.png);
    background-repeat:no-repeat;
    }
div#logo2:hover{background-image:url(../pic/Rock_Zentrum_logo.gif);
    cursor:pointer;
    }
div#logo3{width:121px;
    height:121px;
    margin:35px;
    background-image:url(../pic/lateinlogo_sw.png);
    background-repeat:no-repeat;
    }
div#logo3:hover{background-image:url(../pic/lateinlogo.png);
    cursor:pointer;
    }
div#logo{width:540px;
    float:left;
    }
div#logo img{border:none;
    position:relative;
    top:30px;
    left:110px;
    }
                                                      */
div#logo1{width:121px;
    height:121px;
    margin:35px;
    margin-top:62px;
    background-image:url(../pic/adtv_logo_sw.png);
    background-repeat:no-repeat;
    }
div#logo2{width:121px;
    height:121px;
    margin:35px;
    background-image:url(../pic/Rock_Zentrum_logo_sw.png);
    background-repeat:no-repeat;
    }
div#logo3{width:121px;
    height:121px;
    margin:35px;
    background-image:url(../pic/lateinformation_sw.jpg);
    background-repeat:no-repeat;
    }
div#logo3 img, div#logo2 img, div#logo1 img{float:left;
    border:none;
    margin:0;
    padding:0;
    }
div#logo{width:540px;
    float:left;
    }
div#logo img{border:none;
    position:relative;
    top:30px;
    left:110px;
    }

/*#########MENÜ LinkeSeite ####################*/
div#left ul{
    margin:60px 0px 10px 25px;
    padding:0;
    list-style:none;
    list-style-position:outside;
    }
div#left ul li{padding:5px;
    line-height:1.3em;
    }
div#left ul li a{color:#444444;
    font-weight:bold;
    font-size:10pt;
    text-decoration:none;
    display:block;
    }
div#left ul li a:hover{color:#b8397e;
    font-weight:bold;
    text-decoration:underline;
    }
/*######## KURSE ##############################################*/

div.kurs{margin:0px 15px 60px 15px;
    float:left;
    border-bottom:3px solid #b8397e;
    }
span.kurs_beschreibung{margin:-19px 0 0 15px;
    float:right;
    position:relative;
    right:0px;
}
span.kurs_beschreibung a{font-size:10pt;
    color:#444444;
    font-family:Arial, Helvetica, sans-serif;
    text-decoration:underline;
    }
span.kurs_beschreibung a:hover{text-decoration:none;
    color:#b8397e;
    }
div.kurs_details{height:21px;
    clear:both;
    }
span.kurs{padding-left:25px;
    line-height:21px;
    vertical-align:middle;
    background-repeat:no-repeat;
    margin:0px 25px 10px 0px;
    float:left;
    }
span.kurs_anzahl{background-image:url(../pic/anzahl.gif);
    }
span.kurs_dauer{background-image:url(../pic/dauer.gif);
    }
span.kurs_preis{background-image:url(../pic/preis.gif);
    }
span.kurs_empfehlen{background-image:url(../pic/empfehlen.gif);
    }
span.kurs_anzahl img,
span.kurs_dauer img,
span.kurs_preis img,
span.kurs_empfehlen img{margin:0;
    border:none;
    float:left;
    display:none;
    }

span.kurs_empfehlen a{font-size:8pt;
    color:#444444;
    text-decoration:underline;
    font-weight:normal;
    }
span.kurs_empfehlen a:hover{text-decoration:none;
    color:#b8397e;
    }
div.kurs_inhalt{clear:both;
    margin-top:10px;
    }
div.kurs_inhalt ul{list-style-position:outside;
    list-style:none;
    margin:0px;
    padding:0px;
    }
div.kurs_inhalt ul li{line-height:21px;
    padding-left:15px;
    vertical-align:middle;
    background-image:url(../pic/check.gif);
    background-repeat:no-repeat;
    background-position:0px 5px;
    }
div.kurs_einzeln{margin-top:10px;
    }
div.kurs_einzeln table{margin:0px;
    padding:0px;
    border-collapse:collapse;
    }
div.kurs_einzeln table th,
div.kurs_einzeln table td{line-height:25px;
    padding:0px 10px 0px 5px;
    vertical-align:middle;
    }
div.kurs_einzeln table th{border-bottom:1px solid #444444/*#b8397e*/;
    text-align:left;
    }
div.kurs_einzeln table td{border-bottom:1px solid #dddddd;
    }
div.kurs_einzeln table tr.hov:hover{background-color:#dddddd /*rgb(236,209,225)*/;
    }
div.kurs_einzeln table tr.hovzwei{background-color:#eeeeee /*rgb(236,209,225)*/;
    }
div.kurs_einzeln table tr.hovzwei:hover{background-color:#dddddd /*rgb(236,209,225)*/;
    }  
div.kurs_einzeln table td a{color:#444444;
    text-decoration:underline;
    font-weight:bold;
    }
div.kurs_einzeln table td a:hover{text-decoration:none;
    color:#b8397e;
    }
div.kurs_empfehlen{margin-top:15px;
    }
/*############# PARTY ###########################*/
table.hundertprozent{width:500px;
    clear:both;
    }
table.hundertprozent td.party-datum {width:200px;}
table.hundertprozent td.party-party {width:100px;}
table.hundertprozent td.party-uhr {width:60px;}
table.hundertprozent td.party-bemerkung {}

div#partyjahr{width:80%;
    margin:0px 0px 15px 15px;
    float:left;
    clear:both;
    }
div#partyjahr a {color:#444444;
    font-weight:bold;
    text-decoration:none;
    }
div#partyjahr a:hover {color:#b8397e;
    text-decoration:underline;
    }

/*###### ANMELDUNG ###############################*/
div#anmeldung{margin-left:15px;
    width:500px;
    }
div.anmeldung{clear:both;
    width:540px;
    margin-top:10px;
    float:left;
    }
div.anmeldung_left{width:130px;
    float:left;
    min-height:10px;
    }
div.anmeldung_left label{padding:0;
    margin:0;
    }
div.anmeldung_left img{padding:0;
    margin:0;
    border:1px dotted #b8397e;
    }
div.anmeldung_right{width:300px;
    float:left;
    }
div.anmeldung_right input,
div.anmeldung_right textarea{width:300px;
    margin:0;
    padding:0;
    border:1px solid silver;
    background-color:#f1f1f1;
    color:#444444;
    }
div.anmeldung_right input.button{background-color:#D3D3D3/*rgb(236,209,225)*/;
    color:#444444;
    font-weight:bold;
    }
div.anmeldung_right input.button:hover{background-color:#b8397e;
    color:#fff;
    cursor:pointer;
    }
div#bilder{width:500px;
    margin-left:15px;
    clear:both;
    }
div.bilder{float:left;
    height:110px;
    width:120px;
    padding:0;
    margin:0px 30px 0px 0px;
    /*margin:0px 30px 5px 0px*/;
    }
/*span.subtitle{font-size:8pt;
    margin:0px 0px 20px 0px;
    padding:0px;
    float:left;
    height:1.2em;
}*/
div.bilder img {margin:0px;
    padding:3px;
    margin:2px;
    margin-bottom:0px;
    border:1px solid #ccc;
    float:left;
    }
div.bilder img:hover {border:1px solid #b8397e;
    }
div.bilder div.photobg{float:left;
    width:128px;
    height:5px;
    background-image:url(../pic/photobg.gif);
    background-repeat:no-repeat;
    margin:0;
    margin-left:2px;
    padding:0;
    }
div#lader{width:500px;
    height:60px;
    float:left;
    display:block;
}
div#lader img{margin:0 0 0 210px;
    float:left;
}
/*###### KONTAKT #############################*/
div.kontaktrahmen{margin:0px 0px 20px 15px;
    width:500px;
    float:left;
    }
span.kontakt{width:130px;
    line-height:1.5em;
    height:1.5em;
    float:left;
    margin:0;
    padding:0;
    }
div.kontaktwrap{clear:both;
    float:left;
    height:1.5em;
    width:100%;
    }
/*###### LAGEPLAN #############################*/
p.inner{margin:0px;
    padding:0px;
    clear:both;
    float:left;
    width:500px;
    line-height:1.4em;
    }
p.inner a{font-weight:bold;
    text-decoration:none;
    color:#b8397e;
    }
p.inner a:hover{text-decoration:underline;
    }
/*###### GÄSTEBUCH #############################*/
div.gbwrap{width:500px;
    float:left;
    margin:0px 0px 30px 15px;
    }
div.gbhead{float:left;
    height:30px;
    vertical-align:middle;
    line-height:30px;
    background-color:#fff;
    background-image:url(../pic/gbbg.gif);
    background-repeat:no-repeat;
    width:500px;
    border:none;
    }
div.gbhead span{margin-left:5px;
    font-weight:bold;
    color:#000;
    width:300px;
    float:left;
    }
div.gbhead span.right{margin-right:-10px;
    float:right;
    font-weight:normal;
    color:#000;
    width:150px;
    }
div.gbbody{width:496px;
    float:left;
    border-left:2px solid silver;
    border-right:2px solid silver;
    }
div.gbbottom{width:500px;
    float:left;
    height:6px;
    background-image:url(../pic/gb-bottom.gif);
    background-repeat:no-repeat;
    background-position:bottom;
    }
p.gbinner{float:left;
    margin:5px;
    width:490px;
    padding:0px 0px 5px 0px;
    }
p.kommentar{margin:0px 0px 5px 0px;
    padding:5px;
    float:left;
    border-top:2px dotted silver;
    width:488px;
    }
p.kommentar img{margin:0px 3px 0px 0px;
    border:none;
    float:left;
    }
p#gbseiten{margin-bottom:15px;
    }
p#gbseiten a{text-decoration:none;
    }
p#gbseiten a#gbhighlight{font-size:12pt;
    text-decoration:underline;
    }
p.lastdrei{float:left;
    clear:both;
    padding:3px;
    /*background-color:#F1F1F1;*/
    border:1px solid silver;
    margin:10px 0 0 0;
    width:292px;
    }
/*####### NEWS ###########################################*/
p.teaser{font-weight:bold;
    line-height:1.4em;
    margin-bottom:10px;
    }
p.news{line-height:1.4em
    }
div#news_bg{
    float:left;
    background-position: 11px 60px;
    background-repeat:no-repeat;
    /*margin-bottom:-1px;*/
    min-height:460px;
    }
/*##### TOOLTIP ###################################*/

div.tool{position:absolute;
    display:none;
    width:400px;
    padding:10px;
    border:5px solid #b8397e;
    background-color:#fff;
    clear:both;
}
div.tool h3{font-family:Georgia, Times New Roman, serif;
    font-size:12pt;
    }
div.tool p{line-height:1.5em;
    margin:0;
    padding:0;
    }
/*##### Galerie Mouseover###################*/
img.galhov{position:absolute;
    display:none;
    padding:10px;
    border:5px solid #b8397e;
    background-color:#fff;
    clear:both;
}
/*++++Singzwerge ++++++++++++*/
div#szkm{clear:both;
    margin-bottom:15px;
    float:left;
    width:100%;
    }
div#szkm a img{margin-left:15px;
    float:left;
    }
div.isbn{font-size:9pt;
    float:left;
    margin:0 10px 0 3px;
    }