html {
    font-family: arial, verdana, sans-serif;
    font-size: 0.9em;
}


body {
    background-image: url(../pics/bkgnd.jpg);
}

img {
    margin: 0px;
    padding: 0px;
}

#container {
    padding-top: 20px;
    margin: auto;
}

/**************************************************************/
/*********************** KOPFBEREICH **************************/

#menue1 {
    position: absolute;
    left: 20px;
    top: 40px;
    font-family: times-new-roman;
    font-size: 1.1em;
}

#menue1 a, #menue1 div {
    font-weight: bold;
    color: #9D9621;
    text-decoration: none;
    font-size: 0.9em;
    margin: 0px;
    padding: 0px;
    height: 29px;
    width: 202px;
    display: block;
}

#titelgrafik {
    margin-left: 390px;
}

#subnav {
    margin-left: 20px;
    height: 29px;
    padding-left: 380px;
    margin-top: 7px;
    background-image: url("../pics/navbar_bg.gif");
    margin-right: 30px;
}

#subnav a, .submenue_aktiv {
    float: left;
    margin-top: 3px;
    margin-right: 20px;
    text-decoration: none;
    color: #A57027;
    font-size: 0.8em;
}

#subnav a:hover {
    color: #fff;
}

#subnav img {
    float: right;
    position: absolute;
    right: 30px;
}

.submenue_aktiv {
    color: #fff;
}

/******************* HAUPTMENUE GRAFIKEN **********************/

#menue1_1:link, #menue1_1:visited {
    background-image: url("../pics/hnav1.gif");
    padding-left: 100px;
}
#menue1_1:hover, div #menue1_1activ {
    background-image: url("../pics/hnav1_activ.gif");
    color: #fff;
    padding-left: 100px;
}


#menue1_2:link, #menue1_2:visited {
    background-image: url("../pics/hnav2.gif");
    padding-left: 20px;
}
#menue1_2:hover, div #menue1_2activ {
    background-image: url("../pics/hnav2_activ.gif");
    color: #fff;
    padding-left: 20px;
}

#menue1_3:link, #menue1_3:visited {
    background-image: url("../pics/hnav3.gif");
    padding-left: 10px;
}
#menue1_3:hover, div #menue1_3activ {
    background-image: url("../pics/hnav3_activ.gif");
    color: #fff;
    padding-left: 10px;
}

#menue1_4:link, #menue1_4:visited {
    background-image: url("../pics/hnav4.gif");
    padding-left: 34px;
}
#menue1_4:hover, div #menue1_4activ {
    background-image: url("../pics/hnav4_activ.gif");
    color: #fff;
    padding-left: 34px;
}

#menue1_5:link, #menue1_5:visited {
    background-image: url("../pics/hnav5.gif");
    padding-left: 46px;
}
#menue1_5:hover, div #menue1_5activ {
    background-image: url("../pics/hnav5_activ.gif");
    color: #fff;
    padding-left: 46px;
}

/************************* MANDALA ****************************/

#mandala {
    position:absolute;
    top: 15px;
    left: 222px;
}

.blend img {
opacity: 0;
-moz-opacity: 0;
-khtml-opacity:0;
filter: alpha(opacity=0);
display: none;
}

#blendme {
margin: 0px;
width: 165px;
border: 0px;
}

/*********************** KALENDER *****************************/

.kalendertitel {
font-size: 0.9em;
float: left;
}

.infozeile {
float: right;
font-size: 0.9em;
}

.kalendertext {
font-size: 0.9em;
clear:both;
padding-bottom: 10px;
border-bottom: 1px solid #A57027;
}



/******************* VERANSTALTUNGEN **************************/

.veranstaltung {
margin-bottom: 20px;
font-size: 0.9em;
line-height: 1.2em;
clear:both;
}


.veranstaltung .titel {
line-height: 20px;
height: 20px;
font-weight:bold;
border-top: 1px solid #A57027;
border-bottom: 1px solid #A57027;
}

.veranstaltung info {
color: #A57027;
margin-top: 10px;
margin-bottom: 10px;
}

.veranstaltung .text {

}

.veranstaltung img {
margin: 4px 10px 4px 0px;

}

.veranstaltung .anmelden {
line-height:20px;
float: right;
}



/**************************************************************/
/******************* INHALTSBEREICH LINKS *********************/


#content_left {
margin-top: 94px;
margin-left: 30px;
width: 280px;
float: left;
display: inline;
font-size: 0.8em;
}

#content_left h2 {
font-size: 1em;
}

.hinweis {
color: #333;
line-height: 16px;
}

.hinweis img {
margin-right: 5px;
}

a:link, a:visited {
color: #E69500;
text-decoration:none;
}





/**************************************************************/
/****************** INHALTSBEREICH RECHTS *********************/



#content_right {
font-size: 0.8em;
margin-top: 80px;
margin-right: 30px;
margin-left: 65px;
width: 630px;
float: left;
display: inline;

}


.index3pics {
    background-repeat: no-repeat;   
}

#content_right h2 {
    font-size: 1.1em;
    letter-spacing: 0.1em;
}


/* ######################################################################################################
** ### Formatierung der Linkseite #######################################################################
** ######################################################################################################
*/

.links_cats {
    color: #77a;
    margin-top: 20px;
    height: 24px;
    border-bottom: 1px solid #AEA8FA;
    font-weight: bold;
}

.links_table {
margin-top: 20px;
width: auto;
}

.links_table td {
padding-right: 20px;
padding-bottom: 6px;
padding-top: 6px;
}

/* ######################################################################################################
** ### Formatierung der Bildergallerie ##################################################################
** ######################################################################################################
*/
.invisible {
     height: 1px;
     width: 1px;
     display: none;
}

.counters {
   text-align: center;
}

.counter {
   width: 24px;
   display: inline;
   float: left;
}

.counter_img {
   float: left;
}

.distance {
   margin-left: 60px;
}



#slideshow {
   margin-top: 14px;
   clear: both;
   padding: 4px;
   width: 550px;
   height: 280px;
   background-image: url("../pics/gallery_bgd.jpg");
   background-repeat: no-repeat;
   background-position: 0px 0px;
   overflow: auto;
}

.blend img {
opacity: 0;
-moz-opacity: 0;
-khtml-opacity:0;
filter: alpha(opacity=0);
display: none;
}

#blendme {
float: left;
margin: 0px 0px 0px 0px;
width: 542px;
height: 272px;
}

#gallery {

}
