/* CSS Document */

body {
	margin:30px;
	text-align:center;
	color:#fff;
	background-color:#65140F;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:16px;
	font-size:10px;
	scrollbar-face-color: #A34C46;
	scrollbar-shadow-color: #65140F;
	scrollbar-highlight-color: #A34C46;
	scrollbar-3dlight-color: #65140F;
	scrollbar-darkshadow-color: #65140F;
	scrollbar-track-color: #65140F;
	scrollbar-arrow-color: #fff;		
}


h1 { 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	font-weight:bold;
	font-style:italic;
	padding:2px;
	letter-spacing:3px;
	border-bottom:1px solid #9B0404;
	margin-bottom:20px;
}

ul {
	list-style-type:square;
	color:#9B0404;
}

.fc {
	color:#fff;
}

a:link {color:#A34C46; text-decoration:none;}
a:visited {color:#A34C46; text-decoration:none;}
a:hover {color:#A34C46; text-decoration:underline;}
a:active {color:#A34C46; text-decoration:none;}

/* Befehl,der dauer sorgt, dass Boxen-rahmen mit Float-Inhalten und variablen Höhen bis zur unteren Inhaltskante laufen.*/
.clear { clear: both; height:0px; line-height:0px; margin:0px; padding:0px; font-size:0px; }
/* Hack: alle ausser IE brauchen font-size>0 */
html>body .clear { font-size: 1px; }


/* auesserer Container */
#container_complete {
	width:770px;
	height:500px;
	margin:auto;
	border:1px solid #A34C46;
}


/* Headgrafik */
#head {
	width:770px;
	height:54px;
}


/* Content */
#container_content {
	width:770px;
	height:371px;
}


/* linker Bereich */
#left {
	width:150px;
	height:371px;
	float:left;
}

#gfx-left {
	width:150px;
	height:277px;
}

ul#nav {
	margin:0px;
	padding:0px;
	list-style:none;
	line-height:0px;
	font-size:0px;
}
ul#nav li {
	width:150px;
	height:18px;
	border:0px solid #ff0000;
	display:block;	
	font-size:0px;
	line-height:0px;	
}

/* Rollover-Effekt */
* html a:hover {visibility:visible}

ul#nav li a:hover img {
	visibility:hidden;
}

#kontakt {
background-image:url(images/kontakt-over.jpg);
}

#kontakt_link {
display:block;
width:150px;
height:18px;
margin:0px;
padding:0px;
}

#vita {
background-image:url(images/vita-over.jpg);
}

#vita_link {
display:block;
width:150px;
height:18px;
margin:0px;
padding:0px;
}

#presse {
background-image:url(images/presse-over.jpg);
}

#presse_link {
display:block;
width:150px;
height:18px;
margin:0px;
padding:0px;
}

#gaestebuch {
background-image:url(images/gaestebuch-over.jpg);
}

#gaestebuch_link {
display:block;
width:150px;
height:18px;
margin:0px;
padding:0px;
}

#gfx-sub-nav {
	width:150px;
	height:22px;
}


/* rechter Bereich */
#right {
	width:620px;
	height:371px;
	float:right;
}

#content {
	width:534px;
	height:297px;
	overflow:auto;
	margin:0px;
	padding:25px;
/*	background-image:url(images/bg_content.gif);
	background-attachment:fixed;
	background-repeat:no-repeat; */
	background-color:#000;
	text-align:left;
	float:left;
}

/* Gaestebuch iframe */

#gb_content {
	width:584px;
	height:347px;
	margin:0px;
	padding:0px;
	background-color:#000;
	text-align:left;
	float:left;
}

#gfx-right {
	width:36px;
	height:347px;	
	background-image:url(images/gfx_right.jpg);
	float:right;
}

#gfx-sub-content {
	width:620px;
	height:24px;
}



/* Galerie-Leiste und Fusszeile */
#galerie_list {
	width:770px;
	height:52px;
	text-align:left;
	background-image:url(images/galerie_list.jpg)
}

#gal_list a:hover img {visibility:hidden;}
#gal_list a:active img, {visibility:hidden;}

#gal_list {float:none; height:40px; margin-left:33px; }

#t_01 {float:left; margin-right:15px; margin-top:6px; background-image:url(images/thumb_21_a.jpg);}
#t_02 {float:left; margin-right:15px; margin-top:6px; background-image:url(images/thumb_20_a.jpg);}
#t_03 {float:left; margin-right:14px; margin-top:6px; background-image:url(images/thumb_07_a.jpg);}
#t_04 {float:left; margin-right:15px; margin-top:6px; background-image:url(images/thumb_22_a.jpg);}
#t_05 {float:left; margin-right:15px; margin-top:6px; background-image:url(images/thumb_23_a.jpg);}
#t_06 {float:left; margin-right:15px; margin-top:6px;}
#t_07 {float:left; margin-right:15px; margin-top:6px;}
#t_08 {float:left; margin-right:14px; margin-top:6px;}
#t_09 {float:left; margin-right:15px; margin-top:6px;}


#gfx-imprint {
	width:770px;
	height:23px;
}










/* spezielle Content-CSS-Defs */
.box_float_right {
	float:right;
	margin:0px 0px 10px 10px;	
}

.foto {
	padding:2px;
	border:1px solid #fff;
}

.foto_float_r {
	float:right;
	margin:0px 0px 10px 10px;
	padding:2px;
	border:1px solid #fff;
}

.box_float_r {
	float:right;
	margin:0px 0px 10px 10px;
}

.foto_float_l {
	float:left;
	margin:0px 20px 10px 3px;
	padding:2px;
	border:1px solid #fff;
}

#t_vita {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:16px;
	font-size:10px;
}

.text_float_r {
	float:right;
	margin:0px 20px 20px 10px;
	padding:2px;
}

* html .video {
	float:left;
	margin:0px 20px 20px -7px;
	padding:0px;
}

.video {
	float:left;
	margin:0px 20px 20px -15px;
	padding:0px;
}

.red_line {
	width:auto;
	border-bottom:1px solid #9B0404;
	margin:20px 0px 20px 0px;	
}

.presse_box {
	border-bottom:1px solid #9B0404;
	padding:20px 0px 10px 0px;
}


#form_cont { 
	width:290px; height:auto; float:left;
	}
.form_box { 
	width:290px; height:auto; margin-bottom:10px; 
	}
.form_text { 
	width:auto; float:left; margin-top:1px; 
	}
.form { 
	width:195px; float:right; 
	}
.form_input { 
	width:195px; height:13px; font-size:11px; 
	}
.form_textarea { 
	width:195px; height:100px; font-size:11px; 
	}
.form_button { 
	width:90px; height:18px; font-size:11px;
	}
	
	

/* Gaestebuch */

.gbook_trenner_01 {
	clear:both;
	width: 460px; 
	height: 15px; 
	border-bottom:1px solid #9B0404;
	}

.gbook_trenner_02 {
	clear:both;
	width: 460px; 
	height: 15px; 
	border-bottom:1px solid #9B0404;
	}
	
.g_text {
	font-size:10px;
	text-align:left;
	line-height:16px;	
}
	
.td_headline {
	background-color:#9B0404;
	text-align:left;
	color:#ffffff;
}	

.tr_daten {
	background-color:#430905;
	text-align:left;
}