@charset "utf-8";
*			{
			padding:0px;
			margin:0px;
			border:0px;
			}
body 		{
			text-align:left;
			font:normal 12px Arial;
			line-height:18px;
			color:#666666;
			background:url(../images/design/bg_wrapper.jpg) top left repeat;
			background-color:#fff;
			}
/*----------------GRUNDGERUEST-------------------------------*/
#wrapper {	
	padding: 0;
	margin: 0 auto;
	width: 960px;	
	border: 0px solid #ff0000;	
}

#top		{width: 870px; height: 65px;padding: 0px; margin:0 0 0 68px;border: 0px solid #FF0000;background:url(../images/design/bg_top.gif) top right no-repeat;}
	
#middle		{width: 870px; background:url(../images/design/bg_middle.gif); padding:0; border: 0px solid #FF0000; margin: 5px 0 0 68px; }
#rundung	{width: 870px; background:url(../images/design/rundung.gif) top left no-repeat;}

#left	{float:left; width:515px;margin: 10px 0 0 0; padding: 0;}
#text {width: 335px;float:left;padding: 20px 0 0 30px;}
#text_kontakt {width: 380px;float:left;padding: 20px 0 0 30px;}
#bilder {float:left; width: 120px;padding: 20px 0 0 10px ;}
	
#right	{float: right; width: 342px;margin: 10px 0 0 0; padding: 0;}

.info {font-size: 11px; border: 0px solid #00CCCC; padding:7px 0 13px 42px;line-height:16px;}


#footer		{clear:both; width: 938px; height: 105px; border: 0px solid #FF0000; background:url(../images/design/bg_footer.png) no-repeat;behavior: url(js/iepngfix.htc);}
	
/*----------------FORMATE---------------------------------------*/
h1 			{color:#339900; font-size:16px; font-weight:bold;margin: 0 0 5px 0;background:url(../images/design/headline.jpg) top left no-repeat; padding: 10px 0 0 25px;}
h2 			{color:#1a3578;font-size:12px;font-weight:bold;padding:0;margin: 0 0 5px 0;}
h3			{height: 23px; color:#575757;font-size:11px;font-weight:bold;padding:5px 0 0 42px; margin:15px 0 0 0; background:url(../images/design/bg_schraffur.jpg) top left no-repeat;}


p			{padding:0 0 7px 0;}
strong		{color:#666666; font-size:12px; font-weight:bold; }

img 		{border: none;}
#bilder img 		{border: none; padding: 0 0 20px 0;}
.karte		{border: 1px solid #ff3300;}
.small		{font-size: 9px; color:#1a3578; }
.blue		{color:#1a3578; }
.cmsbild   {border:2px solid #339900;}

a			{text-decoration: underline; color:#339900;}
a:hover 	{text-decoration: underline; color:#1a3578;}
/*---------------LINKS CONTENT--------------*/
p a			{border:none; color:#339900;text-decoration:underline;}
p a:hover		{border:none; color:#1a3578;text-decoration:underline;}
a.weblink:link, a.weblink:visited {background:url(../images/design/icon-weblink.gif) no-repeat left; padding:2px 0 2px 15px; border:none; margin:0; text-decoration:underline; }

/*---------------LISTEN CONTENT---------*/
#text ul			{padding: 0 0 5px 12px;}
#text li			{list-style-type: circle; padding:0; 
					margin: 0 0 3px 10px;}



/*----------------CLASSEN---------------------------------------*/
.nofloat		{clear:both; font-size:0px; line-height:0.00000001em;}
.spacer 		{border-bottom:1px dashed #ccc; margin: 20px 0 20px 0; _margin: 0 0 20px 0; width: 300px;}

/*---------------NAVIGATION-------------*/
.menu { 
width: 870px; height: 244px; background:url(../images/design/navi_bg.gif) top left no-repeat; margin: 0 0 0 68px;

padding: 6px 0 0 7px;
border: 0px solid #FF0000;
}

.box_menu {width: 165px; height: 233px; margin: 0 8px 0 0; border-bottom: 0px solid #FF0000; float: left;}

body#bu_start_aktiv #wrapper .menu #ueber_aktiv {background: url(../images/design/navi/ueber_uns_o.jpg); border: 1px solid #FF0000;}

#ueber_uns_aktiv {background: url(../images/design/navi/ueber_uns_o.jpg);}
#unser_angebot_aktiv {background: url(../images/design/navi/unser_angebot_o.jpg);}
#produkte_aktiv {background: url(../images/design/navi/produkte_o.jpg);}
#aktuelle_angebote_aktiv {background: url(../images/design/navi/angebote_o.jpg);}

/*----------------SUBNAVI---------------------------------------*/
#subnavigation ul {  width: 500px; list-style-type:none; padding:0 0 0 0; margin:0;}
#subnavigation ul li { float: left;list-style-type:none; padding:0 6px 0 0; margin:0; }
#subnavigation ul li a:link span, #subnavigation ul li a:visited span { display:none; }

#subnavigation ul li a.index:link, #subnavigation ul li a.index:visited { display:block; width:77px; height:26px; padding: 0; margin:0; background:url(../images/design/start_n.gif);}
#subnavigation ul li a.index:hover{ display:block; background:url(../images/design/start_o.gif) no-repeat left top; width:77px; height:36px;}
#subnavigation ul li a.indexactive:link, #subnavigation ul li a.indexactive:visited { display:block; width:77px; height:36px; background:url(../images/design/start_o.gif) no-repeat left top;}

#subnavigation ul li a.kontakt:link, #subnavigation ul li a.kontakt:visited { display:block; width:77px; height:26px; padding: 0; margin:0; background:url(../images/design/kontakt_n.gif);}
#subnavigation ul li a.kontakt:hover{ display:block; background:url(../images/design/kontakt_o.gif) no-repeat left top; width:77px; height:36px;}
#subnavigation ul li a.kontaktactive:link, #subnavigation ul li a.kontaktactive:visited { display:block; width:77px; height:36px; background:url(../images/design/kontakt_o.gif) no-repeat left top;}


#subnavigation ul li a.anfahrt:link, #subnavigation ul li a.anfahrt:visited { display:block; width:77px; height:26px; padding: 0; margin:0; background:url(../images/design/anfahrt_n.gif);}
#subnavigation ul li a.anfahrt:hover{ display:block; background:url(../images/design/anfahrt_o.gif) no-repeat left top; width:77px; height:36px;}
#subnavigation ul li a.anfahrtactive:link, #subnavigation ul li a.anfahrtactive:visited { display:block; width:77px; height:36px; background:url(../images/design/anfahrt_o.gif) no-repeat left top;}


#subnavigation ul li a.impressum:link, #subnavigation ul li a.impressum:visited { display:block; width:77px; height:26px; padding: 0; margin:0; background:url(../images/design/impressum_n.gif);}
#subnavigation ul li a.impressum:hover{ display:block; background:url(../images/design/impressum_o.gif) no-repeat left top; width:77px; height:36px;}
#subnavigation ul li a.impressumactive:link, #subnavigation ul li a.impressumactive:visited { display:block; width:77px; height:36px; background:url(../images/design/impressum_o.gif) no-repeat left top;}

#subnavigation ul li a.gaestebuch:link, #subnavigation ul li a.gaestebuch:visited { display:block; width:77px; height:26px; padding: 0; margin:0; background:url(../images/design/gaestebuch_n.gif);}
#subnavigation ul li a.gaestebuch:hover{ display:block; background:url(../images/design/gaestebuch_o.gif) no-repeat left top; width:77px; height:36px;}
#subnavigation ul li a.gaestebuchactive:link, #subnavigation ul li a.gaestebuchactive:visited { display:block; width:77px; height:36px; background:url(../images/design/gaestebuch_o.gif) no-repeat left top;}

/*----------------PRODUKTNAVI---------------------------------------*/

ul#produktnavi {list-style-type: none; width: 260px; text-align: left; padding:7px 0 13px 42px;line-height:16px; margin:0; font-weight: normal; font-size:11px; border: 0px solid #009900;}
ul#produktnavi span	{margin: 0 6px;}
ul#produktnavi  li {clear: both;margin: 0;}

ul#produktnavi li a {color:#999999; text-decoration: underline;}

ul#produktnavi li a:hover  {color:#66cc33;text-decoration: underline;} 

ul#produktnavi li a.active:link, ul#produktnavi li a.active:visited {color:#66cc33;text-decoration: underline;}

