/*

Stylesheet Website Sachsofon
Author: Pink Jones
Author URL: www.pinkjones.de

Breite Bilder Footer: 160 x 120 px 5x

Colors:

black:	#222222
white:	#ffffff
orange:	#cc3300

*/

/* MAIN STYLES */

body {
	margin: 0;
	padding: 12px;
	font-size: 10pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color: #222222;
	background-color: #cc3300;
	background-image: url(images/background-fall.jpg);
	background-position: center center;
	background-attachment: fixed; }

table, tr, td {
	margin: 0;
	padding: 0;
	table-layout: fixed;
	border-spacing: 0;
	vertical-align: top; }

h1 {
	margin: 0;
	padding: 0;
	font-family: Georgia;
	font-size: 11.5pt;
	font-style: italic;
	font-weight: 500;
	color: #cc3300; }
	
h2 {
	margin: 0;
	padding: 0;
	font-family: Georgia;
	font-size: 11.5pt;
	font-style: italic;
	font-weight: 500; }
	
p {
	line-height: 1.3em; }

#main-box {
	margin: 24px;
	padding: 0;
	width: 832px;
	text-align: left; }

#header {
	margin: 0;
	padding: 0;
	height: 172px;
	background-image: url(images/header.png);
	background-position: top;
	background-repeat: no-repeat; }

#content {
	margin: 0;
	padding: 0 16px;
	background: url(images/content.png); }

#footer {
	clear: both;
	margin: 0;
	padding: 0 16px 16px 16px;
	height: 120px;
	background-image: url(images/footer.png);
	background-position: top;
	background-repeat: no-repeat; }

#footer-info {
	margin: 16px 0 0 0;
	padding: 6px 24px 2px 24px;
	font-family: Georgia;
	font-size: 10pt;
	font-style: italic;
	text-align: center;
	color: #777777; }
	
#footer img {
	margin: 0;
	padding: 0;
	width: 157px;
	height: 120px; 
	border: none; }



/* LINK STYLES */

a:link {
	font-family: Georgia;
	font-style: italic;
	text-decoration: none;
	color: #cc3300; }

a:visited {
	font-family: Georgia;
	font-style: italic;
	text-decoration: none;
	color: #cc3300; }

a:hover {
	font-family: Georgia;
	font-style: italic;
	text-decoration: none;
	color: #9a9a9a; }

#navigation a:link {
	color: #222222; }

#navigation a:visited {
	color: #222222; }

#navigation a:hover {
	color: #ffffff; }

.link-grey a:link {
	color: #222222; }

.link-grey a:visited {
	color: #222222; }

.link-grey a:hover {
	color: #9a9a9a; }

#link-pink a:link {
	color: #ff0066; }

#link-pink a:visited {
	color: #ff0066; }

#link-pink a:hover {
	color: #9a9a9a; }


/* NAVIGATION BAR STYLES */

#navigation {
	margin: 0 16px 32px 16px;
	padding: 0;	
	font-family: Georgia;
	font-style: italic;
	background-image: url(images/nav-arrow-rev.png);
	background-position: right center;
	background-repeat: no-repeat; }

#nav-table {
	text-align: center;
	table-layout: auto; }

#nav-startseite {
	margin: 0;
	padding: 8px 8px 8px 16px;
	border-right: 1px dotted #fcfbe7;
	background-image: url(images/nav-arrow.png);
	background-position: left center; }
	
#nav-startseite:hover {
	background-image: url(images/nav-arrow-h.png); }
	
#nav-informationen {
	margin: 0;
	padding: 8px;
	border-right: 1px dotted #fcfbe7;
	background-color: #dbdaca; }

#nav-informationen:hover {
	background-color: #b6b5a8; }

#nav-anfahrt {
	margin: 0;
	padding: 8px;
	border-right: 1px dotted #fcfbe7;
	background-color: #dbdaca; }

#nav-anfahrt:hover {
	background-color: #b6b5a8; }

#nav-speisekarte {
	margin: 0;
	padding: 8px;
	border-right: 1px dotted #fcfbe7;
	background-color: #dbdaca; }

#nav-speisekarte:hover {
	background-color: #b6b5a8; }

#nav-impressum {
	margin: 0;
	padding: 8px;
	border-right: 1px dotted #fcfbe7;
	background-color: #dbdaca; }

#nav-impressum:hover {
	background-color: #b6b5a8; }

#nav-programm {
	margin: 0;
	padding: 8px;
	border-right: 1px dotted #fcfbe7;
	background-color: #dbdaca; }

#nav-programm:hover {
	background-color: #b6b5a8; }

#nav-ausstellung {
	margin: 0;
	padding: 8px;
	border-right: 1px dotted #fcfbe7;
	background-color: #dbdaca; }

#nav-ausstellung:hover {
	background-color: #b6b5a8; }



/* INDEX TABLE STYLES*/

#home-text {
	margin: 0;
	padding: 0 24px;
	width: 272px;
	text-align: justify; }

#home-menu {
	margin: 0;
	padding: 12px 24px 24px 0; }

#home-menu img {
	width: 84px; 
	height: 72px; 
	border: none; }

#home-menu td {
	text-align: center;
	vertical-align: middle; }

#menu-informationen {
	width: 151px;
	height: 141px;
	border-right: 1px dotted #222222;
	border-bottom: 1px dotted #222222; }
				
#menu-anfahrt {
	width: 151px;
	height: 141px;
	border-right: 1px dotted #222222;
	border-bottom: 1px dotted #222222; }

#menu-programm {
	width: 152px;
	height: 141px;
	border-bottom: 1px dotted #222222; }

#menu-speisekarte {
	width: 151px;
	height: 142px;
	border-right: 1px dotted #222222; }
				
#menu-impressum {
	width: 151px;
	height: 142px;
	border-right: 1px dotted #222222; }

#menu-ausstellung {
	width: 152px;
	height: 142px; }



/* INFO STYLES */



/* ANFAHRT STYLES */



/* SPEISEKARTE STYLES */

#karte-text {
	padding: 0 24px 0 24px;
	width: 746px;}

#karte-text h1 {
  margin: 10px 0px 5px 0px;
  border-bottom:1px solid #cc3300;
}
#karte-text td {
  padding:3px 0px 3px 0px;
}

#karte-left {
	padding: 0 24px 0 24px;
	width: 225px;  border:1px solid red;}

#karte-right {
	padding: 0 24px 0 24px;
	width: 225px;  border:1px solid red;}
	
.hervor{
	font-weight:bold;
}	



/* IMPRESSUM STYLES */

#impressum {
	margin: 0;
	padding: 0 24px 4px 24px;
	text-align: justify; }



/* PROGRAMM STYLES */

#programm-text {
	padding: 0 150px 0 24px;
	width: 200px; }

#programm-info {
	padding: 0 24px 0 24px;
  }
#programm-info hr {
  border-bottom:1px dashed #cc3300;
  border-top:0px;
  border-left:0px;
  border-right:0px;
  width:97%;
  margin-bottom:10px;
}

.programm {
  border:1px solid #cccccc;
  background-color:#DBDACA;
  padding:10px;
  margin-bottom:10px;

}	
.programm ul {
  list-style-type:none;
  list-style-image:none;
}

.programm ul li {
  background-image: url('images/img_list.jpg');
  background-repeat:no-repeat;
  background-position:0px 6px;
  padding-left:15px;
  margin:0px 0px 5px 70px;  
}

.programm_text {
  float:left; 
  width: 440px;
  margin-right:30px;

}
.programm_gal {
  float:left; 
  width:260px;

}
.programm_gal2 {
  text-align:center; 
  padding:10px; 
  background-color:#cbcabb; 
  border:1px solid #bdbcaf;
  margin-bottom:10px;

}
.programm_gal3 {
  float:left; 
  width:70px;
  margin-right:10px;
  text-align:center; 
  padding:4px; 
  background-color:#cbcabb; 
  border:1px solid #bdbcaf;

}

/* AUSTELLUNG STYLES */