/* CSS Document */
/* Design by Katrina Francke Software
   http://francke-software.de
   Copyright 2010-2012: Pension Lenz */

/* Resetear las propiedades necesarias para facilitar 
    la visión homogénea en los diferentes navegadores */
a, abbr, acronym, address, applet, big, blockquote, body, caption, cite, code, dd, del,
dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, iframe, img,
ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong,
sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, ul, var
{
	margin:0; 
	padding:0;
	border:0;
	font-size:100%;
	/*line-height:1.0em; */
	/*text-align:left; */
	vertical-align:baseline; 
	outline:none;
}
body {
	font-size: 100.01%; /* wirkt auf NN4 als großer Gleichmacher */
	font-family:Arial,sans-serif;
	font-family:Verdana,Arial,sans-serif;
	font-size:14px;
	line-height:1.5em;
	color:rgb(51,0,0);
	color:rgb(64,17,17);
	color:rgb(112,72,55);
	color:rgb(86,49,36);
	/*text-align:left;*/
	background:rgb(255,255,255);
	background-image:url(../images/bg_pension-lenz.jpg); 
	background-repeat:no-repeat; 
	background-position:top center;
/*
	background-repeat:no-repeat; 
	background-position:top center;
	background-size:cover;
	background-attachment:fixed;
*/
}
strong {
	font-weight:bold;
}
small {
	font-size:0.85em;
}
em {
	font-weight:inherit;
	font-style:inherit;
}

img {
	border:none;
}
table {
	margin:0px;
	padding:0px;
	border-spacing:0px; /* 0px für alle anderen */
	border-collapse:collapse; /* Vermeidet den Abstand zwischen den Rows beim IEX */
}
tr {
}
td {
	vertical-align:top;
}

/* :link, :visited, :hover, :active */
a:link, a:visited, a:active {
	/*font-weight:normal;*/
	color:rgb(59,1,7);
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}
.spacer {
	position:relative;
	width:100px;
	height:28px;
	/*background-color:rgb(221,200,255);*/
}
.half_spacer {
	position:relative;
	width:100px;
	height:14px;
}
.quart_spacer {
	position:relative;
	width:100px;
	height:7px;
}
.big_spacer {
	position:relative;
	width:100px;
	height:100px;
}

/* Clear Floats ----------------------- */
.clear_right {
	clear:right;
}
.clear_left {
	clear:left;
}
.clear_both {
	clear:both;
}
/* Clear Floats (Ende) ----------------------- */


#container {
	position:relative;
	top:0px;
	left:0px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	width:960px;
	/*background:rgb(100,255,100);*/
}
/* Seitenkopf mit Logo, Adresse etc.  --------------------- */
#top_logo {
	position:absolute;
	top:29px;
	left:-29px;
	width:1018px;
	height:166px;
	z-index:300;
}
#zimmerfrei {
	position:absolute;
	top:85px;
	left:821px;
	width:112px;
	height:114px;
	z-index:300;
}
#pensionlenz_adresse {
	width:960px;
	height:29px;
}
#pensionlenz_adresse,
#pensionlenz_adresse ul,
#pensionlenz_adresse ul li,
#pensionlenz_adresse ul li a {
	position:relative;
	margin: 0; 
	padding: 0; 
	list-style: none; 
	font-size:11px;
	text-align:center;
	text-decoration:none;
	color:rgb(255,255,255);
}
#pensionlenz_adresse ul li a:hover {
	text-decoration:underline;
}
#pensionlenz_adresse ul {
	padding-top:5px;
}
#pensionlenz_adresse ul li {
	display: inline; /* statt float:left;!!! */
	margin:0px;
	padding:0px;
	padding-left:5px;
	padding-right:5px;
}
/* Seitenkopf mit Logo, Adresse etc. (Ende) --------------------- */

/* Satzspiegel mit Seiteninhalt und Bildern --------------------- */
#satzspiegel {
	position:relative;
	margin-top:240px;
	/*height:600px;*/
	/*background:rgb(255,255,100);*/
}
.long_line_quer {
	position:absolute;
	top:0px;
	left:0px;
	width:960px;
	height:2px;
	background-image:url(../images/bg_spalte_3_3.png); 
	background-repeat:no-repeat; 
	background-position:top left;
	/*background:rgb(255,0,200);*/
}

#satzspiegel ul {
	margin-left: 40px;
}

#satzspiegel ul li {
	list-style-type:disc;
	margin-bottom: 6px;
	margin-top: 6px;
}

#satzspiegel h1,
#satzspiegel h2,
#satzspiegel h3,
#satzspiegel h4 {
	position:relative;
	/*line-height:1.2em;*/
	/*color:rgb(5,0,0);*/
}
#satzspiegel h1 {
	font-size:15px;
	font-weight:bold;
	margin-top:24px;
	/*margin-bottom:26px;*/
}

#satzspiegel h2 {
	font-size:15px;
	font-weight:bold;
	margin-bottom:5px;
}
.abst_h1 {
	margin-top:24px;
}
#satzspiegel h3,
#satzspiegel h4 {
	font-size:13px;
	font-weight:bold;
	margin-bottom:5px;
}
#satzspiegel p {
	margin:0 0 0.5em 0; /* oben, rechts, unten, links */
}
#satzspiegel iframe,
#satzspiegel img {
	position:relative;
	border:6px solid rgb(255,255,255);
}
#satzspiegel iframe {
	padding:0px;
	margin-top:14px;
}

.spalte_links_1_3_no_line,
.spalte_links_1_3 {
	position:relative;
	float:left;
	width:366px;
}
.spalte_links_3_5 {
	float:left;
	width:660px;
}
.spalte_links_3_5,
.spalte_links_1_3 {
	background-image:url(../images/bg_spalte_links_1_3.png); 
	background-repeat:no-repeat; 
	background-position:top left;
	/*background:rgb(200,255,100);*/
}
.spalte_links_2_3 {
	width:740px;
}
.spalte_rechts_2_3 {
	position:relative;
	float:right;
	width:554px;
	/*background:rgb(100,255,100);*/
}
.spalte_1_2 {
	width:49%;
	float:left;
}
.spalte_3_3 {
	position:relative;
	/*background:rgb(100,255,100);*/
}
.testimonials {
	padding-right:10px;
	float:left;
	width:660px;
	height:500px;
	overflow: auto;
	/*background:rgb(200,100,0);*/
}
.testimonials .TesFoto {
	float:right;
	margin-left:20px;
}
.testimonials .TesDat {
	margin-top:30px;
	font-size:11px;
	font-weight:bold;
	/*text-align:right;
	padding-right:20px;*/
}
.testimonials .TesText {
}
.testimonials .TesGast {
	font-size:12px;
	font-weight:bold;
	/*text-align:right;
	padding-right:50px;*/
}

/* Videos ------------------------------------------------------ */
#video_container {
	width:100%;
	background:rgba(255,255,255,0.9);
}
.video_tab {
	background:rgba(250,247,214,0.1);
	border-bottom:1px solid rgb(98,133,0);
	text-align:center;
}
button{
	padding:0;
	margin:0;
	border:none;
	background:transparent;
	outline:none;
}

.tablink {
	width:13.8%;
	width:11.0%; /*was 13.00*/
	padding-top:4px;
	padding-bottom:4px;
	color:rgb(44,77,0);
	font-size:13px;
	line-height:2.0em;
	margin-bottom:-1px;
}
.tablink:hover {
	cursor:pointer;
}
.video_box {
	border:1px solid rgb(98,133,0);
	border-top:none;
}

.video_active {
	background:rgba(255,255,255,1);
	border:1px solid rgb(98,133,0);
	border-bottom:none;
/*	border-bottom:1px solid rgb(255,255,255);*/
}
.video_links,
.video_rechts {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	padding-top:70px;
	padding-bottom:80px;
}
.video_links {
	padding-left:120px;
}
.video_rechts {
	padding-left:50px;
}
.sub {
	padding-top:20px;
	width:320px;
	text-align:center;
}
/* Videos (Ende) ------------------------------------------------------ */

.img_fl_left {
	float:left;
	margin-right:7px;
	margin-bottom:7px;
}
.img_fl_right {
	float:right;
	margin-bottom:7px;
}

.preise {
	clear:left;
}
.preise .p_appartment,
.preise .p_preis {
	float:left;
}
.preise .p_appartment {
	width:180px;
	font-weight:bold;
	/*background:rgb(255,0,100);*/
}
.preise .p_preis {
}

.realisierung {
	clear:left;
	font-size:14px;
}
.realisierung .r_firma,
.realisierung .r_link {
	float:left;
}
.realisierung .r_firma {
	width:210px;
	/*font-weight:bold;*/
	/*background:rgb(255,0,100);*/
}

/* Impressum ---------------- */
.disclaimer {
	font-size:12px;
}
/* Impressum (Ende) --------- */


/* Datebschutz ---------------- */
.dspspacer {
	height: 40px;
}
/* Datebschutz ---------------- */

/* Satzspiegel mit Seiteninhalt und Bildern --------------------- */



/* Footer ------------------------------------ */
#footer,
#footer ul,
#footer ul li,
#footer ul li a {
	position:relative;
	margin: 0; 
	padding: 0; 
	list-style: none; 
	font-size:11px;
	text-align:center;
	text-decoration:none;
	color:rgb(51,0,0);
}
#footer,
#footer_interior {
	height:54px;
}
#footer {
	margin-top:50px;
	margin-bottom:40px;
}
#footer_interior {
	position:absolute;
	left:-29px;
	width:1018px;
	background-image:url(../images/bg_footer.png); 
	background-repeat:no-repeat; 
	background-position:center center;
}

#footer ul li a:hover {
	text-decoration:underline;
}
#footer ul {
	padding-top:18px;
	z-index:300;
}
#footer ul li {
	display: inline; /* statt float:left;!!! */
	margin:0px;
	padding:0px;
	padding-left:5px;
	padding-right:5px;
}

#copyright {
	position:relative;
	margin-top:10px;
	font-size:12px;
	text-align:center;
	margin-bottom:30px;
}
/* Footer (Ende) ----------------------------- */


/* Print Aufbéreitung ------------------------------------------ */
@media print {
body {
	background:rgb(255,255,255);
}
#container {
	margin-left:0px;
}
#container_weiss {
	background:rgb(255,255,255);
	background-image:none; 
}
#navi {
	display:none;
}
.seiteninhalt {
	background:rgb(255,255,255);
	background-image:none; 
}
#footer {
	color:rgb(100,100,100);
	background:rgb(255,255,255);
	background-image:none; 
}
#footer a, #footer a:visited, #footer a:hover {
	color:rgb(100,100,100);
}

}