/** **********************************************************************
  * 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 #F3F2E8 center center;
}
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%;}
form br{clear:both;}
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:150px;
	height:100px;
}
label,select{ 
	cursor:pointer;
} 
label.left{ 
	float:left; 
	width:150px; 
	text-align:right;
	margin-right:10px; 
} 
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:162px; 
}
/* 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;
	float:left;
	margin:0 20px 15px 0;
}
.g1 img{
	width:70px;
	height:70px;
}
#zusatzimages{
	margin:10px 0 0px 0;
}
.uc{
	clear:left;
	visibility:hidden;	
}
/* 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 */
#logo:after, #menu:after, #outer:after, #content:after, form:after, form div:after, ul#breadcrumb:after {
    content:		".";
    display:		block;
    visibility:		hidden;
    clear:			both;
    height:			0;
}
* html #navi, * html #content, * html form, * html form div {
	height:			1%;
}
p.nixhier{
	display:		none;
}
/* Layout ****************************************************** */  
#outer{
    width:			1001px;
    margin:			0 auto;
}
#outer1{
	background:		url("images/content_bg.gif") no-repeat 171px 61px;
}
#header{
	height:			62px;
	background:		url("images/header_bg.gif") repeat-x;
	color:			#686b32;
	font-size:		75%;
}
#logo{
	float:			left;
	width:			378px;
	height:			62px;
	background:		url("images/logo_top.jpg") no-repeat;
	padding:		0 0 0 227px;
	font-weight:	bold;
}
#logo p{
	padding:		5px 0 0 0;
}
#logo p a{
	color:			#686b32;
	text-decoration:none;
}
#header #h_right{
	width:			330px;
	float:			right;
	font-weight:	bold;
	text-align:		right;
}
#header #h_right p{
	padding:		0 62px 0 0;
}
#left{
	background:		url("images/logo_bottom.jpg") no-repeat left top;
	width:			170px;
	float:			left;
	font-size:		70%;
	padding-top:	69px;
}
#left p{
	text-align:		center;
}
#left img{
	padding-bottom:	7px;
}
#left_content{
	padding:		0 11px;
}
#left .n_bord{
	border:			1px solid #FFF;
}
#left .green{
	border:			1px solid #6a6b31;
}
#left .red{
	border:			1px solid #B23613;
}
#left .m_big{
	margin-bottom:	7px;
}
#left .m_small{
	margin-bottom:	2px;
}
#left h2{
	color:			#FFF;
	border-bottom:	1px solid #FFF;
	padding:		1px 3px;
	font-size:		100%;
}
#left .green h2{
	background:		#6a6b31;
}
#left .red h2{
	background:		#B23613;
}
#left ul{}
#left ul li{
	padding:		1px 0;
	list-style:		none;
	display:		block;
	background:		#efefe5;
}
#left .green ul li{
	border-bottom:	1px solid #92955e;
}
#left .red ul li{
	border-bottom:	1px solid #cb9589;
}
#left ul li a{
	color:			#000;
	text-decoration:none;
}
#left ul li.menu-expand{
	background:		url("images/lsi_pfeil.png") no-repeat center right #efefe5;
}
#left ul li a.menu-current, #left ul li a.menu-parent{
	font-weight:	bold;
}
#right{
	margin:			0 0 0 172px;
	padding:		5px 0 0 56px;
	font-size:		70%;
}
#sitemap{
	color:			#686b32;
	padding-left:	435px;
	position:		absolute;
	top:			70px;
	left:			50%;
	margin-left:	-272px;
	width:			272px;
	font-size:		55%;
}
#content{
	width:			400px;
	padding:		30px 0 153px 0;
	font-size:		95%;
}
#content h1{
	font-size:		140%;
}
#content p{
	margin:			0.5em 0 0.8em;
}
#content p a{
	color:			#000;
}
#context{
	width:			282px;
	float:			right;
	padding:		33px 56px 0 0;
}
#footer{
	position:		fixed;
	bottom:			0;
	left:			50%;
	margin-left:	-500px;
	width:			1000px;
	height:			139px;
	background:		#B23613;
	font-size:		70%;
	color:			#FFF;
}
#footer p{
	padding:		16px 0 0 17px;
	float:			left;
}
#footer_right{
	position:		fixed;
	bottom:			0;
	left:			50%;
	margin-left:	382px;
	height:			276px;
	width:			124px;
	background:		url("images/footer2_bg.gif") no-repeat top left;
}
.box{
	background:		url("images/f_box_bg.gif") no-repeat top left;
	width:			127px;
	height:			127px;
	padding-top:	2px;
}

.f_box{
	float:			left;
}
.box .pic{
	margin:			0 2px;
	height:			123px;
	width:			123px;
	background:		no-repeat left top;
}
.box .pic img{
	height:			123px;
	width:			123px;
}
.c_box{
	float:			left;
	padding-bottom:	8px;
}
.c_box_left{
	padding-right:	18px;
}
#footer_boxes{
	padding-top:	7px;
	float:			right;
	width:			773px;
}

.box1{			margin-left:				0px;
				margin-right:				18px;}
.box2{			margin-right:				18px;}
.box3{			margin-right:				18px;}
.box4{			margin-right:				18px;}
.box5{			margin-right:				18px;}

.box .pic{		background:			#A6A46F;}
.box1 .pic{		background:			url("images/bildleiste/bild1.jpg");}
.box2 .pic{		background:			url("images/bildleiste/bild2.jpg");}
.box3 .pic{		background:			url("images/bildleiste/bild3.jpg");}
.box4 .pic{		background:			url("images/bildleiste/bild4.jpg");}
.box5 .pic{		background:			url("images/bildleiste/bild5.jpg");}