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

https://www.w3schools.com/howto/howto_css_force_scrollbars.asp

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

body {
	font-size:				1em;

	overflow-y:				scroll; /* Show vertical scrollbar */

	background-image:		url("pics/bg1billym.jpg");
	background-attachment:	fixed;
	background-repeat:		repeat;
	
}


@font-face {
  font-family:		'Telegraphem';
  font-style:		normal;
  font-weight:		350;
  src:				url(Telegraphem.otf) format('opentype');
  unicode-range:	U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* ------------------------------------------------------------- 
Haupt-Divs
------------------------------------------------------------- */

.master
{
	display:		block;
	border:			0px solid green;
	vertical-align:	top;
	text-align:		center;
}

.main
{
	display:		inline-block;
	border:			2px solid black;
	background-color:	#eeeeee;
	background-color:	#fcfbf4;
	background-color:	#eedec5;
	
	vertical-align:	top;
	text-align:		center;
	width:			1200px;
}


.main_header_box {
	border:			0px solid black;
}

.main_client_box {
	border:			0px solid black;
	text-align:		left;
}

.main_dyn_box {
	border:			3px solid red;
	margin:			10px;
	padding:		10px;
	display:		block;
	
}
.main_dyn_box.hidden {
	display:		none;
	
}

.main_footer_box {
	border:			0px solid black;
	margin:			30px 0px 10px 0px;
}


/* ------------------------------------------------------------- 
Bilderchens
https://www.w3schools.com/css/css3_images.asp
------------------------------------------------------------- */

img.small
{
	width:			350px;
	border:			1px solid #aaa;
	border-radius:	4px;
	padding:		5px;	
}
img.small:hover {
  box-shadow:		0 0 4px 1px rgba(0, 140, 186, 0.5);
}
div.image_c
{
	margin-bottom:	40px;
}

 .online_shop
 {
	display:			inline-block;
	min-width:			13em;
	border:				1px solid #444444;
	background-color:	#dddddd;
	margin:				4px;
	padding:			8px;
 }

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

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

h1.tele
{
	font-size:		10em;
	margin:			20px 0px 0px 0px;
	padding-right:	20px;
	font-family:	"Telegraphem", Times, serif;	
}

h2.tele
{
	font-size:		2em;
	margin:			0px 0px 5px 0px;
	font-family:	"Telegraphem", Times, serif;	
}

h2
{
	margin-top:	40px;
}


/* Nur für den Header auf jeder Seite verwenden */
h1.siteheader
{
	font-size:		2em;
	margin:			20px 20px 20px 20px;
	padding-right:	20px;
	font-family:	"Telegraphem", Times, serif;	
}

h3
{
	margin-top:	40px;
	wwtext-decoration: underline;
    margin-bottom: 0px;
    font-size: 1.5em;
    font-weight: normal;
    font-style: italic;
    border-bottom: 1px solid black;	
}


p
{
	font-size:		1.1em;
}


p.header
{
	margin:			3px 0px 10px 0px;
}

p.footer
{
	margin:			5px;
}

.half_container
{
	text-align:		center;
	vertical-align:	top;
}

.half_left, .half_right
{
	display:		inline-block;
	width:			45%;
	text-align:		left;
	border:			0px dotted black;
	vertical-align:	top;
	margin:			0px 1% 0px 1%;
	padding:		0px 1% 30px 1%;
}
.half_right.center
{
	text-align:		center;
}


/* ------------------------------------------------------------- 
Div-Tabelle
------------------------------------------------------------- */

.table
{
	display:			inline-block;
	font-size:			1.2em;
	margin-top:			0.5em;
}
.table_line
{
	margin-top:			0.2em;
}
.table_header
{
	display:			inline-block;
	width:				200px;
	font-weight:		bold;
	text-align:			right;
	
}
.table_data
{
	display:			inline-block;
	text-align:			left;
	padding-right:		0px;
}
.table_header.left
{
	text-align:			left;
	width:				auto;
	
}
.table_header.sitemap
{
	width:				110px;
	font-weight:		normal;
	text-align:			left;
	
}
.table_data.sitemap
{
}


/* ------------------------------------------------------------- 
Tabs/Reiter
------------------------------------------------------------- */

.tabs_box {
	display:			block;
	text-align:			center;
	width:				100%;
	border:				0px solid #888888;
}
.tabs {
	font-size:			1.2em;
	min-width:			150px;
	background-color:	#eeeeee;
	display:			inline-block;
	text-align:			center;
	padding:			3px 10px 3px 10px;
	border:				1px solid #000088;
	margin:				5px;
	color:				black;
	
}

.tabs.touched {
	font-weight:		bold;
}
.tabs.active {
	font-weight:		bold;
	background-color:	#cccccc;
	color:				#bb0000;
}
/* Tab Impressum als Button rausnehmen */
#tab_impressum, #tab_sitemap {
	display:			none;
}

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

.tabs_content {
	display:			block;
	border:				3px solid #888888;
	margin:				10px;
	padding:			10px;
}
.tabs_content.hidden {
	display:			none;
}


/* ------------------------------------------------------------- 
Tab eBook
------------------------------------------------------------- */

.dl_button
{
	display:			inline-block;
	padding:			20px 10px 20px 10px;
	text-align:			center;
	font-size:			30px;
	border-top:			2px solid #ffffff;
	border-right:		2px solid #cccccc;
	border-bottom:		2px solid #cccccc;
	border-left:		2px solid #ffffff;
	width:				350px;
	background-color:	#aaaaaa;
}

.dl_sym
{
	width:			100px;
}
.dl_div_sym
{
	display:		inline-block;
	text-align:		center;
	sadfloat:			left;
	vertical-align:	middle;
	border:			0px solid black;
}
.dl_div_text
{
	display:		inline-block;
	text-align:		center;
	vertical-align:	middle;
	border:			0px solid black;
}

.donate_header
{
	font-size:			25px;
	font-weight:		bold;
	text-decoration:	underline;
	margin:				20px 0px 10px 0px;
}
.donate_ctc
{
	cursor:				copy;
}
#do_msg, #download_epub
{
	margin-top:			5px;
	font-weight:		bold;
	text-align:			center;
	height:				25px;
	color:				#008800;
}

/* ------------------------------------------------------------- 
Meist für <p>-Tags, generell einfache Texte
Vielleicht später mit text-h und -h zusammenlegen.
------------------------------------------------------------- */

.imp_h
{
	font-weight:		bold;
	margin:				20px 0px 0px 0px;
}
.imp_t
{
	font-style:			italic;
	margin:				5px 0px 0px 0px;
	ssmax-width:			1000px;		/* Ohne den vergrößert er das main-div um ca. 100 px, bisl strange. martin 8.9.24 */
}

/* Für normale, nicht-Impressum-Texte (z.B. Inhalt) mit dickem Header und normalem, längeren Text dahinter */
.text_h
{
	font-weight:		bold;
	margin:				20px 0px 0px 0px;
}
.text_t
{
	margin:				5px 0px 0px 0px;
	max-width:			1000px;		/* Ohne den vergrößert er das main-div um ca. 100 px, bisl strange. martin 8.9.24 */
}

.text_q
{
	margin:				10px 0px 10px 30px;
	font-size:			1.5em;
	font-style:			italic;
	max-width:			1000px;		/* Ohne den vergrößert er das main-div um ca. 100 px, bisl strange. martin 8.9.24 */
}


/* ------------------------------------------------------------- 
News auf dem Home-Tab
------------------------------------------------------------- */

.news_one {
	margin-top:		15px;
}
.news_d {
	display:		inline-block;
}
.news_h {
	font-weight:	bold;
	display:		inline-block;
}
.news_t {
	padding:		0px 0px 0px 20px;
}



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

https://www.w3schools.com/html//html_table_styling.asp

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

table.dump_table {
	width: 100%;
	border: 1px solid #666666;
	border-spacing: 0px;
}
tr.dump_table {
}
tr.dump_table:nth-child(even) {
  background-color: #D6EEEE;
}
td.dump_table, th.dump_table {
	text-align:		left;
	font-size:		12px;
	text-align:		left;
	border:			1px solid #888888;
	padding:		0px 5px 0px 5px;
	white-space:	nowrap;
}
th.dump_table {
	font-weight:	bold;
	font-size:		14px;
}


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

Kommentare

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


.comment_form_box
{
	background-color:		#cccccc;
	border:					1px solid black;
}
.comment_form_line
{
	display:				block;
	border:					0px solid black;
}
.comment_form_label
{
	display:				inline-block;
	text-align:				left;
	width:					150px;
}
.comment_form_label.textbox
{
	display:				block;
	width:					auto;
	margin:					20px 0px 0px 0px;
}

.comment_input_text
{
	padding:			5px 0px 5px 0px;
	margin:				3px 0px 3px 0px;
}
.comment_input_textarea
{
	
}
.comment_input_sendbutton
{
}

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

.comments_entry_box {
	background-color:		#cccccc;
	border:					1px solid black;
	margin:					10px 0px 20px 0px;
}

.comments_entry_name {
}
.comments_entry_website {
}
.comments_entry_date {
}
.comments_entry_text {
}



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

Sind glaub ich noch paar alte Klamotten bei, die ich nicht brauch.
Beizeiten bisl aufräumen.

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

a:link {
		text-decoration: none;
		color: rgb(0, 0, 255);
}
a:visited {
		text-decoration: none;
		color: rgb(0, 0, 230);
}
a:active {
		text-decoration: none;
		color: rgb(200, 0, 200);
}
a:hover {
		text-decoration: underline;
		color: rgb(0, 0, 255);
}

/* Links */
a.blind {
		text-decoration: none;
		color: #000000;
}


/*
a.www:link		{	color:	#0066dd;	}
a.www:visited	{	color:	#0066bb;	}
a.www:active	{	color: 	#bb6699;	}
a.www:hover		{	color:	#0066dd;	}
*/

a.www:link		{	color:	#555500;	}
a.www:visited	{	color:	#555500;	}
a.www:active	{	color: 	#555500;	}
a.www:hover		{	color:	#555500;	}

a.wp
{
	font-style:		italic;
	background-color:	#eeeeee;
}