/*------------------------------------------
  Visioprint - Visuelle und virtuelle Welten
  © www.visioprint.ch
------------------------------------------*/

/* @import url("css/fontsize.css.php") all; */

/*------------------------------------------
  Basics
------------------------------------------*/

* { 
	margin: 0; 
	padding: 0; 
} 
html { 
	font-size: 100.01%;  
} 


body { 
	font-family: Arial, Geneva, Helvetica, Swiss, SunSans-Regular, sans-serif; 
	font-size: 0.8em; 
	line-height: 1.3em; 
	color: #000; 
	background-color: #fff; 
	margin: 0 0 50px 0; 
	padding: 0px; 
} 

img { 
	margin: 0; 
	padding: 0; 
	border: none; 
} 

.illu-img { 
	float: left; 
	border: none; 
} 

.teaser-img { 
	padding: 0 0 20px 15px; 
	float: right; 
	border: none; 
} 

.vdetail-img { 
	padding: 0 0 20px 0; 
	width: 50%; 
	border: none; 
} 

.rightdef { 
	display: block; 
	width: 100%; 
	margin: 0 0 5px 0; 
} 


p { 
	vertical-align: top; 
	margin: 0 0 15px 0; 
	padding: 0; 
	clear: both;  
} 

#leg { 
/*	margin: 5px 10px 0 10px; 
	border-top: 1px solid #3aa26e; */
} 

ul { 
	margin: 0 0 10px 15px; 
} 

.bullet li { 
	list-style-type: disc; 
	padding: 0 0 5px 0; 
	margin: 0 0 0 10px; 
} 

a:link, a:visited, a:active { 
	color: #b88; 
	font-weight: bold; 
	text-decoration: underline; 
}
a:hover, a:visited:hover { 
	color: #000; 
	text-decoration: underline; 
} 

a.ziplan:link, a.ziplan:visited, a.ziplan:active { 
	display: block; 
	padding: 0; 
	margin: 0; 
/*	float: left; */
	background-color: #9cb; 
}
a.ziplan:hover, a.ziplan:visited:hover { 
	display: block; 
	padding: 0; 
	margin: 0; 
/*	float: left; */
	background-color: #b88; 
} 


form { 
	margin: 0; 
	padding: 0; 
} 

.clear { 
	clear: both; 
} 



/*------------------------------------------
  Allgemeine und spezielle Tables
------------------------------------------*/

table { 
	/* width: 100%; */ 
	empty-cells: show; 
	border-spacing: 0px; 
	text-align: left; 
	margin: 0 0 0 0; 
} 
td { 
	vertical-align: top; 
	padding: 0 10px 5px 0; 
} 

.grundriss { 
	padding: 0; 
	margin: 0; 
} 
.grundriss td { 
	padding: 0; 
	margin: 0; 
	text-align: left; 
	background-color: #9cb; 
}

.adminlist { 
	width: 100%; 
	empty-cells: show; 
	border-spacing: 0px;
/*	text-align: left; */
} 
.adminlist tr { 
	margin: 0; 
} 
.adminlist td { 
	vertical-align: top; 
	padding: 2px 3px 4px 3px; 
	margin: 0 0 0 0; 
	border-top: 1px solid #da6; 
} 

.listheader td { 
/*	background-color: #dbb; */
	font-weight: bold; 
	padding: 15px 0 4px 0; 
	border-bottom: 2px solid #dbb; 
} 

.taxlist td { 
/*	background-color: #dbb; */
	border-bottom: 1px solid #dbb; 
} 

.shortinfo td { 
	padding: 0 15px 5px 0; 
	margin: 0 0 25px 0; 
} 



/*------------------------------------------
  Boxes and areas
------------------------------------------*/ 


#icon { 
	display: none; 
} 
#iconprint { 
	position: absolute; 
	z-index: 10; 
	text-align: right; 
	top: 15px; 
	left: 0; 
	height: 60px; 
	width: 70px; 
	background-color: #396; 
} 

#header { 
	display: none; 
} 
#headerprint { 
	position: relative; 
	z-index: 10; 
	top: 15px;  
	height: 60px; 
	padding: 0 0 0 10px; 
	margin-left: 80px; 
	background-color: #9cb; 
} 

#headeralt { 
	display: none; 
/*	position: absolute; 
	z-index: 12; 
	top: 15px;  
	height: 60px; 
	right: 3%; 
	width: 34%; 
	background-color: #f5edeb; */
} 

#headerback { 
	display: none; 
/*	position: absolute; 
	z-index: 5; 
	top: 0; 
	height: 120px; 
	right: 3%; 
	width: 34%; 
	background-color: #f0e0e0; */
} 

/*
#headertools { 
	position: absolute; 
	z-index: 10; 
	display: block; 
	top: 80px; 
	left: 200px; 
	right: 3%; 
	padding: 0; 
	margin: 0; 
	border: 1px dashed #999; 
} */
#headerillu { 
	position: absolute; 
	z-index: 5; 
	top: 75px; 
	left: 80px; 
	right: 0px; 
	background-color: #ddd; 
/*	border: 1px dashed #999; */
} 

#navigation { 
	display: none; 
} 

.navtitel { 
	display: none; 
} 

.navitem { 
	display: none; 
} 



#rubriktitel { 
	position: absolute; 
	z-index: 5; 
	color: #666; 
	font-weight: bold; 
	letter-spacing: 0.1em; 
	top: 120px; 
	left: 0; 
	padding: 0 0 0 5px; 
	width: 50%; 
	border-top: 1px solid #ccc; 
	border-left: 5px solid #b88; 
} 

#topline { 
	position: absolute; 
	z-index: 6; 
	top: 120px; 
	right: 3%; 
	width: 50%; 
	border-top: 1px solid #ccc; 
} 

.rightdefault { 
	position: relative; 
	padding: 0; 
	margin: 0 0 30px 0; 
} 

#zimmerdetails { 
	position: relative; 
/*	padding: 0 0 10px 0; 
	margin: 0 0 20px 0; 
	height: 440px; 
	background-color: #e6f6F1; */
} 
	



/* ------ main contents -------- */

#content-left { 
	position: absolute; 
	z-index: 5; 
	top: 170px; 
	left: 0; 
	width: 45%; 
	padding: 0 0 30px 0; 
/*	border: 1px dashed #ccc; */
} 

#content-left_admin { 
	position: absolute; 
	z-index: 5; 
	top: 121px; 
	left: 0; 
	width: 45%; 
	padding: 0 0 30px 0; 
} 

#content-right { 
	position: absolute; 
	z-index: 5; 
	top: 121px; 
	right: 3%; 
	width: 45%; 
	padding: 0 0 30px 0; 
} 

#content-rundgang { 
	position: absolute; 
	z-index: 5; 
	top: 170px; 
	left: 0; 
/*	width: 600px; */
	right: 3%; 
	text-align: center; 
} 

#content-wide { 
	position: absolute; 
	z-index: 5; 
	top: 170px; 
	left: 0; 
	right: 3%; 
	padding: 0 0 30px 0; 
	margin: 0 0 0 0; 
} 
#content-wide_admin { 
	position: absolute; 
	z-index: 5; 
	top: 121px; 
	left: 0; 
	right: 3%; 
	padding: 0 0 30px 0; 
	margin: 0 0 0 0; 
} 

#content-pop { 
	position: relative; 
	margin: 3%; 
} 



/* -------------------------------- */


.teaser { 
	margin: 20px 0px 0 0px; 
	padding: 0 0 20px 0; 
	border-top: 1px solid #9cb; 
} 

.error-msg { 
	background-color: #fc6; 
	font-weight: bold; 
	padding: 0 2px 0 2px; 
} 


/*------------------------------------------
  Typefaces
------------------------------------------*/

/*
h1, h2, h3 { 
	font-family: "Trebuchet MS", Trebuchet, Arial, Geneva, Helvetica, Swiss, SunSans-Regular, sans-serif; 
} 
*/

h1 { 
	font-size: 1.6em; 
	line-height: 1.2em; 
	color: #b88; 
	margin: 0; 
	padding: 0 0 10px 0; 
	letter-spacing: 1px; 
} 

h2 { 
	font-size: 1.2em; 
	line-height: 0.9em; 
	color: #b88; 
	margin: 0; 
	padding: 10px 0 5px 0; 
	letter-spacing: 1px; 
} 

h3 { 
	font-size: 1.0em; 
	line-height: 0.9em; 
	color: #000; 
	margin: 0; 
	padding: 10px 0 5px 0; 
	letter-spacing: 1px; 
} 

.lead { 
	font-size: 1.0em; 
	line-height: 1.4em; 
	color: #000; 
	letter-spacing: 0.1em; 
} 

.hint { 
	color: #063; 
	font-weight: bold; 
} 

.micro { 
	font-size: 12px; 
} 



/*------------------------------------------
  Form items
------------------------------------------*/

.in-form_blank { 
	padding: 0; 
	margin: 0; 
	background-color: #fff; 
/*	border: 1px solid #ccc; */
} 

form p { 
	height: 17px; 
	padding: 0 0 0 3px; 
	margin: 0 0 4px 0; 
	background-color: #b88; 
	clear: both; 
} 
.likeform, span.likeform { 
	height: 17px; 
	padding: 0 0 0 3px; 
	margin: 0 0 2px 0; ; 
	background-color: #b88; 
	clear: both; 
} 
.likeformlight, span.likeformlight { 
	height: 17px; 
	padding: 0 0 0 3px; 
	margin: 0 0 2px 0; ; 
	background-color: #dbb; 
	clear: both; 
} 

form p label { 
	float: left; 
} 
.likeform label { 
	float: left; 
} 


form p input, form p textarea, form p select { 
	float: right; 
} 
.likeform input, likeform textarea, likeform select { 
	float: right; 
} 

fieldset { 
	width: 48%; 
	margin: 5px 0 10px 0; 
	padding: 5px 0 10px 0; 
	border: 1px solid #da6; 
} 

fieldset.full { 
	width: 95%; 
	margin: 5px 0 10px 0; 
	padding: 5px 0 10px 0; 
	border: 1px solid #da6; 
} 

.fileupload { 
	background-color: #fff; 
	color: #000; 
/*	width: 50%; */
	padding: 0 0 0 0; 
	border: 1px solid #000; 
	float: left; 
} 

.input { 
	background-color: #dbb; 
	color: #000; 
	width: 50%; 
	height: 17px; 
	padding: 0 0 0 3px; 
	border: none; 
	border-right: 5px solid #b88; 
}  
.input_mandatory { 
	background-color: #fc6; 
	color: #000; 
	width: 50%; 
	height: 17px; 
	padding: 0 0 0 3px; 
	border: none; 
	border-right: 5px solid #da6; 
}  

.inputread { 
	background-color: #da6; 
	color: #000; 
	width: 50%; 
	height: 17px; 
	padding: 0 0 0 3px; 
	border: none; 
	border-right: 5px solid #da6; 
}   

.input-short { 
	background-color: #eda; 
	color: #000; 
	width: 80px; 
	height: 17px; 
	padding: 0 0 0 3px; 
	border: none; 
	border-right: 5px solid #da6; 
}  

.textarea { 
	background-color: #dbb; 
	color: #000; 
	width: 100%; 
	height: 100px; 
	margin: 0 0 15px 0; 
	border: 1px solid #b88; 
} 
.textarea_mandatory { 
	background-color: #fc6; 
	color: #000; 
	width: 100%; 
	height: 100px; 
	margin: 0 0 15px 0; 
	border: 1px solid #da6; 
} 

.textareashort { 
	background-color: #dbb; 
	color: #000; 
	width: 100%; 
	height: 50px; 
	margin: 0 0 15px 0; 
	border: 1px solid #b88; 
} 
.textareashort_mandatory { 
	background-color: #fc6; 
	color: #000; 
	width: 100%; 
	height: 50px; 
	margin: 0 0 15px 0; 
	border: 1px solid #da6; 
} 

.textarealong { 
	background-color: #dbb; 
	color: #000; 
	width: 100%; 
	height: 300px; 
	margin: 0 0 15px 0; 
	border: 1px solid #b88; 
} 
.textarealong_mandatory { 
	background-color: #fc6; 
	color: #000; 
	width: 100%; 
	height: 300px; 
	margin: 0 0 15px 0; 
	border: 1px solid #da6; 
} 

.textarea-display { 
	font-family: Arial, Geneva, Helvetica, Swiss, SunSans-Regular, sans-serif; 
	font-size: 12px; 
	width: 100%; 
	display: block; 
	padding: 5px 0 10px 0; 
	border: none; 
}  

.pulldown { 
	background-color: #dbb; 
	color: #000; 
	width: 52%; 
	border: 0px; 
	border-right: 5px solid #b88; 
} 
.pulldownfull { 
	background-color: #eda; 
	color: #000; 
	width: 100%; 
	border: 0px; 
	border-right: 5px solid #da6; 
} 

.button150 { 
	font-family: "Trebuchet MS", Trebuchet, Arial, sans-serif; 
	font-size: 0.8em; 
	text-align: center; 
	text-transform: uppercase; 
	letter-spacing: 0.1em; 
	display: block; 
	color: #000; 
	background-color: #b88; 
	width: 150px; 
	margin: 10px 0 10px 0; 
	border: 1px solid #000; 
} 
a.button150:link, 
a.button150:visited { 
	text-decoration: none; 
	color: #000; 
} 
a.button150:hover { 
	text-decoration: none; 
	color: #000; 
	background-color: #dbb; 
} 

.buttonshort { 
	font-family: "Trebuchet MS", Trebuchet, Arial, sans-serif; 
	font-size: 0.8em; 
	text-align: center; 
	text-transform: uppercase; 
	letter-spacing: 0.1em; 
	color: #000; 
	height: 17px; 
	background-color: #b88; 
	padding: 1px 10px 1px 10px; 
	margin: 5px 0 5px 0; 
	border: 1px solid #000; 
} 
a.buttonshort:link, 
a.buttonshort:visited { 
	text-decoration: none; 
	color: #000; 
} 
a.buttonshort:hover { 
	text-decoration: none; 
	color: #000; 
	background-color: #dbb; 
} 

.upload { 
	font-family: "Trebuchet MS", Trebuchet, Arial, sans-serif; 
	font-size: 0.8em; 
	text-align: center; 
	text-transform: uppercase; 
	letter-spacing: 0.1em; 
	display: block; 
	color: #000; 
	background-color: #da6; 
	width: 100px; 
	margin: 10px 0 10px 0; 
	border: 1px solid #000; 
	float: right; 
} 
a.upload:link , 
a.upload:visited { 
	display: block; 
	text-decoration: none; 
	color: #000; 
	background-color: #da6; 
	border: 1px solid #000; 
} 
a.upload:hover { 
	display: block; 
	text-decoration: none; 
	color: #000; 
	background-color: #eda; 
	border: 1px solid #000; 
}