body{
padding: 0px 0 0;
background:#BDB76B;
font: 80.01%/1.3 Verdana,Arial,sans-serif;
text-align:left;
scrollbar-face-color: #FFFFFF;
scrollbar-track-color: #000000;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #000000;
scrollbar-arrow-color: #000000
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #000000;
}


/*    Hier werden die Formate der links definiert    */
a:link { font-family: "Trebuchet MS"; text-decoration:none; color:#000000; }
a:visited { font-family: "Trebuchet MS"; text-decoration:none; color:#000000; }
a:hover { font-family: "Trebuchet MS"; text-decoration:none;}
a:active { font-family: "Trebuchet MS"; text-decoration:none;}
a:focus { font-family: "Trebuchet MS"; text-decoration:none;}

#mf{
vertical-align:top;
}


img {
behavior: url(./js/iepngfix.htc);
border:none;
}

div#gal{
width: 850px;
height: 564px;
background-color:#FFFFFF;
position:absolute;
top:0px;left:0px;
border:5px solid #ddd;
z-index:10000;
}




div#brett{
width: 850px;
height: 564px;
color:#000;
position:absolute;
top: 50%;
left: 50%;
margin-top: -282px;
margin-left: -425px
}

div#lenyards{
behavior: url(./js/iepngfix.htc);
background-repeat:no-repeat;
width: 169px;
height: 564px;
position:absolute;
top:-3px;left:-55px;
z-index:100;
}

div#pin_rot{
behavior: url(./js/iepngfix.htc);
background-image:url(../pic/pin_rot.png);
background-repeat:no-repeat;
width: 50px;
height: 50px;
position:absolute;
top:10px;left:50px;
}
div#pin_gruen{
behavior: url(./js/iepngfix.htc);
background-image:url(../pic/pin_gruen.png);
background-repeat:no-repeat;
width: 50px;
height: 50px;
position:absolute;
top:-10px;left:180px;
}

div#pin_blau{
behavior: url(./js/iepngfix.htc);
background-image:url(../pic/pin_blau.png);
background-repeat:no-repeat;
width: 50px;
height: 50px;
position:absolute;
top:-10px;left:180px;
}

div#logo_abstrakt{
behavior: url(./js/iepngfix.htc);
background-image:url(../pic/logo_abstrakt.png);
background-repeat:no-repeat;
width: 315px;
height: 133px;
position:absolute;
top:10px;left:200px;
}

div#kontakt_43{
behavior: url(./js/iepngfix.htc);
background-image:url(../pic/kontakt_43.png);
background-repeat:no-repeat;
width: 290px;
height: 343px;
position:absolute;
bottom:10px;left:0px;
}

div#gaeste_128{
behavior: url(./js/iepngfix.htc);
background-image:url(../pic/gaeste_128.png);
background-repeat:no-repeat;
width: 290px;
height: 398px;
position:absolute;
bottom:10px;left:0px;
}


div#galerie{
width: 180px;
height: 180px;
position:absolute;
bottom:0px;right:190px;
z-index:10;
}

div#band_abstrakt{
background-image:url(../pic/band_abstrakt.jpg);
background-repeat:no-repeat;
width: 304px;
height: 400px;
position:absolute;
bottom:15px;left:230px;
}

div#impressum{
behavior: url(./js/iepngfix.htc);
background-image:url(../pic/impressum.png);
background-repeat:no-repeat;
width: 224px;
height: 102px;
position:absolute;
top:40px;right:130px;
}


div#termine{
behavior: url(./js/iepngfix.htc);
background-image:url(../pic/termine.png);
background-repeat:no-repeat;
width: 224px;
height: 104px;
position:absolute;
top:40px;right:130px;
}


div#gaestebuch{
behavior: url(./js/iepngfix.htc);
background-image:url(../pic/gaestebuch.png);
background-repeat:no-repeat;
width: 224px;
height: 154px;
position:absolute;
top:10px;right:-10px;
}

div#kontakt{
behavior: url(./js/iepngfix.htc);
background-image:url(../pic/kontakt.png);
background-repeat:no-repeat;
width: 240px;
height: 110px;
position:absolute;
top:10px;right:-10px;
}

div#maxi_fotos{
behavior: url(./js/iepngfix.htc);
background-image:url(../pic/fotos2.png);
background-repeat:no-repeat;
width: 224px;
height: 135px;
position:absolute;
top:30px;right:120px;
}

div#pfeil{
behavior: url(./js/iepngfix.htc);
background-image:url(../pic/pfeil1.png);
background-repeat:no-repeat;
width: 249px;
height: 143px;
position:absolute;
bottom:-25px;left:120px;
}

div#mini_fotos{
behavior: url(./js/iepngfix.htc);
background-image:url(../pic/fotos.png);
background-repeat:no-repeat;
width: 140px;
height: 76px;
position:absolute;
top:-60px;right:40px;
}

div#visitenkarte{
behavior: url(./js/iepngfix.htc);
background-image:url(../pic/visitenkarte.png);
background-repeat:no-repeat;
width: 249px;
height: 152px;
position:absolute;
top:200px;right:-30px;
}

div#ueber_uns{
behavior: url(./js/iepngfix.htc);
background-image:url(../pic/wir_ueber_uns.png);
background-repeat:no-repeat;
width: 249px;
height: 232px;
position:absolute;
top:30px;right:80px;
}


div#foto_christian{
behavior: url(./js/iepngfix.htc);
background-image:url(../pic/christian.png);
background-repeat:no-repeat;
width: 249px;
height: 229px;
position:absolute;
bottom:50px;right:190px;
z-index:100;
}

div#foto_tobias{
behavior: url(./js/iepngfix.htc);
background-image:url(../pic/tobias.png);
background-repeat:no-repeat;
width: 190px;
height: 318px;
position:absolute;
bottom:0px;left:80px;
z-index:100;
}

div#foto_jana{
behavior: url(./js/iepngfix.htc);
background-image:url(../pic/jana.png);
background-repeat:no-repeat;
width: 240px;
height: 240px;
position:absolute;
bottom:50px;left:70px;
z-index:100;
}

div#beschreibung{
behavior: url(./js/iepngfix.htc);
background-image:url(../pic/zettel.png);
background-repeat:no-repeat;
width: 471px;
height: 463px;
position:absolute;
padding:10px;
}

div#descr{
background-repeat:no-repeat;
width: 332px;
height: 400px;
position:absolute;
padding:10px;
top:30px;left:65px;
z-index:100;
}


div#framei{
width: 322px;
height: 400px;
position:absolute;
top:120px;left:50px;
z-index:1000;
border:1px solid #ddd;
}

div#konzertkarte{
behavior: url(./js/iepngfix.htc);
background-image:url(../pic/bild.php);
background-repeat:no-repeat;
width: 415px;
height: 237px;
position:absolute;
top:-10px;right:-90px;
}


div#konzertkarte2{
behavior: url(./js/iepngfix.htc);
background-image:url(../pic/bild2.php);
background-repeat:no-repeat;
width: 415px;
height: 237px;
position:absolute;
top:-10px;right:-90px;
}


div#konzertkarte3{
behavior: url(./js/iepngfix.htc);
background-image:url(../pic/bild3.php);
background-repeat:no-repeat;
width: 415px;
height: 237px;
position:absolute;
top:-10px;right:-90px;
}


div#dragpost{
width: 232px;
height: 232px;
margin:10 auto;
padding: 0px 0px 0px 60px;
color:#000;
position:absolute;
bottom:-15px;right:-70px;
z-index:100;
}


div#menu{
line-height:1em;
width: 220px;
height: 260px;
margin:10 auto;
padding: 30px 0px 0px 60px;
color:#000;
position:absolute;
top:0px;right:10px;
}

div#box{
behavior: url(./js/iepngfix.htc);
background-image:url(../pic/postit_an.png);
background-repeat:no-repeat;
width: 232px;
height: 232px;
margin:10 auto;
padding: 60px 0px 0px 60px;
color:#000;
position:absolute;
top:0px;left:10px;
}



div#groblatt{
behavior: url(./js/iepngfix.htc);
background-image:url(../pic/zettel.png);
background-repeat:no-repeat;
width: 471px;
height: 463px;
position:absolute;
bottom:20px;left:200px;
}


div#wand{
background-image:url(../pic/pinnwand_an.jpg);
background-repeat:no-repeat;
width: 850px;
height: 564px;
margin:10 auto;
color:#000;
position:absolute;
top:0px;left:0px;
}

div#blatt{
width: 350px;
height: 400px;
color:#00000;
background:#FFFFFF;
position:absolute;
bottom:30px;left:270px;
z-index:100;

}

div#blattoben{
behavior: url(./js/iepngfix.htc);
background-image:url(../pic/blattoben.png);
background-repeat:no-repeat;
width: 600px;
height: 45px;
color:#00000;
position:absolute;
top:0px;left:0px;
}

div#blattunten{
behavior: url(./js/iepngfix.htc);
background-image:url(../pic/blattunten.png);
background-repeat:no-repeat;
width: 600px;
height: 30px;
color:#00000;
position:absolute;
top:485px;left:0px;
}

h1{
font: lighter 200% "Trebuchet MS",Arial sans-serif;
color: #208BE1;
}

h1,p{
margin:0;
padding:0px 20px;
}

/* Fotos für Kontaktseite */

div#foto_christian_kont{
behavior: url(./js/iepngfix.htc);
background-image:url(../pic/kontakt/Christian3.png);
background-repeat:no-repeat;
width: 300px;
height: 228px;
position:absolute;
z-index:1000;
}

/* Fotos für Gästebuch */

div#foto_tobias_gb{
behavior: url(./js/iepngfix.htc);
background-image:url(../pic/gb/Tobias3.png);
background-repeat:no-repeat;
width: 160px;
height: 299px;
position:absolute;
z-index:1000;

}
div#foto_jana_gb{
behavior: url(./js/iepngfix.htc);
background-image:url(../pic/gb/Jana2.png);
background-repeat:no-repeat;
width: 215px;
height: 244px;
position:absolute;
z-index:1;
}

/* Fotos Fotos*/

div#foto_jana_fotos{
behavior: url(./js/iepngfix.htc);
background-image:url(../pic/Fotos/Jana.png);
background-repeat:no-repeat;
width: 220px;
height: 218px;
position:absolute;
z-index:1;

}

div#foto_tobias_fotos{
behavior: url(./js/iepngfix.htc);
background-image:url(../pic/Fotos/Tobias.png);
background-repeat:no-repeat;
width: 202px;
height: 247px;
position:absolute;
z-index:1;

}

div#foto_christian_fotos{
behavior: url(./js/iepngfix.htc);
background-image:url(../pic/Fotos/Christian2.png);
background-repeat:no-repeat;
width: 184px;
height: 253px;
position:absolute;
z-index:1;

/*Nifty Corners Cube CSS by Alessandro Fulciniti
The following classes are added dinamically by javascript,
and their use should be avoided in the markup */

b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}