/* CSS-StyleSheet */

/* Dateiname: stylesheet.css */

/* Zeichenkodierung auf UTF-8 festlegen */

@charset "utf-8";

/* Viele Variablen die standardgemäs groesser 0 sind werden auf 0 gesetzt */

html, body, div, p, ul, ol, span, a, table, td, form, img, li {
		margin: 0px auto;
		padding: 0px 0px;
}
	
html, body
	{font-family: Arial, Helvetica, sans-serif;
	font-size:12 px;
	margin: 0px 0px;
	padding: 0px;
	text-align: left;
	
}

p {
	font-size: 12px;
	line-height: 12px;
	color: #000;
}

/* Der Befehl <strong>Text</strong> macht den Text fett */

strong	{font-weight: bold;}


/* BILDER */

img	{border: 0; padding: 3px;}
/* wenn padding: x px, den Wert bei entsprechenden DIV-FRAME padding abziehen, z.B. IMG padding: 5 px; LEFT-PICS padding-left: anstatt 135 px, 130 px */



/* Macht das Nebeneinander stellen von DIV-Tags moeglich */
.c	{clear: both;}
.f	{float:left;}


/* SCHRIFT */
.headgruen{
	font-family: "Helvetica", Arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: normal;
	color: #8CC637;
	font-weight: normal;
	text-decoration: none;
}

.gruen {
	font-family: "Helvetica", Arial, sans-serif;
	color: #8CC637;
	font-size: 12px;
	font-weigth: bold;
	text-decoration: none;
}


.head, .headlink, .whitelink{
	font-family: "Helvetica", Arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: normal;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}

.whitelink:hover{
	color: #FFF;
	text-decoration: none;
}
 
.headlink:hover {
	font-weigth: bold;
	text-decoration: underline;
}

.headlink:link {
	font-weigth: bold;
	text-decoration: none;
}




.titel, .headline {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: #8CC636;
	line-height: 26px;
	
}



.titel:link {
	color: #8CC637;
	text-decoration: none;
	
}
.titel:hover {
	color: #FFF;
	text-decoration: none;
	
}




/* DIV FRAMEWORK  background-color: #000; */


div {
}
	
#frame
  {
	  width:1000px;
}

#top
  {
	  height:132px;
	  background-image: url(../img/background/topstich_top2.jpg);
}

#top_agb
  {
	  height:145px;
	  background-image: url(../img/background/agb_topstich_top.jpg);
}

#main
  {
	  height:360px;
	  background-image: url(../img/background/topstich_back.jpg);
	  clear: both;
}

#main_agb
  {
	background-image: url(../img/background/agb_topstich_back.jpg);
	background-repeat: repeat-y;
	height: 4000 px;
	padding-left:180px;
	padding-right:140px;
}

#main_agb2
  {
	background-image: url(../img/background/agb_topstich_back.jpg);
	background-repeat: repeat-y;
	height: 100 px;
	padding-left:180px;
	padding-right:140px;
}

#left
  {
	  width:775px;
	  float:left;
	  padding-left:45px;
}



#left_text
  {
	  width:600px;
	  height:230px;
	  float:left;
	  padding-left:135px;
}


#left_hometext
  {	 
	width:px;
	  height:75px;
	  float:left;
	  padding-left:135px;
}


#left_pics
  {
	  width:600px;
	  float:left;
	  padding-left:132px;
}

#left_technik
  {
	  width:600px;
	  float:left;
	  padding-left:135px;
}


#left_kontakt
  {
	  width:640px;
	  float:left;
	  padding-left:180px;
}


#right
  {
	  margin-right: 7px;
	  margin-left: -7px;
	  width:178px;
	  float:right;
}


#bottom
  {
	height:127px;
	background-image: url(../img/background/topstich_bottom2.jpg);
 

}
#bottom_agb
  {
	
	height:132px;
	background-image: url(../img/background/agb_topstich_bottom.jpg); 
}


#bottom_text
  {
	  padding-left:180px;
	  padding-top:95px;  
}


#kontakt_left
{
	width: 180px;float: left;
}


#kontakt_right
  {	
  	width: 300px;float: left;	  
}



/* Hover Menu NICHT IN BENUTZUNG WEILS LEIDER NICHT FUNKTIONIERT HAT!!!! */


#button_home
		{float: left; display:block; width:130px; height:35px;
		background-image:url(../img/menue/home_1g.jpg); 
		background-repeat:no;
 }
#button_home:hover
		{ background-image:url(../img/menue/home_2w.jpg); }



#button_ang
	{float: left; display:block; width:130px; height:35px;
	background-image:url(../img/menue/angebote_1g.jpg);
	background-repeat:no;
}
#button_ang:hover
		{ background-image:url(../img/menue/angebote_2w.jpg); }


#button_fair
		{float: left; display:block; width:130px; height:35px;
		background-image:url(../img/menue/fairtrade_1g.jpg); 
		background-repeat:no;
 }
#button_fair:hover
		{ background-image:url(../img/menue/fairtrade_2w.jpg); }
		


#button_logo
{		float: left; display:block; width:130px; height:35px;
		background-image:url(../img/menue/logostickerei_1g.jpg); 
		background-repeat:no;
}
#button_logo:hover
		{ background-image:url(../img/menue/logostickerei_2w.jpg); }



#button_ideen
		{float: left; display:block; width:130px; height:35px;
		background-image:url(../img/menue/geschenkideen_1g.jpg); 
		background-repeat:no;
}
#button_ideen:hover
		{ background-image:url(../img/menue/geschenkideen_2w.jpg); }
		


#button_tech
		{float: left; display:block; width:130px; height:35px;
		background-image:url(../img/menue/technik_1g.jpg); 
		background-repeat:no;
}
#button_tech:hover
		{ background-image:url(../img/menue/technik_2w.jpg); }
	
	

#button_preise
		{float: left; display:block; width:130px; height:35px;
		background-image:url(../img/menue/preise_1g.jpg);
		background-repeat:no;
}
#button_preise:hover
		{ background-image:url(../img/menue/preise_2w.jpg); }
		


#button_kontakt
		{float: left; display:block; width:130px; height:35px;
		background-image:url(../img/menue/kontakt_1g.jpg); 
		background-repeat:no;
}
#button_kontakt:hover
		{ background-image:url(../img/menue/kontakt_2w.jpg); }



/* Grafik unsichtbar */

.hidepic
		{width: 0px;
		height:0px;
		visibility:hidden;}