/* Basisversion Banner bis 2000 Pixel */

html               { -webkit-text-size-adjust: none; }

* {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: arial;
}

body {
	background: #fff;
}

div.body {
	z-index: 0;
}


#wrapper {
	width: 100%;
}

#top,
#bottom {
	background: #8af;
	border-top: 4px solid #fff;
	padding: 2px;
	text-align: center;
}

#left,
#right {
		background: #acf;
}

div.w600,
div.list_back,
div.list_on,
div.list_off {
	display: none;
}
div.player_off,
div.player_on {
	display: inline;
}

@media only screen and (min-width: 961px) {
	#banner {
		background-position: left;
		background-repeat: repeat;
		background-image: url("as_banner_2000.jpg");
		height: 110px;
		position: fixed;
		z-index: 100;
	}
	#top            { display: none; }
	.menu_top       { display: none; }
	div.edit_big    { position: relative; top: 110px; width: 100%; background: #c8d0ef; padding: 8px; }
	div.edit_smal   { display: none; }
	div.bottom      { position: relative; top: 110px; width: 100%; padding: 2px; background: #88aaff; border-bottom: #fff solid 10px; }
	table.body_edit { max-width: 1150px; }
}
@media only screen and (max-width: 960px) {
	body { width: 99.9%; background: #fff; }
	div.body      { z-index: 0}
	div.menu_v    { display: none; }
	div.menu_top  { -webkit-position: sticky; top: 0; position: sticky; top: 0; width: 100%; height: auto;background: #8af; border-bottom: #fff solid 2px; z-index: 100; }
	div.menu_h    { width: 100%; height: auto; background: #d9eaff; border-top: #fff solid 2px; padding: 2px; text-align: center; }
	div.edit_big  { display: none; }
	div.edit_smal { width: 100%; background: #c8d0ef; padding: 4px; }
	div.bottom    { width: 100%; position: static; padding: 2px; background: #88aaff; border-bottom: #fff solid 10px; }
}

div.content_600       { display: none; }

@media only screen and (max-width: 650px) {
	div.edit_smal { display: none; }
}

#banner img.banner960 {
	display: none;
}

#banner img.banner540 {
	display: none;
}

#left {
	float: left;
	margin: 1px;
	background: #ddf;
	display: inline;
}

header {
	background: #fff;
	padding: 0;
	margin: 0;
	text-align: center;
	width:100%;
}

footer {
	background: #88aaff;
	color: #dd9;
	padding: 5px;
	text-align: center;
	width:100%;
}

td.list_bild_1    { background: #c8d0ef; width: 16%; vertical-align: top; }
td.list_bild_2    { background: #e0e8fb; width: 16%; vertical-align: top; }
td.list_text_1    { background: #c8d0ef; width: 84%; vertical-align: top; }
td.list_text_2    { background: #e0e8fb; width: 84%; vertical-align: top; }
td.c2_list_bild_1 { background: #c8d0ef; width: 30%; vertical-align: top; }
td.c2_list_bild_2 { background: #e0e8fb; width: 30%; vertical-align: top; }
td.c2_list_text_1 { background: #c8d0ef; width: 70%; vertical-align: top; }
td.c2_list_text_2 { background: #e0e8fb; width: 70%; vertical-align: top; }

a.utitel          {
	font-weight: normal;
	color: #000;
	text-decoration: none;
}

a:hover.utitel    {
	position: relative; top: 1px; left: 1px;
}

a.inhalt,
a:link.inhalt,
a:visited.inhalt,
a.link_list,
a:link.link_list,
a:visited.link_list {
	font-weight: bold;
	color: #009;
	text-decoration: none;
}
a:hover.inhalt,
a:hover.link_list {
	position: relative;
	top: 1px;
	left: 1px;
}

input             { border: #000 solid 1px; padding: 2px; }

/* ------------------------------------------------------------- Banner formatieren
/* ------------------------------------------------------------- Version max 960px */

@media only screen and (min-width: 541px) and (max-width: 960px) {

	
/*	#wrapper {
		width: 100%;
	} */
	
	#banner {
		width: 100%;
		background-image: none;
		height: auto;
	}
	
	#banner img.banner960 {
		display: inline;
		border: 0;
		width: 100%;
		height: auto;
		max-height: 110px;
	}
	
	#banner img.banner540 {
		display: none;
	}
}
	
/* ------------------------------------------------------------- bis 600px */

@media only screen and (max-width: 600px) {

	#banner {
		width: 100%;
		background-image: none;
		height: auto;
	}

	#banner img.banner960 {
		display: none;
	}

	#banner img.banner540 {
		width: 100%;
		max-height: 55px;
		display: inline;
		border: 0;
	}

	div.menu_top {
		display: none;
	}

	#top td.top {
		display: none;
	}
}



/* ------------------------------------------------------------- Formatierung vertikales Menue und Listen */

p.menu_v,
p.menu_v_akt        { padding: 0px; border-bottom: #666666 solid 1px; }
a.menu_v,
a.menu_v_akt        { background-color: #000055; padding: 4px; font-size: 14px; color: #ffffff; font-weight: bold; text-decoration: none; display: block }
a:link.menu_v       { background-color:#7799bb; color: #000000; font-weight: bold; }
a:visited.menu_v    { background-color:#7799bb; color: #000000; font-weight: bold; }
a:hover.menu_v      { background-color: #000055; color: #ffffff; font-weight: bold; }


a.menu,
a.menu_nolink,
a.menu_akt         { color: #5555aa; font-weight: bold; text-decoration: none; }
a.umenu,
a.umenu_nolink     { color: #5555aa; text-decoration: none; }
a.list             { color: #000000; font-weight: bold; text-decoration: none; }
a.list_2           { color: #000000; text-decoration: none; }

a:link.menu        { color: #000000; }
a:link.menu_akt    { color: #5555aa; }
a:link.umenu       { color: #000000; }
a:link.list        { color: #000000; }
a:link.list_2      { color: #000000; }

a:visited.menu     { color: #000000; }
a:visited.menu_akt { color: #5555aa; }
a:visited.umenu    { color: #000000; }
a:visited.list     { color: #000000; }
a:visited.list_2   { color: #000000; }

a:hover.menu       { color: #000000; position: relative; top:1px;left:1px; }
a:hover.menu_akt   { color: #5555aa; position: relative; top:1px;left:1px; }
a:hover.umenu      { color: #000000; position: relative; top:1px;left:1px; }
a:hover.list       { color: #000000; position: relative; top:1px;left:1px; }
a:hover.list_2     { color: #000000; position: relative; top:1px;left:1px; }

.shadow_5_20 {
	-webkit-box-shadow: rgba(0,0,0,.7) 5px 5px 20px;
	-moz-box-shadow: rgba(0,0,0,.7) 5px 5px 20px;
	box-shadow: rgba(0,0,0,.7) 5px 5px 20px;
}
.shadow_3_10 {
	-webkit-box-shadow: rgba(0,0,0,.7) 3px 3px 10px;
	-moz-box-shadow: rgba(0,0,0,.7) 3px 3px 10px;
	box-shadow: rgba(0,0,0,.7) 3px 3px 10px;
}
.shadow_1_3 {
	-webkit-box-shadow: rgba(0,0,0,.7) 1px 1px 3px;
	-moz-box-shadow: rgba(0,0,0,.7) 1px 1px 3px;
	box-shadow: rgba(0,0,0,.7) 1px 1px 3px;
}

img.vbild {
	width: 95%;
	max-width: 150px;
	-webkit-box-shadow: rgba(0,0,0,.7) 2px 2px 8px;
	-moz-box-shadow: rgba(0,0,0,.7) 2px 2px 8px;
	box-shadow: rgba(0,0,0,.7) 2px 2px 8px;
}

img:hover.vbild {
	position: relative;
	top:1px;
	left:1px;
}

img:hover.werbung  { position: relative; top:1px; left:1px; }
div.icon_menu      { display: none;}
div.icon_menu_icon { float: left; width: 22%; width: 22vw; min-width: 72px; max-width: 150px; margin: 2px; }

p.titel_quick      { margin: 8px 2px; font-size: 16px; text-align: left; color: #000; font-weight: bold; text-decoration: none; }
p.quick            { margin: 8px 2px; font-size: 14px; text-align: left; color: #000; font-weight: normal; text-decoration: none; }
a.quick            { font-size: 14px; color: #000; font-weight: bold; text-decoration: none; }
a:hover.quick      { position: relative; top:1px;left:1px; }

/*.line              { width: 100%; height: 1px; background: #666; }

/* ------------------------------------------------------------- Formatierung Menues und Inhalte Groessenabhaengig */
table.seite        { height: auto; }
td.left            { position: fixed; top: 110px; }
td.content         { position: relative; top: 112px; background: #cdf; }
td.content_1       { position: relative; top: 112px; background: #cdf; }
td.content_2       { position: relative; top: 112px; background: #cdf; }
td.content_2_bg    { position: relative; top: 112px; background: #cdf; }
td.right           { position: fixed; top: 110px; background-color: #88aaff }

/* ------------------------------------------------------------- Formatierung Edit-Bereich ----------------------------------------------- */

p.edit             { font-size: 16px; padding: 2px;}
input.edit         { font-size: 16px; padding: 2px; border: #888 solid 1px; width: 200px; }
select.edit        { font-size: 16px; padding: 2px; border: #888 solid 1px; width: 100%; }
textarea.text      { font-size: 16px; padding: 2px; border: #888 solid 1px; }
textarea.edit      { font-size: 16px; font-family: courier; padding: 2px; border: #888 solid 1px; }
	
/* ------------------------------------------------------------- Ausblenden variable Bilder / Einblendung im angepassten Madia-Bereich --- */

img.w1500,
img.w1300,
img.w1000,
img.w600           { display: none; }


/* ------------------------------------------------------------- Formatierung vertikales Menue und Inhalt ab 1901 Pixel*/

@media only screen and (min-width: 1901px ) {
	
	div.menu_top      { display: none; }
	table.seite       { width: 1900px; }
	td.left           { width: 220px; }
	td.content        { width: 1680px; }
	td.content_1      { width: 1180px; }
	td.content_2      { width: 500px; }
	td.list_bild_1,
	td.list_bild_2    { padding: 8px;}
	td.list_text_1,
	td.list_text_2    { padding: 0; }
	td.c2_list_bild_1,
	td.c2_list_bild_2 { padding: 6px;}
	td.c2_list_text_1,
	td.c2_list_text_2 { padding: 0 6px; }
	p.menu            { font-size: 26px; margin: 4px 0; }
	a.menu_v,
	a.menu_v_akt      { font-size: 26px; height: 30px; }
	a.menu,
	a.menu_nolink,
	a.menu_akt        { font-size: 26px; margin: 4px; }
	a.umenu,
	a.umenu_nolink    { font-size: 22px; margin: 4px 4px 4px 16px; }
	p.zeitraum        { font-size: 24px; margin: 4px 0; }
	h1,
	h2,
	h3,
	p.titel           { font-size: 26px; font-weight: bold; margin: 4px; }
	p.zeitraum,
	p.descr,
	p.inhalt          { font-size: 24px; margin: 4px; }
	li                { font-size: 24px; margin-left: 44px; }
	input             { font-size: 24px; }
	p.zeitraum_list   { font-size: 22px; margin: 4px; }
	p.titel_list      { font-size: 24px; margin: 0 4px; }
	p.descr_list      { font-size: 22px; margin: 0 4px; }
}

/* ------------------------------------------------------------- Formatierung vertikales Menue und Inhalt 1801 bis 1900 Pixel*/

@media only screen and (min-width: 1801px ) and (max-width: 1900px) {
	
	div.menu_top      { display: none; }
	table.seite       { width: 1800px; }
	td.left           { width: 210px; }
	td.content        { width: 1590px; }
	td.content_1      { width: 1120px; }
	td.content_2      { width: 470px; }
	td.list_bild_1,
	td.list_bild_2    { padding: 8px;}
	td.list_text_1,
	td.list_text_2    { padding: 0; }
	td.c2_list_bild_1,
	td.c2_list_bild_2 { padding: 4px;}
	td.c2_list_text_1,
	td.c2_list_text_2 { padding: 0 4px; }
	p.menu            { font-size: 25px; margin: 4px 0; }
	a.menu_v,
	a.menu_v_akt      { font-size: 25px; height: 29px; }
	a.menu,
	a.menu_nolink,
	a.menu_akt        { font-size: 25px; margin: 4px; }
	a.umenu,
	a.umenu_nolink    { font-size: 21px; margin: 4px 4px 4px 16px; }
	p.zeitraum        { font-size: 23px; margin: 4px 0; }
	h1,
	h2,
	h3,
	p.titel           { font-size: 25px; font-weight: bold; margin: 4px; }
	p.zeitraum,
	p.descr,
	p.inhalt          { font-size: 23px; margin: 4px; }
	li                { font-size: 23px; margin-left: 42px; }
	input             { font-size: 23px; }
	p.zeitraum_list   { font-size: 21px; margin: 4px 0 0 0; }
	p.titel_list      { font-size: 23px; margin: 0 4px 0 0; }
	p.descr_list      { font-size: 21px; margin: 0 4px 4px 0; }
}

/* ------------------------------------------------------------- Formatierung vertikales Menue und Inhalt 1701 bis 1800 Pixel*/

@media only screen and (min-width: 1701px ) and (max-width: 1800px) {
	
	div.menu_top      { display: none; }
	table.seite       { width: 1700px; }
	td.left           { width: 200px; }
	td.content        { width: 1500px; }
	td.content_1      { width: 1060px; }
	td.content_2      { width: 440px; }
	td.list_bild_1,
	td.list_bild_2    { padding: 8px;}
	td.list_1,
	td.list_2         { padding: 0; }
	td.c2_list_bild_1,
	td.c2_list_bild_2 { padding: 4px;}
	td.c2_list_text_1,
	td.c2_list_text_2 { padding: 0 4px; }
	p.menu            { font-size: 24px; margin: 4px 0; }
	a.menu_v,
	a.menu_v_akt      { font-size: 24px; height: 28px; }
	a.menu,
	a.menu_nolink,
	a.menu_akt        { font-size: 24px; margin: 4px; }
	a.umenu,
	a.umenu_nolink    { font-size: 20px; margin: 4px 4px 4px 16px; }
	p.zeitraum        { font-size: 22px; margin: 4px 0; }
	h1,
	h2,
	h3,
	p.titel           { font-size: 24px; font-weight: bold; margin: 4px; }
	p.zeitraum,
	p.descr,
	p.inhalt          { font-size: 22px; margin: 4px; }
	li                { font-size: 22px; margin-left: 40px; }
	input             { font-size: 22px; }
	p.zeitraum_list   { font-size: 20px; margin: 4px 0 0 0; }
	p.titel_list      { font-size: 22px; margin: 0 4px 0 0; }
	p.descr_list      { font-size: 20px; margin: 0 4px 4px 0; }
}

/* ------------------------------------------------------------- Formatierung vertikales Menue und Inhalt 1601 bis 1700 Pixel*/

@media only screen and (min-width: 1601px ) and (max-width: 1700px) {
	
	div.menu_top      { display: none; }
	table.seite       { width: 1600px; }
	td.left           { width: 190px; }
	td.content        { width: 1410px; }
	td.content_1      { width: 1000px; }
	td.content_2      { width: 410px; }
	td.list_bild_1,
	td.list_bild_2    { padding: 6px;}
	td.list_1,
	td.list_2         { padding: 0; }
	td.c2_list_bild_1,
	td.c2_list_bild_2 { padding: 4px;}
	td.c2_list_text_1,
	td.c2_list_text_2 { padding: 0 4px; }
	p.menu            { font-size: 23px; margin: 4px 0; }
	a.menu_v,
	a.menu_v_akt      { font-size: 23px; height: 27px; }
	a.menu,
	a.menu_nolink,
	a.menu_akt        { font-size: 23px; margin: 4px; }
	a.umenu,
	a.umenu_nolink    { font-size: 19px; margin: 4px 4px 4px 16px; }
	p.zeitraum        { font-size: 21px; margin:  2px 6px 2px 6px; }
	h1,
	h2,
	h3,
	p.titel           { font-size: 23px; font-weight: bold; margin: 4px; }
	p.descr           { font-size: 21px; margin: 4px; }
	p.inhalt          { font-size: 21px; margin: 4px; }
	li                { font-size: 21px; margin-left: 38px; }
	input             { font-size: 21px; }
	p.zeitraum_list   { font-size: 19px; margin: 3px 0 0 0; }
	p.titel_list      { font-size: 21px; margin: 0 3px 0 0; }
	p.descr_list      { font-size: 19px; margin: 0  3px 3px 0; }
}

/* ------------------------------------------------------------- Formatierung vertikales Menue und Inhalt 1501 bis 1600 Pixel*/

@media only screen and (min-width: 1501px ) and (max-width: 1600px) {
	
	div.menu_top      { display: none; }
	table.seite       { width: 1500px; }
	td.left           { width: 180px; }
	td.content        { width: 1320px; }
	td.content_1      { width: 940px; }
	td.content_2      { width: 380px; }
	td.list_bild_1,
	td.list_bild_2    { padding: 6px;}
	td.list_1,
	td.list_2         { padding: 0; }
	td.c2_list_bild_1,
	td.c2_list_bild_2 { padding: 4px;}
	td.c2_list_text_1,
	td.c2_list_text_2 { padding: 0 4px; }
	p.menu            { font-size: 22px; margin: 4px 0; }
	a.menu_v,
	a.menu_v_akt      { font-size: 22px; height: 26px; }
	a.menu,
	a.menu_nolink,
	a.menu_akt        { font-size: 22px; margin: 4px; }
	a.umenu,
	a.umenu_nolink    { font-size: 18px; margin: 4px 4px 4px 16px; }
	p.zeitraum        { font-size: 20px; margin:  4px 0; }
	h1,
	h2,
	h3,
	p.titel           { font-size: 22px; font-weight: bold; margin: 4px; }
	p.zeitraum,
	p.descr,
	p.inhalt          { font-size: 20px; margin: 4px; }
	li                { font-size: 20px; margin-left: 36px; }
	input             { font-size: 20px; }
	p.zeitraum_list   { font-size: 18px; margin: 3px 0 0 0; }
	p.titel_list      { font-size: 20px; margin: 0 3px 0 0; }
	p.descr_list      { font-size: 18px; margin: 0 3px 3px 0; }
}

/* ------------------------------------------------------------- Formatierung vertikales Menue und Inhalt 1401 bis 1500 Pixel*/

@media only screen and (min-width: 1401px ) and (max-width: 1500px) {
	
	div.menu_top      { display: none; }
	table.seite       { width: 1400px; }
	td.left           { width: 170px; }
	td.content        { width: 1230px; }
	td.content_1      { width: 880px; }
	td.content_2      { width: 350px; }
	td.list_bild_1,
	td.list_bild_2    { padding: 6px;}
	td.list_text_1,
	td.list_text_2    { padding: 0; }
	td.c2_list_bild_1,
	td.c2_list_bild_2 { padding: 4px;}
	td.c2_list_text_1,
	td.c2_list_text_2 { padding: 0 4px; }
	p.menu            { font-size: 21px; margin: 4px 0; }
	a.menu_v,
	a.menu_v_akt      { font-size: 21px; height: 25px; }
	a.menu,
	a.menu_nolink,
	a.menu_akt        { font-size: 21px; margin: 4px; }
	a.umenu,
	a.umenu_nolink    { font-size: 17px; margin: 4px 4px 4px 14px; }
	p.zeitraum        { font-size: 19px; margin: 4px 0; }
	h1,
	h2,
	h3,
	p.titel           { font-size: 21px; font-weight: bold; margin: 4px; }
	p.zeitraum,
	p.descr,
	p.inhalt          { font-size: 19px; margin: 4px; }
	li                { font-size: 19px; margin-left: 34px; }
	input             { font-size: 19px; }
	p.zeitraum_list   { font-size: 17px; margin: 3px 0 0 0; }
	p.titel_list      { font-size: 19px; margin: 0 3px 0 0; }
	p.descr_list      { font-size: 17px; margin: 0 3px 3px 0; }
}

/* ------------------------------------------------------------- Formatierung vertikales Menue und Inhalt 1301 bis 1400 Pixel*/

@media only screen and (min-width: 1301px) and (max-width: 1400px){
	
	div.menu_top      { display: none; }
	table.seite       { width: 1300px; }
	td.left           { width: 160px; }
	td.content        { width: 1140px; }
	td.content_1      { width: 820px; }
	td.content_2      { width: 320px; }
	td.list_bild_1,
	td.list_bild_2    { padding: 4px;}
	td.list_text_1,
	td.list_text_2    { padding: 0; }
	td.c2_list_bild_1,
	td.c2_list_bild_2 { padding: 4px;}
	td.c2_list_text_1,
	td.c2_list_text_2 { padding: 0 4px; }
	p.menu            { font-size: 20px; margin: 4px 0; }
	a.menu_v,
	a.menu_v_akt      { font-size: 20px; height: 24px; }
	a.menu,
	a.menu_nolink,
	a.menu_akt        { font-size: 20px; margin: 4px; }
	a.umenu,
	a.umenu_nolink    { font-size: 16px; margin: 4px 4px 4px 14px; }
	p.zeitraum        { font-size: 18px; margin: 0 0 0 8px; }
	h1,
	h2,
	h3,
	p.titel           { font-size: 20px; font-weight: bold; margin: 4px; }
	p.zeitraum,
	p.descr,
	p.inhalt          { font-size: 18px; margin: 4px; }
	li                { font-size: 18px; margin-left: 32px; }
	input             { font-size: 18px; }
	p.zeitraum_list   { font-size: 16px; margin: 2px 2px 0 0; }
	p.titel_list      { font-size: 18px; margin: 0 2px 0 0; }
	p.descr_list      { font-size: 16px; margin: 0 2px 2px 0; }
}

/* ------------------------------------------------------------- Formatierung vertikales Menue und Inhalt 1201 bis 1300 Pixel*/

@media only screen and (min-width: 1201px) and (max-width: 1300px){
	
	div.menu_top      { display: none; }
	table.seite       { width: 1200px; }
	td.left           { width: 150px; }
	td.content        { width: 1050px; }
	td.content_1      { width: 760px; }
	td.content_2      { width: 290px; }
	td.list_bild_1,
	td.list_bild_2    { padding: 4px;}
	td.list_text_1,
	td.list_text_2    { padding: 0; }
	td.c2_list_bild_1,
	td.c2_list_bild_2 { padding: 4px;}
	td.c2_list_text_1,
	td.c2_list_text_2 { padding: 0 4px; }
	p.menu            { font-size: 19px; margin: 4px 0; }
	a.menu_v,
	a.menu_v_akt      { font-size: 19px; height: 23px; }
	a.menu,
	a.menu_nolink,
	a.menu_akt        { font-size: 19px; margin: 4px; }
	a.umenu,
	a.umenu_nolink    { font-size: 17px; margin: 4px 4px 4px 14px; }
	p.zeitraum        { font-size: 17px; margin:  2px 6px 2px 6px; }
	h1,
	h2,
	h3,
	p.titel           { font-size: 19px; font-weight: bold; margin: 4px; }
	p.zeitraum,
	p.descr,
	p.inhalt          { font-size: 17px; margin: 4px; }
	li                { font-size: 17px; margin-left: 30px; }
	input             { font-size: 17px; }
	p.zeitraum_list   { font-size: 15px; margin: 2px 2px 0 0; }
	p.titel_list      { font-size: 17px; margin: 0 2px 0 0; }
	p.descr_list      { font-size: 15px; margin: 0 2px 2px 0; }
}

/* ------------------------------------------------------------- Formatierung vertikales Menue und Inhalt 1101 bis 1200 Pixel*/

@media only screen and (min-width: 1101px) and (max-width: 1200px){
	
	div.menu_top      { display: none; }
	table.seite       { width: 1100px; }
	td.left           { width: 150px; }
	td.content        { width: 950px; }
	td.content_1      { width: 695px; }
	td.content_2      { width: 255px; }
	td.list_bild_1,
	td.list_bild_2    { padding: 4px;}
	td.list_text_1,
	td.list_text_2    { padding: 0; }
	td.c2_list_bild_1,
	td.c2_list_bild_2 { padding: 4px;}
	td.c2_list_text_1,
	td.c2_list_text_2 { padding: 0 4px; }
	p.menu            { font-size: 18px; margin: 4px 0; }
	a.menu_v,
	a.menu_v_akt      { font-size: 18px; height: 22px; }
	a.menu,
	a.menu_nolink,
	a.menu_akt        { font-size: 18px; margin: 4px; }
	a.umenu,
	a.umenu_nolink    { font-size: 14px; margin: 4px 4px 4px 14px; }
	p.zeitraum        { font-size: 16px; margin:  4px 0; }
	h1,
	h2,
	h3,
	p.titel           { font-size: 18px; font-weight: bold; margin: 4px; }
	p.zeitraum,
	p.descr,
	p.inhalt          { font-size: 16px; margin: 4px; }
	li                { font-size: 16px; margin-left: 28px; }
	input             { font-size: 16px; }
	p.zeitraum_list   { font-size: 14px; margin: 2px 0 0 0; }
	p.titel_list      { font-size: 16px; margin: 0 2px 0 0; }
	p.descr_list      { font-size: 14px; margin: 0 2px 2px 0; }
}

/* ------------------------------------------------------------- Formatierung vertikales Menue und Inhalt 1001 bis 1100 Pixel*/

@media only screen and (min-width: 1001px) and (max-width: 1100px){
	
	div.menu_top      { display: none; }
	table.seite       { width: 1000px; }
	td.left           { width: 150px; }
	td.content        { width: 850px; }
	td.content_1      { width: 645px; }
	td.content_2      { width: 205px; }
	td.list_bild_1,
	td.list_bild_2    { padding: 4px;}
	td.list_text_1,
	td.list_text_2    { padding: 0; }
	td.c2_list_bild_1,
	td.c2_list_bild_2 { padding: 4px;}
	td.c2_list_text_1,
	td.c2_list_text_2 { padding: 0 4px; }
	p.menu            { font-size: 18px; margin: 4px 0; }
	a.menu_v,
	a.menu_v_akt      { font-size: 18px; height: 22px; }
	a.menu,
	a.menu_nolink,
	a.menu_akt        { font-size: 18px; margin: 4px; }
	a.umenu,
	a.umenu_nolink    { font-size: 14px; margin: 4px 4px 4px 14px; }
	p.zeitraum        { font-size: 16px; margin:  4px 0; }
	h1,
	h2,
	h3,
	p.titel           { font-size: 18px; font-weight: bold; margin: 4px; }
	p.zeitraum,
	p.descr,
	p.inhalt          { font-size: 16px; margin: 4px; }
	li                { font-size: 16px; margin-left: 28px; }
	input             { font-size: 16px; }
	p.zeitraum_list   { font-size: 14px; margin: 2px 0 0 0; }
	p.titel_list      { font-size: 16px; margin: 0 2px 0 0; }
	p.descr_list      { font-size: 14px; margin: 0 2px 2px 0; }
}

/* ------------------------------------------------------------- Formatierung vertikales Menue und Inhalt 961 bis 1000 Pixel*/

@media only screen and (min-width: 961px) and (max-width: 1000px){
	
	div.menu_top      { display: none; }
	table.seite       { width: 960px; }
	td.left           { width: 150px; }
	td.content        { width: 810px; }
	td.content_1      { width: 625px; }
	td.content_2      { width: 185px; }
	td.list_bild_1,
	td.list_bild_2    { padding: 4px;}
	td.list_text_1,
	td.list_text_2    { padding: 0; }
	td.c2_list_bild_1,
	td.c2_list_bild_2 { padding: 4px;}
	td.c2_list_text_1,
	td.c2_list_text_2 { padding: 0 4px; }
	p.menu            { font-size: 18px; margin: 4px 0; }
	a.menu_v,
	a.menu_v_akt      { font-size: 18px; height: 22px; }
	a.menu,
	a.menu_nolink,
	a.menu_akt        { font-size: 18px; margin: 4px; }
	a.umenu,
	a.umenu_nolink    { font-size: 14px; margin: 4px 4px 4px 14px; }
	p.zeitraum        { font-size: 16px; margin: 4px 0; }
	h1,
	h2,
	h3,
	p.titel           { font-size: 18px; font-weight: bold; margin: 4px; }
	p.zeitraum,
	p.descr,
	p.inhalt          { font-size: 16px; margin: 4px; }
	li                { font-size: 16px; margin-left: 28px; }
	input             { font-size: 16px; }
	img.list          { margin: 8px; }
	p.zeitraum_list   { font-size: 14px; margin: 2px 0 0 0; }
	p.titel_list      { font-size: 16px; margin: 0 2px 0 0; }
	p.descr_list      { font-size: 14px; margin: 0 2px 2px 0; }
	video             { width: 100%; max-width: 640px; max-height: 100vh; }
}

/* ------------------------------------------------------------- Formatierung horizontales Menue und Seite einspaltig */

p.menu_h            { margin: 1px; text-align: center; }
a.menu_h            { color: #5555aa; font-weight: bold; text-decoration: none; }
a:link.menu_h       { color: #000000; }
a:visited.menu_h    { color: #000000; }
a:hover.menu_h      { position: relative; top: 1px; left: 1px; }

/* ------------------------------------------------------------- Seite einspaltig 851 bis 960 Pixel formatieren */

@media only screen and (min-width: 751px) and (max-width: 960px) {
	div.menu_top       { position: webkit-sticky; position: sticky; top: 0; z-index: 100; }
	table.seite        { width: 100vw; width: 100%; }
	td.left            { display: none; }
	td.content         { width: 100vw; width: 100%; position: relative; top: 0; }
	td.content_1       { width: 74vw; width: 74%; position: relative; top: 0; }
	td.content_2       { width: 26vw; width: 26%; position: relative; top: 0; }
	td.content_2_bg    { width: 26vw; width: 26%; position: relative; top: 0; background : url('bilder/rathaus_230.png') bottom no-repeat; }
	td.right           { display: none; }
	
	td.list_bild_1,
	td.list_bild_2     { padding: 4px;}
	td.list_text_1,
	td.list_text_2     { padding: 0; }
	td.c2_list_bild_1,
	td.c2_list_bild_2  { padding: 4px;}
	td.c2_list_text_1,
	td.c2_list_text_2  { padding: 0 4px; }
	a.menu,
	a.menu_nolink      { font-size: 18px; }
	a.menu_akt         { font-size: 18px; }
	h1,
	h2,
	h3,
	p.titel            { font-size: 16px; font-weight: bold; margin: 4px; }
	p.zeitraum,
	p.descr,
	p.inhalt           { font-size: 16px; margin: 4px; }
	p.list             { font-size: 16px; margin: 0; }
	div.descr_list     { display: inline; }
	li                 { font-size: 16px; margin-left: 28px; }
	input              { font-size: 16px; }
	p.zeitraum_list    { font-size: 16px; margin: 2px 0 0 0; }
	p.titel_list       { font-size: 16px; margin: 0 2px 0 0; }
	p.descr_list       { font-size: 16px; margin: 0 2px 2px 0; }
}

/* ------------------------------------------------------------- Seite einspaltig 751 bis 850 Pixel formatieren 

@media only screen and (min-width: 751px) and (max-width: 1000px) {
	table.seite        { width: 100vw; width: 100%; }
	td.content_mobil   { display: none; }
	td.left            { display: none; }
	td.content         { width: 100vw; width: 100%; padding: 0 2px; position: relative; top: 0; }
	td.content_1       { width: 72.5vw; width: 72.5%; padding: 0 2px; position: relative; top: 0; }
	td.content_2       { width: 27.5vw; width: 27.5%; padding: 0 2px; position: relative; top: 0; }
	td.content_2_bg    { width: 27.5vw; width: 27.5%; padding: 0 2px; position: relative; top: 0; background : url('bilder/rathaus_230.png') bottom no-repeat; }
	td.right           { display: none; }
	
	td.list_bild_1,
	td.list_bild_2     { padding: 4px;}
	td.list_text_1,
	td.list_text_2     { padding: 0; }
	td.c2_list_bild_1,
	td.c2_list_bild_2  { padding: 4px;}
	td.c2_list_text_1,
	td.c2_list_text_2  { padding: 0 4px; }
	a.menu,
	a.menu_nolink      { font-size: 15; }
	a.menu_akt         { font-size: 15; }
	p.zeitraum         { font-size: 14px; margin: 0 4px; }
	h1,
	h2,
	h3,
	p.titel            { font-size: 14px; font-weight: bold; margin: 4px; }
	p.zeitraum,
	p.descr,
	p.inhalt           { font-size: 14px; margin: 4px; }
	p.list             { font-size: 14px; margin: 0; }
	div.descr_list     { display: inline; }
	li                 { font-size: 14px; margin-left: 28px; }
	input              { font-size: 14px; margin: 4px; }
	p.zeitraum_list    { font-size: 13px; margin: 2px 0 0 0; }
	p.titel_list       { font-size: 15px; margin: 0 2px 0 0; }
	p.descr_list       { font-size: 13px; margin: 0 2px 2px 0; }
}

/* ------------------------------------------------------------- Seite einspaltig 651 bis 750 Pixel formatieren */

@media only screen and (min-width: 651px) and (max-width: 750px) {
	table.seite        { width: 100vw; width: 100%; }
	td.left            { display: none; }
	td.content         { width: 100vw; width: 100%; padding: 0 2px; position: relative; top: 0; }
	td.content_1       { width: 72.5vw; width: 72.5%; padding: 0 2px; position: relative; top: 0; }
	td.content_2       { width: 27.5vw; width: 27.5%; padding: 0 2px; position: relative; top: 0; }
	td.content_2_bg    { width: 27.5vw; width: 27.5%; padding: 0 2px; position: relative; top: 0; background : url('bilder/rathaus_230.png') bottom no-repeat; }
	td.right           { display: none; }
	
	td.list_bild_1,
	td.list_bild_2     { padding: 2px;}
	td.list_text_1,
	td.list_text_2     { padding: 0; }
	td.c2_list_bild_1,
	td.c2_list_bild_2  { padding: 4px;}
	td.c2_list_text_1,
	td.c2_list_text_2  { padding: 0 4px; }
	a.menu,
	a.menu_nolink,
	a.menu_akt         { font-size: 13px; }
	h1,
	h2,
	h3,
	p.titel            { font-size: 13px; font-weight: bold; margin: 3px; }
	p.zeitraum,
	p.descr,
	p.inhalt           { font-size: 13px; margin: 3px; }
	p.list             { font-size: 13px; margin: 0; }
	div.descr_list     { display: none; }
	li                 { font-size: 13px; margin-left: 26px; }
	input              { font-size: 13px; }
	p.zeitraum_list    { font-size: 13px; margin: 2px 0 0 0; }
	p.titel_list       { font-size: 15px; margin: 0 2px 0 0; }
	p.descr_list       { font-size: 13px; margin: 0 2px 2px 0; }
}

/* ------------------------------------------------------------- Seite einspaltig 601 bis 650 Pixel formatieren */

@media only screen and (min-width: 601px) and (max-width: 650px) {
	table.seite        { width: 100vw; width: 100%; }
	td.left            { display: none; }
	td.content         { width: 100vw; width: 100%; padding: 0 2px; position: relative; top: 0; }
	td.content_1       { width: 72.5vw; width: 72.5%; padding: 0 2px; position: relative; top: 0; }
	td.content_2       { width: 27.5vw; width: 27.5%; padding: 0 2px; position: relative; top: 0; }
	td.content_2_bg    { width: 27.5vw; width: 27.5%; padding: 0 2px; position: relative; top: 0; background : url('bilder/rathaus_230.png') bottom no-repeat; }
	td.right           { display: none; }

	td.list_bild_1,
	td.list_bild_2     { padding: 2px;}
	td.list_text_1,
	td.list_text_2     { padding: 0; }
	td.c2_list_bild_1,
	td.c2_list_bild_2  { padding: 4px;}
	td.c2_list_text_1,
	td.c2_list_text_2  { padding: 0 4px; }
	a.menu,
	a.menu_nolink,
	a.menu_akt         { font-size: 12px; }
	p.zeitraum         { font-size: 12px; margin: 3px 0; }
	h1,
	h2,
	h3,
	p.titel            { font-size: 12px; font-weight: bold; margin: 3px; }
	p.zeitraum,
	p.descr,
	p.inhalt           { font-size: 12px; margin: 3px; }
	p.list             { font-size: 12px; margin: 0; }
	div.descr_list     { display: none; }
	li                 { font-size: 12px; margin-left: 24px; }
	input              { font-size: 12px; }
	p.zeitraum_list    { font-size: 12px; margin: 2px 0 0 0; }
	p.titel_list       { font-size: 14px; margin: 0 2px 0 0; }
	p.descr_list       { font-size: 12px; margin: 0 2px 2px 0; }
}

/* ============================================================ Seite/ Menue einspaltig groesser 600 Pixel ausblenden ========================================== */ 

@media only screen and (min-width: 601px) {
	div.menu_touch     { display: none; }
	#hamburg           { display: none; }
	nav.menu_touch     { display: none; }
/*	div.vlist          { display: none; }*/

}

/* ------------------------------------------------------------- Seite einspaltig bis 600 Pixel formatieren */

@media only screen and (max-width: 600px) {
	
	table.seite        { width: 100%; }
	td.top             { display: none; }
	td.content,
	td.content_1       { width: 100vw; width: 100%; padding: 0 2px; position: relative; top: 0; }
	td.left,
	td.content_2,
	td.content_2_bg,
	td.right,
	div.bottom         { display: none; }
	div.w600           { display: inline; }
	td.list_bild_1,
	td.list_bild_2     { padding: 2px;}
	td.list_text_1,
	td.list_text_2     { padding: 0; }
/*	td.c2_list_bild_1,
	td.c2_list_bild_2  { width: 30%; }
	td.c2_list_text_1,
	td.c2_list_text_2  { width: 70%; }*/
	
	div.icon_menu      { display: inline; width:100%; height: auto; }
	
	div.list_back      { display: inline; }
	div.list_on        { display: inline; }
	div.player_off     { display: none; }
	a.menu,
	a.menu_nolink      { font-size: 12px; }
	a.menu_akt         { font-size: 12px; }
	p.zeitraum         { font-size: 11px; margin: 2px 0; }
	h1,
	h2,
	h3,
	p.titel            { font-size: 11px; font-weight: bold; margin: 2px; }
	p.zeitraum,
	p.descr,
	p.inhalt           { font-size: 11px; margin: 2px; }
	p.list             { font-size: 11px; margin: 0; }
	div.descr_list     { display: none; }
	li                 { font-size: 11px; margin-left: 30px; }
	input              { font-size: }
	p.zeitraum_list    { font-size: 11px; margin: 2px 0 0 0; }
	p.titel_list       { font-size: 11px; margin: 0 2px 0 0; }
	p.descr_list       { font-size: 11px; margin: 0 2px 2px 0; }
	video              { width: 100%; max-width: 450px; max-height: 100vh; }
	
	label.hamburg      { position: absolute; top: 1vw; right: 0; background: rgba(0,0,0,0); width: 135px; height: 8vw; z-index: 10; }
	input#hamburg      { display: none; }

	.line              {
		position: absolute; top: 0px; right: 8px;
		height: 0.8vw; width: 6vw; background: #260; border-radius: 2px;
		display: block; transition: 0.5s; transform-origin: center;
		z-index: 100;
	}
	
	.line:nth-child(1) { top: 2vw; }
	.line:nth-child(2) { top: 3.8vw; }
	.line:nth-child(3) { top: 5.6vw; }
	
	#hamburg:checked + .hamburg  { width:125px; max-height: auto; }
	
	#hamburg:checked + .hamburg .line:nth-child(1) { transform: translateY(1.8vw) rotate(-405deg); }
	#hamburg:checked + .hamburg .line:nth-child(2) { opacity: 0; }
	#hamburg:checked + .hamburg .line:nth-child(3) { transform: translateY(-1.8vw) rotate(405deg); }
	/*
	div.menu_touch {
		 display: inline; text-align: left; width: 130px; margin-left: auto; margin-right: 0;
		padding-right: 2px; background: rgba( 0, 4, 8, .3); z-index: 10;
	}
	*/
	nav.menu_touch { 
		position: absolute; left: auto; right: 0; width: auto; height: auto; max-height: 0; display: inline; overflow: hidden;
		transition: all 0.5s; z-index: 11; background: rgba( 0, 75, 150, .5); margin: 0 0 4px 4px;
	}
	#hamburg:checked + .hamburg + nav {
		max-height: 355px; max-width: 125px; z-index: 10; padding: 2px;
	}
	#hamburg:checked .content_600 {
		z-index: -1; 
	}
	nav ul li            { width: 115px; list-style-type: none; text-align: left; margin: 4px; padding: 1px; 2px; z-index: 10; }
	nav ul li a          { display: block; padding: 2px 4px; background: #aef; border-radius: 6px; font-size: 14px; color: #55a; font-weight: bold; text-align: left; text-decoration: none; z-index: 10;; }
	nav ul li a:link     { color: #000; }
	nav ul li a:visited  { color: #000; }
	
	td.list_bild_1,
	td.list_bild_2     { width: 16%; }
	td.list_text_1,
	td.list_text_2     { width: 84%; }
	td.c2_list_bild_1,
	td.c2_list_bild_2  { width: 30%; }
	td.c2_list_text_1,
	td.c2_list_text_2  { width: 70%; }
	
	a.menu             { font-size: 12px; }
	a.menu_akt         { font-size: 12px; }
	p.zeitraum         { font-size: 11px; margin: 0 2px; }
	h1,
	h2,
	h3,
	p.titel            { font-size: 12px; font-weight: bold; margin: 2px; }
	p.descr            { font-size: 12px; margin: 2px; }
	p.inhalt           { font-size: 12px; margin: 2px; }
	p.titel_list       { font-size: 12px; font-weight: bold; margin: 0; }
	li                 { font-size: 12px; margin-left: 25px; }
	input              { font-size: 12px; }
	p.zeitraum_list    { font-size: 11px; margin: 2px 0 0 6px; }
	p.titel_list       { font-size: 12px; margin: 0 4px 0 6px; }
	div.descr_list     { display: inline; }
	p.descr_list       { font-size: 12px; margin: 0 4px 2px 6px; }
}

@media only screen and ( max-width: 500px ) {
	div.descr_list     { display: none; }
/*	div.list_bild      { float: left; width: 16vw; height: 65px; } 
/*	div.list_text      { width: 84vw; height: 65px; } */
}

/* ------------------------------------------------------------- Seite einspaltig bis 479 Pixel formatieren */

@media only screen and (max-width: 479px) {
	
	table.seite        { width: 100%; }
	td.top             { display: none; }
	td.left            { display: none; }
	td.content,
	td.content_1       { width: 100vw; width: 100%; padding: 0 2px; position: relative; top: 0; }
	td.content_2       { display: none; }
	td.content_2_bg    { display: none; }
	td.right           { display: none; }
	div.bottom         { display: none; }
		
	td.list_bild_1,
	td.list_bild_2     { width: 16%; }
	td.list_text_1,
	td.list_text_2     { width: 84%; }
	td.c2_list_bild_1,
	td.c2_list_bild_2  { width: 30%; }
	td.c2_list_text_1,
	td.c2_list_text_2  { width: 70%; }
	
	a.menu             { font-size: 11px; }
	a.menu_akt         { font-size: 11px; }
	p.zeitraum         { font-size: 10px; margin: 1px; }
	h1,
	h2,
	h3,
	p.titel            { font-size: 11px; font-weight: bold; margin: 1px; }
	p.zeitraum,
	p.descr,
	p.list             { font-size: 10px; margin: 0; }
	div.descr_list     { display: none; }
	p.inhalt           { font-size: 11px; margin: 1px; }
	li                 { font-size: 11px; margin-left: 30px; }
	input              { font-size: }
	p.zeitraum_list    { font-size: 10px; margin: 2px 0 0 6px; }
	p.titel_list       { font-size: 11px; margin: 0 4px 0 6px; }
	p.descr_list       { font-size: 10px; margin: 0 4px 2px 6px; }
}