#menu
{
	width:		78.3em;
	margin:         0;
	height:         3.25em;
  /*background-image: url('../bilder/menu_bg.png') repeat-x;*/
  background-color:white;
  padding:        0;
	padding-top:    0.5em;
	padding-left:   1.7em;
 	position:	      relative;
  float:		left;
	top:		-0.5em;
	border:none;
}

body
{
	font-size:       75%;/*62.5%; /* reset 1EM to 10px */
	margin:          0;
	min-height: 80em;
  background:      transparent url('../bilder/bg_laistler.jpg') top left repeat-x;
	font-family:     'lucida grande', arial, tahoma, sans-serif;
	background-color: #769696 ;
}

#container
{
	margin:          0 auto;
	margin-bottom:         1em;
	width:           80em;
	min-height:56.3em;
	position:        relative;
	top:1em;

  z-index:	       1;
/*  border:none;*/
  border-style:solid;
  border-width:4px;
  border-color:#ffffff;
	background-color:#FFF5AE;
}

img.banner
{
  width:		 100%;
	height:		 auto;
	margin:		 0;
	top:       0;
	border:none;
	text-align:center ;
}

div.menuitem
{
  	position:       relative;
  	float:          left;
  	text-align:     center;
	width:          auto;
	z-index:	3;
	min-width:	5.5em;

}

div.menuitem, div.menuitem a, div.menuitem a:link
{
	color:           #aaaaaa;
	padding:         .45em .4em .5em .4em;
	font-size:       1.24em;
	font-family:     'lucida grande', arial, sans-serif;
	font-weight:     bold;
	text-decoration: none;
	z-index:	3;

}

div.menuitem a:hover
{
 	color:     rgb(255,100,0);
 	/*text-shadow: rgba(255, 100, 0, 0.3) 5px 5px 7px;*/
	z-index:	3;
}

div.menuitem a.on
{
	color:black;
}

div.menuitem a.on:hover
{
	color:black;
 	/*text-shadow: rgba(0, 0, 0, 0.3) 5px 5px 7px;*/
}


div.menuitem img.on
{
  text-align:     center;
	font-size:	1.2em;
	width:		3.5em;
	height:         auto;
	position:	absolute;
	top:            -1.6em;
  left: -0.2em;
	border:         none;
	z-index:	-1;
}

div.menuitem img.off
{
	display:none;
}

div.preise
{
  background-color:#FFBA75;
  padding:1.5em;
  position:relative;
	top:-.5em;
	left:2.5em;
	float:left;
	width:32em;
	height:37.3em;
}


#content
{
	min-height:	    	30em;
 	height:		      	auto;
	width:          	100%;
	margin:         	0 auto;
	background-color:	#FFF5AE;
	z-index:10;
}

#insidecontent
{
	float:           left;
	padding:    1em 2.5em 2.5em 2.5em;
  width:           91.5%;
}

#insidecontent p
{
	margin:          0;
	color:           #767676;
	font-family:     'lucida grande', 'franklin gothic medium', sans-serif;
	line-height:     170%;

}

img.footer
{
  position:        relative;
  width:           64em;
  height:          auto;
  margin:          0;
  left:            3em;
  bottom:          -.4em;
}

/*CATEGORIES*/
div.category
{
	clear:           	both;
	margin: 	       	.5em 1em 1em 2em;
	z-index: 	       	10;
	display:	       	block;
	float:		       	left;
	text-decoration: 	none;
	border:		       	none;
	width:	     	31em;
}

div.category p
{
	padding-left:	   	.5em;
  text-align: 	   	left;
	font-size:	     	1.2em;
}

div.category img.category
{        
	padding:		       .5em;
	border: 	         none;
	float:		         left;
  width: 26em;
  height:auto;
	height:			       auto;
	border: 	         solid;
	border-width:		   .1em;
	border-color:		   #767676;
	z-index:		      11;
	background-color: white;
}

div.category span
{        
	float:		       	left;
	max-width:	     	30em;
	padding-top: 	   	1.2em;
	padding-left:	   	1em;
	font-size:       	1em;
	color:		       	#555555;
}

span.subcategory
{
	width:			      100%;
	padding-top:	    0.5em;
	padding-bottom:   1em;
	margin:0px;
	/*text-shadow: rgba(0, 0, 0, 0.3) 2px 2px 3px;*/
  text-align:	      left;
	float:		     	  left;
	font-weight: 	    bold;
	font-size:	     	1.3em;
	color:		 	      #767676;
}

span.subcategory2
{
	text-align:       justify;
	float:		     	  left;
	text-decoration:	none;
	color:		 	      #767676;
	font-size:	     	1.2em;
}

span.subcategory2 a
{
	text-decoration:	none;
	color:		 rgb(255,100,0);/*	#4f7e1d;*/
  font-weight:bold;
}

span.subcategory2 a:hover
{
	/*text-decoration:	underline;*/
/* 	text-shadow: rgba(255, 180, 0, 0.3) 5px 5px 7px;*/
	color:		 	rgb(255,180,0);/*#73ad0c;*/
}
/*THUMBNAILS*/
div.thumbnail
{
	padding:	     	.8em;
	margin-top:1.5em;
	float:   	     	left;
	width:		    	31%;
	height:		     	15em;
	max-height:	     	15em;
 	text-align:	     	center;
}

div.thumbnail:hover
{
	font-weight:	   	bold;
}

div.thumbnail span
{
 	text-align:	    	center;
 	width:		      	100%;
}

div.thumbnail span img
{
	background-color: white;
	line-height:	   	15em;
	vertical-align:  	middle;
	max-width:	     	95%;
	padding:	       	0.5em;
 	height:  	       	auto;
 	max-height:	     	13em;
	border-color:	   	#868686;
	border-width:	   	.1em;
}

div.thumbnail span img:hover, div.category img.category:hover
{
	border-color:	   	#aabb66;
}

div.thumbnail span span
{
	float:           	left;
	width:	         	100%;
	max-height:	     	3em;
	line-height:	   	1em;
	text-align:	     	center;
	text-decoration: 	none;
	color:		       	#000000;
	padding-top:	   	.3em;
}
* html div.thumbnail span span{padding-top:.6em;}

.inputfeld
{
	border-style:      	solid;
	border-width:      	1px;
	text-align:		center;
	width:			2em;
 border-color:      	#868686;
}
.inputfeld:hover
{
	background-color:  	#d0e8fc;
}
input.output
{
	width: 3em;
	border:none;
	background-color:	#ddeebb;
	text-align:right;
}

input.output1
{
	width: 2em;
	border:none;
	background-color:	#ddeebb;
	text-align:right;
}
td.inputlabel
{
	width:			13em;
	height:    2.5em;
}
td.inputlabel1
{
	width:			24em;
	height:    1.6em;
}

.dropdownfeld {width:15em;}
div.input
{
	float:left;
	width:100%;
}

div.output
{
	float:left;
	padding:1em;
	margin-top:.15em;
	width:40%;
	border:dotted;
	border-width:1px;
}
div.startbild
{
  float:left;
  font-size:1.2em;
  font-weight:bold;
  width:21em;
  margin-left:1em;
  text-align:center;
  left:0;
  top:0em;
  position:relative;

}
div.startbild img
{

  background-color: white;
	width: 	  21em;
  height:	  auto;
  border:   none;
  border:1px;
  margin-bottom:2em;
  margin-top:0em;
  border-style:solid;
  border-color:#aaaaaa;/*#223a0a;*/
  padding:.5em;
}
div.startbild a
{
  text-decoration:none;
  color:rgb(255,100,0);
}
div.startbild a:hover
{
 	text-shadow: rgba(255, 180, 0, 0.3) 5px 5px 7px;
	color:rgb(255,180,0);
}

img.line
{
	margin-top:	2em;
	clear:    	both;
	width: 		48em;
	height:		auto;
}

a img.backbutton
{
	clear:		both;
	margin-top:	1em;
	margin-left:	1em;
	float:		left;
	border:		none;
	width:		7.66em;
	height:		auto;
}

a img.language_icon
{
  width:3em;
  border:none;
  margin:.7em;
}
input.email {width:28.3em;}
div.kommentar {width:100%;}
textarea.kommentar {height:8em;margin-bottom:.5em;width:29em;}
.language_icon {float:right;position:relative;top:-.2em;width:31px;height:22px;}