﻿/*	 COMMON		*/
*
{
	margin: 0;
	padding: 0;
	font-size: 9pt;
}

body
{
	width: 800px;
	font-family: Helvetica, Helv, Arial, sans-serif;
	font-weight: normal;
	background: #fff url("../image/bg.png") 0% -1px no-repeat;
}

h1 b
{
	position: absolute;
	display: block;
	background: transparent url("../image/logo.png") 0% 0% no-repeat;
	height: 20px;
	width: 240px;
	top: 20px;
	left: 150px;
}

h1 i, h2 i, h3 i
{
	display: none;
}

h2
{
	color: #0066ff;
	font-size: 13pt;
	margin-bottom: 3px;
	background-color: #fff5ee;
	border: solid 1px #ff4500;
	margin-top: 5px;
	padding: 2px 8px;
	text-align: center;
}

h3, h4
{
	font-size:13pt;
	color: #0066ff;
}

h4
{
	xfont-size:12pt;
	margin-top: 14pt;
	margin-bottom: 6pt;
}

li
{
	margin-top:3px;
}

a:link
{
	text-decoration:none;
	font-weight:bold;
	color:grey;
}

a:visited
{
	text-decoration:none;
	font-weight:bold;
	color:#800000;
}

a:hover
{
	text-decoration:none;
	font-weight:bold;
	background-color:#FFFF00;
}

a:active
{
	text-decoration:none;
	font-weight:bold;
	xbackground-color:yellow;/*#CCFFFF;*/
}

.hdd
{
	display: none;
}

.fleft
{
	float: left;
}

.fright
{
	float: right;
}

.cleaner
{
	clear: both;
}

/*	FOOTER	*/
#footer
{
	display: none;
}

/*	MENÜ	*/
#menu
{
	width: 167px;
	position: absolute;
	top: 85px;
	left: 0;
	background: transparent;
}

#menu #rahmen
{
	background: #fff url("../image/menu/men-um.png") 0% 0% repeat-y;
}

#menu ul
{
	list-style-type: none;
	line-height: 28px;
	font-size: 10px;
	padding: 0;
	margin: 0 0 0 7px;
	border: none;
}

#menu li
{
	padding: 0;
	margin: 0;
	border: none;
}

#menu a:link, #menu b, #menu a:visited
{
	display: block;
	font-size: 11pt;
	padding: 2px 0 0 0;
	margin: 0;
	text-align: center;
	height: 28px;
}

#menu b
{
	xpadding-left: 50px;
}

#menu b.unten
{
	background: transparent url("../image/menu/men-uu.png") 0% 0% no-repeat;
	width: 160px;
	height: 12px;
}

#menu a:link, #menu a:visited
{
	color: #0080ff;
}

#menu a:hover
{
	color: brown;
}

#menu a:active
{
	color: black;
}

#menu li.umenu
{
	background: #fff url("../image/menu/men-um.png") 0% 0% repeat-y;
}

#menu #bot
{
	background: #fff url("../image/menu/men-bottom.png") 0% 0% no-repeat;
	width: 129px;
	height: 230px;
}

#menu b
{
	background: #fff url("../image/menu/men-sel.png") 0% 0% no-repeat;
}

#menu li.hmenu
{
	background: #fff url("../image/menu/men-uu.png") 0% 0% no-repeat;
	height: 30px;
}

#menu .hmenu b
{
	background: #fff url("../image/menu/men-uo.png") 0% 0% no-repeat;
	height: 28px;
}

#menu a:link, #menu a:visited, #menu.umenu a
{
	background: #fff url("../image/menu/men-bt.png") 0% 0% no-repeat;
}

#menu a:hover
{
	background-position: 0 -30px;
}

#menu a:active
{
	background-position: 0 -60px;
}

#menu .impressum a, #menu .impressum a:visited, #menu .impressum b
{
	font-size: 8pt;
	margin-top: 40px;
}

#menu .impressum.sel a b
{
	display: none;
}

#menu li.umenu
{
	line-height: 18px;
}

#menu .umenu b, #menu .umenu a, #menu .umenu a:visited, #menu .umenu a:hover
{
	display: block;
	width: 136px;
	margin-left: 10px;
	padding-top: 0;
	height: 16px;
	font-size: 8pt;
	xbackground: none;
	border: solid 1px white;
	background: #fff url("../image/menu/men-um.png") -11px 0% repeat-y;
}

#menu .umenu b
{
	background: #ffa;
}

#menu .umenu a:hover
{
	border-color: yellow;
}

#menu .umenu a:active
{
	border-color: #ff7200;
}

#menu i
{
	display: none;
}

/*	CONTENT		*/
#content
{
	xposition: relative;
	xtop: 110px;
	xmargin-left: 200px;
	position: absolute;
	top: 76px;
	left: 180px;
	width: 710px;
	xheight: 490px;
	xoverflow: Auto;
	font-size: 12px;
	xz-index: 1;
	xborder-bottom: solid 1px grey;
	padding: 5px;
}

#content p
{
	padding: 4px 0;
}

#content img
{
	vertical-align: middle;
}

#content a
{
	color: green;
	background-color: transparent;
	font-size: 11pt;
}

#content a:hover
{
	color: blue;
	background-color: transparent;
}

#fahrrad-urlaub #content h2, #golf-urlaub #content h2, #erlebnisbad #content h2, #perlsee #content h2, #ski #content h2, #reiten #content h2, #wandern #content h2, #kontakt #content h2, #partner #content h2, #buchung #content h2, #restaurant #content h2
{
	width: 550px;
	margin: 0;
}


/*	NAVIGATION	*/
#navigation, #content .navigation
{
	position: relative;
	width: 550px;
	padding: 10px;
	height: 19px;
	vertical-align: middle;
}

#navigation .links, #content .navigation .links
{
	position: absolute;
	top: 5px;
	left: 6px;
	padding-left: 0;
}

#navigation .rechts, #content .navigation .rechts
{
	position: absolute;
	top: 5px;
	right: 6px;
	padding-right: 0;
}

#navigation a, #content .navigation a
{
	font-weight: bolder;
	font-size: 13pt;
	color: #0066ff;
	background-color: #f0faff;
	border: solid 1px #0066ff;
	xborder: solid 2px #c5e1fe;
	text-align: center;
	width: 220px;
	padding: 3px 10px;
	xmargin: 5px;
	vertical-align: middle;
}

#navigation a:hover, #content .navigation a:hover
{
	color: white;
	background-color: #0066ff;
	border: solid 1px white;
}

#navigation a:active, #content .navigation a:active
{
	color: #ff9999;
	background-color: #990099;
	border: solid 1px #ff9999;
}

#navigation i, #content .navigation i
{
	display: none;
}

/*	UNTERMENÜ	*/
#umenu
{
	position:absolute;
	left: 791px;
	top: 196px;
	xwidth: 124px;
	height: 249px;
	xbackground-color: yellow;
	vertical-align: middle;
	xcolor: black;
}

#umenu ul
{
	xpadding: 0;
	xmargin: 0;
	list-style-type: none;
	line-height: 24px;
	text-align: center;
	
}

#umenu li
{
	margin: 0 0 1px 0;
	font-weight: bolder;
	font-size: 15px;
	color: black;
}

#umenu b
{
	display: block;
	width: 125px;
	font-size: 11pt;
	padding: 0;
	background-color: azure;
	xcolor: grey;
	border: solid 1px grey;
	_border: solid 1px black;
}

#umenu a
{
	display: block;
	width: 125px;
	font-size: 11pt;
	padding: 0;
	color: #cc6600;
	background-color: #ffff99;
	border: solid 1px #cc6600;
}

#umenu a:hover
{
	color: white;
	background-color: orange;
	border: solid 1px #cc6600;
}

#umenu a:active
{
	color: #ffff99;
	background-color: #cc6600;
	border: solid 1px #ffff99;
}

#umenu .header
{
	display: block;
	width: 125px;
	font-size: 14pt;
	xpadding: 0;
	xmargin: 0;
	color: #0066ff;
	xbackground-color: #ffcc99;
	xborder: solid 1px #cc6600;
}

#umenu .header a
{
	display: block;
	width: 125px;
	font-size: 11pt;
	color: darkred;
	background-color: #ffcc99;
	border: solid 1px darkred;
}

#umenu .header a:hover
{
	color: #ffff99;
	background-color: #cc6600;
	border: solid 1px darkred;
}

#umenu .header a:active
{
	color: white;
	background-color: orange;
	border: solid 1px darkred;
}

/*****************/
/*	START	*/
/***************/
#start #content strong
{
	color: #0066ff;
	font-size: 13pt;
	xbackground-color: #fff5ee;
	xborder: solid 1px #ff4500;
	xpadding: 1px 5px 1px 0px;
}

#start #content p
{
	xcolor: #0066ff;
	xfont-size: 13pt;
	xbackground-color: #fff5ee;
	xborder: solid 1px #ff4500;
	padding: 0;
	margin: 1px 0;
}

/****************************/
/*	TENNISANLAGE		*/
/*************************/
#tennisanlage #content h2
{
	text-align: center;
}

#tennisanlage #content p
{
	margin-left: 40px;
	margin-right: 80px;
}

#tennisanlage #content img
{
	margin: 0;
	padding: 0;
	border: none;
}

/*****************/
/*	HOTEL	*/
/***************/
#hotel #content h2
{
	margin-bottom: 330px;
}

#hotel #content
{
	background: transparent url("../image/hotel_tennis.jpg") 0% 0% no-repeat;
	background-position: 2px 46px;
	xwidth: 590px;
	xheight: 299px;
}

#hotel #content p
{
	xmargin-right: 20px;
}

/*****************/
/*       ZIMMER       */
/*****************/
#zimmer #content, #tagung #content p, #tagung #content h2, #hotel #content
{
	width: 600px;
}

#zimmer sup
{
	font-size: 8px;
	vertical-align: top;
}

#zimmer p
{
	text-align: center;
}

#zimmer p.suite
{
	xmargin-left: 30px;
	xmargin-top: 250px;
	width: 400px;
}

#zimmer .suite a:hover
{
	background-color: transparent;
}

#zimmer a.suite1
{
	position: relative;
	top: -66px;
	padding: 0;
	margin: 0;
}

#zimmer a.suite2
{
	position: relative;
	left: -97px;
	top: 50px;
	padding: 0;
	margin: 0;
}

#zimmer img.suite
{
	position:relative;
	left:-50px;
	margin-bottom:-40px;
}

#zimmer p.badezimmer
{
	margin-top: 48px;
	width: 300px;
}

#zimmer small.info
{
	position: absolute;
	top: 40px;
	xfont-style: italic;
	color: red;
	xbackground-color: #fffaf0;
	width:520px;
}

#zimmer h3
{
	padding-top: 5px;
	margin-top: 50px;
	background: #fff url("../image/trennlinie.png") right top no-repeat;
	color: #007adb;
	font-size: 15px;
	width: 500px;
}

#zimmer h3 b
{
	color: #ff4433;
	font-size: 15px;
}

#zimmer h3 small
{
	color: #000;
	font-weight: 100;
}

#zimmer .price
{
	color: green;
	font-size: 16px;
}

#zimmer img.einzel
{
	margin-right: 149px;
	vertical-align: middle;
}

#zimmer p.einzel
{
	width: 220px;
	text-align: center;
	margin-right: 100px;
	_margin-right: 28px;
	padding-top: 6px;
	
}

#zimmer img.doppela
{
	margin-left: 24px;
	vertical-align: middle;
}

#zimmer img.doppela2
{
	margin-right: 30px;
	vertical-align: middle;
	margin-top: 10px;
}

#zimmer p.doppela
{
	width: 165px;
	text-align: center;
	padding-right: 15px;
	margin-top: 5px;
	
}

#zimmer img.doppelb
{
	xmargin-left: 44px;
	vertical-align: middle;
	margin-top: -10px;
}

#zimmer img.doppelb2
{
}

#zimmer p.doppelb
{
	width: 205px;
	margin-right: 50px;
	_margin-right: 40px;
	margin-top: -50px;
	
}

#zimmer img.dbz
{
	margin-left: 90px;
	margin-top: 10px;
}

#zimmer p.dbz
{
	width: 205px;
	margin-right: 20px;
	
}

/***********************/
/*	RESTAURANT	*/
/********************/
#restaurant #content h2
{
	margin: 0 0 330px 0;
}

#restaurant .img
{
	position: absolute;
	top: 35px;
}

#restaurant .img img
{
	border: 0;
}

#restaurant p
{
	margin-bottom: 10px;
	xwidth: 530px;
}

/**********************/
/*	TAGUNGEN	*/
/*********************/
#tagung #content h2
{
	margin-bottom: 20px;
}

#tagung #content h3
{
	color: #333399;
	background-color: #E6E6FA;
	font-size: 16px;
	border: 1px solid #6666ff;
	padding: 3px 10px;
	text-align: left;
	font-size: 14px;
	margin: 24px 0 4px 0;
	width: 350px;
}

#tagung #content ul.head
{
	margin-top: 14px;
}

#tagung #content sup
{
	font-size: 7px;
	vertical-align: top;
}

#tagung #content .technik ul
{
	padding: 3px 0 3px 20px;
	list-style-type: circle;
	x_list-style-position: outside;
	x_margin-left: 20px;
}

#tagung #content .technik ul.head
{
	color: darkblue;
	font-size: 13px;
	margin-bottom: 2px;
	font-weight: bolder;
	list-style-type: none;
	padding-left: 0;
}

#tagung #content .pauschalen
{
	margin-right: 227px;
	list-style-type: none;
}

#tagung #content .pauschalen
{
	width: 480px;
}

#tagung #content .pauschalen ul
{
	padding: 3px 0 3px 20px;
	list-style-type: square;
	list-style-position: outside;
}

#tagung #content .pauschalen ul.head
{
	color: darkred;
	background: #fff3dc;
	font-size: 13px;
	font-weight: bolder;
	margin-top: 5px;
	margin-bottom: 4px;
	border-bottom: solid 1px #ff9900;
	border-top: solid 1px #ff9900;
	padding: 3px 10px 3px 10px;
	list-style-type: none;
}

#tagung #content .pauschalen li
{
	padding: 0 0 2px 0;
}

#tagung #content .pauschalen li.zimmerpreise
{
	font-size: 8pt;
	margin: -18px 0 0 0;
	background: none;
	padding-right: 0;
	text-align: right;
	list-style-type: none;
	padding: 0;
}

#tagung #content .pauschalen li.zimmerpreise b
{
	font-weight: bold;
	color: green;
	font-size: 9pt;
}

#tagung #content .pauschalen li.ez
{
	list-style-type: none;
	margin-left: 20px;
	padding-bottom: 3px;
	font-size: 9pt;
	xborder: dashed 1px red;
}

#tagung #content .img
{
	position: absolute;
	font-size: 10px;
}

#tagung #content img
{
	padding: 0;
	margin: 0;
}

#tagung #content .text
{
	width: 150px;
	text-align: center;
	font-weight: bold;
	background: white;
}

#tagung #content .pauschalen .preis
{
	margin-left: 250px;
	margin-top: 5px;
	width: 200px;
	color: #333399;
	background-color: #fff3dc;
	border: dotted 1px red;
	font-size: 14px;
	text-align: center;
	list-style-type: none;
	padding: 1px 0;	
}

#tagung #content li.preis strong
{
	font-size: 15px;
	color: green;
	font-weight: bolder;
}

/*****************/
/*         FOTO          */
/*****************/
#foto 
{
	margin: 0;
	padding: 0;
	width: auto;
	background: none;
	background-color: #fff;
	xbackground: #fff url("../image/bg.png") 222px 0% no-repeat;	
}

#foto h1 b
{
	top: 0;
	left: 0;
}

/*#foto h1
{
	position: relative;
	width: 400px;
	padding-left: 53px;
	padding-top: 30px;
	height: 30px;
}

#foto h1 span
{
	display: block;
	height: 60px;
	width: 400px;
	position: absolute;
	top: 0;
	left: 0;
	background: transparent url("../images/logo01.png") 0px 0% no-repeat;	
}*/

#foto img
{
	cursor: pointer;
	_cursor: hand;
	border: 5px solid #fff;
}

#foto p
{
	text-align: center;
	font-size: 12px;
	font-weight: 800;
}

/***********************/
/*	FREIZEIT		*/
/********************/
#freizeitmenu ul
{
	list-style-type: none;
	width: 700px;
}

#freizeitmenu li
{
	margin: 0;
}

#freizeitmenu a
{
	xposition: relative;
	xleft: 141px;
	height: 90px;
	display: block;
	font-weight: normal;
	font-size: 9pt;
	padding-left: 150px;
	padding-top: 8px;
	color: black;
	background-color: white;
	border: solid 1px lightgrey;
	border-left: none;
	border-top-color: white;
	border-right-color: white;
}

#freizeitmenu a:hover
{
	color: black;
	background-color: #f0faff;
	border: solid 1px #0066ff;
	border-left: none;
}

#freizeitmenu a:active
{
	background-color: #ffff99;
	border: solid 1px #cc6600;
	border-left: none;
}

#freizeitmenu a b
{	
	xfloat: right;
	xdisplay: inline;
	xheight: auto;
	xtop: 10px;
	background-color: transparent;
	border: none;
	xwidth: 400px;
	xmargin: 5px 0;
	xpadding: 10px 0 10px 0;
	font-size: 12pt;
	color: #0066ff;
}

#freizeitmenu a br
{
	line-height: 5px;
}

#freizeitmenu .z1
{
	background: #fff url("../image/th_freizeit03.jpg") 0% 0% no-repeat;
}

#freizeitmenu .z2
{
	background: #fff url("../image/th_freizeit02.jpg") 0% 0% no-repeat;
}

#freizeitmenu .z3
{
	background: #fff url("../image/th_freizeit01.jpg") 0% 0% no-repeat;
}

#freizeitmenu .z4
{
	background: #fff url("../image/th_freizeit04.jpg") 0% 0% no-repeat;
}

#freizeitmenu .z5
{
	background: #fff url("../image/th_freizeit06.jpg") 0% 0% no-repeat;
}

#freizeitmenu .z6
{
	background: #fff url("../image/th_freizeit05.jpg") 0% 0% no-repeat;
}

#freizeitmenu .z7
{
	background: #fff url("../image/th_freizeit07.jpg") 0% 0% no-repeat;
}

/****************************/
/*	FAHRRAD-URLAUB	*/
/*************************/
#fahrrad-urlaub #content h2
{
	margin: 0 0 330px 0;
}

#fahrrad-urlaub .img
{
	position: absolute;
	top: 40px;
}

#fahrrad-urlaub .img img
{
	border: 0;
}

#fahrrad-urlaub p
{
	margin-bottom: 20px;
}

#fahrrad-urlaub .fahr
{
	position: relative;
	width: 263px;
	float: right;
	margin-right: 5px;
	xtop: 20px;
}

#fahrrad-urlaub .fahr a
{
	position: absolute;
	background-color: transparent;
}

#fahrrad-urlaub .fahr a:hover;
{
	background-color: transparent;
}

#fahrrad-urlaub .fahr img
{
	border: 0;
}

#fahrrad-urlaub .f1
{

}

#fahrrad-urlaub .f2
{
	top: 171px;
	left: 51px;
	_top: 171px;
}

#fahrrad-urlaub .f3
{
	top: 171px;
	_top: 171px;
	left: 97px;
}

#fahrrad-urlaub .f4
{
	top: 193px;
	_top: 192px;
	left: 97px;
}

/*---------------------------------------*/
/*	FAHRRADVERLEIH	*/
/*-----------------------------------*/
#fahrradverleih img
{
	border: 0;
}

#fahrradverleih #content
{
	width: 550px;
}

#fahrradverleih h2
{
	margin-bottom: 30px;
}

#fahrradverleih h3
{
	width: 350px;
	float: left;
	color: #007adb;
	margin-bottom: 25px;
}

#fahrradverleih p
{
	width: 350px;
	float: left;
}

#fahrradverleih p.preis
{
	margin-bottom: 15px;
}

/***********************/
/*	GOLF-URLAUB	*/
/********************/
#golf-urlaub #content h2
{
	margin: 0 0 310px 0;
}

#golf-urlaub .img
{
	position: absolute;
	top: 40px;
}

#golf-urlaub .img img
{
	border: 0;
}

#golf-urlaub p
{
	margin-bottom: 20px;
	width: 530px;
}

#golf-urlaub strong
{
	font-size: 18px;
}

/***********************/
/*	EREBNISBAD	*/
/********************/
#erlebnisbad #content h2
{
	margin: 0 0 310px 0;
}

#erlebnisbad .img
{
	position: absolute;
	top: 33px;
}

#erlebnisbad .img img
{
	border: 0;
}

#erlebnisbad p
{
	margin-bottom: 20px;
	width: 550px;
}

#erlebnisbad #content ul
{
	margin-left: 20px;
	list-style-type: none;
}

#erlebnisbad #content li
{
	background: #fff url("../image/punkt.png") 0% -1px no-repeat;
	padding: 0 0 2px 20px;
}

/*****************/
/*	PERLSEE	*/
/***************/
#perlsee #content h2
{
	margin: 0 0 260px 0;
}

#perlsee .img
{
	position: absolute;
	top: 60px;
}

#perlsee .img img
{
	border: 0;
}

#perlsee #content p
{
	width: 530px;
}

/************/
/*	SKI	*/
/*********/
#ski #content h2
{
	margin: 0 0 304px 0;
}

#ski .img
{
	position: absolute;
	top: 32px;
}

#ski .img img
{
	border: 0;
}

#ski p
{
	margin-bottom: 8px;
	xwidth: 550px;
}

/*****************/
/*	REITEN	*/
/***************/
#reiten #content h2
{
	margin: 0 0 305px 0;
}

#reiten #content .img
{
	position: absolute;
	top: 32px;
}

#reiten #content .img img
{
	border: 0;
}

#reiten #content p
{
	margin-bottom: 20px;
	width: 530px;
}

#reiten #content .preis
{
	margin-top: -25px;
}

#reiten #content .preis h2
{
	margin: 0;
	padding: 0;
	font-size: 16px;
	width: 400px;
	text-align: left;
	border: none;
	background-color: transparent;
}

#reiten #content ul
{
	margin-left: 20px;
	list-style-type: none;
}

#reiten #content ul.eins
{
	margin-left: 20px;
	width: 250px;
}

#reiten #content ul.zwei
{
	margin-left: 20px;
	width: 240px;
}

#reiten #content  li
{
	background: #fff url("../image/punkt.png") 0% 1px no-repeat;
	padding: 3px 0 3px 20px;
}

#reiten #content .preis h2
{
	margin-top: 40px;
	margin-bottom: 8px;
	font-size: 17px;
}

#reiten #content table
{
	font-size: 12px;
	margin-left: 38px;
	margin-bottom: 30px;
}

#reiten #content th
{
	text-align: left;
	font-weight: 100;
}

#reiten #content td
{
	text-align: right;
}

/***********************/
/*	WANDERN		*/
/********************/
#wandern #content h2
{
	margin: 0 0 302px 0;
}

#wandern .img
{
	position: absolute;
	top: 32px;
}

#wandern .img img
{
	border: 0;
}

#wandern p
{
	margin-bottom: 20px;
	width: 530px;
}

/***********************/
/*	ANGEBOTE	*/
/********************/
#angebote #content h2
{
	width: 600px;
}

#angebote #content h3
{
	padding: 8px 0 8px 42px;
}

#angebote #content h3.a1
{
	background: #fff url("../image/zahl-1.png") 0% 1px no-repeat;
}

#angebote #content h3.a2
{
	background: #fff url("../image/zahl-2.png") 0% 1px no-repeat;
}

#angebote #content h3.a3
{
	background: #fff url("../image/zahl-3.png") 0% 1px no-repeat;
}

#angebote #content h3.a4
{
	background: #fff url("../image/zahl-4.png") 0% 1px no-repeat;
}

#angebote #content h3.a5
{
	background: #fff url("../image/zahl-5.png") 0% 1px no-repeat;
}

#angebote #content h3.a6
{
	background: #fff url("../image/zahl-6.png") 0% 1px no-repeat;
}

#angebote #content h3.a7
{
	background: #fff url("../image/zahl-7.png") 0% 1px no-repeat;
}

#angebote #content h3.a8
{
	background: #fff url("../image/zahl-8.png") 0% 1px no-repeat;
}

#angebote #content h3.a9
{
	background: #fff url("../image/zahl-9.png") 0% 1px no-repeat;
}

#angebote #content h4
{
	background-color: azure;
	font-variant: small-caps;
	margin: 2px 0;
	padding: 5px 20px 5px 20px;
}

#angebote #content h3, #angebote #content h4
{
	border: solid 1px grey;
	_border: solid 1px black;
	border-left: none;
	border-right: none;
}

#angebote p
{
	padding: 10px 0;
	xwidth: 500px;
	text-align: center;
}

#angebote #content ul
{
	margin-left: 10px;
	list-style-type: none;
}

#angebote #content li
{
	background: #fff url("../image/punkt.png") 0% 1px no-repeat;
	padding: 3px 0 0 20px;
	xwidth: 500px;
}

#angebote #content li strong
{
	color: green;
}

#angebote #content li.rechts
{
	position: relative;
	left: 190px;
	width: 300px;
	xfont-size: 17px;
	xcolor: green;
	xtext-align: right;
	margin: -18px 0 0 0;
	background: none;
	padding-right: 0;
	xfont-weight: bold;
}

#angebote #content li.beschreibung
{
	background: none;
	padding-left: 0;
}

#angebote #content li.preis
{
	background: none;
	text-align: right;
	xfont-size: 15px;
	padding: 3px 0 10px 0;
	margin-bottom: 5px;
	xwidth: 478px;
	xborder-bottom: dashed 1px grey;
	x_border-bottom: dashed 1px black;
	margin-left: 22px;
}

#angebote #content li.preis strong
{
	font-size: 16px;
	color: red;
	font-weight: 900;
}

#angebote #content .s-links, #angebote #content .s-rechts
{
	float: left;
	width: 350px;
	background-color: #fff;
	border-right: 1px solid lightgrey;
	padding-right: 5px;
}

#angebote #content .s-rechts
{
	float: right;
	border: none;
	padding: 0;
}

#angebote #content .ablauf ul
{
	margin-left: 103px;
	list-style-type: none;
}

#angebote #content .ablauf li
{
	xwidth: 460px;
	background: none;	
	padding-left: 0;
	xmargin-bottom: 5px;	
}

#angebote #content .ablauf li.links
{
	position: relative;
	left: -103px;
	width: 97px;
	xfont-size: 17px;
	xcolor: green;
	text-align: right;
	margin: 0 0 -21px 0;
	xpadding-right: -290px;
	font-weight: bold;
	border: none;
}

#angebote #content #rabatt
{
	margin-bottom: 20px;
}

#angebote #content #rabatt h3
{
	border: none;
	float: left;
	padding-right: 10px;
	text-align: center;
}

#angebote #content #rabatt p
{
	text-align: left;
}

.trennlinie
{
	border-top: solid 1px grey;
	_border-top: solid 1px black;
}

/***********************/
/*	KONTAKT		*/
/********************/
#kontakt #content h3, #kontakt #content p
{
	xtext-align: center;
	margin: 20px;
}

#kontakt #content #adresse
{
	xmargin-left: 50px;
	padding: 5px 10px;
	border: 1px solid lightgrey;
	width: 510px;
	height: 75px;
}

#kontakt #content #adresse ul
{
	padding: 0;
	margin-right: 20px;
	list-style-type: none;
	xwidth: 300px;
}

#kontakt #content #adresse li
{
	padding-left: 0;
	xmargin: 0;
}

#kontakt #content #adresse li.rechts
{
	position: relative;
	left: 100px;
	width: 200px;
	xfont-size: 17px;
	xcolor: green;
	text-align: right;
	margin: -15px 0 0 0;
	background: none;
	padding-right: 0;
	xfont-weight: bold;
}

#kontakt #content #adresse li.center
{
	text-align: center;
}

#kontakt #content #adresse strong
{
	font-size: 12pt;
	xmargin: 0;
}

#kontakt #content .email
{
	background: #ccf;
	color: #339;
	border: solid 1px #339;
	padding: 5px 20px 5px 20px;
}

/***********************/
/*	PARTNER		*/
/********************/
#partner #content ul
{
	padding: 0;
	margin: 20px;
	list-style-type: none;
}

#partner #content li a
{
	border: solid 2px white;
	display: block;
	padding: 4px;
}

#partner #content li a:hover
{
	background-color: #ffff99;
	border-color: #cc6600;
}

#partner #content li a:active
{
	border-color: green;
}

/********************/
/*	IMPRESSUM	*/
/******************/
#impressum h2, #impressum h3
{
	xfont-size: 16px;
	x_text-align: center;
	width: 540px;
}

#impressum h3
{
	font-size: 14px;
	color: #333399;
	background-color: #E6E6FA;
	border: 1px solid #6666ff;
	padding: 3px 10px;
	margin: 13px 0 4px 0;
}

#impressum p
{
	margin: 0 0 10px 15px;
	width: 540px;
}

#impressum #content p a
{
	font-size: 10pt;
}

/***********************/
/*	Buchungsformular	*/
/********************/

#buchung #content
{
	margin-top: 30px;
}

#buchung #content h3
{
	color: DarkRed;
	background-color: MistyRose;
	padding: 3px 10px;
}

#buchung #content li
{
	margin-top:3px;
}

#buchung #content table
{
	border-spacing: 4px;
	border-style: hidden;
	margin: 0;
}

#buchung #content table.Eingabe
{
	border-spacing: 2px;
	font-size: 10pt;
}

#buchung #content .FeldName, #buchung #content .FeldNameFETT, #buchung #content .GruppenFeld, #buchung #content .ABCheck
{
	color: Indigo;
	font-size: 9pt;
	font-weight: bold;
	font-variant: small-caps;
	letter-spacing: 2px;
	padding-left: 5px;
	padding-right: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: Navy;
	margin-right: 5px;
	margin-bottom: 0px;
}

#buchung #content .ABCheck
{
	font-size: 14pt;
	background-color: lightgreen;
}

#buchung #content .ABCheck input
{
	padding: 2px 5px 2px 20px;
	margin: 2px 5px 2px 20px;
}

#buchung #content .FeldName, #buchung #content .GruppenFeld
{
	background-color: AliceBlue;
}

#buchung #content .FeldNameFETT
{
	background-color: Lavender;
}

#buchung #content .GruppenFeld
{
	font-variant: normal;
	font-weight: normal;
	letter-spacing: normal;
	padding-left: 6px;
	padding-right: 6px;
}

#buchung #content .Gruppe
{
	border-style: dashed;
	border-top-style: hidden;
	border-width: 1px;
	border-color: Navy;
	xbackground-color: GhostWhite;
	background-color: LightYellow;
}

#buchung #content .GruppeFehler
{
	border-style: dashed;
	border-top-style: hidden;
	border-width: 1px;
	background-color: MistyRose;
	border-color: Red;
}

#buchung #content input[type="text"], #buchung #content input[type="submit"], #buchung #content input[type="reset"], #buchung #content select, #buchung #content input.wichtig
{
	border-style: solid;
	border-width: 1px;
	border-color: CornFlowerBlue;
	margin-top: 0px;
	background-color: White;
}

#buchung #content input[type="submit"], #buchung input[type="reset"]
{
	width: 130px;
	padding: 4px;
	font-size: 11pt;
}

#buchung #content input.wichtig
{
	background-color: LightYellow;
	border-top-style: hidden;
}

#buchung #content .wichtig
{
	background-color: LightYellow;
}

#buchung #content select.Angebot
{
	font-size: 10pt;
	font-weight: bold;
	background-color: LightYellow;
	border-style: solid;
	border-width: 1px;
}

#buchung #content select.AngebotFehler
{
	font-size: 10pt;
	font-weight: bold;
	background-color: MistyRose;
	border-style: solid;
	border-width: 1px;
	border-color: Red;
}

#buchung #content input[type="text"]
{
	border-top-style: hidden;
}

#buchung #content input[type="submit"], #buchung #content input[type="reset"]
{
	background-color: LightSkyBlue;
	font-weight: bold;
}

#buchung #content input[type="submit"]:hover, #buchung #content input[type="reset"]:hover
{
	background-color: LightGreen;
	font-weight: bold;
}

#buchung #content input.Fehler
{
	border-style: solid;
	border-width: 1px;
	border-color: Red;
	border-top-style: hidden;
	margin-top: 0px;
	background-color: MistyRose;
}

#buchung #content textarea
{
	border-style: solid;
	border-width: 1px;
	border-color: CornFlowerBlue;
}

#buchung #content strong
{
	color: darkred;
	font-size: 21px;
}

#buchung #content .fehler
{
	color: red;
	font-size: 14px;
	font-weight: bold;
}
