* {
	margin:0;
	padding: 0;
	}

body {
	padding: 0px;
	margin: 0px;
	color: #474747;
	background: url('../img/bg_body.jpg') repeat-x 0px 0px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height: 1.5em;
	font-size: font-size: 62.5%;
	font-family:Verdana, "trebuchet ms", arial, helvetica, sans-serif;
	text-align: center;
	}

#wrapper {
	padding: 0;
	margin: 0px auto;
	width: 990px;
	text-align:left;
	}

#header {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 98px;
	}

#header h1 {
	width: 233px;
	height: 56px;
	margin: 23px 0 0 8px;
	padding: 0;
	overflow: hidden;
	background: url('../img/logo.png') no-repeat 0px 0px;
	}

a.logo {
	display: block;
	width: 233px;
	height: 56px;
	text-indent: -9999px;
	overflow: hidden;
	}

#subheader h1 {
	position: absolute;
	z-index: 101;
	top: 0px;
	right: 0px;
	width: 271px;
	height: 165px;
	margin-top: 0px;
	padding: 0;
	text-indent: -9999px;
	overflow: hidden;
	background: url('../img/logo_villaitalia.jpg') no-repeat 26px 60px;
	}
	


/* -- MAIN NAV -- */	

#navcontainer {
	clear: both;
	float: left;
	width: 534px;
	height: 32px;
	margin: 0;
	padding: 0;
	}

#nav {
	float: left;
	width: 534px;
	height: 32px;
	position: relative;
	background: url(../img/nav_bg.jpg);
	margin: 0 0 0 8px;
	padding: 0;
	}

#nav li {
	float: left;
	list-style: none;
	}

#nav li a {
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0;
	display: block;
	height: 32px;
	background: url(../img/nav_bg.jpg) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	}

/*up state*/
li#about a {
	left: 0;
	width: 62px;
	background-position: 0 0;
	}

li#restaurant a {
	left: 86px;
	width: 84px;
	background-position: -86px 0;
	}

li#biergarten a {
	left: 192px;
	width: 84px;
	background-position: -192px 0;
	}

li#rooms a {
	left: 296px;
	width: 155px;
	background-position: -296px 0;
	}

li#contact a {
	left: 472px;
	width: 64px;
	background-position: -472px 0;
	}

/*hover state*/
li#about a:hover {
	background-position: 0 -32px;
	}

li#restaurant a:hover {
	background-position: -86px -32px;
	}

li#biergarten a:hover {
	background-position: -192px -32px;
	}

li#rooms a:hover {
	background-position: -296px -32px;
	}

li#contact a:hover {
	background-position: -472px -32px;
	}

/*current state*/
#body_about li#about a {
	background-position: 0px -64px;
	}

#body_restaurant li#restaurant a {
	background-position: -86px -64px;
	}

#body_biergarten li#biergarten a {
	background-position: -192px -64px;
	}

#body_rooms li#rooms a {
	background-position: -296px -64px;
	}

#body_contact li#contact a {
	background-position: -472px -64px;
	}



a.subnav {
	color: #7d6565;
	border-bottom: 1px dotted #7d6565;
	}
	
a.subnav:hover {
	border-bottom: 1px dotted #000000;
	color: #000000;
	}
	
#spacer {
	clear: both;
	width:100%;
	margin: 0px;
	min-width: 990px;
	min-height: 18px;
	background: url('../img/bg_spacer.jpg') no-repeat 745px 0px;
	}

#content {
	width:990px;
	margin: 0;
	padding: 0;
	background: url('../img/bg_right.jpg') repeat-y 745px 0px;
	float: left;
	font-size: 0.80em;
	}
	
#main {
	width: 745px;
	margin: 25px 0 0 0;
	padding:0;
	float: left;
	}

.maincontainer {
	clear: both;
	float: left;
	width: 745px;
	margin-bottom: 0px;	
	padding: 0;
	}

.gesell {
	margin-top: 25px;
	}

.maincontainer .introleft {
	float: left;
	margin: 0;
	padding: 0 0 35px 0;
	background: url(../img/visual.jpg) no-repeat 9px 100%;
	overflow: hidden;
	}
	
.visual {
	float: left;
	padding: 7px 8px;
	border: #a0a0a0 1px solid;
	margin: 0px;
	}



.maincontainer .introright {
	float: right;
	width: 260px;
	margin: 0px;
	padding: 0px;
	}

#content h1 {
	display: block;
	font-size: 1.2em;
	padding-bottom: 6px;
	width: 231px;
	border-bottom: 1px solid #a0a0a0;
	color: #3c3c3c;
	}

.introright p {
	padding-right: 29px;
	margin-top: 8px;
	}
	

.maincontainer .columnleft {
	float: left;
	width: 222px;
	margin: 0;
	padding: 0;
	}

.maincontainer .columncenter {
	float: right;
	width: 222px;
	margin-right: 25px;
	padding: 0px;
	}

.maincontainer .columnright {
	float: right;
	width: 222px;
	margin-right: 29px;
	padding: 0px;
	}

.visualsmall {
	float: left;
	padding: 4px 5px;
	border: #a0a0a0 1px solid;
	margin: 0px;
	height: 140px;
	}

.picwrapper {
	clear: both;
	float: left;
	margin: 0;
	padding-bottom: 17px;
	background: url(../img/visualsmall.jpg) no-repeat 5px 100%;
	overflow: hidden;
	}

.maincontainer h2 {
	font-size: 1.2em;
	margin-bottom: 8px;
	margin-left: 8px;
	color: #7d6565;
	}

.oz {margin-top: 25px;}

.news {margin-bottom: 25px;}


.columntext {
	margin: 0 0 30px 0;
	padding: 0 0 0 8px;
	}
	
.columntext ul {
	margin: 0px;
	padding-left: 6px;
	list-style: none;
	}

.columntext li {
	padding-left: 16px; 
	background: url(../img/arrow.png) no-repeat 0 center;
	}
	
.flow {
	padding: 0 29px 0 8px;
	}

.flow ul {
	margin-left: 10px;
	list-style: none;
	font-weight: bold;
	}

.flow li {
	padding-left: 14px;
	background: url(../img/arrow.png) no-repeat 0 center;
	}
	
a.readmore {
	text-decoration: none;
	padding: 0px;
	display: block;
	background: url(../img/readmore.png) no-repeat 0 0;
	width: 57px;
	height: 17px;
	text-indent: -9999px;
	overflow: hidden;
	margin-top: 12px;
	}

.team {
	font-weight: bold;
	font-size: 1.0em;
	color: #7d6565;
	} 

.title {
	font-size: 0.8em;
	line-height: 1.1em;
	}

h3 { 
	margin: 30px 0 15px 8px;
	font-size: 1.2em;
	color: #7d6565;
	}



/* -- GALLERY -- */

.visualgallery {
	float: left;
	padding: 2px;
	border: #a0a0a0 1px solid;
	margin: 0px;
	height: 103px;
	}

.picwrapper_gallery {
	clear: both;
	float: left;
	margin: 0;
	padding-bottom: 13px;
	background: url(../img/visualgallery.jpg) no-repeat 3px 100%;
	overflow: hidden;
	}

.maincontainer .galleryone {
	float: left;
	width: 160px;
	margin: 0;
	padding: 0;
	}

.maincontainer .gallerytwo {
	float: right;
	width: 160px;
	margin-right: 29px;
	padding: 0px;
	}

.maincontainer .gallerythree {
	float: right;
	width: 160px;
	margin-right: 25px;
	padding: 0px;
	}

.maincontainer .galleryfour {
	float: right;
	width: 160px;
	margin-right: 25px;
	padding: 0px;
	}
	
.newsfirst {
	float: right;
	width: 170px;
	margin-right: 10px;
	padding: 0px;
	}

.newssecond {
	float: right;
	width: 170px;
	margin-right: 29px;
	padding: 0px;
	}

.newshead {
	line-height: 1.3em;
	}
	
.newstext {
	font-size: 0.85em;
	line-height: 1.3em;
	margin-top: 4px;
	}



/* -- SIDEBAR -- */
	
#right {
	width: 220px;
	margin: 20px 0 0 0;
	padding: 0;
	float: right;
	}

#right_home {
	width: 220px;
	margin: 50px 0 0 0;
	padding: 0;
	float: right;
	}

.rightcontainer {
	padding: 0 0 30px 35px;
	}

.rightcontainer h2 {
	font-size: 1.2em;
	color: #b3867a;
	padding-top: 6px;
	margin: 0px;
	}

ul.adresse {
	margin-top: 6px;
	font-weight: bold;
	list-style: none;
	}

.adresse li.anschrift {
	padding-left: 14px;
	background: url(../img/arrow.png) no-repeat 0 center;
	}

.adresse li.telefon  {
	height: 45px;
	width: 195px;
	display: block;
	margin: 6px 0 10px 0;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../img/telefon.png) no-repeat 0 0;
	}

.adresse li.open  {
	height: 45px;
	width: 195px;
	display: block;
	margin-top: 6px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../img/oeffnungszeiten.png) no-repeat 0 0;
	}
	
.adresse li.speisekarte {
	height: 45px;
	width: 195px;
	margin-top: 6px;
	background: url(../img/restaurant/speisekarte_dl.png) no-repeat 0 0;
	}
	
.adresse li.wegbeschreibung {
	height: 45px;
	width: 195px;
	margin-top: 6px;
	background: url(../img/kontakt/wegbeschreibung_dl.png) no-repeat 0 0;
	}
	
a.dl {
	display: block;
	width: 195px;
	height: 45px;
	text-indent: -9999px;
	overflow: hidden;
	}
	
.rightcontainer .image {
	margin-top: 10px;
	margin-left: -4px;
	}

.rightcontainer p {
	margin-top: 0px;
	line-height: 1.5em; 
	}

.rightcontainer .impressum p {
	margin-top: 0px;
	font-size: 0.8em;
	}
	
.rightcontainer .impressum a {
	text-decoration: none;
	color: #474747;
	}
	
.rightcontainer .impressum a:hover {
	border-bottom: 1px dotted #000000;
	color: #000000;
	}


/* -- SUBNAV -- */

#subnav_left {
	clear: both;
	float: left;
	width: 745px;
	height: 65px;
	margin: 0;	
	padding: 0;
	}

#subnav_right {
	float: right;
	width: 245px;
	height: 65px;
	margin: 0;
	padding: 0;
	background: url(../img/subnav_bg.jpg) bottom left no-repeat; 
	}

#subnav {
	margin: 32px 0 0 52px;
	width: 187px;
	height: 30px;
	position: relative;
	background: url(../img/subnav.jpg);
	}
	
#subnav_right li a {
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0;
	display: block;
	height: 30px;
	background: url(../img/subnav.jpg) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	}


#subnav_right li {
	list-style: none;
	float: left;
	}
	
/*up state*/
li#home a {
	left: 0;
	width: 74px;
	background-position: 0 0;
	}

li#top a {
	left: 80px;
	width: 107px;
	background-position: -80px 0;
	}

/*hover state*/
li#home a:hover {
	background-position: 0 -30px;
	}

li#top a:hover {
	background-position: -80px -30px;
	}







/* -- FOOTER -- */


#footer {
	clear: both;
	float: left;
	min-width: 990px;
	background: url(../img/bg_footer.jpg) repeat-x 0 0 #956f6e;
	width: 100%;
	color: #ccc9c4;
	}

.footer_content {
	padding: 0px 0 0px 0;
	margin: 0px auto;
	width: 990px;
	}

#footer_left {
	clear: left;
	float: left;
	width: 737px;
	margin: 0 0 0 8px;
	padding: 35px 0 35px 0;
	}

#footer_right {
	clear: right;
	float: right;
	width: 230px;
	padding: 35px 10px 35px 0;
	margin: 0px;
	text-align: right;
	}

#footer_left p {
	width: 117px;
	float: left;
	text-align: left;
	padding: 0px;
	margin: 2px 0 0 0;
	}

#footer_left a {
	display: block;
	width: 117px;
	height: 26px;
	background: url(../img/logo_small.png) no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
	}

#footer_left ul {
	float: right;
	list-style: none;
	padding: 0;
	font-size: 10px;
	line-height: 14px;
	text-align: left;
	margin: 0 254px 0 0px;
	}
	
#footer_left span {
	font-size: 0.7em;
	color: #c28688;
	padding: 0 5px;
	}
	
#footer_right ul {
	list-style: none;
	padding: 0;
	margin: 0;
	line-height: 14px;
	}

#footer_right li {
	display: inline;
	line-height: 14px;
	font-size: 10px;
	margin: 0;
	padding:0 0 0 10px; 
	}

#footer_right a {
	text-decoration: none;
	line-height: 14px;
	font-size: 10px;
	color: #9c9c9c;
	margin: 0;
	padding: 0;
	}
	
#footer_right a:hover {
	border-bottom: 1px dotted #c28688;
	color: #ffffff;
	}
	
#footer_right p {
	padding: 0;
	margin: 0;
	font-size: 10px;
	line-height: 14px;
	}
	
	
	


.maincontainer .mailleft {
	clear: both;
	float: left;
	width: 500px;
	margin: 0;
	padding: 0 0 0 0;
	}
	

.maincontainer .mailright {
	float: right;
	width: 245px;
	margin-top: 28px;
	}

.mailright p {
	padding-right: 29px;
	}
	
	

fieldset {
	border: none;
	}
	
form div {
	clear:both;
	}

label {
	cursor:hand;
	}

span.label {
	float:left;
	width:100px;
	}

span.field {
	float:left;
	}

.ziel {
	border: 1px solid #a0a0a0;
	font-size: 0.95em;
	font-weight: bold;
	line-height: 0.95em;
	margin-bottom: 10px;
	padding: 4px 2px;
	}