/* Grundeinstellungen */

* {

	margin: 0;

	padding: 0;

}

body{

font-size: 100.01%;

font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;



text-align: center;



background-color: #FFFCDF;

color: #692917;

font-size: 13px;

}

body img {

border: 0px;

}

h1 {

		font-size: 150%

}

h2 {

		font-size: 18px;

    font-weight: normal;

}

h3 {

		font-size: 14px;

}

h4 {

	font-size: 14px;

}

ul li {

    list-style-type: disc;

    color: #692917; 

}



/* Ende Grundeinstellungen */





#wrapper {

	width: 900px;

  height: 630px;

  text-align: left;

  margin:  0px auto;

  atext-align: center;

  abackground: #fff;

  aborder: 1px solid red;

  abackground-image: url(../images/Torte_HG.gif);

  abackground-repeat: repeat-x;

  aborder: 1px solid red;



}

#wrapper2 {

	width: 900px;

  height: 510px;

  position: absolute;

  float: right;

  text-align: left;

  aborder: 1px solid blue;

  abackground-color: #FFFCDF;

  smargin-top: 5px;

  margin: 49px 0 0 0;

  background-image: url(../img/<?=$paul_tille?>.gif);

  background-repeat: no-repeat;  

  overflow: hidden;

}





#wrap_re {

	width: 715px;

  height: 708px;

  position: absolute;

  abackground-image: url(../images/Alpha_HP_Logo4.gif);

  background-repeat: no-repeat;

  abackground: black;

  aborder: 1px solid green;

  margin-left: 250px;

}

#oktoberfest{

  width: 650px;

  height: 30px;

  text-align: center;

  float: left;

  margin: 10px 0 0 100px;

}

#oktoberfest h3{

  float: left;

  margin: 10px 0 0 0;

}

#oktoberfest img{

  float: left;

  margin: 0 10px 0 10px;

}

#aktion{

  width: 650px;

  height: 30px;

  text-align: center;

  float: left;

  margin: 10px 0 0 100px;

}

#aktion h1{

  color: red;

  font-size: 30px;

  float: left;

}

#aktion h3{

  color: red;

  font-size: 15px;

  float: left;

  margin: 10px 10px 0 10px;

}

#aktion a{

  color: red;

}

#aktion a:hover{

  color: #660000;

}

.red{color:red;}

.abstand{margin: 10px 0 0 0;}



#aktuell{

  position: absolute;

  width: 250px;

  height: 120px;

  margin: 50px 0 0 620px;

  background-image:url(../img/aktuell.gif);

  background-repeat: no-repeat;

  text-align: center;

}





#text_oben{

	width: 370px;

  height: 40px;

  position: absolute;

  margin: 70px 0 0 250px;

  aborder: 1px solid green;

}



#text_mitte{

	width: 455px;

  height: 225px;

  position: absolute;

  margin: 157px 0 0 270px;

  aborder: 1px solid green;

  overflow: auto;

  text-align: center;

      scrollbar-face-color: #FFFCDF;

      scrollbar-highlight-color: #692917;

      scrollbar-3dlight-color: #FFFCDF;

      scrollbar-darkshadow-color: #692917;

      scrollbar-shadow-color: #692917;

      scrollbar-track-color: transparent;

      scrollbar-arrow-color: #692917;

            font-size: 13px;

}

#text_mitte p{text-align: left;}

#text_mitte a:link	{color: #692917; font-style: italic;}

#text_mitte a:hover	{color: #692917; font-style: italic;}

#text_mitte a:active	{color: #692917; font-style: italic;}

#text_mitte a:visited	{color: #692917; font-style: italic;}



#text_mitte li{

text-align: left;

margin-left: 130px;

}



#tour{

  width: 400px;

  margin: 10px 0 0 20px;

  text-align: left;

}

#datum{

  width: 145px;

  float: left;

  margin: 5px 0 0 0;

}

#event{

  width: 250px;

  float: left;

  margin: 5px 0 0 0;  

}





#text_angebot{

	width: 490px;

  height: 225px;

  position: absolute;

  margin: 190px 0 0 270px;

  aborder: 1px solid green;

  overflow: auto;

  text-align: left;

      scrollbar-face-color: #FFFCDF;

      scrollbar-highlight-color: #692917;

      scrollbar-3dlight-color: #FFFCDF;

      scrollbar-darkshadow-color: #692917;

      scrollbar-shadow-color: #692917;

      scrollbar-track-color: transparent;

      scrollbar-arrow-color: #692917;

      font-size: 13px;

}



#text_angebot2{

	width: 150px;

  height: 190px;

  position: absolute;

  margin: 220px 0 0 270px;

  aborder: 1px solid green;

  overflow: hidden;

  text-align: left;

  font-size: 13px;

}

#text_angebot3{

	width: 250px;

  height: 190px;

  position: absolute;

  margin: 220px 0 0 350px;

  aborder: 1px solid green;

  overflow: hidden;

  text-align: center;

  font-size: 13px;

}

#text_angebot2 span{

  font-size: 10px;

}

#angebot{

  width: 250px;

  height: 140px;

  margin: 20px 0 0 15px;

  float: left;

}

#bestellung{

  width: 200px;

  aheight: 140px;

  margin: 20px 0 0 15px;

  float: left;

}

#bestellung p{

  margin: 0 0 10px 0;

}

.categorie {

  font-size: 20px;

  font-style: italic;

  color: #7C402E;

}





#text_unten {

	width: 700px;

  height: 90px;

  position: absolute;

  margin: 610px 5px 0 5px;

}

#text_unten a{

  color: #692917;

}

#text_unten_schmal {

	width: 700px;

  height: 55px;

  position: absolute;

  margin: 640px 5px 0 5px;

}



#line{

  position: absolute;

  color: #692917;

  height: 1px;

  width: 880px;

  margin: 570px 0 0 10px;

}

#kreiert{

  position: absolute;

  height: 15px;

  width: 295px;

  aborder: 1px solid red;

}







.partner{

  margin-right: 11px;

}





#backpfeil a	{

	width: 100%;

	/* Weitenangabe für den Internet Explorer zur Ausdehnung des Linkbereiches */

}

html>body #backpfeil a {

	width: auto;

	/* die (falsche) Weitenangabe für standardkonforme Browser zurücknehmen */

}



////////////////////////////////////////* Header*/

#header {

  position: absolute;

  margin-left: 205px;

  float: right;

	width: 550px;

	height: 100px;

  margin-right: 140px;

}

/* Ende Header*/

/////////////////////////////////////////* Content*/

#content_wrap {

  width: 720px;

  height: 758px;

  position: absolute;

  margin-left: 299px;

  background: #fff;

}



.buttons {

  width: 100px;

  height: 120px;

  aborder: 1px solid red;

  position: absolute;

  text-align: center;

}

.buttons img{

  border: 1px solid #692917;

}





/*Kontakt*/

#kontakt{

  position: absolute;

  width: 330px;

  height: 200px;

  margin: 190px 0 0 320px;

  aborder: 1px solid red;

}

.bez {

  position: absolute;

  width: 80px;

  aborder: 1px solid black;

}

#kontakt input{

  position: relative;

  width: 80px;

  margin-left: 80px;

  font-size: 12px;

  aheight: 16px;

}

#kontakt input.kont {

  width: 240px;

}

#kontakt textarea{

  position: relative;

  margin-left: 80px;

  font-size: 12px;

  height: 100px;

  width: 240px;

}

/*Impressum*/

#anschrift {

  margin: 190px 0 0 300px;

  position: absolute;

}

#anschrift img{

  margin: 2px 0 0 0;

  position: absolute;

}

#alpha {

  margin: 190px 0 0 540px;

  position: absolute;

  }

#alpha img{

  margin: 2px 0 0 0;

  position: absolute;

}

/* Ende Content*/

////////////////////////////////////////////////* Footer */

#footer {

  width: 500px;

	clear: both;

	height: 25px;

  position: absolute;

  atext-align: center;

  amargin-top: 959px;

  aborder: 1px solid red;

}

#footer a {

  font-size: 12px;

	text-decoration: none;

	color: black;

}

#footer a:hover {

	text-decoration: none;

  font-size: 12px;

	color: black;

}

.copy {

  font-size: 12px;

	color: black;

}

.pipe {

  padding: 0 5px 0 5px;

  font-size: 12px;

	color: black;

}









/* Ende Footer */









#navigation_links {

  width: 130px;

  height:180px;

  position: absolute;

  text-align: left;

  aborder: 1px solid blue;

  margin: 230px 0 0 110px;

  az-index: 10;

}

#navigation2 {

  width: 260px;

  height:30px;

  position: absolute;

  text-align: left;

  aborder: 1px solid blue;

  margin: 150px 0 0 270px;

  az-index: 10;

}



#title{

  width: 150px;

  height: 25px;

  position: absolute;

  aborder: 1px solid red;

  text-align: center;

  font-style: italic;

  margin: 127px 0 0 400px;

}

#title_nav{

  width: 150px;

  height: 20px;

  position: absolute;

  aborder: 1px solid red;

  text-align: center;

  font-style: italic;

  margin: 180px 0 0 450px;

  az-index: 10;

}

.title_nav a{

  text-decoration: none;

}

.title_nav a:link	{

  color: #692917;

}

.title_nav a:visited {

  color: #692917;

}

.title_nav a:hover	{

  color: #A27D16;

  font-weight: bold;

}

.title_nav a:active {

  color: #A27D16;

}



.title_nav{

  width: 73px;

  float: left;,

    aborder: 1px solid red;

  text-align: center;

}

/*  Navigation-Links  Positionen */



#nav_home{margin-left: 33px}

#nav_philo{margin-left: 15px}

#nav_gesch{margin-left: 5px}

#nav_veran{margin-left: 0px}

#nav_raith{margin-left: 5px}

#nav_spon{margin-left: 15px}

#nav_ref{margin-left: 25px}

#nav_kont{margin-left: 55px}

#nav_imp{

  position: absolute;

  margin: 450px 0 0 50px;

  }

#nav_dat{

  position: absolute;

  margin: 490px 0 0 50px;

  }



.navpad {

  padding: 0 0 5px 5px;

  position: relative;

  font-size: 15px;

  font-weight: bold;

}

.navpad2 {

  margin: 2px 10px 0 0;

  position: relative;

  font-size: 12px;

  font-style: italic;

  font-weight: bold;

  float: left;

}

.navpad2 a, a:link, a:visited, a:hover, a:active{

  color: #692917;

  }

.navpad h2{

  font-size: 15px;

  font-style: italic;

  font-weight: normal;

  }

.navpad a{

  text-decoration: none;

}

.navpad a:link	{

  color: #692917;

}

.navpad a:visited {

  color: #692917;

}

.navpad a:hover	{

  color: #A27D16;

  font-weight: bold;

}

.navpad a:active {

  color: #A27D16;

}





#adr{

  position: absolute;

  margin: 575px 0 0 150px;

}





/* Galierie */

#galerie2{

  position: absolute;

  width: 550px;

  height:340px;

  margin: 157px 0 0 340px;

  abackground-image: url(../img/schokofruechte01.gif);

  aborder: 1px solid blue;

  color: #FFFCDF;



  }

#ashow{

  amargin: 50px 0 0 50px;

    aborder: 1px solid red;

}  

  

.galerie a { color: #404040; }

.galerie a:hover { text-decoration: none; }

.galerie code { color: #404040; font: normal 10px Monaco, monospace; }

.galerie em { color: #808080; font-style: normal; }

.galerie h1 { color: #000; font: normal 12px/16px Arial, sans-serif; padding: 0 20px 16px; text-transform: lowercase; }

.galerie h1:before { content: '.'; }

.galerie p { color: #404040; font: normal 12px/16px Arial, sans-serif; padding: 0 20px 16px; }





.slideshow {

	display: block;

	position: relative;

	z-index: 0;

}

.slideshow-images {

	display: block;

	overflow: hidden;

	position: relative;

}		

.slideshow-images img {

	display: block;

	position: absolute;

	z-index: 1;



}		

.slideshow-thumbnails {

	overflow: hidden;

  

}

.slideshow {

	height: 450px;

	amargin: 0 auto;

	width: 100%;

}

.slideshow a img {

	border: 0;

}



.slideshow-controller {

	background: url(controller.png) no-repeat;

	height: 42px;

	left: 50%;

	margin: -120px 0 0 -200px;

	overflow: hidden;

	position: absolute;

	top: 50%;

	width: 238px;

	z-index: 10000;

}

.slideshow-controller * {

	margin: 0;

	padding: 0;

}

.slideshow-controller-hidden { 

	opacity: 0;

}

.slideshow-controller-visible {

	opacity: 1;

}

.slideshow-controller a {

	cursor: pointer;

	display: block;

	height: 18px;

	overflow: hidden;

	position: absolute;

	top: 12px;

}

.slideshow-controller a.active {

	background-position: 0 18px;

}

.slideshow-controller li {

	list-style: none;

}

.slideshow-controller li.first a {

	background-image: url(controller-first.gif);

	left: 33px;

	width: 19px;

}

.slideshow-controller li.last a {

	background-image: url(controller-last.gif);

	left: 186px;

	width: 19px;

}

.slideshow-controller li.next a {

	background-image: url(controller-next.gif);

	left: 145px;

	width: 28px;

}

.slideshow-controller li.pause a {

	background-image: url(controller-pause.gif);

	left: 109px;

	width: 20px;

}

.slideshow-controller li.play a {

	background-position: 20px 0;

}

.slideshow-controller li.play a.active {

	background-position: 20px 18px;

}

.slideshow-controller li.prev a {

	background-image: url(controller-prev.gif);

	left: 65px;

	width: 28px;

}