*  {margin:0; padding:0;}

html  { height: 100%}

body  {
/* zentrierung für ie5 u. ie5.5 */
     text-align: center;
/* algemeine angaben */
     background: url(bilder/browserHG.jpg) repeat-x;
     border-collapse: collapse;
     min-height: 101%;
     font-size: 100.01%;
     font-family: Times New Roman, Times, Verdana, serif;
     /*font-size: 1em;*/
     font-style: oblique;
     font-weight: bold;
     color: #6316b2; 
}
a:link { color: #3b00d8; font-weight: bold; }
a:hover { color: #ee0000; font-weight: bold; }

.browserHG  {
/* zentrierung für ie5 u. ie5.5 aufheben zwecks sonstiger vererbung */
     text-align: left;
/* angaben zu zentrierung */
     width: 1500px;
     height: 1000px;
     margin: 50px auto 0px auto;
     /*border: thin solid red;*/
     position: relative;
     top: 0px;
     left: 0px;
}
.shadowHG  {
/* zentrierung für ie5 u. ie5.5 aufheben zwecks sonstiger vererbung */
     /*text-align: left;*/
/* angaben zu zentrierung */
     width: 1000px;
     height: 800px;
     background: url(bilder/shadowHG.jpg) repeat-y;
     margin: 0px auto;
     /*border: thin solid blue;*/
     position: relative;
     top: 0px;
     left: 0px;
}
.siteHG  {
/* zentrierung für ie5 u. ie5.5 aufheben zwecks sonstiger vererbung */
     text-align: left;
/* angaben zu zentrierung */
     width: 960px;
     height: 800px;
     background: url(bilder/siteHG.jpg) repeat-y;
     /*border: thin solid green;*/
     margin: 0px auto;
     position: relative;
     top: 0px;
     left: 0px;
}
.blume_01 {
     width: 192px;
     height: 182px;
     background: url(bilder/tulpe_196x182.gif) no-repeat;
     position: relative;
     top: -800px;
     left: -80px;
}
.blume_02 {
     width: 150px;
     height: 149px;
     background: url(bilder/roehrlsalat_150x149.gif) no-repeat;
     position: relative;
     top: -950px;
     left: 870px;
}
.blume_03 {
     width: 149px;
     height: 127px;
     background: url(bilder/magnolie_149x127.gif) no-repeat;
     position: relative;
     top: -680px;
     left: 10px;
}
.blume_04 {
     width: 146px;
     height: 146px;
     background: url(bilder/ranunkel_146x146.gif) no-repeat;
     position: relative;
     top: -550px;
     left: 850px;
}
.header  {
     /*border: thin solid red;*/
     width: 960px;
     height: 160px;
}
.h1  {
     font-size: 50px;
     text-align: center;
     padding-top: 15px;
}

.h3  {
     font-size: 30px;
     text-align: center;
     margin-bottom: 10px;
}
/* navigationsbereich top */
.navi_top  {
     width: 958px; /*auto;*/
     height: 30px;
     background-color: #ffebc6;
     float: none;
     margin-bottom: 5px;
     /*border: thin solid blue;*/
}
/* buttons --------------------------------------------------------------*/
/* homebutton --------------------------------------------*/
.home  {
     width: 180px;
     height: 30px;
     margin-left: 17px; 
     float: left;
     /*border: thin solid red;*/
}
a#homebutton_n {
     display: block;
     background-image: url(buttons/home180x28.png);
     width: 180px;
     height: 30px;
     background-repeat: no-repeat;
     background-position: left top;
}
a#homebutton_n:hover  {
     background-image: url(buttons/home_h180x28.png);
}

/* ausflugsbutton ----------------------------------------*/
.ausflugsziele  {
     width: 182px;
     height: 29px;
     margin-left: 10px;
     float: left;
}
a#ausflugbutton_n {
     display: block;
     background-image: url(buttons/ausflugsziele180x29.png);
     width: 180px;
     height: 30px;
     background-repeat: no-repeat;
     background-position: left top;
}
a#ausflugbutton_n:hover  {
     background-image: url(buttons/ausflugsziele_h180x29.png);
}
/* anfahrtbutton ----------------------------------------*/
.anfahrt  {
     width: 182px;
     height: 29px;
     margin-top: 1px;
     float: left;
}
a#anfahrtbutton_n {
     display: block;
     background-image: url(buttons/anfahrt180x28.png);
     width: 180px;
     height: 30px;
     background-repeat: no-repeat;
     background-position: left top;
}
a#anfahrtbutton_n:hover  {
     background-image: url(buttons/anfahrt_h180x28.png);
}
/* preisebutton ----------------------------------------*/
.preise  {
     width: 182px;
     height: 29px;
     margin-top: 2px;
     float: left;
}
a#preisebutton_n {
     display: block;
     background-image: url(buttons/preise180x26.png);
     width: 180px;
     height: 30px;
     background-repeat: no-repeat;
     background-position: left top;
}
a#preisebutton_n:hover  {
     background-image: url(buttons/preise_h180x28.png);
}
/* teambutton ----------------------------------------*/
.team  {
     width: 182px;
     height: 29px;
     margin-top: 2px;
     float: left;
}
a#teambutton_n {
     display: block;
     background-image: url(buttons/team180x28.png);
     width: 180px;
     height: 30px;
     background-repeat: no-repeat;
     background-position: left top;
}
a#teambutton_n:hover  {
     background-image: url(buttons/team_h180x28.png);
}

/* navigationsbereich left */
.navi_left  {
     width: 200px;/*20%;*/
     height: 520px;
     background-color:  #ffebc6;
     float: left;
     /*border: thin solid green;*/ 
}
/* berndbutton ----------------------------------------*/
.bernd  {
     margin-left: 15px;
}
a#berndbutton_n {
     display: block;
     background-image: url(buttons/bernd180x28.png);
     width: 180px;
     height: 30px;
     background-repeat: no-repeat;
     background-position: left top;
}
a#berndbutton_n:hover  {
     background-image: url(buttons/bernd_h180x28.png);
}
/* dorisbutton ----------------------------------------*/
.doris  {
     margin-left: 15px;
}
a#dorisbutton_n {
     display: block;
     background-image: url(buttons/doris180x28.png);
     width: 180px;
     height: 30px;
     background-repeat: no-repeat;
     background-position: left top;
}
a#dorisbutton_n:hover  {
     background-image: url(buttons/doris_h180x28.png);
}
/* helgabutton ----------------------------------------*/
.helga  {
     margin-left: 15px;
}
a#helgabutton_n {
     display: block;
     background-image: url(buttons/helga180x28.png);
     width: 180px;
     height: 30px;
     background-repeat: no-repeat;
     background-position: left top;
}
a#helgabutton_n:hover  {
     background-image: url(buttons/helga_h180x28.png);
}
/* erikbutton ----------------------------------------*/
.erik  {
     margin-left: 15px;
}
a#erikbutton_n {
     display: block;
     background-image: url(buttons/erik180x28.png);
     width: 180px;
     height: 30px;
     background-repeat: no-repeat;
     background-position: left top;
}
a#erikbutton_n:hover  {
     background-image: url(buttons/erik_h180x28.png);
}
/* breakfastbutton ----------------------------------------*/
.breakfast  {
     margin-left: 15px;
}
a#breakfastbutton_n {
     display: block;
     background-image: url(buttons/breakfast180x27.png);
     width: 180px;
     height: 30px;
     background-repeat: no-repeat;
     background-position: left top;
}
a#breakfastbutton_n:hover  {
     background-image: url(buttons/breakfast_h180x27.png);
}
/* guestbookbutton ----------------------------------------*/
.guestbook  {
     margin-left: 15px;
}
a#guestbookbutton_n {
     display: block;
     background-image: url(buttons/guestbook180x28.png);
     width: 180px;
     height: 30px;
     background-repeat: no-repeat;
     background-position: left top;
}
a#guestbookbutton_n:hover  {
     background-image: url(buttons/guestbook_h180x28.png);
}
/* buchungbutton ----------------------------------------*/
.buchung  {
     margin-left: 15px;
}
a#buchungbutton_n {
     display: block;
     background-image: url(buttons/buchung180x28.png);
     width: 180px;
     height: 30px;
     background-repeat: no-repeat;
     background-position: left top;
}
a#buchungbutton_n:hover  {
     background-image: url(buttons/buchung_h180x28.png);
}
/* impressumbutton ----------------------------------------*/
.impressumBut  {
     margin-left: 15px;
}
a#impressumbutton_n {
     display: block;
     background-image: url(buttons/impressum180x29.png);
     width: 180px;
     height: 30px;
     background-repeat: no-repeat;
     background-position: left top;
}
a#impressumbutton_n:hover  {
     background-image: url(buttons/impressum_h180x28.png);
}
/* bikerbutton ----------------------------------------*/
.biker  {
     margin-left: 15px;
}
a#bikerbutton_n {
     display: block;
     background-image: url(buttons/biker180x27.png);
     width: 180px;
     height: 30px;
     background-repeat: no-repeat;
     background-position: left top;
}
a#bikerbutton_n:hover  {
     background-image: url(buttons/biker_h180x27.png);
}
a#bikerbutton_n:focus  {
     background-image: url(buttons/biker_h180x27.png);
}
/* inhaltsbreich */
.content  {
     margin-top: 25px;
     margin-left: 190px;
     width:  768px;
     height: 500px;
     background-image: url(bilder/fassade667x500.jpg);
     background-repeat: no-repeat;
     background-position: 45px 0px;
     /*border: thin solid blue;*/
}
/* liste für navi_left formatieren */
li {
     list-style-type: none;
     margin-top: 5px; 
}
/* inhalte formatieren --------------------------------------------------*/
/* home.inc.php ------------------------------*/
#textposition_counter  {
     position: relative;
     top:  5px;
     left: 50px;
     color: #ffff00; 
}
/* ausflugsziele.inc.php ----------------------*/
#ausflugsziele  {
    position:  relative;
    top: 0px;
    left: 0px;
    width:  735px;
    height:  500px;
    padding:  10px;
    margin-left: 10px;
    overflow: scroll;
    border: 1px solid #a65bf4;
    background-color: #ffefce;
}
#ausflugsziele h1,p {
	text-align: center;
}

hr  {   
  	width:  90%;
    color: #ff7777;
    background-color: #E5E5E5;
    height: 4px;
    margin: 15px auto;
    text-align: center;
  	clear: left;
}
#ziel0  {
  	height:  149px;
  	width:   346px;
  	margin:  5px 5px 5px 0px;
  	float:  left;
}

#ziel1  {
  	height:  145px;
  	width:   225px;
  	margin:  5px 5px 5px 0px;
  	float:  left;
}

#ziel2  {
  	height:  145px;
  	width:   200px;
  	margin:  5px 5px 5px 0px;
  	float:  left;
}

#ziel3  {
  	height:  90px;
  	width:   205px;
  	margin:  5px 5px 5px 0px;
  	float:  left;
}

#ziel4  {
  	height:  150px;
  	width:   297px;
  	margin:  5px 5px 5px 0px;
  	float:  left;
}

#ziel5  {
  	height:  148px;
  	width:   364px;
  	margin:  5px 5px 5px 0px;
  	float:  left;
}

#ziel6  {
  	height:  142px;
  	width:   485px;
  	margin:  5px 5px 5px 0px;
  	float:  left;
}

#ziel7  {
  	height:  148px;
  	width:   311px;
  	margin:  5px 5px 5px 0px;
  	float:  left;
}

#ziel8  {
  	height:  148px;
  	width:   311px;
  	margin:  5px 5px 5px 0px;
  	float:  left;
}

/* anfahrt.inc.php ----------------------*/
#anfahrt  {
     width: 768px;
     height: 500px;
     background-image: url(plaene/anfahrtsplan455x500.jpg);
     background-repeat: no-repeat;
     background-position: 140px 0px;
}
/* preise.inc.php ----------------------*/
#preislisteHG {
     width: 768px;
     height: 500px;
     background-repeat: no-repeat;
     background-position: 30px 0px;
}
#preisliste  {
     position: relative;
     top: 100px;
     left: 65px;
     width:604px;
}
#preisliste th  {
     font-size: 1.2em;
     font-weight: bolder;
}
/* inhalte bernd.inc.php --bis-- breakfast.inc.php--------*/
.foto {
  	position: relative;
  	left: 35px;
  	top: 90px;
  	width:397px;
  	height:300px;
  	float: left;
}
.video {
    position: relative;
  	left: 42px;
  	top: 90px;
  	float: none;
}
.downloadvideo a {
  	position: relative;
  	left: 120px;
  	top: 100px;
  	width:142px;
  	height:28px;
  	background-color: #FFFF99;
    text-align: center;
}
/* buchung mailer-------*/
#mailerHG  {
    width: 675px;
    height: 475px;
    margin-left: 25px;
    border: thin solid #a65bf4;
    padding-top: 25px;
    padding-left: 25px;
    overflow: scroll;
    background: #ffebc6;
}
#mailerHG form  {
    width: 600px;
    height: 350px;
    background: #E5E5E5;
    
}
#mailerHG table td  {
    width: 150px;
    height: 50px;
}
#mailerHG p  {
    text-align: left;
}
/* guestbook.inc.php -------------------------*/
.content_guestbook {
    margin-left: 10px;
    background-color: #ffebc6;
    border: thin solid #a65bf4;
  	width:730px;
  	height:500px;
  	padding: 15px 5px 0px 15px;
  	overflow: scroll;
  	text-align:  left;
    }
.content_guestbook p {
    text-align: left;
    }
/* inpressum.inc.php -------------------------*/
.impressumHG {
     width: 666px;
     height: 499px;
     margin-left: 45px;
     padding-top: 15px;
     /*border: thin solid red;*/
     text-align: center;
}
.impressum  {
     width: 400px;
     height: 460px;
     margin: 0px auto 0px auto;
     /*border: thin solid green;*/
     background-color: #ffebc6;
     text-align: left;
     padding: 5px 15px 5px 15px;
     overflow: scroll; 
}
.impressum p  {
     text-align: left; 
}
/* footer */
.footer  {
    /*border: thin solid red;*/
    width: 958px;
    height: 31px;
    position: relative;
    top: 5px;
left: 000px;
}
.footer_2 {
    /*border: thin solid blue;*/
    width: 75px;
    position: relative; top:0px; left: 10px;          
}
.footer_3 {
    /*border: thin solid green;*/
    background-color: yellow;
    width: 310px;
    position: relative; top:-20px; left: 400px;
}
/* datenverarbeitung mit mysql >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

#formulareingabe {
    margin-top: 50px auto;
    }

form {
    background-image:url(background.gif);
    margin: 0px auto;
    padding:25px;
    border:6px solid #ddd;
    /*background-color: green;*/
    }

td, input, select, textarea { 
    font-size:18px;
    font-weight:bold;
    }


input, select, textarea {
    color:#00c;
    }


.Bereich, .Feld {
    background-color:#ffa;
    width:300px;
    border:6px solid #ddd;
    }


.Auswahl {
    background-color:#dff;
    width:300px;
    border:6px solid #ddd;
    }


.Check, .Radio {
    background-color:#ddff;
    border:1px solid #ddd;
    }


.Button {
    background-color:#aaa;
    color: