
html, body {	background: url(../../images/bg.jpg) repeat-x top rgb(0,52,0);	color: rgb(0,52,0);}
html, body, a, h2, h3, h4, div, p, ul, li, input, table {		font-family: Verdana, Arial, Helvetica, sans-serif;		font-size: 11px;}
html {	height:100%;}
body {	min-height:101%;}

img {	         border: none;	text-decoration: none;	}
table, td, div { border:0;}

p { margin: 0px 0px 12px 0px;}

body {
	min-width: 960px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	text-align: center;
}

div.dokument {
	width: 960px;
	margin: 0 auto 0; 
	text-align: left;
	}

#kopf {
	width: 960px;
	height: 64px;
	margin:0;	padding:0;
	background:url(../../images/hg-kopf.jpg) top no-repeat;
}


#firstmenue { 	position:relative; width:960px; height: 30px;	margin: 0 ;	padding:30px 0px 0px 0px;	display: block;}

#firstmenue ul { margin: 0px 35px 0px 0px;	padding:0;}
#firstmenue li { line-height: 20px; text-align:left;	list-style: none; 	float:right; display:inline;}

#firstmenue ul li a {			margin: 0px;	padding: 0px 0px 0px 20px;	color:rgb(255,255,255);	background: none;	font-size:11px;	font-weight: normal;	text-decoration:none;	display:block;	}
#firstmenue ul li a:hover {	font-weight:normal;	text-decoration:none;	display:block;	color:rgb(0,52,0);}


body#kontakt li#kontakta a,
body#impressum li#impressuma a,
body#datenschutz li#datenschutza a
{
color:rgb(0,52,0);
font-weight:normal;
border: none;
background: none;
}



#kopf-1 {
	width: 960px;
	height:84px;
	text-align:center;
	margin:0;	padding:0;
	background:url(../../images/hg-kopf-1.jpg) top left no-repeat;
}

#kopf-1 img {	width: 400px;	height: 80px;	margin: 0px 0px 0px 0px;	padding:0;}
#kopf-1 a { 		text-decoration: none;	border: none; background:none;}

#kopf-2 {
	width: 960px;
	height:167px;
	margin:0;	padding:0;
	background:url(../../images/hg-kopf-2.jpg) top left no-repeat;
}


.none{ width: 0.1em; height: 0.1em; display: block; overflow: hidden;}

/*-- Hotel Sonnenhof, Lügde  ____________________ content*/

table.content {	width: 960px;	height: 350px;	vertical-align: top; margin: 0px;	padding: 0px; text-align:left; background:url(../../images/hg-content.jpg) repeat-y;}

td.c-nav {	width: 200px;	height: auto;	vertical-align: top;	margin:0; padding:34px 0px 20px 0px; background:url(../../images/bg-nav.gif) no-repeat top;}
#content-nav {  	text-align:left;}

td.c-mi {		width: 520px;	height: auto;	vertical-align: top;	margin:0; padding:18px 0px 20px 0px;}
#content-mi {	   	text-align:left; line-height:16px;	}

td.c-re {		width: 180px;	height: auto;	vertical-align: top;	margin:0; padding:60px 0px 20px 0px;}
#content-re {	   	text-align:left; line-height:16px;	} 

td.a-1 {	width: 19px;	height: auto;	vertical-align: top;margin:0; padding:0;}
img.a-1 { width: 19px;	height: 400px;}
td.a-2 {	width: 22px;	height: auto;	vertical-align: top;margin:0; padding:0; background:url(../../images/bg-a-2.gif) no-repeat top;}
img.a-2 { width: 22px;	height: 400px;}
td.a-3 {	width: 19px;	height: auto;	vertical-align: top;margin:0; padding:0;}
img.a-3 { width: 19px;	height: 400px;}

#content-mi img { border: 1px solid  rgb(255,255,255);}
#content-mi img.border0 { border: none;}

#content-re img { border: 1px solid  rgb(255,255,255);}
#content-re img.border0 { border: none;}

div.hg-nav {  width: 200px; 	margin:0; padding: 0px 0px 93px 0px;  background:url(../../images/bg-hg-nav.gif) no-repeat bottom;}
/*-- Hotel Sonnenhof, Lügde  ____________________ menue 1*/

#nav { 	position:relative;	width:200px;	margin:0px;	padding:0px;	text-align:left;}

/* nav list */
#nav ul {	width:200px;	list-style:none;	margin:0px 0px 0px 0px;	padding:0px;	background: url(../../images/bg-menue.gif) repeat-y;}
#nav li {	width:200px;	display: block;	line-height:32px;	margin:0px 0px 0px 0px;	padding:0px 0px 0px 0px;}

#nav ul li a {
line-height:18px;
color:rgb(0,52,0);
font-weight:normal;
text-decoration:none;
margin:0px;
padding: 8px 0px 8px 50px;
display: block;
border: none;
background: url(../../images/hg-menue.gif) no-repeat bottom;
}
html>body #nav a:link, #nav a:visited {
height:auto;
}

#nav ul li a:hover {
color:rgb(0,52,0);
font-weight:normal;
text-decoration:none;
display: block;
border: none;
background: url(../../images/hg-menue.gif) no-repeat bottom;
}

/* u */
#nav ul.u {	width:200px;	list-style:none;	margin:0px 0px 0px 0px;	padding:0px 0px 0px 0px;	background: url(../../images/bg-menue.gif) repeat-y;}
#nav li.u {	width:200px;	display: block;	line-height:32px;	margin:0;	padding:0px 0px 0px 0px;	}

#nav ul.u li.u a {
line-height:18px;
color:rgb(0,52,0);
font-weight:normal;
text-decoration:none;
margin:0px;
padding: 8px 0px 8px 80px;
display: block;
border: none;
background: url(../../images/hg-menue.gif) no-repeat bottom;
}
html>body #nav a:link, #nav a:visited {
height:auto;
}
#nav ul.u li.u a:hover {
color:rgb(0,52,0);
font-weight:normal;
text-decoration:none;
border: none;
background: url(../../images/hg-menue.gif) no-repeat bottom;
}


/* you are here */


body#home li#homea a, 
body#ueberuns-hotel-sonnenhof-bad-pyrmont-luegde li#ueberuns-hotel-sonnenhof-bad-pyrmont-luegdea a,
body#hotel-sonnenhof-bad-pyrmont-golfhotel-wellnesshotel-luegde li#hotel-sonnenhof-bad-pyrmont-golfhotel-wellnesshotel-luegdea a, 
body#hotel-zimmer-sonnenhof-bad-pyrmont-golfhotel-wellnesshotel-luegde li#hotel-sonnenhof-bad-pyrmont-golfhotel-wellnesshotel-luegdea a, 
body#tagungsraum-nrw-tagungshotel-bad-pyrmont-hotel-sonnenhof-luegde li#tagungsraum-nrw-tagungshotel-bad-pyrmont-hotel-sonnenhof-luegdea a, 
body#hochzeitsfeier-familienfeier-nrw-hotel-sonnenhof-bad-pyrmont-luegde li#hochzeitsfeier-familienfeier-nrw-hotel-sonnenhof-bad-pyrmont-luegdea a, 
body#erholung-wellness-hotel-sonnenhof-nrw-wellnesshotel-luegde-bad-pyrmont li#erholung-wellness-hotel-sonnenhof-nrw-wellnesshotel-luegde-bad-pyrmonta a, 
body#golf-golfclub-nrw-golfhotel-bad-pyrmont-hotel-sonnenhof-luegde li#golf-golfclub-nrw-golfhotel-bad-pyrmont-hotel-sonnenhof-luegdea a, 
body#cabrio-biker-hotel-sonnenhof-nrw-bad-pyrmont li#cabrio-biker-hotel-sonnenhof-nrw-bad-pyrmonta a, 
body#sehenswuerdigkeiten-attraktionen-hotel-sonnenhof-nrw-bad-pyrmont li#sehenswuerdigkeiten-attraktionen-hotel-sonnenhof-nrw-bad-pyrmonta a, 
body#saisonale-veranstaltungen-hotel-sonnenhof-nrw-bad-pyrmont li#saisonale-veranstaltungen-hotel-sonnenhof-nrw-bad-pyrmonta a,  
body#angebote-arrangements-hotel-sonnenhof-bad-pyrmont-golfhotel-wellnesshotel-luegde li#angebote-arrangements-hotel-sonnenhof-bad-pyrmont-golfhotel-wellnesshotel-luegdea a  
{
color:rgb(255,255,255);
font-weight:bold;
border: none;
background: url(../../images/hg-menue-marked.gif) no-repeat bottom;
}

body#hotel-zimmer-sonnenhof-bad-pyrmont-golfhotel-wellnesshotel-luegde li#hotel-zimmer-sonnenhof-bad-pyrmont-golfhotel-wellnesshotel-luegdea a 
{
color:rgb(255,255,255);
text-decoration:none;
font-weight:bold;
border: none;
background: url(../../images/hg-menue-u-marked.gif) no-repeat bottom;
}


/*-- Hotel Sonnenhof, Lügde  ____________________  */


h1 {
	clear:both; 
	line-height:16px;
	margin: 0px 0px 25px 0px;
	padding: 0px 2px 0px 2px;
	color: rgb(255,255,255);
	font-size: 12px;
	font-weight: bolder;
	text-align:left;
	background: none;
	border: none;
}

h2 {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	color: rgb(0,52,0);
	font-size: 11px;
	font-weight: bold;
	text-align:left;
}

h3 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 4px 0px;
	color: rgb(0,52,0);
	font-size: 11px;
	font-weight: bold;
}
h4 {						
	margin: 5px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	color: rgb(76,111,40);
	font-size: 9px;
	font-style: normal;
	text-decoration: none;
	font-weight:500;
}
span.xs  {						
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: rgb(76,111,40);
	font-size: 9px;
	font-style: normal;
	text-decoration: none;
	font-weight:500;
}
h5 {
    clear:both;
	position:relative;
	line-height:18px;
	margin: 20px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	color: rgb(0,52,0);
	font-size: 12px;
	font-weight: normal;
	border-bottom: 1px dashed rgb(184,198,134);
}
h6 {
    clear:both;
	position:relative;
	margin: 20px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	color: rgb(0,52,0);
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px solid rgb(184,198,134);
}

h6.angebot {
    clear:both;
	position:relative;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	color: rgb(0,52,0);
	font-size: 12px;
	font-weight: bold;
	text-align:right;
	border-bottom: 1px solid rgb(184,198,134);
}




/*________________________________________   */

a:link {		color: rgb(184,198,134); text-decoration:underline;}
a:visited {	color: rgb(184,198,134); text-decoration:underline;}
a:hover {	color: rgb(255,255,255);   	  text-decoration:underline;}
a:active {	color: rgb(184,198,134); text-decoration:underline;}

/*-- Hotel Sonnenhof, Lügde  ____________________txt link*/
a.txt {				font-weight: bold; 	color: rgb(184,198,134);			text-decoration:underline;}
a.txt:hover {	font-weight: bold; 	color: rgb(255,255,255);	text-decoration:underline;}

/*-- Hotel Sonnenhof, Lügde  ____________________txt hervorhebung*/
.txt {	 font-weight:bold;	color: rgb(255,255,255);}

/*--  info   */
#info {	width: 100%; height: 15px;		margin:0;		padding:0; 	text-align: right;	float:left;	clear:both; background: url(../../images/listenpunkt-info.gif) no-repeat right;}
#info a {				font-size:10px; 	color: rgb(184,198,134); padding:0px 15px 0px 0px;	text-decoration: none; }
#info a:hover {								color: rgb(255,255,255);}

/*--  hoch   */
#hoch {	position:relative;	width: 520px; 	height: 15px;	margin:10px 0px 0px 0px;	padding:10px 0px 0px 0px; 	text-align: right;		clear:both;}
#hoch a {			font-size:9px;	color: rgb(76,111,40);	text-decoration:underline; }
#hoch a:hover {							color: rgb(255,255,255);}

/*-- Hotel Sonnenhof, Lügde  ____________________#content  mi + re ----   inhalt */

#content-mi ul { list-style:none;	width:445px; display: block; margin:0px 0px 0px 0px; padding:0px 0px 0px 65px; }
#content-mi li { background: url(../../images/listenpunkt.gif) top left no-repeat;	 line-height:16px; margin:5px 0px 0px 0px; padding:0px 0px 0px 15px; display: block;}

#content-mi ul.klein { list-style:none;	width:210px; display: block; margin:0px 0px 0px 0px; padding:0px 0px 0px 20px; }
#content-mi li.klein { background: url(../../images/listenpunkt.gif) top left no-repeat;	 line-height:16px; margin:5px 0px 0px 0px; padding:0px 0px 0px 15px; display: block;}

#fl ul { list-style:none;	width:235px; display: block; margin:0px 0px 0px 0px; padding:0; }
#fl li { background: url(../../images/listenpunkt.gif) top left no-repeat;	 line-height:16px; margin:5px 0px 0px 0px; padding:0px 0px 0px 15px; display: block;}

#fr ul { list-style:none;	width:235px; display: block; margin:0px 0px 0px 0px; padding:0; }
#fr li { background: url(../../images/listenpunkt.gif) top left no-repeat;	 line-height:16px; margin:5px 0px 0px 0px; padding:0px 0px 0px 15px; display: block;}

#content-re ul.sprung {	list-style:none;	width:160px; display: block; margin:0px 0px 0px 20px; padding:0; }
#content-re li.sprung { background: url(../../images/listenpunkt-sprung.gif) top left no-repeat;	 line-height:16px; margin:5px 0px 0px 0px; padding:0px 0px 0px 15px; display: block;}

#sitemap-u ul { 	list-style:none;	width:400px; display: block;  margin:0px 0px 0px 90px; padding:0; }
#sitemap-u li { 	list-style:none;	line-height:20px; font-size: 12px; font-weight: bold;	background:none; display: block;  margin:10px 0px 0px 0px; padding:0; }

#sitemap-u1 ul { 	list-style:none;	width:350px; display: block; margin:0px 0px 0px 120px; padding:0; }
#sitemap-u1 li { 	list-style:none;	line-height:20px; font-size: 11px;  font-weight: normal;	background:none; display: block; margin:0; padding:0; }
#sitemap-u2 ul { 	list-style:none;	width:300px; display: block; margin:0px 0px 10px 150px; padding:0; }
#sitemap-u2 li { 	list-style:none;	line-height:20px; font-size: 11px;  font-weight: normal;	background:none; display: block; margin:0; padding:0; }

#content-re ul {	list-style:none;	width:160px; display: block; margin:0px 0px 0px 20px; padding:0; }
#content-re li { background: url(../../images/listenpunkt.gif) top left no-repeat;	 line-height:16px; margin:5px 0px 0px 0px; padding:0px 0px 0px 15px; display: block;}

#content-mi ol.dezi {	width:445px;	display: block;	margin:0px 0px 0px 0px;	padding:0px 0px 0px 40px;	list-style-type: decimal;  background:none;}
#content-mi li.dezi { 	list-style-type: decimal;  line-height:16px; margin:5px 0px 0px 0px; padding:0px 0px 0px 10px; display: list-item; background:none;}

#fl ol.dezi, #fr ol.dezi { width:215px;	display: block;	margin:0px 0px 0px 0px;	padding:0px 0px 0px 30px;	list-style-type: decimal;  background:none; }
#fl li.dezi,#fr li.dezi  { list-style-type: decimal;  line-height:16px; margin:5px 0px 0px 0px; padding:0px 0px 0px 5px; display: list-item; background:none;}

.a-leer  {	height:1px; width:520px;clear:both; margin:0;	padding:0;}

.a5 { height:5px; width:100px;clear:both;}
.a10 { height:10px; width:100px;clear:both;}
.a20 { height:20px; width:100px;clear:both;}
.a30 {	height:30px; width:100px;clear:both;}
.a40 {	height:40px; width:100px;clear:both;}
.a50 {	height:50px; width:100px;clear:both;}
.a60 {	height:60px; width:100px;clear:both;}
.a70 {	height:70px; width:100px;clear:both;}
.a80 {	height:80px; width:100px;clear:both;}
.a90 {	height:90px; width:100px;clear:both;}
.a100 {	height:100px; width:100px;clear:both;}
.a120 {	height:120px; width:100px;clear:both;}
.a200 {	height:200px; width:100px;clear:both;}
.a300 {	height:300px; width:100px;clear:both;}
.a400 {	height:400px; width:100px;clear:both;}
.a500 {	height:500px; width:100px;clear:both;}
.a1000 {	height:1000px; width:100px;clear:both;}
/*--  floats */

#hg {			position:relative; float:left;	width: 520px; 	margin: 0px 0px 30px 0px;}
#hg-450 {	position:relative; float:right;	width: 450px; 	margin: 0px 0px 30px 0px;}
#hg-350 {	position:relative; float:right;	width: 350px; 	margin: 0px 0px 30px 0px;}

div.bi-fl {	position:relative; float:left;    	clear:left; 	width:250px; margin:0px 0px 0px 0px; padding:0; text-align:center;}
div.bi-fr {	position:relative; float:right; 	clear:right;	width:250px; margin:0px 0px 0px 0px; padding:0; text-align:center;}

div#bi-fl {	position:relative; float:left;    	clear:left; 	width:250px; margin:0px 0px 0px 0px; padding:0; text-align:center;}
div#bi-fr {	position:relative; float:right; 	clear:right;	width:250px; margin:0px 0px 0px 0px; padding:0; text-align:center;}

div.fl {			position:relative; float:left;		 clear:left; 	width:250px; margin:0px 0px 0px 0px; padding:0; display:block;}
div.fr {		position:relative; float:right; 	clear:right; 	width:250px; margin:0px 0px 0px 0px; padding:0; display:block;}

div#fl {		position:relative; float:left;		clear:left; 	width:250px; margin:0px 0px 0px 0px; padding:0; display:block;}
div#fr {		position:relative; float:right; 	clear:right; 	width:250px; margin:0px 0px 0px 0px; padding:0; display:block;}

.fl {	float:left; margin:0px 10px 0px 0px; padding:0;}
.fr {	float:right; margin:0px 0px 0px 10px; padding:0;}


div#bi-fl-150 {	position:relative; float:left;    	clear:left; 	width:150px; margin:0px 0px 0px 0px; padding:0; text-align:center;}
div#bi-fr-150 {	position:relative; float:right; 	clear:right;	width:150px; margin:0px 0px 0px 0px; padding:0; text-align:center;}

div#fr-350 {		position:relative; float:right; 	clear:right; 	width:350px; margin:0px 0px 0px 0px; padding:0; display:block;}
div#fl-350 {		position:relative; float:left;		clear:left; 	width:350px; margin:0px 0px 0px 0px; padding:0; display:block;}


/*--  kontakt   */
div.li-200 {		position:relative; float:left; 		clear:left;		width: 200px; 	margin: 20px 0px 20px 0px; 	text-align: right;}
div.re-300 {	position:relative; float:right; 	clear:right;	width: 300px; 	margin: 20px 0px 20px 0px; 	text-align: left;}

div#li-200 {	position:relative; float:left; 		clear:left;		width: 200px; 	margin: 0px 0px 20px 0px; 	text-align: right;}
div#re-300 {	position:relative; float:right; 	clear:right;	width: 300px; 	margin: 0px 0px 20px 0px; 	text-align: left;}

div#li-300 {	position:relative; float:left; 		clear:left;		width: 300px; 	margin: 0px 0px 20px 0px; 	text-align: right;}
div#re-200 {	position:relative; float:right; 	clear:right;	width: 200px; 	margin: 0px 0px 20px 0px; 	text-align: left;}





/*__CMS __*/

.rechts{ text-align:right; vertical-align:top; padding-bottom:10px;}
.links{ text-align:left; vertical-align:top; padding:20px 0px 10px 0px;}

#block { text-align:justify;}


/*-- impressum  ____________________ webdesign*/

body#impressum a.webdesign { 				color: rgb(76,111,40); font-size: 9px;	font-style: normal;	text-decoration: none;	 font-weight:500;	border: none; background:none; cursor: auto;}
body#impressum a.webdesign:hover {	color: rgb(76,111,40); font-size: 9px;	font-style: normal;	text-decoration: none;	 font-weight:500;	border: none; background:none; cursor: auto;}
body#webdesign a {									color: rgb(0,52,0); text-decoration: none; background:none;	border: none;}
body#webdesign a:hover {						color: rgb(0,52,0); text-decoration: none; background:none;	border: none;}

/*-- Hotel Sonnenhof, Lügde  ____________________ abschluss */

#abschluss {		height:25px;	background:url(../../images/hg-abschluss.jpg) no-repeat top;	color:rgb(153,173,81);		text-align:center;    position:relative;	float:left;	width: 960px; margin: 0; padding:0;}

#abschluss a {		     	font-size: 10px;	color:rgb(153,173,81);	font-weight:normal;	text-decoration: none;	 border:none;}
#abschluss strong {		color:rgb(255,255,255);}
#abschluss p {				font-size: 10px;	line-height:20px;				margin: 0px 0px 0px 0px;	padding: 0px;}
#abschluss span.bull  {	font-size: 10px;	color:rgb(153,173,81);	margin: 0;	padding: 0px 4px 0px 4px;}

/*--  abschluss

_________________________  piperweb.de   */



#piperweb { 				width: 960px; height: 104px; margin: 20px 0px 0px 0px; padding:0;		background:none;}

#piperweb span {	width: auto; text-align: right;	position:relative; float:right; 	font-size: 9px;	word-spacing: 0.3em;	font-family: "Trebuchet MS"; }
#piperweb span a {	width: auto; color: rgb(96,131,50);	font-size: 9px;	word-spacing: 0.3em;	font-family: "Trebuchet MS";	text-decoration: none;	 border:none; background:none; }
#piperweb span a:hover {			color: rgb(96,131,50); 	text-decoration: none;	 border:none; background:none;}
#piperweb span a.piperweb {		padding: 10px 85px 10px 10px; }
#piperweb span a.sitemap {		padding: 10px 10px 10px 10px; }

#piperweb span.bull {	 			padding: 2px 3px 10px 3px;		color: rgb(96,131,50); 	font-size: 7px;}

#piperweb span.related {				color: rgb(76,111,40);	padding: 20px 85px 10px 0px; }
#piperweb span.related a {			color: rgb(76,111,40);}
#piperweb span.related a:hover {	color: rgb(76,111,40);	text-decoration: none;	 border:none; background:none;}

.mitte { width: 520px;}


/* CMS */

body#angebote-arrangements-hotel-sonnenhof-bad-pyrmont-golfhotel-wellnesshotel-luegde #content-mi .mitte li
,
body#saisonale-veranstaltungen-hotel-sonnenhof-nrw-bad-pyrmont #content-mi .mitte li
,
body#erholung-wellness-hotel-sonnenhof-nrw-wellnesshotel-luegde-bad-pyrmont #content-mi .mitte li
 {
	list-style:none;
	width:260px;
	display: block;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 20px;
}

body#angebote-arrangements-hotel-sonnenhof-bad-pyrmont-golfhotel-wellnesshotel-luegde #content-mi .mitte td.links
,
body#saisonale-veranstaltungen-hotel-sonnenhof-nrw-bad-pyrmont #content-mi .mitte td.links
,
body#erholung-wellness-hotel-sonnenhof-nrw-wellnesshotel-luegde-bad-pyrmont #content-mi .mitte td.links
 {
	width: 300px;
}

body#angebote-arrangements-hotel-sonnenhof-bad-pyrmont-golfhotel-wellnesshotel-luegde #content-mi .mitte td.rechts
,
body#saisonale-veranstaltungen-hotel-sonnenhof-nrw-bad-pyrmont #content-mi .mitte td.rechts
,
body#erholung-wellness-hotel-sonnenhof-nrw-wellnesshotel-luegde-bad-pyrmont #content-mi .mitte td.rechts
 {
	width: 200px;
}
