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


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

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 10px; 
	width: 60px; 
/*	right: 0; */
	float: right; 
	border: none; 
} 

.teaser-img2 { 
	padding: 0px; 
	width: 80px; 
	float: right; 
	border: none; 
} 

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

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


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

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

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

a:link, a:visited, a:active { 
	color: #339; 
	font-weight: bold; 
	text-decoration: none; 
}
a:hover, a:visited:hover { 
	color: #c00; 
	text-decoration: underline; 
} 

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


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


tr.listheader { 
	background-color: #eda; 
	margin: 0 0 4px 0; 
	border-bottom: 2px solid #f00; 
} 
.listheader { 
	background-color: #eda; 
	margin: 0 0 4px 0; 
/*	border-bottom: 2px solid #f00; */
} 


table.cartinfo { 
	width: 100%; 
	empty-cells: show; 
	border-spacing: 0px; 
	text-align: left; 
	margin: 0 0 40px 0; 
} 


.cartinfo td { 
	vertical-align: top;  
	width: 33%; 
	padding: 0 5px 2px 0; 
} 

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

.tageslosung { 
	width: 100%; 
	/* caption-side: top left; */
	empty-cells: show; 
	border-spacing: 0px; 
	padding: 5px 0 0 4px; 
	border-top: 1px solid #46c; 
	border-bottom: 1px solid #46c;
} 


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

table.audio { 
	width: 100%; 
	empty-cells: show; 
	border-spacing: 0px; 
	text-align: left; 
	margin: 0 0 30px 0; 
} 
.audio tr { 
	background-color: #da6; 
} 
.audio td { 
	vertical-align: bottom; 
	padding: 2px 5px 2px 5px; 
} 


/* im content left: */ 
.audioliste { 
	padding: 2px 0 2px 4px; 
	margin: 0 0 4px 0; 
/*	background-color: #da6; */
	background-color: #eda; 
	border-top: 1px solid #ccc; 
} 



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

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

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

#headeralt { 
	display: none; 
} 

#headerback { 
	display: none; 
} 

#headertools { 
	display: none; 
} 

#cart-infobox { 
	display: none; 
} 

#navigation { 
	display: none; 
} 


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

	border-left: 5px solid #da6; 
} 

#topline { 
	display: none; 
} 

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


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

#content-left { 
	position: absolute; 
	z-index: 5; 
	top: 130px; 
/*	left: 0; */
	width: 48%; 
/*	padding: 0 0 30px 0; */
} 
#content-left_admin { 
	position: absolute; 
	z-index: 5; 
	top: 81px; 
	left: 0; 
	width: 48%; 
	padding: 0 0 30px 0; 
} 

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

#content-wide { 
	position: absolute; 
	z-index: 5; 
	top: 130px; 
	left: 0; 
	width: 95%; 
	padding: 0 0 30px 0; 
	margin: 0 0 0 0; 
	border: 0px dashed #999; 
} 

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



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


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

.teaser2 { 
	margin: 0 0 10px 0; 
	border-top: 1px solid #9cb; 
} 

.teaser3 { 
	margin: 0; 
	padding: 3px 5px 5px 0; 
	border-top: 1px solid #9cb; 
	border-right: 1px solid #9cb; 
} 

.searchresult { 
	padding: 0 0 0 0; 
	border-top: 1px solid #9cb; 
	clear: both; 
} 

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


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

.lead , .ltk , ol , ul , option , .input , .pulldown { 
	font-family: Arial, Geneva, Helvetica, Swiss, SunSans-Regular, sans-serif; 
} 

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

h2 { 
	font-size: 1.4em; 
	line-height: 1.0em; 
	color: #666; 
	margin: 0; 
	padding: 20px 0 5px 0; 
	letter-spacing: 1px; 
} 

h3 { 
	font-size: 1.2em; 
	line-height: 0.9em; 
	color: #666; 
	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; 
} 

.p_strike { 
color: #999; 
text-decoration: line-through; 
padding: 0 10px 0 0; 
} 
.p_aktion { 
color: #c00; 
font-size: 1.2em; 
font-weight: bold; 
} 

.quote, em { 
	font-family: Georgia, Times, "Times New Roman", serif; 
	font-size: 1.4em; 
	font-style: oblique; 
	line-height: 1.3em; 
	letter-spacing: 1px; 
	color: #444; 
	padding: 0 0 20px 0; 
} 

.andacht01lead { 
	font-family: Times, "Times New Roman", serif; 
	font-size: 2.5em; 
	font-style: oblique; 
	line-height: 1.2em; 
	color: #444; 
	margin: 0 0 30px 0; 
} 

.andacht01 { 
	font-family: "Trebuchet MS", Trebuchet, Arial, Geneva, Helvetica, Swiss, SunSans-Regular, sans-serif; 
	font-size: 1.0em; 
	line-height: 1.4em; 
	color: #000; 
	background-color: #fff; 
	padding: 0 10px 20px 20px; 
	border-top: 1px solid #396; 
} 

.andacht01:first-letter { 
	font-family: Times, "Times New Roman", serif; 
	font-size: 7em; 
	line-height: 1.0em; 
	color: #fff; 
	vertical-align: top; 
	margin: 0 10px 0 -20px; 
	padding: 10px 5px 10px 5px; 
	background-color: #9cb; 
	border-bottom: 2px solid #396; 
	float: left; 
} 



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


form p { 
	height: 17px; 
	padding: 0 0 0 3px; 
	margin: 0 0 2px 0; ; 
	background-color: #da6; 
	clear: both; 
} 
p.likeform { 
	padding: 0 0 0 3px; 
	margin: 0 0 2px 0; ; 
	background-color: #da6; 
	clear: both; 
} 

form p label { 
	float: left; 
} 

p.likeform label { 
	float: left; 
/*	border: 1px dashed #000; */
} 

.in-form_blank { 
	padding: 0; 
	margin: 0; 
	background-color: #fff; 
} 

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

.p50 { 
	width: 48%; 
} 

fieldset { 
	width: 70%; 
} 

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

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

.input_mandatory { 
	background-color: #da6; 
	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; 
}  

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

.inputread75 { 
	background-color: #da6; 
	color: #000; 
	width: 75%; 
	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; 
}  

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

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

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

.textarea { 
	background-color: #eda; 
	color: #000; 
	width: 100%; 
	height: 100px; 
	border: 1px solid #da6; 
} 

.textareashort { 
	background-color: #eda; 
	color: #000; 
	width: 100%; 
	height: 50px; 
	border: 1px solid #da6; 
} 
.textareashort2 { 
	background-color: #eda; 
	color: #000; 
	width: 100%; 
	height: 20px; 
	border: 1px solid #da6; 
} 

.textareashort_mandatory { 
	background-color: #da6; 
	color: #000; 
	width: 100%; 
	height: 50px; 
	border: 1px solid #da6; 
} 

.textarea-display { 
	font-family: Arial, Geneva, Helvetica, Swiss, SunSans-Regular, sans-serif; 
	font-size: 12px; 
/*	text-align: left; */
	width: 100%; 
	display: block; 
/*	height: 150px; */
	padding: 5px 0 10px 0; 
	border: none; 
/*	border-top: 1px solid #396; */
}  

.textarealong { 
	background-color: #eda; 
	color: #000; 
	width: 100%; 
	height: 300px; 
	border: 1px solid #da6; 
} 

.textarealong_mandatory { 
	background-color: #da6; 
	color: #000; 
	width: 100%; 
	height: 300px; 
	border: 1px solid #da6; 
} 

.pulldown { 
	background-color: #eda; 
	color: #000; 
	width: 52%; 
	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: #da6; 
	width: 150px; 
	margin: 10px 0 10px 0; 
	border: 1px solid #000; 
} 
a.button150:link, 
a.button150:visited { 
	display: block; 
	text-decoration: none; 
	color: #000; 
	background-color: #da6; 
	margin: 10px 0 10px 0; 
	border: 1px solid #000; 
} 
a.button150:hover { 
	display: block; 
	text-decoration: none; 
	color: #000; 
	background-color: #eda; 
	margin: 10px 0 10px 0; 
	border: 1px solid #000; 
} 

.button200 { 
	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: 200px; 
	margin: 10px 0 10px 0; 
	border: 1px solid #000; 
} 
a.button200:link, 
a.button200:visited { 
	display: block; 
	text-decoration: none; 
	color: #000; 
	background-color: #da6; 
	margin: 10px 0 10px 0; 
	border: 1px solid #000; 
} 
a.button200:hover { 
	display: block; 
	text-decoration: none; 
	color: #000; 
	background-color: #eda; 
	margin: 10px 0 10px 0; 
	border: 1px solid #000; 
} 

.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: #da6; 
	padding: 1px 10px 1px 10px; 
	margin: 0; 
	border: 1px solid #000; 
} 
a.buttonshort:link, 
a.buttonshort:visited { 
	text-decoration: none; 
	color: #000; 
	background-color: #da6; 
	border: 1px solid #000; 
} 
a.buttonshort:hover { 
	text-decoration: none; 
	color: #000; 
	background-color: #eda; 
	border: 1px solid #000; 
} 

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