/* css outrank autor:hh_borkott */
	body	{ font-size:12px; margin:0; padding:0; background-color:#ded9c2; color:#000000; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;  text-align:center; background-image:url(../pics/bbg.jpg); background-repeat:repeat-x; }
	h1		{ margin:20px 0 3px 31px; padding:0; font-size:12px; }
	h2		{ margin:0; padding:0; font-size:12px; }
	h3		{ margin:8px 0 4px 31px; padding:0; font-size:12px; color:#CC3300; }
	p		{ text-align:justify; padding:4px 0 4px 0; margin:0; line-height:1.4; }
	.account		{ text-align:justify; padding:6px 0 4px 30px; margin:0; }
	.cap	{ font-weight:bold; }
	a:link,a:visited	{ text-decoration: underline; }
	a:hover			{ text-decoration: underline; }
	a:active		{ text-decoration: underline; }
	.input		{ border-top:1px solid #333333; border-left:1px solid #333333; border-right:1px solid #999999; border-bottom:1px solid #999999; background-color:#efefef; margin:0; padding:0; }
	.submit		{ border:0; background-image:url(../pics/submit.jpg); background-repeat:repeat-x; margin:0; padding:0; width:80px; height:21px; border-top:1px solid #fff; border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2; border-bottom:1px solid #c0c0c0; }
/* header */
	#header		{ width:1000px; height:161px; margin:19px 0 0 0; background-color:transparent; margin-left:auto; margin-right:auto; border-top:1px solid #fff; border-left:1px solid #e9e9e9; border-right:1px solid #ccc; border-bottom:0; background-image:url(../pics/hdbg.jpg); }
	.header		{ height:113px; width:938px; margin-top:20px; margin-left:auto; margin-right:auto; border-top:1px solid #bfbfbf;  border-left:1px solid #bfbfbf; border-right:1px solid #efefef; border-bottom:1px solid #efefef;}
 #headleft { background-image: url(../pics/hdl.jpg); background-repeat: no-repeat; float: left; width:7px; height:162px; float: left; } 
 #headbg { background-image: url(../pics/hd.jpg); background-repeat: repeat-x; height:162px; float:left; } 
 #headright { background-image: url(../pics/hdr.jpg); background-repeat: no-repeat; width:7px; height:162px; float: right; }
	a:link.subnav,a:visited.subnav,a:hover.subnav	{ text-decoration: none; color:#fff; font-weight:normal; }
/* content */
	#content,#variabel	{ display:block; margin:0; padding:0 0 20px 0; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:0; width:996px; min-height:376px; background-color:#ffffff; text-align:left; margin-left:auto; margin-right:auto; overflow:auto; }
	#mainbox	{ width:760px; margin-top:5px; text-align:left; float:right; }
	#left		{ margin:0; padding:7px 0 0 0; width:330px; float:left; }
	#right		{ margin:10px 30px 0 10px; padding:7px 0 0 0; width:350px; float:right; }
	#table		{ margin:0 100px 0 0; padding:7px 0 0 0; float:right; }
	#menue		{ width:220px; float:left; margin:0; padding:0; }
	#piccontainer	{ padding-top:0; width:340px; float:right; }
	#left_contact	{ margin:0; padding:7px 0 0 0; width:330px; float:left; }
	#right_contact	{ margin:0; padding:10px 30px 0 0; width:300px; float:right; }
/* infobox */
	#infobox	{ padding:0; margin:10px 0 0 -470px; width:184px; position:absolute; left:50%; top:280px; }
	#head		{ height:17px; font-weight:bold; background-image:url(../pics/info_menue.jpg); display:block; margin:0; padding:3px 0 0 24px; border-top:1px solid #b1b1b1; border-left:1px solid #b1b1b1; border-right:1px solid #b1b1b1; border-bottom:1px solid #b1b1b1; }
	ul#indexlist,ul#infolist,ul#linklist	{ background-color:#f7f5e9; padding:6px 0 10px 24px; margin:0; border-top:0; border-left:1px solid #b1b1b1; border-right:1px solid #b1b1b1; border-bottom:1px solid #b1b1b1; }
	ul#indexlist li	{ padding:0; margin:0 0 0 -17px; list-style-type:none; line-height:1.4; }
	ul#infolist li	{ padding:0; margin:0; list-style-image:url(../pics/tick.png); line-height:1.4; }
	ul#linklist li	{ padding:0; margin:0; list-style-type:none; line-height:1.4; }
	p.infolist	{ background-color:#f7f5e9; padding:6px; margin:0; border-top:0; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; line-height:1.4; }
/* contactformular */
	#form	{ padding:0; margin:-1px 0 0 0; }
/* feedback */
	#feedback	{  border:1px solid #ccc; background-color:#f7f5e9; width:317px; height:100px; margin:1px 0 15px 30px; padding:5px 10px; } 

	ul#submit		{
		width:180px;
		margin:0;
		padding:5px 0 0 5px;
		text-align:left;
		list-style-type:none;
		}
	ul#submit li	{
		padding:0;
		margin:2px;
		}
	ul#submit a		{ 
		border-left:1px solid #333333; border-bottom:1px solid #333333; border-top:1px solid #333333; border-right:1px solid #333333;
		display:block;
		padding:0;
		font-weight:bold;
		margin:0;
		text-decoration:none;
		color:#333333; 
		color:#efefef;
		font-size:9px;
		background-color:#3f3f3f;
		width:180px;
		text-align:left;
		}

	ul#submit a:hover		{ 
		border-left:1px solid #333333; border-bottom:1px solid #333333; border-top:1px solid #333333; border-right:1px solid #333333;
		display:block;
		padding:0;
		margin:0;
		color:#000000;
		text-decoration:none;
		font-weight:bold;
		width:180px;
		text-align:left;
		}

	ul#submit a:visited	{ 
		border-left:1px solid #333333; border-bottom:1px solid #333333; border-top:1px solid #333333; border-right:1px solid #333333;
		display:block;
		padding:0;
		background-color:#3f3f3f;
		color:#efefef;
		margin:0;
		font-weight:bold;
		text-decoration:none;
		font-size:9px;
		width:180px;
		text-align:left;
		}
	ul#contact		{
		width:340px;
		margin:0;
		padding:0 0 0 30px;
		text-align:right;
		list-style-type:none;
		}
	ul#contact li	{
		padding:1px;
		margin:0;
		}
	.contact	{ float:left; padding:2px 0 0 0; }
	.nachricht	{ float:left; padding:40px 0 0 0; }
/* flash */
	#flash		{ padding:0; margin-right:15px; float:right; }
/* footer */
	#footer		{ width:998px; height:20px; margin:0; padding:0; margin-left:auto; margin-right:auto; background-repeat: repeat-x; border-top:1px solid #ccc; }
	.footer		{ border:none; padding-top:2px; }
 #barleft { background-image: url(../pics/hgl.jpg); background-repeat: no-repeat; float: left; width: 6px; height:20px; float: left; } 
 #barbg { background-image: url(../pics/hg.jpg); background-repeat: repeat-x; height:20px; width:986px; float:left; text-align:right; } 
 #barright { background-image: url(../pics/hgr.jpg); background-repeat: no-repeat; width:6px; height:20px; float: right; }
/* bilder */
	#pics		{ padding:0; margin:30px 35px 0 0; float:right; }
	.welcome	{ margin-top:20px; padding:0 0 0 10px; }
	.pic		{ margin-bottom:11px; }
	.img		{ border:0; }
	/* referenzen */
		#refpics	{ margin:10px 0 0 35px;  padding:0; float:left; }
		.ref	 { border:0; margin-bottom:20px; }

	ul#navi		{
	display:block;
	margin:20px 0 0 24px;
	width:190px;
	padding:0;
	list-style-type:none;
		}
	ul#navi li	{
		padding:0;
		margin:2px;
		}
	ul#navi a		{ 
	margin:2px;
	padding:2px;
 	color:#000000;
	text-decoration:none;
 	display: block;
	overflow: hidden;
	width:178px;
	height:15px;
	font-size:11px;
	text-align: center;
	background-image:url(../pics/menue.jpg);
	background-repeat:repeat-x;
	border-top:1px solid #b1b1b1; border-left:1px solid #b1b1b1; border-right:1px solid #b1b1b1; border-bottom:1px solid #b1b1b1;
		}

	ul#navi a:hover		{ 
	margin:2px;
	padding:2px;
	display: block;
 	color:#000000;
	text-decoration:none;
	overflow: hidden;
	width:178px;
	height:15px;
	font-size:11px;
	text-align: center;
	background-image:url(../pics/active.jpg);
	background-repeat:repeat-x;
	border-top:1px solid #b1b1b1; border-left:1px solid #b1b1b1; border-right:1px solid #b1b1b1; border-bottom:1px solid #b1b1b1;
		}

	ul#navi a:visited	{ 
 	color:#000000;
	text-decoration:none;
		}

	ul#submit		{
		width:178px;
		margin:0;
		padding:5px 0 0 5px;
		text-align:left;
		list-style-type:none;
		}
	ul#submit li	{
		padding:0;
		margin:2px;
		}
	ul#submit a		{ 
		border-left:1px solid #333333; border-bottom:1px solid #333333; border-top:1px solid #333333; border-right:1px solid #333333;
		display:block;
		padding:0;
		font-weight:bold;
		margin:0;
	text-decoration:none;
		text-decoration:none;
		color:#333333; 
		color:#efefef;
		font-size:9px;
		background-color:#3f3f3f;
		width:180px;
		text-align:left;
		}

	ul#submit a:hover		{ 
		border-left:1px solid #333333; border-bottom:1px solid #333333; border-top:1px solid #333333; border-right:1px solid #333333;
		display:block;
		padding:0;
		margin:0;
	text-decoration:none;
		color:#000000;
		text-decoration:none;
		font-weight:bold;
		width:180px;
		text-align:left;
		}

	ul#submit a:visited	{ 
		border-left:1px solid #333333; border-bottom:1px solid #333333; border-top:1px solid #333333; border-right:1px solid #333333;
		display:block;
		padding:0;
		background-color:#3f3f3f;
		color:#efefef;
		margin:0;
		font-weight:bold;
		text-decoration:none;
		font-size:9px;
		width:180px;
		text-align:left;
		}
	ul#contact		{
		width:340px;
		margin:0;
		padding:0 0 0 30px;
		text-align:right;
		list-style-type:none;
		}
	ul#contact li	{
		padding:1px;
		margin:0;
		}
	.contact	{ float:left; padding:2px 0 0 0; }
	.nachricht	{ float:left; padding:40px 0 0 0; }
	
	ul#angebote		{
	display:block;
	margin:0 0 0 0;
	width:360px;
	z-index:1;
	padding:0;
	list-style-type:none;
		}
	ul#angebote li	{
		padding:0;
		margin:2px;
		}
	ul#angebote a		{ 
	margin:2px;
	padding:2px;
	display: block;
	overflow: hidden;
	width:360px;
 	text-decoration:none;
	color:#000000;
	height:15px;
	font-size:11px;
	text-align: center;
	background-image:url(../pics/menue_angebot.jpg);
	background-repeat:repeat-x;
	border-top:1px solid #b1b1b1; border-left:1px solid #b1b1b1; border-right:1px solid #b1b1b1; border-bottom:1px solid #b1b1b1;
		}

	ul#angebote a:hover		{ 
	margin:2px;
	padding:2px;
	display: block;
 	text-decoration:none;
	color:#000000;
	overflow: hidden;
	width:360px;
	height:15px;
	font-size:11px;
	text-align: center;
	background-image:url(../pics/active_angebot.jpg);
	background-repeat:repeat-x;
	border-top:1px solid #b1b1b1; border-left:1px solid #b1b1b1; border-right:1px solid #b1b1b1; border-bottom:1px solid #b1b1b1;
		}

	ul#angebote a:visited	{ 
 	color:#000000;
	text-decoration:none;
		}


#current	{
	display: block;
	width:176px;
	height:15px;
	padding:1px;
	margin:4px 1px 2px 2px;
	font-size:11px;
	text-align:center;
	text-decoration:none;
	background-image:url(../pics/active.jpg);
	background-repeat:repeat-x;
	border-top:1px solid #f6cbcb; border-left:1px solid #f6cbcb; border-right:1px solid #999999; border-bottom:0;
	color:#000000;
}
#active	{
	display: block;
	width:176px;
	height:15px;
	padding:1px;
	margin:4px 1px 2px 2px;
	font-size:11px;
	text-align:center;
	text-decoration:none;
	background-image:url(../pics/active.jpg);
	background-repeat:repeat-x;
	border-top:1px solid #ccc; border-left:1px solid #f6cbcb; border-right:1px solid #999999; border-bottom:0;
	color:#000000;

