/*********************************************************************************************

	Theme Name: Alpenhof Davos 2008-2011
	Theme URL: http://www.alpenhof-davos.ch
	Description: Überarbeitung 05-2011
	Version: 1.0
	Author: Ellen Bratfisch
	Author URL: http://www.reclame.ch/

	© Copyright Ellen Bratfisch 

	**********************************************************************************************

	Colors:
	HKS 76: #5F4320
	HKS 89: #98906E 
	HKS 18: #85163B
	HKS 89 40%:D4CEB5 (Headlines)

	**********************************************************************************************

	0.  Style Reset
	1.  Text
	2.  Layout
	3.  Bausteine
	4.  Bilder, Videos, Tabellen, Listen
	5.  Klassen
	6.  Formulare
	7.  Footer Styles

	**********************************************************************************************/

	/*	0. CSS Reset --------------------------------------------------------------------------- */

			@import url("style_reset.css");
			
		
	/*	1. Text ------------------------------------------------------------------------------- */

p { 
	font-family:inherit;
	margin: 0; 
	padding:0; 
	clear:both;
	}
h1, h2, h3, h4, h5, h6, em {
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	}	
em { 
	font-style: italic; 
	font-size: 1.1em;
	}
	
	/*	2. Layout ------------------------------------------------------------------------------- */
	
body {
	text-align: left;
	font: 11px/16px 'Lucida Sans', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
	color: #FFF;
	background: #FFF url('../images/body_bg.gif') repeat-x;
	}
	#container {
		width: 780px;
		background: #FFF;
		margin: auto; 
		}
	#head {
		width: 760px;
		height: 150px;
		padding: 0px; 
		margin: 0 auto 0px auto;
		border: 0px solid #CCCCCC;
		}
		#logo {
			width: 150px;
			float: left;
			background: url('../images/ALPENHOF_Logo_Web_Glass.gif') no-repeat;
			margin: 20px 0 5px 20px;
			}
		#headline {
			width: 290px;
			float: right;
			background: url('../images/ALPENHOF_headline_Wi11-12.png') no-repeat bottom right; /*ALPENHOF_headline.png*/
			padding-top: 0px /*85*/;
			border: 0px solid black;
			height: 140px;
			}
	#mainbox {
		width: 760px; 
		padding: 0px; 
		margin: 0 auto 0 auto;
		}
		#mainbox-left {
			float: left; 
			width: 185px; /*200*/
			min-height: 340px;
			background: url(../images/ALPENHOF_bg_navigation_konv.gif) top left no-repeat;
			padding: 0 0 0 15px;
			border:0px solid black;
			margin: 0;
			}
			#mainbox-left a {
				padding: 0 15px 0 0px /*10px*/; 
				color: #5F4320;
				}
		/*	#mainbox-left h2 {
				margin-bottom: 1px;
				}*/
		#mainbox-right {
			float: right; 
			width: 535px; /* 550px */
			min-height: 340px;
			background: url(../images/bg_mainbox-right.gif) top right no-repeat;
			padding: 15px 0 15px 0;
			color: #5F4320;
			margin-left: 15px;
			}
				#mainbox-right h3{
					margin: 0 0 1px 0;
					}
				#mainbox-right h2{
					margin: 0 0 3px 0;
					}
				#mainbox-right p {
					width: 95%;
					margin-top: 0px;
					margin-bottom: 10px;
					padding: 0 10px 0 0px;
					color: #5F4320;
					}
				#mainbox-right img {
					margin: 3px 3px 3px 0;
					}
				#mainbox-right a:link img, #mainbox-right a:visited img {
					padding: 3px;
					background: #F5F2EB;	
					}
				#mainbox-right a:hover img {
			
					background: #98906E;
					border: 0px solid #98906E;
					}
							#mainbox-right a:link, #mitte a:link  {
								text-decoration: underline;
								}
		#mainbox-right-home {
			float: right; 
			width: 550px;
			height: 500px;
			background: url(../images/ALPENHOF_TitelbildWeb_05-11_Wi.jpg) top left no-repeat; /*ALPENHOF_TitelbildWeb_Wi.jpg ALPENHOF_Titel_So.jpg */
			padding: 0px;
			color: #5F4320;
			border:0px solid black;
			}
		#topic-pic {
		/*	background: url(../images/ALPENHOF_pillow.jpg) no-repeat;
			background-position: 460px 105%;
			min-height: 320px;*/
			}
		div.imagelist {
			margin: 15px 0 0 0;
			max-width: 515px;
			overflow:hidden;
			}
	#linklist {
		width: 760px;
		height: 200px;
		background: url(../images/ALPENHOF_bg_links_2011.gif) top left no-repeat;
		margin: 5px auto 0 auto;
		}
		#links {
			float: left;
			width: 185px;
			padding: 15px 0  15px 25px ;
			}
			#links h2{
				margin:  15px 0px 10px 10px;
				padding: 0;
				color: #C1BCA8;
				}
			#linklist p {
				margin-bottom: 6px;
				padding: 0;
				}
		#mitte {
			float: left;
			width: 285px; /*180px;*/
			padding: 15px 0 15px 0;
			margin-left: 25px;
			border: 0px solid black;
			}
			#mitte h2 {
			margin:  15px 0px 10px 0px;
			padding: 0;
			color: #C1BCA8;
			}
		#rechts{
			float: right;
			width: 180px; /*auto;*/
			padding: 15px 25px 15px 20px;
			}
			#rechts h2{
				margin:  15px 0px 10px 0px;
				padding: 0;
				color: #C1BCA8;
				}
		#linklist a {
			color: #FFF;
			text-decoration: none;
			}
		#linklist .linklist_thumb {
			float:left;
			vertical-align: text-top;
			padding: 5px 10px 0 0 ;
			}
	#footer {
		width: 760px;
		margin: 10px auto 0 10px;
		padding: 0 0 10px 0;
		}
		#footer p {
				color: #98906E;
				font-size: 11px;
				margin-left: 10px;
				}

	

	/* Links
  	---------------------------- */
	a {
		color: #5F4320;
		text-decoration: none;
		}
	a:visited {
		color: #5F4320;
		text-decoration: none;
		}
	a:hover {
		font-weight: bold;
		}
	#mainbox-right	a {
		/*	color: #B11836;*/
			text-decoration: none;
		/*	border-bottom: 1px solid #D4CEB5;*/
			}
		#mainbox-right	a:visited {
		/*	color: #983A4F;*/
			text-decoration: none;
		/*	border-bottom: 1px solid #D4CEB5;*/
			}
		#mainbox-right	a:hover {
			font-weight: bold;
			/*	border-bottom: 1px solid #D4CEB5;*/
			}
	/* Headlines
	---------------------------- */
	h3 {
		font-size: 1.3em;
		font-style: italic;
		font-weight: 100;
		color: #98906E;
		margin-bottom: 2px;
		}
	h2 {
		font-size: 1.5em;
		font-style: italic;
		font-weight: 100;
		color: #98906E;
		margin-left: 0;
		margin-top: 15px;
		margin-bottom: 6px;
		
		padding: 0;
		}
	
	/* Klassen
  	---------------------------- */
	br.cleaning {
		clear:both;
		display:block;
		height:1px;
		font-size:1px;
		line-height:1px;
		}
	#mainbox-left a.inactive {
		color: #98906E;
		}
	a:hover.inactive {
		color: #98906E;
		font-weight: normal;
		}
	/* Andere
	---------------------------- */
	img {
		border: none;
		}
	
	
	
	
	/*Tabellen
	---------------------------- */
	table {
		margin: 0 0 6px 0;
		border-bottom: 0px dotted #D4CEB5;
		padding: 0 0 10px 0;
		}
		th {
			font-style: italic;
			font-weight: 100;
			padding-top: 0px;
			border-bottom: 1px dotted #D4CEB5;
			text-align: left;
			}
		td { padding: 0 0 1px 0px ; }
			.red {
				color: #85163B;
				}
			.right {
				text-align: right;
				}
			.center {
				text-align: center;
				}
			.left {
				text-align: left;
				}
		table h3 {
				padding: 10px 0 0 0;
				margin: 0px;}
	#menu td {text-align: center;}
	
	table#guestbook {
		border-bottom: none;
		}
				
	/*** CONTACT
	------------------------------ ***/

	form {
		border: 0;
		margin: 0;
		padding: 0em;
		}
	form input, select, textarea {	 
		display: block;
		float: left;
		margin-bottom: 8px;
		font: 12px/14px 'Lucida Sans', Helvetica, Arial, sans-serif;
		}
		form.zemContactForm input, .zemContactForm select, .zemContactForm textarea, form#txpCommentInputForm input, #txpCommentInputForm select, #txpCommentInputForm textarea {
			padding: 3px 4px;
		 	width: 360px;
		}
	form textarea {
		height: 100px;
		padding: 3px 4px;
		}
	form.zemContactForm label {
		display: block;
		float: left;
		width: 150px;
		text-align: left;
		padding-right: 2px;
		}
	form #txpCommentInputForm label {
		display: block;
		float: left;
		width: 80px;
		text-align: left;
		padding-right: 2px;
	}
	form input[type=hidden] {
		display: none;
		}
	form br {
		clear: left;
		}
/*form.zemContactForm	input.zemSubmit {
		float: left;
		width: 80px;
		background: #D4CEB5;
		border: 1px solid #FFF;
		color: #FFF;
		}*/
		fieldset {
		padding: 0;
		margin: 0;
		border: none;
		}
	legend {
		display: none;
		}
	.zemError {
		margin-left: 50px;
		}
	.zemThanks p {
		font-weight: bold;
		}
	#txpCommentInputForm input#txpCommentSubmit,#txpCommentInputForm input#txpCommentPreview, .zemContactForm input.zemSubmit {
		width: auto;
		padding: 3px;
	}
#lang {margin-top: 10px;}
#lang form#navpop {
		float: right;
		}			
#lang form#navpop input {
	width: 150px;
	padding: 1px;
	}
		
		
/*NEU 28-04-09*/
 ul {
	list-style-type:circle;
	list-style-position: inside;
	margin-left: 15px;
	margin-top: 0;
	padding: 0;
	}
	li {
		margin-left: 0;
		padding-left: 0;
		}

	form#zem_contact_nonce {visibility:hidden; display: none;}
	form#zem_contact_form_id{visibility:hidden; display: none;}