/*(c) TN com2 GmbH 2005*/

/* --------------------------------------------------------------------
							HTML TAGS
 --------------------------------------------------------------------*/
html, body, textarea {font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; color: #1a171b;}
body {font-size: .7em;} td {_font-size: .7em; _f\ont-size: 100%;}
input, textarea, select {font-size: 100%;}


html, body {
	height: 100%;
	margin: 0;
   padding: 0;
	text-align: left; /* gesamtpositionierung f?r IE<6 */
	overflow: hidden;
}

body {
	 background: #5f4015;
	_border: 1px solid #f8f4e1; /* warum auch immer: ie5 braucht das, damit 33+33+34=100 sind*/
	scrollbar-arrow-color : #5f4015;
	scrollbar-face-color : #fff9c7;
	scrollbar-base-color : #fffdee;
	scrollbar-darkshadow-color : white;
	scrollbar-highlight-color : white;
	scrollbar-shadow-color : white;
	scrollbar-3dlight-color : white;
	scrollbar-track-color : #fffdee;
}

BUTTON, SELECT, TEXTAREA, input{
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 1em;
   border: 1px solid #5f4015 ; /*A5ACB2 ist WinXP Style*/
}
input:focus, SELECT:focus, TEXTAREA:focus {
	border: 1px solid #fff9c7;
}

form {margin:0px; display: inline}/* entfernen des abstandes bei Form-Elementen */
th {text-align: left; font-weight: 700; }
img {border:none;}
p {margin: 0 0 10px 0 !important;}


/*  allgemeine HEADliNE-Styles -  Gr??e bezieht sich immer auf Elternelement */
h1 {margin: 0px;}
h2 {font-size: 1.2em; font-weight: bold; color: #5f4015; background: #fffdee; padding: 0px; margin: 0 0 20px 0;}
h3 {font-size: 1em; font-weight: bold; color: #5f4015;  background: #fffdee; padding: 0px;  margin: 0 0 0 0;}
h4 {font-size: 1em; font-weight: bold; color: #000; display: inline; margin-bottom: 0}
h5 {font-family: "Times New Roman", Times, serif; text-transform: uppercase; font-weight: bold; font-size: 1em; color: #2D6071;  background: #f6ecd4; padding: 4px; margin: 0 0 5px 0;}

hr{ height: 0.5px; color: #5f4015; border: none}

/* -------------------------------------------------------------------------------
							STANDARD CLASSES
 -------------------------------------------------------------------------------------*/

a:link, a:visited { color: #5f4015; text-decoration: none;}
a:hover, a:active { color: #5f4015; text-decoration: underline;}	
 
 
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                         								LAYOUT
----------------------------------------------------------------------------------------------------*/	
 
#main {
	 height: 560px;
	 top: 50%;
	 left: 50%;
	 margin: -280px 0 0 -380px;
	 position: absolute;
	 width: 760px;
	 
}

#logo {
	height: 70px;
	width: 260px;
	overflow: no;
	float: left;
   background-color: #fff9c7;
	
}

 #fktnav {
	height: 70px;
	width: 495px;
	overflow: no;
	float: right;
	vertical-align: top;
	text-align: right;
	background-color: #fff9c7;
	font-size: 0.9em;
	padding-right: 5px;
}


#menu {
	height: 50px;
	width: 760px;
	overflow: no;
	clear: left; 
   background-color: #fff9c7;
	font-size: 50px;
}

	/*#menu a:link, #menu a:visited, #menu a:hover, #menu a:active {border: 1px solid #f00; height: 16px; display: inline-block;}*/
	
	#menu a.her:hover, #menu a.her:active,
	#menu a.her:link img, #menu a.her:visited img, #menu a.her:hover img, #menu a.her:active img,
	#menu a.active#her:link, #menu a.active#her:visited, #menu a.active#her:hover, #menu a.active#her:active
	{
		background: transparent url(images/menu/herkunft_h.gif) no-repeat;
	}
	
	#menu a.spe:hover, #menu a.spe:active,
	#menu a.spe:link img, #menu a.spe:visited img, #menu a.spe:hover img, #menu a.spe:active img,
	#menu a.active#spe:link, #menu a.active#spe:visited, #menu a.active#spe:hover, #menu a.active#spe:active
	{
		background: transparent url(images/menu/spezialitaeten_h.gif) no-repeat;	
	}
	
	#menu a.woh:hover, #menu a.woh:active,
	#menu a.woh:link img, #menu a.woh:visited img, #menu a.woh:hover img, #menu a.woh:active img,
	#menu a.active#woh:link, #menu a.active#woh:visited, #menu a.active#woh:hover, #menu a.active#woh:active
	{
		background: transparent url(images/menu/woher_h.gif) no-repeat;	
	}
	
	
	#menu a.kun:hover, #menu a.kun:active,
	#menu a.kun:link img, #menu a.kun:visited img, #menu a.kun:hover img, #menu a.kun:active img,
	#menu a.active#kun:link, #menu a.active#kun:visited, #menu a.active#kun:hover, #menu a.active#kun:active
	{
		background: transparent url(images/menu/kunst_h.gif) no-repeat;	
	}
	
	#menu a.ter:hover, #menu a.ter:active,
	#menu a.ter:link img, #menu a.ter:visited img, #menu a.ter:hover img, #menu a.ter:active img,
	#menu a.active#ter:link, #menu a.active#ter:visited, #menu a.active#ter:hover, #menu a.active#ter:active
	{
		background: transparent url(images/menu/termine_h.gif) no-repeat;	
	}

	#menu a.kon:hover, #menu a.kon:active,
	#menu a.kon:link img, #menu a.kon:visited img, #menu a.kon:hover img, #menu a.kon:active img,
	#menu a.active#kon:link, #menu a.active#kon:visited, #menu a.active#kon:hover, #menu a.active#kon:active
	{
		background: transparent url(images/menu/kontakt_h.gif) no-repeat;	
	}
	
	
	#menu a:hover img, #menu a:active img,
	#menu a.active#her:link img, #menu a.active#her:visited img, #menu a.active#her:hover img, #menu a.active#her:active img,
	#menu a.active#spe:link img, #menu a.active#spe:visited img, #menu a.active#spe:hover img, #menu a.active#spe:active img,
	#menu a.active#woh:link img, #menu a.active#woh:visited img, #menu a.active#woh:hover img, #menu a.active#woh:active img,
	#menu a.active#kun:link img, #menu a.active#kun:visited img, #menu a.active#kun:hover img, #menu a.active#kun:active img,
	#menu a.active#ter:link img, #menu a.active#ter:visited img, #menu a.active#ter:hover img, #menu a.active#ter:active img
	#menu a.active#kon:link img, #menu a.active#kon:visited img, #menu a.active#kon:hover img, #menu a.active#kon:active img
	{
		visibility: hidden;
	}

#content {
	float: left;
	height: 400px;
	width: 720px;
	overflow: auto;
	padding: 20px;
   background-color: #fffdee;
	line-height: 20px;
	font-size: 1.2em;
	
}

 #content .imgborder {
 	border: solid 1px #5f4015;
 	padding: 1px;
    }
	 
 #content .imgtext {
	float: left;
	border: solid 1px #5f4015;
	font-size: 0.8em;
	padding: 5px;
	vertical-align: bottom;
	width: 680px;
    }
	 
 #content .imgtext img {
	float: left;
	font-size: 0.8em;
	border: 1px groove #5f4015;
	margin-right: 5px;
    }
	 
 td {
	vertical-align: top;
}
	
#line {
 border-bottom: 1px dotted #5f4015; 
	}