/* CSS Document Alter Pulverturm Münster */

*
{ margin: 0;
  padding: 0; }


html {

}

body {
	background: url(../img/bg.jpg);
	}


div#signet {
	width: 900px;
	margin: auto;
	}

a#logo img {
	margin: 25px 0 0 20px;
	outline: none;
	border: none;
	display: block;
	}

div#site {
	border: 0px solid #fff;
	width: 900px;
	margin: auto;
	margin-top: 30px;
	}
	
div#wrapper {
	background: url(../img/sitebg.jpg) repeat-y;
	width: 900px;
	}

div#top {
	background: url(../img/top.gif) no-repeat;
	height: 65px;
	width: 900px;
	}



ul.nav a#willkommen {
		padding: 0 0 0 20px;
		}
		
ul.nav a#biergarten {
		padding: 0 0 0 22px;
		}
		
ul.nav a#speisekarte {
		padding: 0 0 0 22px;
		}
		
ul.nav a#weinkarte {
		padding: 0 0 0 26px;
		}
		
ul.nav a#getraenke {
		padding: 0 0 0 30px;
		}
		
ul.nav a#ueberuns {
		padding: 0 0 0 32px;
		}
		
ul.nav a#kontakt {
		padding: 0 0 0 34px;
		}
		
ul.nav a#bayern {
		background-image: url(../img/pfeil2.gif);
	    background-position: center left;
	    background-repeat: no-repeat;
		margin-left: 90px;
		padding: 0 0 0 15px;
		}
		
ul.nav a#kjz {
		background-image: url(../img/pfeil2.gif);
	    background-position: center left;
	    background-repeat: no-repeat;
		margin-left: 90px;
		padding: 0 0 0 15px;
		}
		




div#header {
	height: 286px;
	width: 860px;
	background: url(../img/alter_pulverturm.jpg) no-repeat;
	}
	
div#headerbg {
	height: 286px;
	width: 860px;
	background: url(../img/biergarten_muenster.jpg) no-repeat;
	}


div#headerkt {
	height: 286px;
	width: 860px;
	background: url(../img/kontakt_muenster.jpg) no-repeat;
	}

div#headersk {
	height: 260px;
	width: 860px;
	background: url(../img/speisekarte_muenster.jpg) no-repeat;
	}
	
div#headergk {
	height: 260px;
	width: 860px;
	background: url(../img/header_getraenke.jpg) no-repeat;
	}

div#content {
   margin: 0px 0 0 20px;
   width: 860px;
   font: 12px Arial, Helvetica, sans-serif;
   line-height: 22px;
   color: #666766;
   }
   
 h1 {
   background: url(../img/tradition.gif) no-repeat;
   text-indent: -9999px;
   }

 h1#hl_biergarten {
   background: url(../img/idylle.gif) no-repeat;
   text-indent: -9999px;
   }
   
h1#hl_kontaktformular {
	background: url(../img/hl_kontaktformular.gif) no-repeat;
	padding: 20px 0px 0px;
	margin: 0 0 0px 0px;
	}
	   
h2, h3, h4 {
	text-indent: -9999px
	}

h2#hl_adresse {
	background: url(../img/hl_adresse.gif) no-repeat;
	padding: 20px 0px 0px;
	margin: 0 0 0px 0px;
	}
	
 h2#bgsubline {
   background: url(../img/hl_promenade.gif) no-repeat;
   text-indent: -9999px;
   margin: 0 0 0 330px; 
   }

/*-------------------------->Willkommen <-----------------------------*/

div#maincontent {
	 background: url(../img/bierdeckel.gif) no-repeat;
	 background-position: right;
	 height: 248px;
}

p#willkommen {
	margin: 15px 0 0 0;
	width: 530px;
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 18px;
	}


.weiter {
	background: url('../img/button.gif');
	background-repeat: no-repeat;
	display: block;
	width: 69px;
	height; 21px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 25px 0 0 0;
	outline: none;
	padding: 0 0 5px 15px;
	text-decoration: none;
	text-indent: -9999px;
	}
	
/*-------------------------->Biergarten<-----------------------------*/	
p#biergarten {
	margin: 15px 0 0 0;
	width: 530px;
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 18px;
	}

div#maincontentbg {
	 background: url(../img/tafel.jpg) no-repeat;
	 background-position: right;
	 height: 215px;
	}

p#biergartenbtmtxt {
	margin: 15px 0 0 0;
	width: 530px;
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 18px;
	float: right;
	}
	
div#maincontentbgbtm {
	margin: 30px 0 0 0;
	 background: url(../img/biergarten_thumb.jpg) no-repeat;
	 background-position: top left;
	 height: 250px;
	}
	

/*-------------------------->Speisekarte<-----------------------------*/	

div#warmespeisen {
	background: url(../img/besteck.jpg) no-repeat;
	background-position: bottom;
	height: 1350px;
	width: 287px;
	float: left;
	}
	
div#warmespeisen h1 {
	background: url(../img/fleischgerichte.jpg) no-repeat;
	/*background: url(../img/warmespeisen.jpg) no-repeat;*/
	width: 287px;
	height: 40px;
	}
	
div#warmespeisen h2 {
	margin: 15px 0 0 0;
	background: url(../img/kleinerappetit.jpg) no-repeat;
	width: 287px;
	height: 40px;
	}
	
div#warmespeisen h3 {
	margin: 15px 0 0 0;
	background: url(../img/suppen.jpg) no-repeat;
	width: 287px;
	height: 40px;
	}
	
div#warmespeisen h4 {
	margin: 15px 0 0 0;
	background: url(../img/eierspeisen.jpg) no-repeat;
	width: 287px;
	height: 40px;
	}
	
div#angebot {
	background: url(../img/fisch.jpg) no-repeat;
	width: 286px;
	float: left;
	}
	
div#angebot h1 {
	margin: 190px 0 0 0;
	background: url(../img/angebot.jpg) no-repeat;
	width: 275px;
	height: 40px;
	}
	
div#angebot h2 {
	margin: 15px 0 0 0;
	background: url(../img/angebot2.jpg) no-repeat;
	width: 275px;
	height: 40px;
	}
	
	
div#angebot h3 {
	margin: 15px 0 0 0;
	background: url(../img/angebot2.jpg) no-repeat;
	width: 275px;
	height: 40px;
	} 
	
div#seemuscheln {
	width: 287px;
	float: right;
	/*background: url(../img/pfannkuchenimg.jpg) no-repeat;*/
	background-position: bottom;
	height: 1350px;
	}
	
div#seemuscheln h1 {
	/*background: url(../img/muscheln.jpg) no-repeat;*/
	background: url(../img/schweineschnitzel.jpg) no-repeat;
	width: 287px;
	height: 40px;
	}
	
div#seemuscheln h2 {
	margin: 15px 0 0 0;
	background: url(../img/eierspeisen.jpg) no-repeat;
	width: 287px;
	height: 40px;
	}
	
div#seemuscheln h3 {
	margin: 15px 0 0 0;
	background: url(../img/desserts.jpg) no-repeat;
	width: 287px;
	height: 40px;
	}
	
li {
	line-height: 14px;
	list-style: none;
	}

dt {
	color: #695500;
	padding-top: 15px;
	}

dt span {
	float: right;
	color: #000;
	}
	
table.angebot {
	width: 275px;
	line-height: 14px;
	}
	
td {
  padding-top: 10px;
  } 
	
td.gericht {
	width: 225px;
	line-height: 14px;
	}

td.gericht span{
	color: #695500;
	}

td.preis {
	text-align: right;
	padding: 0px 0 0 0;
	}



/*-------------------------->Getränkekarte<-----------------------------*/	

div#biere {
	background: url(../img/krombacher.jpg) no-repeat;
	background-position: bottom;
	height: 850px;
	width: 287px;
	float: left;
	}
	
div#biere h1 {
	background: url(../img/biere.jpg) no-repeat;
	width: 287px;
	height: 40px;
	}
	
div#spirituosen {
	background: url(../img/.jpg) no-repeat;
	width: 286px;
	float: right;
	}
	
div#spirituosen h1 {
	background: url(../img/spirituosen.jpg) no-repeat;
	width: 286px;
	height: 40px;
	}
	
	
div#spirituosen h2 {
	margin: 15px 0 0 0;
	background: url(../img/angebot2.jpg) no-repeat;
	width: 275px;
	height: 40px;
	} 

div#alkoholfrei {
	background: url(../img/maisels.jpg) no-repeat;
	width: 287px;
	float: left;
	}
	
div#alkoholfrei h1 {
	background: url(../img/alkfrei.jpg) no-repeat;
	margin: 190px 0 0 0;
	width: 287px;
	height: 40px;
	}
	
div#alkoholfrei h2 {
	margin: 15px 0 0 0;
	background: url(../img/saefte.jpg) no-repeat;
	width: 287px;
	height: 40px;
	} 
	
div#alkoholfrei h3 {
	margin: 15px 0 0 0;
	background: url(../img/warmegetraenke.jpg) no-repeat;
	width: 287px;
	height: 40px;
	text-indent: -9999px;
	} 
	

/*-------------------------->Über uns<-----------------------------*/

h1#hl_geschichte {
	 background: url(../img/hl_geschichte.gif) no-repeat;
	 text-indent: -9999px;
}

div#maincontentgs {
	 background: url(../img/pulverturm_damals.jpg) no-repeat;
	 background-position: top right;
	 height: 350px;
	 }	 
	 
div#headergs {
	height: 286px;
	width: 860px;
	background: url(../img/pulverturm_geschichte.jpg) no-repeat;
	}
	
p#geschichte {
	margin: 15px 0 0 0;
	width: 530px;
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 18px;
	}
	
	
/*-------------------------->Speisen der Saison<-----------------------------*/


h1#hl_saisonspeisen {
	 background: url(../img/hl_saisonspeisen.gif) no-repeat;
	 text-indent: -9999px;
}

div#maincontentss {
	 /*background: url(../img/pulverturm_damals.jpg) no-repeat;
	 background-position: top right;*/
	 height: 530px;
	 width: 560px;
	 float: left;
	 }	
	 
div#gerichte {
	width: 300px;
	float: right;
} 

div#gerichteslideshow{

	width: 300px;
	height: 208px;
	}
	 
div#headerss {
	height: 286px;
	width: 860px;
	background: url(../img/pulverturm_geschichte.jpg) no-repeat;
	}
	
p#saisonspeisen {
	margin: 15px 0 0 0;
	width: 530px;
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 18px;
	}
	
p#saisonspeisen span {
	color: #695500;
	font-size: 16px;
}
	 
/*-------------------------->Weinkarte<-----------------------------*/	 
	 
div#headerwk {
	height: 260px;
	width: 860px;
	background: url(../img/header_wein.jpg) no-repeat;
	}
	

div#weisswein {
	/*background: url(../img/trauben_gruen.jpg) no-repeat;*/
	background-position: bottom;
	height: 500px;
	width: 287px;
	float: left;
	}
	
div#weisswein h1 {
	background: url(../img/weisswein.jpg) no-repeat;
	width: 287px;
	height: 40px;
	}
	
div#rose {
	background: url(../img/trauben_blau.jpg) no-repeat;
	width: 286px;
	float: left;
	}
	
div#rose h1 {
	margin: 190px 0 0 0;
	background: url(../img/apfelwein.jpg) no-repeat;
	width: 275px;
	height: 40px;
	}
	
div#rose h2 {
	margin: 50px 0 0 0;
	background: url(../img/apfelwein.jpg) no-repeat;
	width: 275px;
	height: 40px;
	} 
div#rotwein {
	width: 287px;
	float: right;
	/*background: url(../img/trauben_gruen.jpg) no-repeat;*/
	background-position: bottom;
	height: 500px;
	}
	
div#rotwein h1 {
	background: url(../img/rotwein.jpg) no-repeat;
	width: 287px;
	height: 40px;
	}
	
div#rotwein h2 {
	margin: 50px 0 0 0;
	background: url(../img/rosewein.jpg) no-repeat;
	width: 287px;
	height: 40px;
	} 
	
table.wein {
	width: 275px;
	line-height: 14px;
	}
	
	
/*-------------------------->Bayerische Wochen<-----------------------------*/	 
	 
div#headerbayern {
	height: 260px;
	width: 860px;
	background: url(../img/header_bayern.jpg) no-repeat;
	}
	

div#speisenbayern {
	/*background: url(../img/trauben_gruen.jpg) no-repeat;*/
	background-position: bottom;
	height: 350px;
	width: 287px;
	float: left;
	}
	
div#speisenbayern h1 {
	background: url(../img/speisenbayern.jpg) no-repeat;
	width: 287px;
	height: 40px;
	}
	
div#dessertbayern {
	background: url(../img/weisswurst.jpg) no-repeat;
	width: 286px;
	float: left;
	}
	
div#dessertbayern h1 {
	margin: 190px 0 0 0;
	background: url(../img/dessertbayern.jpg) no-repeat;
	width: 275px;
	height: 40px;
	}
	
div#dessertbayern h2 {
	margin: 50px 0 0 0;
	background: url(../img/apfelwein.jpg) no-repeat;
	width: 275px;
	height: 40px;
	} 
div#getraenkebayern {
	width: 287px;
	float: right;
	/*background: url(../img/trauben_gruen.jpg) no-repeat;*/
	background-position: bottom;
	height: 350px;
	}
	
div#getraenkebayern h1 {
	background: url(../img/getraenkebayern.jpg) no-repeat;
	width: 287px;
	height: 40px;
	}
	
table.wein {
	width: 275px;
	line-height: 14px;
	}

/*--------------------------->Spargelkarte<--------------------------------------------------*/
 
div#headerspargel {
	height: 260px;
	width: 860px;
	background: url(../img/header_spargel.jpg) no-repeat;
	}
	

div#spargelkarte {
	/*background: url(../img/trauben_gruen.jpg) no-repeat;*/
	background-position: bottom;
	height: 340px;
	width: 287px;
	float: left;
	}
	
div#spargelkarte h1 {
	background: url(../img/spargelgerichte.jpg) no-repeat;
	width: 287px;
	height: 40px;
	}
	
div#spargelkarte2 {
	background: url(../img/gruenerspargel.jpg) no-repeat;
	width: 286px;
	padding: 180px 0 0 0;
	float: left;
	}
	
div#spargelkarte3 {
	background: url(../img/topgrey.jpg) repeat-x;
	background-position: top;
	height: 340px;
	width: 286px;
	padding: 15px 0 0 0;
	float: left;
	}
		
table.spargel {
	width: 275px;
	line-height: 14px;
	}
	
/*--------------------------->Salate der Saison<--------------------------------------------------*/
 
div#headersalate {
	height: 260px;
	width: 860px;
	background: url(../img/header_salate.jpg) no-repeat;
	}
	

div#salatkarte {
	/*background: url(../img/trauben_gruen.jpg) no-repeat;*/
	background-position: bottom;
	height: 350px;
	width: 287px;
	float: left;
	}
	
div#salatkarte h1 {
	background: url(../img/salatedersaison.jpg) no-repeat;
	width: 287px;
	height: 40px;
	}
	
div#salatkarte2 {
	background: url(../img/basilikum.jpg) no-repeat;
	width: 286px;
	padding: 200px 0 0 0;
	float: left;
	}
	
div#salatkarte3 {
	background: url(../img/topgrey.jpg) repeat-x;
	background-position: top;
	height: 370px;
	width: 286px;
	padding: 0px 0 0 0;
	float: left;
	}
		
table.salat {
	width: 275px;
	line-height: 14px;
	}
	
	
/*--------------------------->Muschelkarte<--------------------------------------------------*/
 
div#headermuscheln {
	height: 260px;
	width: 860px;
	background: url(../img/muscheln/header_muscheln.jpg) no-repeat;
	}
	

div#muschelkarte {
	/*background: url(../img/trauben_gruen.jpg) no-repeat;*/
	background-position: bottom;
	height: 350px;
	width: 287px;
	float: left;
	}
	
div#muschelkarte h1 {
	background: url(../img/muscheln/muscheln_hl.jpg) no-repeat;
	width: 287px;
	height: 40px;
	}
	
div#muschelkarte2 {
	background: url(../img/muscheln/muschel.jpg) no-repeat;
	width: 286px;
	padding: 200px 0 0 0;
	float: left;
	}
	
div#muschelkarte3 {
	background: url(../img/topgrey.jpg) repeat-x;
	background-position: top;
	height: 370px;
	width: 286px;
	padding: 15px 0 0 0;
	float: left;
	}
		
table.muscheln {
	width: 275px;
	line-height: 14px;
	}
	
	
/*--------------------------->Pfifferlinge<--------------------------------------------------*/
	
/*--------------------------->Pfifferlinge<--------------------------------------------------*/
 
div#headerpfifferlinge {
	height: 260px;
	width: 860px;
	background: url(../img/pfifferlinge/header_pfifferlinge.jpg) no-repeat;
	}
	

div#pfifferlingekarte {
	/*background: url(../img/trauben_gruen.jpg) no-repeat;*/
	background-position: bottom;
	height: 350px;
	width: 287px;
	float: left;
	}
	
div#pfifferlingekarte h1 {
	background: url(../img/pfifferlinge/pfifferlinge_hl.jpg) no-repeat;
	width: 287px;
	height: 40px;
	}
	
div#pfifferlingekarte2 {
	background: url(../img/pfifferlinge/pfifferlinge.jpg) no-repeat;
	width: 286px;
	padding: 200px 0 0 0;
	float: left;
	}
	
div#pfifferlingekarte3 {
	background: url(../img/topgrey.jpg) repeat-x;
	background-position: top;
	height: 370px;
	width: 286px;
	padding: 0px 0 0 0;
	float: left;
	}
		
table.pfifferling {
	width: 275px;
	line-height: 14px;
	}
	
 
 /*-------------------------->Genießen in der kalten Jahreszeit<-----------------------------*/	 
	 
div#headerkjz {
	height: 260px;
	width: 860px;
	background: url(../img/header_kjz.jpg) no-repeat;
	}
	

div#speisenkjz {
	/*background: url(../img/trauben_gruen.jpg) no-repeat;*/
	background-position: bottom;
	height: 350px;
	width: 287px;
	float: left;
	}
	
div#speisenkjz h1 {
	background: url(../img/speisenkjz.jpg) no-repeat;
	width: 287px;
	height: 40px;
	}
	
div#dessertkjz {
	background: url(../img/kjz.jpg) no-repeat;
	width: 286px;
	float: left;
	height: 300px;
	}
	
div#dessertkjz h1 {
	margin: 190px 0 0 0;
	background: url(../img/dessertkjz.jpg) no-repeat;
	width: 275px;
	height: 40px;
	}
	
div#dessertkjz h2 {
	margin: 50px 0 0 0;
	background: url(../img/apfelwein.jpg) no-repeat;
	width: 275px;
	height: 40px;
	} 
div#getraenkekjz {
	width: 287px;
	float: right;
	/*background: url(../img/trauben_gruen.jpg) no-repeat;*/
	background-position: bottom;
	height: 350px;
	}
	
div#getraenkekjz h1 {
	background: url(../img/dessertkjz.jpg) no-repeat;
	width: 287px;
	height: 40px;
	}
/*-------------------------->Willkommen Bottom Content<-----------------------------*/


div#bottom_content {
	width: 800px;
	margin-top: 20px;
	}

div#bottom_content img {
	width: 308px;
	float: left;
	border: 1px solid #016a6d;
	padding: 1px;
	}

div#flashjpg {
	border: 1px solid #016a6d;
	padding: 1px;
	float: left;
	width: 308px;
	height: 229px;
	border: solid 3px #fff
	}
	

div#column_right {
	float: right;
	padding-right: 10px;
	}

div#bottom_content p {
   width: 460px;
   }   
   
/*-------------------------->Ende Willkommen Bottom Content<-----------------------------*/
 

div#footer {
	margin: 0px auto ;
	width: 900px;
	height: 36px;
	background: url(../img/footer.gif) no-repeat;
	}

div#bottom p {
	float: left;
	padding: 25px 0 10px 0px;
	font: 10px Tahoma, "Time New Roman", serif;
	color: #fff;
	}

p#geniacs {
	float: right;
	}

div#bottom a {
	color: #314f24;
	text-decoration: none;
	padding-right: 7px;
	background-image: url(../img/block_s.jpg);
	background-position: right;
	background-repeat:no-repeat;
	}

div#bottom a:hover {
	color: #fff;
	}

div#bottom ul {
	float: right;
	padding: 20px 0 0 0;
	position: top;
	}

div#bottom ul li {
	list-style: none;
	text-decoration: none;
	display: inline;
	font: 10px Tahoma, "Time New Roman", serif;
	}

div#bottom ul li a{
	color: #314f24;
	}

div#bottom {
	/*background-image: url(../img/bottomtop.jpg);*/
	background-repeat: no-repeat;
	margin: auto;
	width: 860px;
	height: 120px;
	}

div#clearboth {
	width: 10px;
	}



/*-------------------------------Kontaktformular ----------------------->*/


	
	
/*
  Kontaktformular Ende -------------------------------------------------------------------
*/


div#adresse {
width: 350px;
float: right;
padding: 0 0px 0 0px;

}

div#adresse a {
list-style: none;
text-decoration: none;
}



p.left_adress {
float: left;
padding-top: 10px;
}

p.left_adress a {
	color: #000;
	text-decoration: none;
	background-image: url(../img/pfeil.gif);
	background-position: center left;
	background-repeat: no-repeat;
	padding: 0 0 0 15px;
	}
	
p.left_adress a:hover {
	color: #bd8a11;
}

p#right_adress {
float: right;
padding-top: 10px;
padding-right: 90px;
}


/*--Kontaktformular ----------------------->*/

div#kontakt {
width: 350px;
float: left;
margin-bottom: 0px; 
}

div#kontakt p {
font: 12px Arial, Helvetica, sans-serif;
color: #5e5e5e;
}    

form {
padding-left: 0px;
} 
	 
fieldset {
border: 0px;
width: 500px;
padding: 0px;
}

#namefield, #emailfield, #phonefield, #aboutfield {
border: 1px solid #b2b2b2;
font: 12px Arial, Helvetica, sans-serif;
color: #5e5e5e;
margin: 3px 0 0px 0;
padding: 3px;
width: 438px;
height: 20px;
}
	
#messagefield {
border: 1px solid #b2b2b2;
font: 12px Arial, Helvetica, sans-serif;
color: #5e5e5e;
margin: 3px 0 0px 0;
padding: 3px;
width: 438px;
height: 230px;
}
	
#namefield:focus, #emailfield:focus, #messagefield:focus, #phonefield:focus, #aboutfield:focus {
color: #000;
border: 1px solid #314f24;
}
label {
padding-top: 0px;
color: #314f24;
font: Arial, Helvetica, sans-serif;
font-size: 10px;
}
	

.button {
	margin-top: 10px;
	text-indent: -9999px;
	background: url(../img/senden.jpg) no-repeat;
	font: 10px Tahoma, Helvetica, sans-serif;
	width: 130px;
	height: 21px;
	outline: none;
	padding: 0px;
	cursor: pointer;
	}
	
#send {
	outline: none;
	border: none;
}


iframe {
	margin: 50px 0 0 0;
}
/*--Ende----------------------->*/	


/*--Impressum ----------------------->*/

 h1#hl_impressum {
   background: url(../img/impressum.gif) no-repeat;
   text-indent: -9999px;
   }
   
div#leftcontent {
	width: 600px;
	float: left;
	}
	
div#leftcontent a {
	color: #000;
	text-decoration: none;
	background-image: url(../img/pfeil.gif);
	background-position: center left;
	background-repeat: no-repeat;
	padding: 0 0 0 15px;
	}
	
div#leftcontent a:hover {
   color: #314f24;
   }

 h2#konzeptdesign {
   background: url(../img/hl_konzeptdesign.gif) no-repeat;
   text-indent: -9999px;
   margin: 25px 0 0 0; 
   }
   
 h3#bildmaterial {
   background: url(../img/hl_bildmaterial.gif) no-repeat;
   text-indent: -9999px;
   margin: 25px 0 0 0; 
   }
   
 h4#kontaktimpressum {
   background: url(../img/hl_kontaktimpressum.gif) no-repeat;
   text-indent: -9999px;
   }
   
 
 div#rightcontent {
 	width: 220px;
	float: right;;
    } 
	







