/* *** css by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */

body {
font:13px arial, verdana, Helvetica, sans-serif; color: #333333;
line-height: 18px;
background:#fff url(images/bg.jpg) repeat-x;
padding:0px;
margin:0px;
}
a {color: #cc3300;text-decoration: none;}
a:visited {color:#cc3300;text-decoration: none;}
a:hover {color: #cc3300;text-decoration: underline;}
a:active { color:#cc3300;text-decoration: none;}


h1 {
font-size: 11px;
text-transform:uppercase;
background-color: #E0A3B7;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
padding:5px 15px;
margin:0px }

h2 {
font:22px Tahoma, Helvetica, arial, verdana, sans-serif; color: #cc3300;
font-weight: normal;
padding: 0px 0px 15px 0px;
margin:0px;}

h3 {
font:22px Tahoma, Helvetica, arial, verdana, sans-serif; color: #cc3300;
font-weight: normal;
padding: 0px 0px 15px 0px;
margin:0px;}

h4 {
font:13px arial, verdana, Helvetica, sans-serif; color: #cc3300;
font-weight: bold;
padding: 0px;
margin:0px;}

img.download {vertical-align:middle;}

.clearfloats {
clear: both;
}


/* ----------container to center the layout-------------- */
#container {
width: 950px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
background-color: #fff;
}

/* ----------banner for logo-------------- */

#headercon {
margin-left: auto;
margin-right: auto;
background:#fff url(images/header-bg.jpg) repeat-x;
}


#header {
width: 950px;
height: 570px;
margin-left: auto;
margin-right: auto;
}

#banner img {padding:10px 0px;} 




#logo {
width: 403px;
float: left;
margin: 0 0 0 49px;
padding-top: 411px;
background: url(images/bellevue-manor.jpg);
background-repeat: no-repeat;
text-align: center;
font:11px arial, Helvetica, sans-serif; color:#ebeedb;
line-height: 18px;
}


.logo:link { color:#ebeedb;}
a.logo:hover {
    text-decoration: underline;
}
.logo:visited { color:#ebeedb; text-decoration: none}
.logo:active { color:#ebeedb; text-decoration: none}

#header-right {
width: 473px;
float: right;
margin: 0 14px 0 0px;
padding: 0px;

}

#pos {
width: 459px;
height: 34px;
float: left;
margin: 12px 0px 0 11px;
padding: 6px 0 0 0;
font:11px arial, Helvetica, sans-serif; color:#9fa67b;
background: url(images/german-flag.gif) no-repeat top right;
}

#header-image {
width: 473px;
height: 328px;
float: left;
margin: 121px 0 0 0px;
padding: 0px;
background: url(images/fadeback.jpg);
background-repeat: no-repeat;

}

/* -----------------cameos--------------------- */
#cameos {

background-color: #ffffff;
padding: 0px;
margin-left: 0px;
margin-right: 0px;
text-align: center;
}

#cameos img {padding:0px 6px 40px 6px;}


/*- Navigation--------------------------- */

#menu1 ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#book ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#menu1 {
	width: 225px;
	margin: 0px;
	}
	
#menu1 li a {
	height: 30px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 23px;
  	margin-bottom: 6px;
	text-decoration: none;
	}	
	
#menu1 li a:link, #menu1 li a:visited {
	color: #003307;
	font:12px arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: right;
	display: block;
	background:  url(images/menu.jpg);
	padding: 8px 28px 0 0;
	}
	
#menu1 li a:hover {
	color: #b2170f;
	font:12px arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: right;
	padding: 8px 28px 0 0;
	}
	
#book {
	width: 225px;
	margin: 0px;
	}
	
#book li a {
	height: 30px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 22px;
  	margin-bottom: 6px;
	text-decoration: none;
	}	
	
#book li a:link, #book li a:visited {
	color: #FFF;
	font:12px arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: right;
	display: block;
	background:  url(images/book.jpg);
	padding: 8px 28px 0 0;
	}
	
#book li a:hover {
	color: #003307;
	font:12px arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: right;
	padding: 8px 28px 0 0;
	}	
	
/* -----------------specials--------------------- */
	
#specials {
	color: #003307;
	width: 225px;
	height: 268px;
	text-align: center;
	background:  url(images/specials.jpg) no-repeat;	
	margin: 21px 0 0 0;
	padding: 50px 0px 0px 0px;
	}
	
/* -----------------gallery--------------------- */

#gallery {
		
		padding: 0px;
		width: 621px;
		margin-bottom: 20px;
	}
	#gallery ul { list-style: none; padding:0; margin: 0 }
	#gallery ul li { display: inline; }
	#gallery ul img {
		border: 1px solid #fff;
		margin: 5px 5px 5px;
	}
	#gallery ul a:hover img {
		border: 1px solid #fff;
		margin: 5px 5px 5px;
		color: #fff;
	}
	#gallery ul a:hover { color: #fff; }

/* -----------------content--------------------- */



#content {
width: 621px;
float:right;
background-color: #ffffff;
padding: 0px;
margin-right: 40px;
margin-bottom: 20px;

}
div#content { 
min-height:550px;
height:auto; 
}

p, pre{
padding: 18px 0px 0px 0px;
margin:0px;
}

/* --------------left navi------------- */
#left {
float: left;
width: 225px;
margin: 0 0 0 25px;
padding: 0px;
}

/* -----------------tourism logos--------------------- */
#tourism {

background-color: #ffffff;
padding: 0px;
margin-left: 0px;
margin-right: 0px;
text-align: center;
}



/*-----------------------contact_form-------------------*/
.cssform p{
width: 300px;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}




/* -----------footer--------------------------- */
#footer {
clear: both;
height: 107px;
margin-top: 17px;
padding: 0px;
font:11px arial, Helvetica, sans-serif; color:#ebeedb;

line-height: 18px;
background:  url(images/footer-bg.jpg) repeat-x;
 }
 
#bottnav {
float: left;
width: 297px;
height: 107px;
margin: 0px;
padding: 0px;
background:  url(images/divider2.gif) no-repeat;
 }

#navleft {
float: left;
width: 111px;
margin-top: 27px;
padding: 0px;
line-height: 18px;
text-align: right;
 } 

#navright {
float: left;
width: 141px;
margin-top: 27px;
padding-left: 44px;
text-align: left;
 }
 
#contact {
float: right;
margin-top: 18px;
padding-right: 21px;
text-align: right;
 }
 
#copyright {
margin: 0;
padding-top: 13px;
padding-right: 21px;
text-align: right;
background: #ccdbb1;
font:11px arial, Helvetica, sans-serif; color:#333300;
 }
 
 .copyright:link { color:#333300;}
a.copyright:hover {
    text-decoration: none;
}
.copyright:visited { color:#333300; text-decoration: none}
.copyright:active { color:#333300; text-decoration: none}