﻿body{
		  background-color: #fffcf5;
}

body.main{
		  Xbackground-color: #fffcf5;
		   /*Linde*/
		  background-image: url(../picture/sommer_bg.jpg);
		   /*Winter*/
		  background-image: url(../picture/winter_bg.jpg);
		   /*Kirschblüte*/
		  Xbackground-image: url(../picture/fruehling_bg.jpg);
		   /*Gingko*/
		  Xbackground-image: url(../picture/herbst_bg2.jpg);
		  background-attachment: fixed;
		  backgroundrepeat: repeat;
}

div.main{
        width: 940px;
        height: 950px;
        margin: auto;		  
        margin-top: 30px;
        background-repeat: no-repeat;
        background-image: url(../picture/main_back_1.gif);
}


/*-------- Top --------------------------*/

.top{
        position: absolute;
        width: 870px;
        height: 105px;
        background-image: url(../picture/head_1-neu.jpg);
        background-repeat: no-repeat;
        margin-top: 30px;
        margin-left: 29px;
}


/*-------- Navigation --------------------------*/

#akt_li{
        position: absolute;
        width: 115px;
        height: 605px;
        margin-top: 300px;
        margin-left: 30px;
        text-align: center;
}

#akt_re{
        position: absolute;
        width: 115px;
        height: 605px;
        margin-top: 300px;
        margin-left: 780px;
        text-align: center;
}

.naviback{
        width: 115px;
        height: 603px;
        border: 1px solid #006600;
        background-image: url(../picture/navi_back.jpg);
        background-position: top;
        background-repeat: no-repeat;
        vertical-align: top;
        text-align: center;
        font: italic 14px/18px Times New Roman;
        color: #006600;
}

.naviback hr{
        width: 80px;
        border: 0px;
        border-top: 1px solid #006600;
        color: #006600;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
        margin-bottom: 10px;
}



/*-------- Content --------------------------*/

.cont{
        position: absolute;
        width: 600px;
        height: 605px;
        margin-top: 300px;
        margin-left: 160px;
        overflow: auto;
        text-align: left;
        xborder: 1px solid red; /*-------- für Formattest ----------------*/
}

/*-------- Formatierungen der Inhaltsseiten ------------------------*/


.text_color1{
        font: oblique normal 11pt/16pt Times;
        color: #006600;
        text-align: left;
}


.text_color1 hr{
        border: 0px; border-bottom: 1px solid #006600;
        padding-bottom: 10px;
        padding-top: 10px;
        margin-bottom: 10px;
        margin-top: 10px;
}

.text_color2{
        font: normal 10pt Verdana;
        color: #006600;
        text-align: justify;
        vertical-align: top;
}


.text_kontakt{
        font: normal normal 11pt Verdana;
        color: #006600;
        text-align: left;
}

.text_impress{
        font: normal normal 9pt Verdana;
        color: #006600;
        text-align: left;
}

.start{
        padding: 5px;
        font: italic bold 12pt Times New Roman;
        overflow: auto;
        text-align: left;
        line-height: 23px;
        color: #006600;
}


/*-------- Galerie ------------------------*/

.galerie{
        width: 940px;
        height: 950px;
        margin-top: 30px;
        margin-left: auto;
        margin-right: auto;
        background-repeat: no-repeat;
        background-image:  url(../sites/galerie/picture/galerie_back.gif);
}

.thumbn{
        position: absolute;
        width: 250px;
        height: 510px;
        margin-top: 190px;
        margin-left: 55px;
        overflow: auto;
        border: 1px solid #cbcbcb;
        padding: 10px 0 10px 0;
}
.slide_pic{
        position: absolute;
        background-color: #fffcf5;
        width: 500px;
        height: 530px;
        margin-top: 190px;
        margin-left: 350px;
        text-align: center;
        padding-top: 0px;
}

.gallery{
        font: normal 9pt Verdana;
        color: maroon;
        text-align: center;
}

.gallery img{
        border: 1px solid #c9c9c9;
}

.arrow_re_li{        /*-------- vor/zurück kloß ------------------------*/
        position: absolute;
        left:210px;
        top:470px;
        width:45px;
        height:25px;
		z-index: 999;
}
.arrow_re_li img{
		  border:0px;
}
.presse_pic{
        position: absolute;
        background-color: #fffcf5;
        width: 700px;
        height: 530px;
        margin-top: 190px;
        margin-left: 195px;
        text-align: left;
        padding-top: 0px;
        xborder: 1px solid red;
}

.thumbn_presse{
        position: absolute;
        width: 130px;
        height: 510px;
        margin-top: 190px;
        margin-left: 55px;
        overflow: auto;
        border: 1px solid #cbcbcb;
        padding: 10px 0 10px 0;
}

.text_presse{
        font: oblique bold 14pt/30pt Times;
        color: #006600;
        text-align: center;
}
/*-------- 1 Bild Schutz ----------------------*/

.blind100{
        position: absolute;
        left: 0px;
        top: 0px;
        height: 100%;
        width: 100%;
		  background-image: url(../picture/blind.gif);
		  z-index: 99;
}

.blind100 img{
        height: 100%;
        width: 100%;
        border: 0px;
}

/*-------- 3 Bilder übereinander Schutz --------*/
.blind200{
        position: absolute;
        left: 0px;
        top: 0px;
        height: 250%;
        width: 100%;
		  background-image: url(../picture/blind.gif);
		  z-index: 99;
}

.blind200 img{
        height: 100%;
        width: 100%;
        border: 0px;
}


/*-------- Gastraum ------------------------*/

#gastraum{
        width: 500px;
        height: 350px;
        background-color: #fffcf5;
}

/*-------- allgemein ------------------------*/

.type{
        font: normal 12px Verdana;
}

.textmaroon{
        color: #730000;
}

.textmaroon10{
        color: #730000;
        font: normal 9pt Verdana;
}

.rahmen{
        border: 5px solid maroon;
}

.rahmengr{
        border: 1px solid #DCDCDC;
}

#linie_gr{
        height: 1px solid #006600;
}

#ul{
        text-decoration: underline;
}

#re{
        text-align: right;
}

/*-------- linearmenue ------------------------*/

#navi{
        position: absolute;
        width: 850px;
        height: auto;
        margin-top: 150px;
        margin-left: 35px;
        xborder: 1px solid red;
}

#tabmenue{
        width: 100%;
        height: auto;
        margin: auto;
}

#tabmenue li {
        display: inline;
        float: left;
        width: 70px;
        border-left: solid 1px #006600;
        padding-left: 8px;
        padding-right: 8px;
        text-align: center;
        text-decoration: none;
        font: oblique 11pt Times;
        list-style: none;
}

#tabmenue li a {
        color: #006600;
        text-decoration: none;
}

#tabmenue li a:hover{
        color: maroon;
        text-decoration: none;
        font-weight: bold;
}

/*-------- Alle Titel ------------------------*/
#titel{
        text-align: center;
}

#titel hr{
        width: 100%;
        border: 0px;
        border-top: 1px solid #006600;
        color: #006600;
        padding-bottom: 30px;
        vertical-align: top;
}

/* --------- Bild --------------*/

.bild_li{
        float: left;
        margin: 10px 10px 10px 3px;
        border: 1px solid #DCDCDC;
}

.bild_re{
   float: right;
   margin: 10px 3px 10px 10px;
   border: 1px solid #DCDCDC;
}

#top-img{
   position: absolute;
	width: 105px;
	height: 105px;
	top: 215px;
	margin-left: 35px;
}
#top-img1{
    position: absolute;
	width: 105px;
	height: 105px;
	top: 215px;
	margin-left: 780px;
	text-align: center;
}
