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


/* Seitenaufbau ******************************************** */
body {
    color: black; background-color: white;
    font-size: 100.01%;
	font-family: "Lucida Grande","Lucida Sans Unicode", Arial, sans-serif;
    margin: 0; 
	padding: 1em 0;
    text-align: center;  /* Zentrierung im Internet Explorer */
	background: url(../img/global/bg.gif);
	  }

div#Seite {
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
    margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
    width: 830px;
    /*padding: 0;*/
	background-color: #FFFFFF;
    border: 1px solid white;
  }

/* Header mit Logo*/

h1 {
	position:relative;
	text-indent: -999em;
    margin: 15px; 
	padding: 0;
    text-align: center;
	height: 125px;
    border-bottom: 1px solid #BBBBBB;
    border-right: 1px solid #BBBBBB;
  }

.logo { 
	background: url(../img/global/headerlogo_syscho.gif) no-repeat top left;
	float: left; 
	height: 125px; 	/* Hoehe der verwendeten Grafik (Des angezeigten Teils)*/ 
	width: 799px;	/* Breite muss genau wie die Grafik sein*/
	text-decoration: none;
	outline: none; /* Punktierten Umriss im Firefox verhindern */ 
}

#fusszeile {
    clear: both;
	height: 25px;
    margin: 15px; 
	padding: 0 15px;
    text-align: right;
	color: #FFFFFF;
    background-color: #990000;
    border-bottom: 1px solid #BBBBBB;
    border-right: 1px solid #BBBBBB;
    background: url(../img/global/footer_syscho.gif) no-repeat;
  }

    
/* gegen linkrahmen im Firefox*/
.decoration {
	clear: left;
	border: 0; } /*** fuer IE6 ***/

.input{ 
		font-size: 10px; 
		font-family: "Lucida Grande","Lucida Sans Unicode", Arial, sans-serif;
    	border: 1px solid #FFF5DB;
		margin-top: 5px;
		}

/* FORMULARE*/
.Button { 
	background-color:#990000; 
	color:#fff;
	padding: 2px 5px;
    border-top: 1px solid #FFF5DB;
    border-left: 1px solid #FFF5DB;
    border-bottom: 1px solid #BBBBBB;
    border-right: 1px solid #BBBBBB;
	}
	
.kontakt{ 
		font-size: 10px; 
		font-family: "Lucida Grande","Lucida Sans Unicode", Arial, sans-serif;
    	border: 1px solid #CC9966;
		margin-top: 5px;
		}
		

  
  /* Boxen für den Inhalt ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/* Für alle Boxen: Rahmen, höhe und Innenabstände */

  
  
  /* Boxen für die Home Seite  -----------------------------------------------------------  */
#homebox1 {
	margin: 15px;
	width: 467px;	/* breite = width + 2x15px  */
	float:left;
	}
  
#homebox1_border{
	height: 380px;
	padding: 15px;  
	background-color: #FFF5DB;
	border-bottom: 1px solid #BBBBBB;
    border-right: 1px solid #BBBBBB;
	}  
  	  
#homebox2{
    margin: 15px 15px 15px 0px;
	width: 317px;	/* Breite = width + 15  */
	float:left;
  }
  
#homebox2_border{
	height: 144px;
	padding: 15px;
    background-color: #FFF5DB;
	border-bottom: 1px solid #BBBBBB;
    border-right: 1px solid #BBBBBB;
	}  


#homebox3{
    margin: 0 15px 0 0;
	width: 316px;
	float:left;
  }
  
#homebox3_border{
	height: 190px;
	padding: 15px;
    background-color: #FFF5DB;
	border-bottom: 1px solid #BBBBBB;
    border-right: 1px solid #BBBBBB;
	}  
 


/* Boxen für die H I S T O R I E  -------------------------------------------------------- */
  #historie1 {
    margin: 15px;
	width: 769px;
	height: 380px;
	float:left;
    padding: 15px;
	background-color: #fff5DB;
    border-bottom: 1px solid #BBBBBB;
    border-right: 1px solid #BBBBBB;
  }
  
  #textspalte{
    margin: 0 10px 0 0;
	overflow: auto;
	width: 350px;
	height: 380px;
    padding: 0 10px 0 0;
	float:left;
  }
  
  #bildspalte{
    margin: 0;
	width: 360px;
	height: 350px;
    padding: 0;
	float: left;
  }
  
 /* -------------------------------------------------------------------------------------- */
  
/* Boxen für die T E A M-------------------------------------------------------- */
  #team_box {
    margin: 15px;
	width: 769px;
	height: 380px;
	float:left;
    padding: 15px;
	background-color: #fff5DB;
    border-bottom: 1px solid #BBBBBB;
    border-right: 1px solid #BBBBBB;
  }
  
  #textspalte_team{
    margin: 0 10px 0 0;
	overflow: auto;
	width: 320px;
	height: 380px;
    padding: 0 10px 0 0;
	float:left;
  }
  
  #bildspalte_team{
    margin: 0;
	width: 390px;
	height: 350px;
    padding: 0;
	float: left;
  }

/* -------------------------------------------------------------------------------------- */


/* Boxen für die Standorte */
 #standorte1 {
    margin: 15px;
	width: 442px;
	float:left;
	background-color: #FFF5DB;
    } 

#standorte1_border{
	height: 380px;
	padding: 15px;
    border-bottom: 1px solid #BBBBBB;
    border-right: 1px solid #BBBBBB;
	}    

#standorte2{
    margin: 15px 15px 15px 0px;
	width: 343px;
	background-color: #FFF5DB;
	float:left;
    }
  
#standorte2_border{
	height: 184px;
    padding: 15px;
	background-color: #FFF5DB;
    border-bottom: 1px solid #BBBBBB;
    border-right: 1px solid #BBBBBB;
   	}
	
#standorte3{
    margin: 0 15px 15px 0;
	width: 343px;
	float:left;
  }
#standorte3_border{
    padding: 15px;
    height: 150px;
	background-color: #FFF5DB;
    border-bottom: 1px solid #BBBBBB;
    border-right: 1px solid #BBBBBB;
	}
/* -------------------------------------------------------------------------------------- */


/* Boxen für die Veranstaltungen  -------------------------------------------- */
 
#veranstaltungen1{
	margin:15px;
	float:left;
  }
#veranstaltungen1_border {
	width: 502px;
	height: 380px;
	padding: 15px;
	background-color: #990000;
	border-bottom: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
  }

#veranstaltungen2{
	margin: 15px 15px 15px 0px;
	float:left;
  }
#veranstaltungen2_border{
	width: 221px;
	height: 380px;
	padding: 15px;
	background-color: #FFF5DB;
	border-bottom: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
	}

/* -------------------------------------------------------------------------------------- */


/* Boxen für die Preislisten  ----------------------------------------------------------- */
#preislisten1{
	margin: 15px;
	float: left;
  		}
#preislisten1_border{
	width: 520px;
	height: 380px;
	padding: 15px;
	background-color: #FFF5DB;
	border-bottom: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
  		}

#preislisten2{
	margin: 15px 15px 15px 0px;
	float:left;
		}

#preislisten2_border{
	width: 203px;
	height: 380px;
	padding: 15px;
	background-color: #FFF5DB;
	border-bottom: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
  	}

/* -------------------------------------------------------------------------------------- */

/* Boxen für die Links  ----------------------------------------------------------- */
#links1{
	margin: 15px;
  	float:left;
		}
#links1_border{
	width: 186px;
	height: 380px;
	padding: 15px;
	background-color: #FFF5DB;
	border-bottom: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
  		}



#links2{
	margin: 15px 15px 15px 0px;
	float:left;
  		}

#links2_border{
	width: 537px;
	height: 40px;
	padding: 15px;
	background-color: #FFF5DB;
	border-bottom: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
	}

#links3{
	margin: 0 15px 15px 0px;
	float:left;
  		}

#links3_border{
	width: 537px;
	height: 294px;
	padding: 15px;
	background-color: #FFF5DB;
	border-bottom: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
	}


/* -------------------------------------------------------------------------------------- */


/* Boxen für die  Presse -------------------------------------------- */

#box_beige{
	margin: 15px;
	float:left;
  }

#box_beige_border{
	width: 557px;
	height: 380px;
	padding: 15px;
	background-color: #FFF5DB;
	border-bottom: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
	}

#box_rot_rechts {
	margin: 15px 15px 15px 0px;
	width: 197px;
	float:left;
	}
	
#box_rot_rechts_border {
	height: 380px;
	padding: 15px;
	background-color: #990000;
	border-bottom: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
  }

#box_rot_links {
	margin: 15px 0 15px 15px;
	float:left;
  }

#box_rot_links_border {
	width: 166px;
	height: 380px;
	padding: 15px;
	background-color: #990000;
	border-bottom: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
  }

 .spalte250{
  		margin: 0 10px 15px 0;
		padding: 0;
		float:left;
		width: 265px;
  }

#spalte290{
  		margin: 0 10px 15px 0;
		padding: 0;
		float:left;
		width: 290px;
  }
  
#spalte240{
  		margin: 0 10px 15px 0;
		padding: 0;
		float:left;
		width: 240px;
  }
 
 
/* Boxen für die AGB'S -------------------------------------------- */
 
#AGBS_mainbox{
	width: 769px;
	height: 380px;
	float:left;
	margin: 15px;
	padding: 15px;
	background-color: #fff5DB;
    border-bottom: 1px solid #BBBBBB;
    border-right: 1px solid #BBBBBB;
  }
  
#AGBS_scrollbox{
	width: 769px;
	height: 377px;
	float:left;
	overflow:auto;  }
  


/* -------------------------------------------------------------------------------------- */
 
#scrollbox {
    margin: 0;
	padding: 0;
	width: 570px;
	height: 330px;
	overflow: auto;
	float:left;
	}