/** **********************************************************************
  * CSS für das Projekt ___
  * Beinhaltet grafische Formatierungen und Positionierungen der div 
  * container aller Seitentypen, ausser Print.
  *
  * @CSS_Hack Tanteks Boxm modell hack. Schliesst IE<6 aus = voice-family: "\"}\"";voice-family:inherit;
  * @CSS_Hack Selektor hack. Schliesst IE bis 6 aus = html>body ELEMENT {}
  *
  * @author Sascha Nos <sascha.nos@web.de>
  * @version 1.0 - DD:MM:YYYY
  * 
  * @color
  */

/* Grundelemente ****************************************************** */
*{
	margin:0;
	padding:0;
}
body{
	margin:0;
	padding:0;
	font-family:"Lucida Sans", Verdana, Arial, sans-serif;
	font-size:100.1%;
	text-align:left;
	color:#000;
	background:url("images/body_bg.gif") repeat-y #d7ceba;
}
.gastgeber_template{
	background-image:url("images/body_bg_gastgeber.gif");
}
table{	border-collapse:collapse;	}
td{
	padding:2px;
	/* IE 5 */
	font-size:70%;
	/* IE6 */
	voice-family: "\"}\"";
	voice-family:inherit;
	font-size:100%;
}
html>body td{
	/* Mozilla */
	font-size:100%;
}
th{
	text-align:left;
	/* IE 5 */
	font-size:70%;
	/* IE6 */
	voice-family: "\"}\"";
	voice-family:inherit;
	font-size:100%;
}
html>body th{
	/* Mozilla */
	font-size:100%;
}
p{}
div{}
img{
	border:none;
	font-family:Verdana,sans-serif;
}
h1{font-size:140%;}
h2{font-size:120%;}
h3,h4,h5,h6{font-size:100%;}

/* Formularemente ****************************************************** */
form{line-height:200%;}
hr{visibility:hidden;}
input,select{
	font-family:"Lucida Sans", Verdana, Arial, sans-serif;
	font-size:100%;
	margin:0.3em 0 0.3em 0;
}
textarea{
	font-family:"Lucida Sans", Verdana, Arial, sans-serif;
	font-size:100%;
	width:247px;
	height:100px;
}
.textfield{
	width:150px;
}
label,select{ 
	cursor:pointer;
} 
label.left{ 
	float:left; 
	width:130px; 
	text-align:right;
	margin-right:10px; 
	text-transform:uppercase;
	font-size:90%;
} 
label.left_error{ 
	float:left; 
	width:150px; 
	text-align:right;
	margin-right:10px;
	color:#F00; 
} 
input.error{
	background:#FCC;
} 
/* Submit button */
input.right{ 
	margin-left:142px; 
}
p.nixhier{
	display:none;
}
/* CMS-Formatierungen ****************************************************** */  
/* Galerie ****************************************************** */  
.galerie{
	width:140px;
	height:140px;
	text-align:center;
	padding-top:20px;
	float:left;
	margin:0 5px 5px 0;
	
	voice-family: "\"}\"";voice-family:inherit;
	height:120px;
}
.galerie a{
	text-decoration:none;
}
.g1{
	width:70px;
	height:70px;
	margin:5px;
	background-position:center center;
}
.g2{
	border:3px solid #B4152B;
	float:left;
	margin:0 20px 15px 0;
}
.g1 img{
	width:70px;
	height:70px;
	border:none !important;
	padding:0 !important;
	margin:0 !important;
}
#zusatzimages{
	margin:10px 0 0px 0;
}
.uc{
	visibility:hidden;
	min-height:100px;
}
/* Gästebuch ****************************************************** */  
table.gbentry {
  width: 100%;
  border: 1px solid #000;
  border-collapse: collapse;
  margin-bottom: 10px;
}

table.gbentry td.gbtitle {
  font-weight: bold;
  padding: 0 5px 0 5px;
  background-color: #FFFF00;
  color: #000;
}
table.gbentry td.gbcontent {
  padding: 5px; 
  background-color: #FFFFFF;
  color: #000000;
}

img.button {
  vertical-align: bottom;
}
/* float clearing */
#content:after, form:after, form div:after, #middle:after {
    content:		".";
    display:		block;
    visibility:		hidden;
    clear:			both;
    height:			0;
}
.m_box:after {
    content:		".";
    display:		block;
    visibility:		hidden;
    clear:			right;
    height:			0;
}
/* Layout ****************************************************** */  
#outer {
    width:			997px;
    background:		url("images/outer_bg.gif") no-repeat left bottom;
}
.gastgeber_template #outer{
	background-image:url("images/outer_bg_gastgeber.gif");
}
#breadcrumb{
	background:		#ebe6dc;
	font-size:		65%;
	padding:		0 38px 0.7em 238px;
}
#breadcrumb a{
	color:			#000;
	text-decoration:none;
}
#breadcrumb a:hover{
	color:			#b4152b;
}
#breadcrumb .b_left{
	padding-top:	0.7em;
}
#breadcrumb .b_right{
	float:			right;
	padding-top:	2px;
}
#navi{
	background:		url("images/navi_bg.gif") no-repeat left top;
	color:			#FFF;
	height:			199px;
	border-bottom:	4px solid #FFF;
	padding:		0 38px 0 0;
	font-size:		65%;
}
#navi p.superior{
	float:			right;
	padding:		10px 0 0 0;
	font-weight:	bold;
}
#navi p.superior a{
	color:			#FFF;
	text-decoration:none;
}
#navi p.superior a:hover{
	text-decoration:underline;
}
#navi img.logo{
	padding:		22px 0 0 47px;
	float:			left;
}
#navi p.navigation{
	padding:		165px 0 0 0;
	text-align:		right;
}
#subnavi{
	padding:		30px 0 0 31px;
	float:			left;
	font-size:		65%;
	font-weight:	bold;
	min-height:		500px;
}
#subnavi ul{
	width:			192px;
}
#subnavi ul ul{
	width:			auto;
}
#subnavi ul li{
	display:		block;
	list-style:		none;
	border-bottom:	1px solid #bcb6aa;
	padding:		0.4em 0 0.15em 16px;
}
#subnavi ul li span{
	display:		none;
}
#subnavi ul ul li{
	border-bottom:	0;
}
#subnavi ul ul li span{
	display:		inline;
}
#subnavi ul li a{
	color:			#000;
	text-decoration:none;
}
#subnavi ul li a:hover{
	color:			#b4152b;
}
#subnavi ul li a.menu-current, #subnavi ul li a.menu-parent{
	color:			#b4152b;
}
.logos{
	background:		#f2efe8;
	padding:		0 0 0 0;
	margin:			1.5em 0 1.5em 0;
	border:			1px solid #bcb6aa;
	text-align:		center;
	width:			192px;
}
.gastgeber_template #middle{
	display:		none;
}
#middle{
	position:		absolute;
	top:			197px;
	left:			238px;
	font-size:		65%;
	width:			202px;
}
#middle p{
	margin-bottom:	0.7em;
	padding-left:	30px;
}
#middle p a{
	color:			#000;
}
#m_pic{
	height:			187px;
	border:			4px solid #FFF;
	background:		url("images/schloss.jpg") no-repeat;
}
#m_trenner{
	border-top:		15px solid #ebe6dc;
}
.gastgeber_template #content{
	width:			auto;
}
#content{
	width:			505px;
	font-size:		75%;
	padding-bottom: 4em;
	line-height:	1.4em;
}
.gastgeber_template #c_pic{
	display:		none;
}
#c_pic{
	border-bottom:	4px solid #FFF;
	border-left:	4px solid #FFF;
	border-right:	4px solid #FFF;
	width:			505px;
	height:			156px;
	margin-bottom:	4em;
	background:		url("/media/bildauswahl/standard.jpg") no-repeat;
}
.gastgeber_template #content h1{
	padding-left:	10px;
}
#content h1{
	color:			#b4152b;
	text-transform:	uppercase;
	font-size:		160%;
	margin-bottom:	0.7em;
}
#content h2{
	color:			#b4152b;
	margin:			0.8em 0 0.2em 0;
}
#content h3{
	color:			#b4152b;
}
#content p, #content h3{
	margin-bottom:	0.7em;
}
#content ul, #content ol{
	margin:			1.3em 0 1.3em 0;
	font-weight:	bold;
}
#content ul li, #content ol li{
	margin-left:	3em;
}
.gastgeber_template #content2{
	padding:		0 0 0 240px;
}
#content2{
	padding:		0 0 0 448px;
}
.gastgeber_template #content_text{
	padding:		30px 0 0 0;
}
#content_text{
	padding:		0 0 0 35px;
}
#content a{
	color:			#000;
	text-decoration:underline;
}
#content a:hover{
	text-decoration:none;
	color:			#b4152b;
}
#content img{
	border:			1px solid #b4152b;
	padding:		2px;
}
#content .img_left{
	float:			left;
	margin:			0 10px 10px 0;
}
#content .img_right{
	float:			right;
	margin:			0 0 10px 10px;
}
#u_right h6{
	color:			#b4152b;
	text-transform:	uppercase;
	margin-bottom:	0.5em;
}
.m_box{
	background:		#E3DCCE;
	padding:		12px 30px 15px;
	margin-bottom:	10px;
	border:			1px solid #DED6C5;
	font-size:		90%;
}
.m_box h2{
	text-transform:	uppercase;
	font-size:		130%;
	margin:			0 !important;
	padding:		0 !important;
}
.m_box h3{
	color:			#000 !important;
	text-transform:	uppercase;
}
.m_box h4{
	font-size:		110%;
	text-transform:	uppercase;
	font-weight:	normal;
	padding-bottom:	4px;
}
.m_box .button{
	background:		#b4152b;
	color:			#FFF;
	font-weight:	bold;
	float:			right;
	padding:		3px 10px;
	margin:			0px 0 10px 10px;
	width:			130px;
}
.m_box .button a{
	text-decoration:none !important;
	color:			#FFF !important;
}
.notice{
	background:		#B4152B;
	padding:		12px 30px 15px;
	margin:			0 0 15px 0;
	color:			#FFF;
	font-size:		90%;
}
.notice h2{
	color:			#FFF !important;
	text-transform:	uppercase;
}
.n_ok{
	background:		#77c046;
}
.f_table{
	width:			100%;
	border:			1px solid #FFF;
}
.f_table img{
	border:			none !important;
	padding:		0 !important;
	margin:			0 !important;
}
.f_table th, .f_table td{
	padding:		2px 10px;
}
.f_table a{
	color:			#fff !important;
	font-weight:	bold;
}
.trow1{
	background:		#FFF;
}
.trow2{

}
.trow1 a{
	color:			#b4152b !important;
}
#photobox{
	float:			right;
	width:			248px;
	margin:			0 0 0 0;
}
#photobox img{
	float:			left;
}
#photobox img.thumb{
	height:			34px;
	margin:			5px 7px 0 0;
}
#photobox img.nomargin{
	margin:			5px 0 0 0 !important;
}
.event_box{
	display:		none;
	margin-bottom:	25px;
	border:			5px solid #FFF;
}
.e_title{
	background:		#FFF;
	padding:		7px 15px;
	font-size:		120%;
	font-weight:	bold;
	text-transform:	uppercase;
}
.e_datum{
	background:		#B4152B;
	color:			#FFF;
	font-weight:	bold;
	text-transform:	uppercase;
	padding:		2px 15px;
}
.e_beschreibung{
	background:		#000;
	color:			#fff;
	padding:		7px 15px;
	font-size:		90%;
}
.e_pic{
	height:			150px;
}
.e_footer{
	background:		#B4152B;
	color:			#fff;
	font-weight:	bold;
	padding:		5px 15px;
	font-size:		90%;
	text-align:		right;
}
.e_footer a{
	text-decoration:none !important;
	color:			#FFF !important;
}
#f_cart{
	height:			100px;
	text-align:		right;
}
.shop_table{
	border:			none;
	margin-top:		1em;
	width:			100%;
}
.shop_table th{
	text-transform:	uppercase;
	font-weight:	normal !important;
	text-align:		left;
}
#logout_button{
	float:			right;
	padding:		3px 15px;
	color:			#FFF;
	background:		#B4152B;
	font-weight:	bold;
	margin:			0 0 10px 10px;
}
#logout_button a{
	color:			#FFF;
	text-decoration:none;
}
#logout_button a:hover{
	color:			#000;
}
#premium_info{
	background:		#B4152B;
	color:			#FFF;
	font-size:		90%;
	padding:		3px 40px;
	margin:			20px 0;
}
#premium_info h2{
	color:			#FFF;
	text-transform:	uppercase;
	font-size:		110%;
}
#premium_info a{
	color:			#FFF;
}
#premium_info a:hover{
	color:			#FFF;
	font-weight:	bold;
}
.big{
	font-size:		120% !important;
}
.p_heading{
	display:		none;
}
.p_heading small{
	font-size:		40% !important;
}