/* https://css-tricks.com/snippets/css/force-vertical-scrollbar/ */
html {
  overflow-y: scroll;
}


body {
	margin: 0px;
	
	font-weight: lighter;
	yyyfont-size: 18px;
	font-family: Verdana. Geneva;

	background-image: url("/media-syms/maetes_background1.jpg");	
}




/* Kopie von MA3 */
body.old {
	color: black;
	background-color: #dddddd;
	margin: 0px;
	
	font-weight: lighter;
	yyyfont-size: 18px;
	font-family: Verdana. Geneva;

	background-image: url("PICSYM/msback2.jpg");	
}



/* Links */
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;	}


/* ------------------------------------------------------ */
/*	Struct */
/* ------------------------------------------------------ */

div.super_master {
	vertical-align:top;
	aaborder: 1px solid black;
	margin:			0px;
	padding:		0px;
}

.table_main {
	awidth:			1000px;
	min-width:		500px;
	margin:			0 auto;		/*https://stackoverflow.com/questions/7059394/how-to-position-a-table-at-the-center-of-div-horizontally-vertically*/
	background-color: white;
}

.struct_top {
	text-align:			left;
	vertical-align:		top;
	background-color:	#eeeeee;

}

.struct_left {
	text-align:			center;
	vertical-align:		top;
	padding-top:		30px;
	background-color:	#eeeeee;

}

.struct_main {
	text-align:			left;
	vertical-align:		top;
	padding:			15px;
	width:				860px;

}

div.lang_switch {
	aamargin-bottom:		20px;
	margin:				15px 10px 0px 0px;
	position:			relative;
	float:				right;
}
img.lang_switch {
	width:				35;
	height:				20;
}

.super_maintext {
	font-size:		30px;
	color:			black;
	margin:			8px 0px 8px 20px;

}
/* ------------------------------------------------------ */
/*	Forms in generell */
/* ------------------------------------------------------ */


form {
	border:				1px solid #aaaaaa;
	margin-top:			0px;
	padding:			10px;
}

label {
	width:				200px;
	height:				20px;
	margin:				10px 0px 20px 0px;
	font-size:			12px;
	font-weight:		bold;
	
}
input {
	width:				300px;
	margin-top:			5px;
}
textarea {
	width:				400px;
	height:				200px;
	margin-top:			5px;
}

input.submit { /*klappt bisher nit */
	width:				150px;
}

/* ------------------------------------------------------ */
/*	Comments - form and box  */
/* ------------------------------------------------------ */




label.comments {
	display:	inline-block;
	width:		100px;
	border:		0px solid black;
}
input.comments {
	width:		200px;
}

textarea.comments {
	width:		490px;
}

.comments_name {


}
input.radio {
	width: 20px;
	margin-top: 5px;
}
.comments_date {

	margin-bottom:		20px;
	position:			relative;
	right:				0px;
	top:				0px;
	float:				right;

}
.comments_text {

	margin:		20px;

}

div.comments {
	background-color:	#f2f2f2;
	border:				1px solid #bbbbbb;
	text-align:			left;
	font-size:			12px;
	padding:			10px 10px 10px 10px;
	margin:				10px 20px 10px 20px; /* t r b l */
	width:				500px;
	
}	

/* Strange: AddClass scheint nur mit dem div. davor zu funktionieren.*/
/* Added zwar, wird aber nicht angezeigt */
div.comments_new_success {
	background-color:	#ddf2dd;
}	
div.comments_new_error {
	background-color:	#f2dddd;
}	


div.comments_answer {
	background-color:	#e2e2e2;
	margin:				10px 20px 10px 50px; /* t r b l */
	width:				470px;
	
}	


/* ------------------------------------------------------ */
/*	Sites   */
/* ------------------------------------------------------ */


.sites_date_list {
	font-size:		12px;
	font-style:		italic;
}

.site_text {
	font-size:		16px;
	margin:			0px;

}

.site_section {
	font-size:		20px;
	font-weight:	bold;
	border-bottom:	1px solid black;
	margin:			30px 0px 10px 0px;
	padding:		0px 0px 10px 0px;
	clear:			both;
}

.site_subsection {
	font-size:		20px;
	margin:			10px 0px 10px 0px;
	clear:			both;

}

.site_databox {
	text-align:			center;
	display:			inline-block;
	min-width:			210px;
	background-color:	#f2f2f2;
	border:				1px solid #bbbbbb;
	float:				right;
	padding:			5px;


}

.site_navibox {
	display:			inline-block;
	min-width:			150px;					/*https://www.w3schools.com/Css/css_inline-block.asp*/
	background-color:	#f2f2f2;
	border:				1px solid #bbbbbb;
	text-align:			left;
	font-size:			12px;
	padding:			10px 10px 10px 10px;
	margin:				3px 15px 10px 0px; 	/* t r b l */
	float:				left;

}

/* die gesamte Media-Box */
.site_picture {
	display:			inline-block;
	padding:			5px;
	background-color:	#f2f2f2;
	border:				1px solid #bbbbbb;
	text-align:			center;
	margin-bottom:		10px;
}

div.site_float_right {
	float:				right;
	padding:			5px;
	margin:				0px 0px 5px 10px;
}
div.site_float_left {
	float:				left;
	padding:			5px;
	margin:				0px 10px 50px 0px;
}


.site_color_white		{	color: white; }
.site_color_green		{	color: green; }
.site_color_red			{	color: red; }
.site_color_magenta		{	color: magenta; }
.site_color_blue		{	color: #6666ff; }
.site_color_yellow		{	color: yellow; }
.site_color_orange		{	color: orange; }


pre.code {
	margin:				8px 0px 0px 0px;
}
code.myown {
	display:			inline-block;
	min-width:			400px;
	max-width:			800px;
	padding:			10px;
	background-color:	#f2f2f2;
	border:				2px solid #bbbbbb;
	margin:				0px 0px 0px 0px;
	/* https://www.w3schools.com/Tags/tag_pre.asp */
	font-family:		monospace;
	xwhite-space:		pre;
	font-size:			12px;
	xxmargin:				0em 0;	

}
code.terminal {
	background-color:	#222222;
	border:				2px solid #999999;
	color:				#ffffff;
}

/* War nur für Preg-Replace-Tests gedacht. */
code.test {
	background-color:	#55ff55;
	border:				2px solid #999999;
	color:				#0000ff;
}

div.site_preview {
	clear:				both;
	margin:				0px 0px 10px 0px;

}
img.site_preview {
	float:				left;
	width:				100px;
	height:				75px;
}

/*
	https://www.codingforums.com/html-and-css/70347-br-clear=all-deprecated-what-css-replacement.html
*/
.sites_debug {
	clear:				both;
	background-color:	#ffbbbb;
	border:				1px solid #bbbbbb;
	margin:				10px 0px 10px 0px;
	padding:			10px;
}

.float_right {
	float:				right;
	margin-left:		10px;
}
.float_left {
	float:				left;
	margin-right:		10px;
}



p.full {
	height:		20px;
}

p.half {
	height:		8px;
}




td.maintable_left {
	vertical-align:		top;
	text-align:			left;

}

td.maintable_right {
	vertical-align:		top;
	text-align:			left;
	width:				250px;
	padding:			0px 10px 0px 20px;
}


/*h3.main_updates { */
h3 {
	margin:				10px 0px 0px 0px;
	font-size:			17px;
}


.tag {
	display:			inline-block;
	background-color:	#dddddd;
	border:				1px solid black;
	white-space:		nowrap;	
	margin:				2px;
	padding:			1px 2px 1px 2px;
}




input.admin_comment {
	width:			130px;
}


input.admin_login_button {
	width:			90px;
}
input.admin_login_text {
	margin-left:	60px;
	width:			180px;
}
/*
.admin_label .virus_label {
	display:		inline-block;
	padding-top:	8px;
	float:			left;
	width:			120px;
}
*/



/*

Altkram, dient nur der Vorlage

td.l {
	text-align:left;
	vertical-align:top;
}
.active {
	font-weight:bold;
	border: 1px solid red;
}

td.r {
	text-align:right;
	vertical-align:top;
}
td.c {
	text-align:center;
	vertical-align:top;
}

img.th {
	border: 2px solid orange;
}
table.navi {
	width: 100%;
	margin: 7px 0px 7px 0px;
	padding: 0px;
	border-spacing: 0px;
}

table.navi td {
	background-color: #cccccc;
	text-align: center;
	font-size: 12px;
	padding: 3px 10px 3px 10px;
	border: 1px solid #666666;
}
table.navi td.active {
	font-weight: bold;
}


*/