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


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

html { 
	font-size: 100.01%;  
} 

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

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

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

.teaser-img { 
	margin: 0 0 20px 10px; 
	width: 150px; 
/*	height: 100px; 
	right: 0; */
	float: right; 
	border: 1px solid #666; 
} 
.teaser-char { 
	margin: 0 0 0 10px; 
	width: 75px; 
	height: 75px; 
	float: right; 
/*	border: 1px solid #666; */
} 


.rightdef { 
	display: block; 
	width: 100%; 
} 

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

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

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

form { 
	margin: 0; 
	padding: 0; 
} 



/*------------------------------------------
  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 5px 1px 0; 
} 


.shortinfo { 
	width: 100%; 
	empty-cells: show; 
	border-spacing: 0px; 
	padding: 0; 
} 



/*------------------------------------------
  Navi items
------------------------------------------*/ 


#navigation { 
	position: absolute; 
	z-index: 5; 
	top: 235px; 
	left: 0px; 
	padding: 0 0 0 0; 
	margin: 0 0 0 0; 
	width: 190px; 
} 


.navtitel { 
	padding: 0 0 0 10px; 
	color: #666; 
	font-weight: bold; 
	letter-spacing: 0.1em;
	vertical-align:top;
} 

.navitem { 
	margin: 0; 
	padding: 0 0 15px 0; 
	letter-spacing: 0.1em;
	vertical-align: top; 
} 
.navitem ul { 
	list-style-type: none; 
	margin: 0; 
} 
.navitem li { 
	/* text-align: right; */
	list-style-type: none; 
	margin: 0; 
} 

ul.navitem li a:link, 
ul.navitem li a:visited { 
	width: 165px; 
	display: block; 
	font-weight: normal; 
	text-decoration: none; 
	padding: 0 0 0 20px; 
} 

ul.navitem li a:hover { 
	width: 165px; 
	display: block; 
	text-decoration: none; 
	padding: 0 0 0 20px; 
} 

#selected { 
	width: 165px; 
	display: block; 
	text-decoration: none; 
	padding: 0 0 0 20px; 
}



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


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

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

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

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

#headerillu { 
	position: absolute; 
	z-index: 5; 
	top: 75px; 
	left: 200px; 
	right: 0px; 
	height: 160px; 
/*	background-color: #ddd; 
	border: 1px dashed #999; */ 
	background-image: url(/images/basics/header-back.jpg);
	background-repeat: no-repeat; 
/*	background-position: 0px 0px; */
	background-position: top right; 
} 

#rubriktitel { 
	position: absolute; 
	z-index: 5; 
	font-weight: bold; 
	letter-spacing: 0.1em; 
	top: 235px; 
	left: 200px; 
	right: 0px; 
	padding: 0 0 0 5px; 
} 

#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; 
} 


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

#content-left { 
	position: absolute; 
	z-index: 5; 
	top: 280px; 
	left: 200px; 
	width: 34%; 
	padding: 0 0 30px 0; 
/*	border: 1px dashed #999; */
} 

#content-right { 
	position: absolute; 
	z-index: 5; 
	top: 280px; 
	right: 3%; 
	width: 34%; 
	padding: 0 0 30px 0; 
/*	border: 1px dashed #999; */
} 

#content-rundgang { 
	position: absolute; 
	z-index: 10; 
	top: 280px; 
	left: 200px; 
	width: 730px; 
 	height: 600px; 
 	padding: 0; 
 	margin: 0; 
/*	border: 1px dashed #ddd; */
} 
.iframe { 
	border: none; 
} 

#content-wide { 
	position: absolute; 
	z-index: 5; 
	top: 280px; 
	left: 200px; 
	right: 30px; 
	padding: 0 0 30px 0; 
	margin: 0 0 0 0; 
/*	border: 1px dashed #999; */
} 

#content-pop { 
	position: relative; 
	margin: 3%; 
/*	border: 1px dashed #ccc; */
} 


.teaser { 
	margin: 10px 0px 20px 0px; 
	clear: both;
} 

.teaser2 { 
	margin: 0 0 10px 0; 
} 

.teaser3 { 
	margin: 0 0 30px 0; 
	padding: 0 0 15px 0; 
	clear: both;
} 

.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; 
	margin: 0; 
	padding: 0 0 10px 0; 
	letter-spacing: 1px; 
} 

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

h3 { 
	font-size: 1.0em; 
	margin: 0; 
	padding: 0 0 5px 0; 
/*	letter-spacing: 1px; */
} 

#Zwischenueberschrift { 
/*	display: block; 
	width: 100%; */
	font-size: 1.2em; 
	letter-spacing: 1px; 
	padding: 10px 0 0 0; 
	border-top: 1px solid #396; 
} 
#TabellenzelleTermine { 
	padding: 0 0 15px 0; 
} 
#TabellenzelleTermine nobr { 
/*	font-weight: normal; */
} 
#TabellenzelleTermine b { 
/*	font-weight: normal; 
	color: #47b; */
} 
#TabellenzelleTermine i { 
	font-style: normal; 
} 


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

.hint { 
	font-weight: bold; 
} 



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


form p { 
	height: 17px; 
	padding: 0 0 0 3px; 
	margin: 0 0 4px 0; 
	clear: both; 
} 
p.likeform, span.likeform { 
	height: 17px; 
	padding: 0 0 0 3px; 
	margin: 0 0 2px 0; ; 
	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 #8bd; 
} 

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

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

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

.input-short { 
	width: 80px; 
	height: 17px; 
	padding: 0 0 0 3px; 
	border: none; 
}  

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

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

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

.pulldown { 
	width: 52%; 
	border: 0px; 
} 
.pulldownfull { 
	width: 100%; 
	border: 0px; 
} 

.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; 
	width: 150px; 
	margin: 10px 0 10px 0; 
} 
a.button150:link, 
a.button150:visited { 
	text-decoration: none; 
	margin: 10px 0 10px 0; 
} 
a.button150:hover { 
	text-decoration: none; 
	margin: 10px 0 10px 0; 
} 

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


.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: #fff; 
	background-color: #8bd; 
	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: #fff; 
	background-color: #8bd; 
	border: 1px solid #000; 
} 
a.upload:hover { 
	display: block; 
	text-decoration: none; 
	color: #000; 
	background-color: #ace; 
	border: 1px solid #000; 
}