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


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


/*------------------------------------------
  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; 
	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; 
} 
.teaser-img3 { 
	padding: 0px; 
/*	width: 80px; */
	float: right; 
	border: none; 
} 

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

.rightdef { 
	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; 
} 
.adminlist td { 
	vertical-align: top; 
	padding: 2px 3px 4px 3px; 
	margin: 0 0 0 0; 
	border-top: 1px solid #da6; 
} 


tr.listheader { 
	background-color: #eda; 
	margin: 0 0 4px 0; 
	border-bottom: 2px solid #f00; 
} 
.listheader { 
	background-color: #eda; 
	margin: 0 0 4px 0; 
	overflow: hidden; 
/*	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 { 
	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; 
} 

#headertools { 
	position: absolute; 
	z-index: 10; 
	display: block; 
	top: 80px; 
	left: 200px; 
	right: 3%; 
	padding: 0; 
	margin: 0; 
} 

#cart-infobox { 
	position: absolute; 
	z-index: 20; 
	top: 15px; 
	right: 3%; 
	width: 33%; 
	height: 50px; 
	color: #fff; 
	padding: 10px 0 0 1%; 
	background-color: #4a7; 
} 

#navigation { 
	position: absolute; 
	z-index: 5; 
	top: 120px; 
	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; 
} 

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

ul.navitem li a:link, 
ul.navitem li a:visited { 
	width: 165px; 
	display: block;  
	color: #000; 
	font-weight: normal; 
	text-decoration: none; 
	padding: 0 0 0 20px; 
	border-left: 5px solid #fff; 
	background-color: #fff; 
} 

ul.navitem li a:hover { 
	width: 165px; 
	display: block; 
	color: #000; 
	text-decoration: none; 
	padding: 0 0 0 20px; 
	background-color: #da6; 
	border-left: 5px solid #666; 
} 

#selected { 
	width: 165px; 
	display: block; 
	color: #000; 
	text-decoration: none; 
	padding: 0 0 0 20px; 
	background-color: #eda; 
	border-left: 5px solid #da6; 
}


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

#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: 170px; 
	left: 200px; 
	width: 34%; 
	padding: 0 0 30px 0; 
} 
#content-left_admin { 
	position: absolute; 
	z-index: 5; 
	top: 121px; 
	left: 200px; 
	width: 34%; 
	padding: 0 0 30px 0; 
} 

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

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

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

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

.losung, 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 0px 0; 
} 

.losungkapitel, em { 
	font-family: Georgia, Times, "Times New Roman", serif; 
	font-size: 1.1em; 
	font-style: oblique; 
	letter-spacing: 1px; 
	color: #444; 
	float: right; 
	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.8em; 
	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
------------------------------------------*/

.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: #da6; 
	clear: both; 
} 
p.likeform, span.likeform { 
	height: 17px; 
	padding: 0 0 0 3px; 
	margin: 0 0 2px 0;
	background-color: #da6; 
	clear: both; 
} 
form p.dynheight { 
	padding: 0 0 0 3px; 
	margin: 0 0 2px 0; 
/*	background-color: #da6; */
/*	clear: both; */
	border: 3px dashed #f00; 
} 

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: #eda; 
	color: #000; 
	width: 50%; 
	height: 17px; 
	padding: 0 0 0 3px; 
	border: none; 
	border-right: 5px solid #da6; 
}

p#friends span.fakeinput {
	border-right: 8px solid #da6;
	display:block;
	float:right;
	height:17px;
	padding:0 0 0 3px;
	width:50%;
}

p#friends span.dot {
	display:block;
	float:left;
	padding:0 2px 0 1px;
}

.input_freundesNr1 {
	background-color: #eda; 
	border: none;
	clear:left;
	color: #000; 
	float:left;
	height: 17px; 
	padding: 0 0 0 3px; 
	width: 24px;
}
.input_freundesNr2 {
	background-color: #eda; 
	border: none;
	color: #000;
	float:left;
	height: 17px; 
	padding: 0 0 0 3px; 
	width: 33px;
}

.input_man_freundesNr1 {
	background-color: #fc6; 
	border: none;
	clear:left;
	color: #000; 
	float:left;
	height: 17px; 
	padding: 0 0 0 3px; 
	width: 24px;
}
.input_man_freundesNr2 {
	background-color: #fc6; 
	border: none;
	color: #000;
	float:left;
	height: 17px; 
	padding: 0 0 0 3px; 
	width: 33px; 
}


.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; 
}
.inputread2 { 
	background-color: #da6; 
	color: #000; 
	width: 71%; 
	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; 
} 
.input200fix { 
	background-color: #eda; 
	color: #000; 
	width: 300px; 
	height: 17px; 
	padding: 0 0 0 3px; 
	border: none; 
	border-right: 5px solid #da6; 
} 

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

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

.textarealong { 
	background-color: #eda; 
	color: #000; 
	width: 100%; 
	height: 300px; 
	margin: 0 0 15px 0; 
	border: 1px solid #da6; 
} 
.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: #eda; 
	color: #000; 
	width: 52%; 
	border: 0px; 
	border-right: 5px solid #da6; 
} 
.pulldownsimple { 
	background-color: #eda; 
	color: #000; 
/*	width: 52%; */
	border: 0px; 
	border-right: 5px solid #da6; 
} 
.pulldownfull { 
	background-color: #eda; 
	color: #000; 
	width: 100%; 
	border: 0px; 
	border-right: 5px solid #da6; 
} 
.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; 
} 

.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 { 
	text-decoration: none; 
	color: #000; 
	background-color: #da6; 
	margin: 10px 0 10px 0; 
	border: 1px solid #000; 
} 
a.button150:hover { 
	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: 5px 0 5px 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; 
} 

h2.title_verlag {
    color: red;
}