/***************************************
* Stylesheet: Web-Welt-wahl: Einleitung
****************************************/
<style>
body {
	top: 0px;
	margin: 0px;
  	background-repeat: no-repeat;
  	/*background-size: auto;*/
	/*background-repeat: no-repeat;*/
	/*margin-right: 200px;*/

	/*background-attachment: scroll;
	background-position: left top;
	margin-left: 200px;
	background-size: auto;
	background-size: 300px 100px;
	opacity: 0.1;	/*fuer transparenz (1.0=keine transparenz 0.1 volle transparenz) oder rgba nutzen
  	filter: alpha(opacity=10); /* For IE8 and earlier 
  	background: rgba(76, 175, 80, 0.1);
  	link=purple vlink=navy style='margin:0'
	*/
}

input {
	font-size: 4.0vw;
	width: 90%;
}

h3 {
	margin: 0px;
	/*font-size: 20px;*/
	text-align: center;
}

.cPInfoTXT
{
	font-size: 12px;
}

/*<!-- ============= webpage Kopf ===================== -->*/
.cwebpage_kopf 
{
	padding: 10px;
	margin: 0px;
	text-align: center;
	top: 0px;
	height: 30px;
	background-image: url('index-Dateien/image2981_1.gif');
	background-repeat: no-repeat;
  	background-attachment: fixed; 
  	background-size: cover;
}
#id_logo 
{
	border-radius: 25px;
	padding:5px;
	margin: 0px;
	position:fixed;
	background-attachment: scroll; 
  	background-image: url('index-Dateien/image300_1.jpg');
	text-align: center;
	font-weight: bold;
	top: 0px;
  	left: 30%;
  	width: 40%;
  	opacity: 0.8;
}
#id_webpage_ueberschrift
{
	margin: 0px;
	padding: 20px;
}
#id_webpage_ueberschrift.img
{
	width=500vw;
	height=50vw;
}

@media screen and (max-width:551px) {
	#id_webpage_ueberschrift {display: none; /*visibility: hidden; */
  	}
  	.cwebpage_inhaltRechts { display: none;}
}
@media screen and (min-width:551px) {
	#id_webpage_ueberschrift_smallscreen {opacity: 0.0;}
	
}

.cwebpage_ueberschrift {
	padding-top: 20px;
	height: 120px;
	text-align: center;
	font-size: 3vw;
	background-attachment: fixed; /*scroll; */
	background-repeat: no-repeat;
  	background-image: url('index-Dateien/2014-04-07-847_2.jpg');
}


.cWahlButtonHintergrund:hover
{
	background-color: black;
}


.AreaName {
	padding-top: 4px;
	border-radius: 12px;
	border-top: 6px solid green;
	background-color: rgba(200,200,200, 0.5);
} 
.c_WebWeltWahl {
	/*background-color: MistyRose;*/
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 40px;
	padding-left: 5px;
	border-left: 6px solid red;
	background-color: rgba(200,200,200, 0.5);
}

#id_zurWahl 
{
	margin-bottom: 20px;
	margin-left: 5px;
}



/*<!-- ============= webpage Inhalt ===================== -->*/
.cwebpage_inhalt 
{	background-image: url('index-Dateien/IMG_20160904_142201_1_1.jpg');
	background-repeat: no-repeat;
  	background-attachment: fixed; /*fixed scroll; */
  	background-size: cover;
}

.cwebpage_inhalt0
{	display: flex;
	background-image: url('index-Dateien/IMG_20160927_164215_2.jpg');
	background-repeat: no-repeat;
  	background-attachment: fixed; /*scroll; */
  	background-size: cover;
}
.cwebpage_inhalt0Links 
{	width: 35%;
	padding: 3px;
	border-top: 6px solid black; /*green;*/
	border-right: 4px solid black; /*green;*/
	border-left: 6px solid black; /*green;*/
}
.cwebpage_inhalt0Mitte 
{	width: 65%;
	padding: 3px;
	border-top: 6px solid black; /*green;*/
	border-right: 6px solid black; /*green;*/
	border-left: 2px solid black; /*green;*/
}

.cwebpage_inhalt1
{	display: flex;
	border-bottom:  6px solid green;
	border-radius: 12px;
}
.cwebpage_inhaltLinks 
{	width: 35%;
	padding: 3px;
}
.cwebpage_inhaltMitte 
{	width: 65%;
	padding: 3px;
}


.cwebpage_inhalt2
{   display: flex;
	background-image: url('index-Dateien/IMG_20160927_164215_2.jpg');
	background-repeat: no-repeat;
  	background-attachment: fixed; /*scroll; */
  	background-size: cover;
}
.cwebpage_inhalt2Links 
{	width: 35%;
	padding: 3px;
}
.cwebpage_inhalt2Mitte 
{	width: 65%;
	padding: 3px;
}

/*<!-- ============= webpage Fussnote ===================== -->*/
.cwebpage_Fuss {
	bottom: 0px;
	left: 0%;
  	width: 100%;
  	height: 200px;
	padding: 0px;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-size: cover;
  	background-image: url('index-Dateien/2014-04-05-835_3.jpg');
  	/*margin-right: 20px;position:fixed; background-color: yellow;*/
}
.AreaFusszeile {
	margin: 5px;
	position: sticky;
	padding-top: 0px;
	border-radius: 12px;
	border-top: 6px solid green;
	background-color: rgba(200,200,200, 0.5);
	float: right; width: 55%;
	
} 

.AreaFusszeile_Item {padding-top: 0px; padding-bottom: 5px; font-size: 10px;}
.AreaFusszeile_Item.p {margin: 0;}/*line-height: 1.8;}*/
/*.cimpressum {padding-top: 0px; font-size: 10px;}
.cdisclaim {font-size: 10px;}*/

.wahlliste {
}



/* um die Wahl-knopf farbe zu wechseln, wenn die Maus drueber geht*/
/* Change color on hover */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}
/* unvisited link */
a:link {  color: green;}
/* visited link */
a:visited {  color: green;}
/* mouse over link */
a:hover {  color: red;}
/* selected link */
a:active {  color: yellow;} 

@media print {
  * {
    color: black; /*textfarbe bei drucken schwarz*/
    background-color: white;
    h1 {page-break-before: always;}
    footer {page-break-after: always;}
  }
}





#footer {
	  position: fixed;
	  bottom:0;    /* top: 0;*/
}

p#id_fussnoteWaida_Verantwortlich:after 
{
	content: '\20b4\2123\04bd\2135\0020\20a9\0466\2129\20ab\0466\0020\0020';
}


.alias {cursor: alias;}
.all-scroll {cursor: all-scroll;}
.auto {cursor: auto;}
.cell {cursor: cell;}
.context-menu {cursor: context-menu;}
.col-resize {cursor: col-resize;}
.copy {cursor: copy;}
.crosshair {cursor: crosshair;}
.default {cursor: default;}
.e-resize {cursor: e-resize;}
.ew-resize {cursor: ew-resize;}
.grab {cursor: -webkit-grab; cursor: grab;}
.grabbing {cursor: -webkit-grabbing; cursor: grabbing;}
.help {cursor: help;}
.move {cursor: move;}
.n-resize {cursor: n-resize;}
.ne-resize {cursor: ne-resize;}
.nesw-resize {cursor: nesw-resize;}
.ns-resize {cursor: ns-resize;}
.nw-resize {cursor: nw-resize;}
.nwse-resize {cursor: nwse-resize;}
.no-drop {cursor: no-drop;}
.none {cursor: none;}
.not-allowed {cursor: not-allowed;}
.pointer {cursor: pointer;}
.progress {cursor: progress;}
.row-resize {cursor: row-resize;}
.s-resize {cursor: s-resize;}
.se-resize {cursor: se-resize;}
.sw-resize {cursor: sw-resize;}
.text {cursor: text;}
.url {cursor: url(myBall.cur),auto;}
.w-resize {cursor: w-resize;}
.wait {cursor: wait;}
.zoom-in {cursor: zoom-in;}
.zoom-out {cursor: zoom-out;


h1, h2, h3, h4 {
  voice-family: male;
  richness: 80;
  cue-before: url("beep.au")
} /* Audio: Text wird vorgelesen (für Blinde)*/

</style>

/*
</head>
<body>
<p class="alias">alias</p>
<p class="all-scroll">all-scroll</p>
<p class="auto">auto</p>
<p class="cell">cell</p>
...
</body>