@charset "UTF-8";
/* CSS Document */
/* CSS Document der Sylter Schokoladenmanufaktur */
/* Author: Karolina Fritz 2009 */


/* NAVIGATION */

#navibox{
	margin: 0 15px;
	}

ul#Navigation {
    float: left; 
    margin: 0; 	/* Abstand nur rechts und links 15 px. */		
	padding: 0;
	background-color: #990000;
    border-bottom: 1px solid #BBBBBB;	/* S C H A T T E N */
    border-right: 1px solid #BBBBBB;
  }

	
  ul#Navigation li {
    list-style: none;
	text-indent: -999em;
	display: inline;
    margin: 0; 
	padding: 0;
	z-index:7;
  }

/* Button HOME ------------------------------------------------------------------ */
.btn_01 { 
	background: url(../img/global/navigation/nav_btn_01.jpg) no-repeat top left;
	float: left; 
	height: 25px; 	/* Hoehe der verwendeten Grafik (Des angezeigten Teils)*/ 
	width: 58px;	/* Breite muss genau wie die Grafik sein*/
	text-decoration: none;
	outline: none; /* Punktierten Umriss im Firefox verhindern */ 
	z-index: 1;
} 

a.btn_01_on { 
	background: url(../img/global/navigation/nav_btn_01.jpg) no-repeat bottom left;
	float: left; 
	height: 25px; 	/* Hoehe der verwendeten Grafik (Des angezeigten Teils)*/ 
	width: 58px;	/* Breite muss genau wie die Grafik sein*/
	text-decoration: none;
	outline: none; /* Punktierten Umriss im Firefox verhindern */  
	z-index: 1;

} 

.btn_01:hover  { 
	background-position: bottom left; 
	outline: none; /* Punktierten Umriss im Firefox verhindern */ 
} 
/* ------------------------------------------------------------------------------ */



/* Button NEWS ------------------------------------------------------------------ */
.btn_02, .btn_02_on { 
	background: url(../img/global/navigation/nav_btn_02.jpg) no-repeat top left;
	float: left; 
	height: 25px; 	/* Hoehe der verwendeten Grafik (Des angezeigten Teils)*/ 
	width: 86px;	/* Breite muss genau wie die Grafik sein*/ 
	text-decoration: none; 
} 

.btn_02_on  { 
	background: url(../img/global/navigation/nav_btn_02.jpg) no-repeat bottom left;

} 

.btn_02:hover  { 
	background: url(../img/global/navigation/nav_btn_02.jpg) no-repeat bottom left;
	text-decoration: none; 
} 
/* ------------------------------------------------------------------------------ */



/* Button STANDORTE ------------------------------------------------------------------ */
.btn_03, .btn_03_on { 
	background: url(../img/global/navigation/nav_btn_03.jpg) no-repeat top left;
	float: left; 
	height: 25px; 	/* Hoehe der verwendeten Grafik (Des angezeigten Teils)*/ 
	width: 73px;	/* Breite muss genau wie die Grafik sein*/
	text-decoration: none; 
} 
.btn_03_on { 
	background: url(../img/global/navigation/nav_btn_03.jpg) no-repeat bottom left;
}

.btn_03:hover { 
	background-position: bottom left; 
	outline: none; /* Punktierten Umriss im Firefox verhindern */ 
} 
/* ------------------------------------------------------------------------------ */



/* Button HISTORIE ------------------------------------------------------------------ */
.btn_04, .btn_04_on  { 
	background: url(../img/global/navigation/nav_btn_04.jpg) no-repeat top left;
	float: left; 
	height: 25px; 	/* Hoehe der verwendeten Grafik (Des angezeigten Teils)*/ 
	width: 53px;	/* Breite muss genau wie die Grafik sein*/
	text-decoration: none; 
} 

.btn_04_on { 
	background: url(../img/global/navigation/nav_btn_04.jpg) no-repeat bottom left;
} 

.btn_04:hover { 
	background-position: bottom left; 
	outline: none; /* Punktierten Umriss im Firefox verhindern */ 
} 
/* ------------------------------------------------------------------------------ */


/* Button TEAM ------------------------------------------------------------------ */
.btn_05, .btn_05_on  { 
	background: url(../img/global/navigation/nav_btn_05.jpg) no-repeat top left;
	float: left; 
	height: 25px; 	/* Hoehe der verwendeten Grafik (Des angezeigten Teils)*/ 
	width: 76px;	/* Breite muss genau wie die Grafik sein*/
	text-decoration: none; 
} 

.btn_05_on { 
	background: url(../img/global/navigation/nav_btn_05.jpg) no-repeat bottom left;
} 

.btn_05:hover { 
	background-position: bottom left; 
	outline: none; /* Punktierten Umriss im Firefox verhindern */ 
} 
/* ------------------------------------------------------------------------------ */


/* Button VERANSTALTUNGEN ------------------------------------------------------------------ */
.btn_06, .btn_06_on { 
	background: url(../img/global/navigation/nav_btn_06.jpg) no-repeat top left;
	float: left; 
	height: 25px; 	/* Hoehe der verwendeten Grafik (Des angezeigten Teils)*/ 
	width: 121px;	/* Breite muss genau wie die Grafik sein*/
	text-decoration: none; 
} 
.btn_06_on { 
	background: url(../img/global/navigation/nav_btn_06.jpg) no-repeat bottom left;
} 

.btn_06:hover  { 
	background-position: bottom left; 
	outline: none; /* Punktierten Umriss im Firefox verhindern */ 
} 
/* ------------------------------------------------------------------------------ */


/* Button STANDORTE ------------------------------------------------------------------ */
.btn_07, .btn_07_on  { 
	background: url(../img/global/navigation/nav_btn_07.jpg) no-repeat top left;
	float: left; 
	height: 25px; 	/* Hoehe der verwendeten Grafik (Des angezeigten Teils)*/ 
	width: 89px;	/* Breite muss genau wie die Grafik sein*/
	text-decoration: none; 
} 
.btn_07_on { 
	background: url(../img/global/navigation/nav_btn_07.jpg) no-repeat bottom left;
} 

.btn_07:hover { 
	background-position: bottom left; 
	outline: none; /* Punktierten Umriss im Firefox verhindern */ 
} 
/* ------------------------------------------------------------------------------ */


/* Button STANDORTE ------------------------------------------------------------------ */
.btn_08, .btn_08_on  { 
	background: url(../img/global/navigation/nav_btn_08.jpg) no-repeat top left;
	float: left; 
	height: 25px; 	/* Hoehe der verwendeten Grafik (Des angezeigten Teils)*/ 
	width: 52px;	/* Breite muss genau wie die Grafik sein*/
	text-decoration: none; 
} 
.btn_08_on { 
	background: url(../img/global/navigation/nav_btn_08.jpg) no-repeat bottom left;
	} 

.btn_08:hover { 
	background-position: bottom left; 
	outline: none; /* Punktierten Umriss im Firefox verhindern */ 
} 
/* ------------------------------------------------------------------------------ */


/* Button STANDORTE ------------------------------------------------------------------ */
.btn_09, .btn_09_on  { 
	background: url(../img/global/navigation/nav_btn_09.jpg) no-repeat top left;
	float: left; 
	height: 25px; 	/* Hoehe der verwendeten Grafik (Des angezeigten Teils)*/ 
	width: 63px;	/* Breite muss genau wie die Grafik sein*/
	text-decoration: none; 
} 
.btn_09_on { 
	background: url(../img/global/navigation/nav_btn_09.jpg) no-repeat bottom left;
} 

.btn_09:hover { 
	background-position: bottom left; 
	outline: none; /* Punktierten Umriss im Firefox verhindern */ 
} 
/* ------------------------------------------------------------------------------ */


/* Button STANDORTE ------------------------------------------------------------------ */
.btn_10, .btn_10_on  { 
	background: url(../img/global/navigation/nav_btn_10.jpg) no-repeat top left;
	float: left; 
	height: 25px; 	/* Hoehe der verwendeten Grafik (Des angezeigten Teils)*/ 
	width: 54px;	/* Breite muss genau wie die Grafik sein*/
	text-decoration: none; 
} 
.btn_10_on { 
	background: url(../img/global/navigation/nav_btn_10.jpg) no-repeat bottom left;
} 

.btn_10:hover { 
	background-position: bottom left; 
	outline: none; /* Punktierten Umriss im Firefox verhindern */ 
} 
/* ------------------------------------------------------------------------------ */


/* Button STANDORTE ------------------------------------------------------------------ */
a.btn_11, .btn_11_on  { 
	background: url(../img/global/navigation/nav_btn_11.jpg) no-repeat top left;
	float: left; 
	height: 25px; 	/* Hoehe der verwendeten Grafik (Des angezeigten Teils)*/ 
	width: 74px;	/* Breite muss genau wie die Grafik sein*/
	text-decoration: none; 
} 
.btn_11_on { 
	background: url(../img/global/navigation/nav_btn_11.jpg) no-repeat bottom left;
} 

.btn_11:hover { 
	background-position: bottom left; 
	outline: none; /* Punktierten Umriss im Firefox verhindern */ 
} 
/* ------------------------------------------------------------------------------ */