/* CSS Document (©)
developed for buendadavos.ch
by Ellen Bratfisch
http://www.ellenbratfisch.de */

/*	colours:
	#1F351A; background green
	#2B4226; lighter green
	#5B7555; lighter green text
	#A3C380; light green 
	#FF7400; orange */
	
@import url("style_reset.css");
/*@font-face {
	font-family: Share;
	src: url('Share-Regular.otf');
	}*/
	
body {
	margin: 0;
	padding: 0;
	height: 100%;
	background: #1F351A url(../images/bg_topline.gif) repeat-x top left;
	color: #FFF;
	font: 12px/18px Geneva, Helvetica, Arial, "Arial Narrow",  sans-serif;
	}
	.container /*containter-top und container-bottom */{
		width: 920px;
		margin: 0px auto;
		padding: 0;
		}
		#topline {
			width: 100%;
			height: 50px; /*60px*/
			background: url(../images/buendadavos.gif) no-repeat 523px bottom;
			border: 0px solid #1F351A; /* damit div oben an seitenrand grenzt */
			}
			#topline ul {
				height: 18px;
				width: 460px;
				padding: 15px/*20*/ 3px;
				font-size: 10px;
				list-style-type: none;
				list-style-image: none;
				list-style-position: inside;
				}
				#topline ul li {
					margin: 0 0 0 5px;
					float: left;
					letter-spacing: 0.3px;
					}
				#topline input {
					height: auto;
					float: left;
					padding: 0px 3px;
					border: 1px solid #2B4226;
					}
				#topline li.reservierung a {
					color: #FF7400;
					}
		.foto {
			width: 100%;
			height: 300px;
			}
			#home {
				background: url(../images/foto_montage.jpg) no-repeat center bottom;
				}
			#rest {
				background: url(../images/foto_restaurant.jpg) no-repeat center bottom;
				}
			#contact {
				background: url(../images/foto_kontakt.jpg) no-repeat center bottom;
				}
			#aktuell {
				background: url(../images/foto_preise.jpg) no-repeat center bottom;
				}
			#preise {
				background: url(../images/foto_resiwinter.jpg) no-repeat center bottom;
				}
			#hotel {
				background: url(../images/foto_resiwinter.jpg) no-repeat center bottom;
				}
			#fewo {
				background: url(../images/foto_residenz.jpg) no-repeat center bottom;
				}
			#other {
				background: url(../images/foto_other.jpg) no-repeat center bottom;
				}
			#jobs {
				background: url(../images/foto_jobs.jpg) no-repeat center bottom;
				}		
		#navi {
			width: 100%;
			height: auto;
			background: url(../images/bg_navi.gif) repeat-x top left;
			border-bottom: 0px solid #1F351A;
			}
			#navi ul {
			width: 920px;
			height: 24px;
			margin: 0px 20px;
			padding: 5px 3px 0px 3px;
			background: none;  
			font-size: 10px;
			list-style-type: none;
			list-style-image: none;
		/*	list-style-position: inside; */
						
			}
			#navi ul li {
				margin: 0 20px 0 0;
				padding: 0;
				height: 24px;
				float: left;
				}
				#navi ul li.current {
					background: url(../images/triangle.png) no-repeat center bottom;
					}
/*NEU*/
			span.langs {
				float:right;
				width: 40px;
				position:relative;
				top:-23px;
				left: -10px;
				height: 20px;
				}
/*NEU*/	
		.headline {
			width: 100%;
			height: 150px; /*170*/
			background: #3B5335 url(../images/gaestekarte_wi.png) no-repeat 700px -40px;
			border: 0px solid #2B4226;
			}
			#job {
				background:  #3B5335;
				}
			.text /* div, Text in der Headline inkl. Überschrift*/{
				width: 625px;
				margin: 0 ;
				padding: 13px 20px 0px 20px;
				float: left;
				}
				.text h3.subtitle {
					text-transform: uppercase;
					color: #A3C380;
					letter-spacing: 0.5px;
					}
				.text p {
					margin-top: 5px;
					width: 625px;
					}
			.content {
				margin: 0px;
				padding: 0px 0px;
				}
				#sidebar-right{
					width: 210px;
					min-height: 450px; /* überprüfen */
					float: right;
					margin-left: 30px;
					background: url(../images/schatten_links.png) no-repeat;
					background-attachment: scroll;
					background-position: left top;
					padding-top: 10px;
					padding-right: 0px;
					padding-bottom: 7px /*10px*/;
					padding-left: 20px;
					}
					#aktuell_list {
						font-size: 10px;
						line-height: 14px;
						border-top: 1px dotted #5B7555;
						padding: 3px 0px;
						}
					#infotext, .infotext {
						font-size: 10px;
						line-height: 14px;
						padding: 3px 0px;
						}
					p.reservierung, span.reservierung /*li.reservierung bei navi_top*/ {
					/*	background: #2B4226;
						top: 20px;
						left: 0px;*/
						color: #FFF;
						border-top: 1px dotted #5B7555;
						border-bottom: 1px dotted #5B7555;
						padding: 3px 0px 2px 0px;
						font: 11px Geneva, "Arial Narrow", Helvetica, Arial;	
						}
				#text /* Artikelfeld, Hauptext */ {
					width: 615px; /*625*/
					margin: 0;
					padding: 0px 20px 10px 20px;
					}
					
					div.content_spalte /* Artikel in Spalten (umgebung-list)*/ {
						width: 270px;
						float: left;
						margin: 0;
						border-bottom: 1px dotted #5B7555;
						
						padding-bottom: 2px;
						}	
						div.content_spalte_home {
							width: 270px;
							float: left;
							margin: 0;
							height: auto;
							border-bottom: 1px dotted #5B7555;
							font-size: 10px;
							line-height: 14px;
							}
					div.entry-content /* regulärer Artikel-Body */ {
						height: auto;	
						} 
						div.entry-content p{
							margin-bottom: 6px;
							}
					img.article_image, .entry-content img, .content_spalte img, .article_image img {
						padding: 3px 0px 10px 0px;
						margin-right: 10px;
						background: #FFF;
						vertical-align:text-top;
						float:left; 
						background: url(../images/schatten_unten.png) no-repeat;
						background-attachment: scroll;
						background-position: left bottom;
						}
						.entry-content ul {
							padding: 5px;
							margin-bottom: 5px;
							border: 1px dotted #5B7555;
							background: #2B4226;
							}
							.entry-content ul li {
								background: url(../images/okay.png) no-repeat top left;
								padding-left: 15px;
								}
			/*	.entry-content-zimmer {
					width: 270px;
					float: left;
					}*/
					
			#footer {
				width: 100%;
				height: 65px;
				margin: 0px auto;
				background: #1F351A url(../images/bg_topline.gif) repeat-x top left;
				color: #5B7555;
				}
				#footer div {
					width: 920px;
					margin: auto;
					padding: 15px 0 15px 0; /*20px*/
					background: url(../images/ferientag.png) no-repeat 823px bottom;
					}
				span.copyright {
					font: 10px Arial, Verdana;
					}
					
/* General items ---------------- */

/* Links: Reihenfolge beachten: 1-link, 2-visited, 3-hover */
	a:link {
		color: #A3C380;
		text-decoration: none;
		text-transform: uppercase;
		font: 11px Geneva, "Arial Narrow", Helvetica, Arial;
		letter-spacing: 0.2px;
		}
	a:visited {
		color: #A3C380;
		text-decoration: none;
		text-transform: uppercase;
		font: 11px Geneva, "Arial Narrow", Helvetica, Arial;
		letter-spacing: 0.2px;
		}
	a:hover, a:active {
		color: #FF7400;
		text-decoration: none;
		text-transform: uppercase;
		font: 11px Geneva, "Arial Narrow", Helvetica, Arial;
		letter-spacing: 0.2px;
		}
/*	#topline a:link {
			color: #A3C380;
			text-decoration: none;
			text-transform: uppercase;
			font: 11px Geneva;
			}
	#topline a:visited {
			color: #A3C380;
			text-decoration: none;
			text-transform: uppercase;
			font: 11px Geneva;
			}
	#topline a:hover, a:active {
			color: #FF7400;
			text-decoration: none;
			text-transform: uppercase;
			font: 11px Geneva;
			}
			
			#footer a:link {
					color: #A3C380;
					text-decoration: none;
					text-transform: uppercase;
					font: 8px Geneva;
					}
			#footer a:visited {
					color: #A3C380;
					text-decoration: none;
					text-transform: uppercase;
					font: 8px Geneva;
					}
			#footer a:hover, a:active {
					color: #FF7400;
					text-decoration: none;
					text-transform: uppercase;
					font: 8px Geneva;
					} */
	.linklist {
		width: 100%;
		}
	.linklist, #sidebar-right ul  {
		border-top: 1px dotted #5B7555; /*#A3C380;*/
		}	
	.linklist li {
		border-bottom: 1px dotted #5B7555; /*#A3C380;*/
		}
	.linklist a {
		font-size: 10px;
		line-height: 18px;
	
		padding: 3px 0px 5px 0px;
		
			font: 11px Geneva, "Arial Narrow", Helvetica, Arial;
			letter-spacing: 0.2px;
			line-height: 18px;
		}
/* General items */
	em {
		font: 12px Geneva, Arial, "Arial Narrow", Helvetica;
		text-transform: uppercase;
		font-weight: normal;
		font-style: normal;
		color: #A3C380; /*#5B7555;*/
		}
	table {
		width: auto;
		border: 1px dotted #5B7555;
		font-size: 10px;
		text-align: right;
		margin-top: /*-10px*/;
		
		line-height: 16px;
		border-spacing: 0px;
		empty-cells: show;
		border-collapse:separate;
		table-layout: fixed;
		background: none;
/*		font-family: Geneva, Arial, "Arial Narrow", Helvetica;*/
		}
		td {
			padding: 2px 2px;
			margin: 0;
			}
		.table_bg {
			background: #2B4226;
			vertical-align: bottom;
			}
		.noborder {
			border:none;
			}
		.border-right {
			border-right: 1px dotted #5B7555;
			}
		.upper {
			text-transform: uppercase;
			color: #A3C380;
			letter-spacing: 0.2px;
			font-size: 11px;
			}
			
/*		table h4, .table_bg p {
			margin: 0;
			padding: 3px 0px 0 0;
			vertical-align:middle;
			}*/
	
	table.fewo {
		width: 100%;
		text-align: center;
		background: #2B4226;
		margin-top: -18px; /*Abstand zur Überschrift im IE 7 u. FF 2*/
		font-size: 12px;
		}
		.fewo tr{
			border: none;
			}
		/*.fewo .preise {
			color: #FF7400;
			}*/
	.left {
		float: left;
		}
	.published {
		font-size: 10px;
		}
	p.tags {
		border-bottom: 1px dotted #5B7555;
		}
/* Headlines 
------------------------------ */
	h2 {
		font: 30px Helvetica, Geneva;
		font-weight: bold;
		color: #A3C380;
		}
	h3 {
		font: 12px Geneva, Helvetica;
		font-weight: bold;
		}
	h4 /* Sidebar */ {
		font: 16px Helvetica, Geneva;
		font-weight: bold;
		color: #FFF;
		margin-bottom: 2px;
		
		margin-top: 5px;
		padding-top: 5px;
		}
	h4.entry-title {
		font: 16px Helvetica, Geneva;
		font-weight: bold;
		color: #A3C380;
		margin-bottom: 2px;
		
		margin-top: 0px;
		padding-top: 5px;
		}
	h5 {
		color: #A3C380;
		}
	.orange {
		color: #FF7400;
		}
	.gruen {
		color: #A3C380;
		}
		
/*Form > Contact
------------------------------ */
	#form {
	 width: 550px;
		}
	form.zemContactForm {
		width: 350px;
		float:left;
		}
	form.zemContactForm input, select, textarea {
	 	width: 340px;
		display: block;
		float: left;
		margin-bottom: 5px;
		}
	form.zemContactForm textarea {
		height: 100px;
		}
	form.zemContactForm label {
		display: block;
		float: left;
		width: auto;
		text-align: left;
		padding-right: 2px;
		}
	form br {
		clear: left;
		}
	form.zemContactForm .zemSubmit {
		float: left;
		width: 50px;
		background: #FF7400;
		border: 1px solid #FF7400;
		color: #FFF;
		}
	.zemContactForm	fieldset {
		padding: 0;
		margin: 0;
		border: none;
		}
	.zemContactForm legend {
		display: none;
		}
	.zemError {
		margin-left: 50px;
		}
	.zemThanks p {
		font-weight:;
		}
	.zemText, .zemTextarea {
		font: 12px Geneva, Helvetica;
		padding: 4px;
		}
	input.zemRequired {
		font-weight: bold;
		}
/*Form > Comments
-------------------------------- */
form#txpCommentInputForm {
	margin-top: 15px;
	}
form#txpCommentInputForm table,tr {
	border: none;
	}
form#txpCommentInputForm td {
	border: none;
	text-align: left;
	font-size: 12px;
	}
form#txpCommentInputForm textarea {
	width: 300px;
	height: 100px;
	font: 12px Geneva, Helvetica;
	}		
form#txpCommentInputForm input, textarea {
	padding: 3px;
	margin-bottom: 5px;
	}
div#cpreview {
	background: #2B4226;
	padding: 2px 10px;
	}
/*RSS-Feedlink
--------------------------------- */
.feed {
  	margin-left: 3px;
  	padding: 0 0 0 19px;
  	background: url("../images/25.png") no-repeat 0 50%;
	}
 	p.feed-button {
		margin: 15px 0px;
  		padding: 5px 0;
		border-top: 1px dotted #5B7555; 
		border-bottom: 1px dotted #5B7555;
		}
		.feed-button a {
  			padding: 5px 15px 5px 27px;
			background: url("../images/feed-icon-16x16.png") no-repeat 2px 50%;	
			}
		.feed-button a:hover {
			background: url("../images/feed-icon-16x16.png") no-repeat 2px 50%;
			}
			
			
			/* zoom image */

			.article_image a {
				float: right;
				margin: 0 0 10px 10px;
				border: 1px solid #000;
				text-indent: -1000em; /* hide the link text */
				overflow: hidden;
				display: block;
				width: 125px; /* show only thumbnail */
				height: 94px;
				background: url(../images/zoom.jpg) no-repeat top left;
				}

			.article_image a:hover {
				width: 300px; /* adjust size to zoomed photo */
				height: 225px;
				background-position: 0 -104px; /* move the image so only the big one shows */
				}