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

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

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

.c_Bilder_Unterschrift
{	margin-top: 1px;
	margin-bottom: 20px;
	text-decoration: underline;	
} 

.cPInfoTXT
{	font-size: 12px;
}

/*<!-- ============= webpage Kopf ===================== -->*/
.cwebpage_kopf 
{	padding: 20px;
	margin: 0px;
	text-align: center;
	top: 0px;
	height: 80px;
	background-attachment: fixed; background-repeat: no-repeat;	background-size: cover;
	background-image: url('index-Dateien/IMG_6830_JuergenRendelmann(2).jpg');
}

#id_logo 
{
	border-radius: 25px;
	padding:3px;
	margin: 0px;
	position:fixed;
	background-attachment: scroll; 
  	background-image: url('index-Dateien/image300_1.jpg');
	text-align: center;
	font-size: 12pt;
	font-weight: bold;
	top: 10px; 	left: 34%;
  	width: 32%;
  	opacity: 0.88;
}

#id_logo_rechts
{	border-radius: 25px;
	padding:2px;
	margin-right: 0px;
	position:fixed;
	background-attachment: scroll; 	/*background-image: url('../index-Dateien/image300_1.jpg');*/
	background-color: rgba(250,250,160, 0.96);
	text-align: center;
	font-weight: bold;
	font-size: 10pt;
	line-height: 1.5em;
	top: 4px; 	right: 2%;
  	width: 68px;
  	opacity: 0.8;
}
#id_logo_links
{	border-radius: 25px;
	padding:2px;
	margin-left: 0px;
	margin-right: 0px;
	position:fixed;
	background-attachment: scroll; 	/*background-image: url('../index-Dateien/image300_1.jpg');*/
	background-color: rgba(250,250,160, 0.96);
	text-align: center;
	font-weight: bold;
	font-size: 10pt;
	top: 4px; 	left: 2%;
  	width: 94px;
  	opacity: 0.8;
}


#id_webpage_ueberschrift
{	margin: 0px;
	padding: 20px;
}


.cwebpage_ueberschrift
{	padding-top: 10px;  padding-bottom: 100px;
	margin-bottom: 0px;
	text-align: center;
	font-size: 120%;
	background-attachment: fixed; background-repeat: no-repeat;	background-size: cover;
	background-image: url('index-Dateien/IMG_6830_JuergenRendelmann(2).jpg');
}

.c_TXT-Area_LineBottom 
{	/*Txt-Feld mit blauem unterem gebogenen Begrenzungsstrich */
	padding: 4px;
	margin: 5px; margin-bottom:25px;
	border-radius: 12px; border-bottom: 6px solid rgba(20,20,150);
	background-color: rgba(200,200,200, 0.8);
	text-align: center;
	width: 90%;
}
.c_TXT-Area_LineBottomRed 
{
	/*Txt-Feld mit rotem unterem gebogenen Begrenzungsstrich */
	padding: 4px;
	margin: 5px; margin-bottom:25px;
	border-radius: 12px; border-bottom: 6px solid rgba(150,20,20);
	background-color: rgba(200,200,200, 0.8);
	text-align: center;
	width: 90%;
} 

.c_TXT-Area_LineTop
{	/*Txt-Feld mit Rotem oberen gebogenen Begrenzungsstrich */
	padding: 4px;
	margin: 10px;
	border-radius: 12px;	border-top: 6px solid rgba(150,20,20);
	background-color: rgba(150,150,150, 0.8);
} 

.c_TXT-Area_LineBottomUndTop_01 
{	/*Txt-Feld mit schwarzem oberen & unterem gebogenen Begrenzungsstrich (Weiß)*/
	padding-top: 4px;	padding-left: 2px;	padding-right: 2px; padding-bottom: 4px;
	border-radius: 12px;	border-bottom: 6px solid black;  border-top: 6px solid black;
	background-color: rgba(250,250,255, 0.88);
	margin: 10%;  margin-top: 20px; margin-bottom:60px;
	text-align: center;
}
.c_TXT-Area_LineBottomUndTop_01:hover
{
	background-color: rgba(250,250,255, 0.95);
}

.c_TXT-Area_LineBottomUndTop_02
{	/*Txt-Feld mit schwarzem oberen & unterem gebogenen Begrenzungsstrich (Grau)*/
	padding-top: 4px;	padding-left: 2px;	padding-right: 2px; padding-bottom: 4px;
	border-radius: 12px;	border-bottom: 6px solid black;  border-top: 6px solid black;
	background-color: rgba(200,200,200, 0.80);
	margin: 20%;  margin-top: 60px; margin-bottom:20px;
	text-align: center;
}
.c_TXT-Area_LineBottomUndTop_02:hover
{
	background-color: rgba(200,200,200, 0.92);
}


.c_TXT-Untergrund-Mitte
{	/*Txt-Feld mit Rotem linken Begrenzungsstrich*/
	margin-right: 5px;	margin-left: 1px;	margin-bottom: 60px;	margin-top: 40px;
	padding-top: 2px;	padding-bottom: 8px;	padding-left: 5px;
	border-left: 8px solid red;
	background-color: rgba(200,200,200, 0.8);
}
.c_TXT-Untergrund-Mitte:hover
{
	background-color: rgba(200,200,200, 0.92);
}

.c_TXT-Untergrund-Links
{	/*Txt-Feld mit Blauem linken Begrenzungsstrich*/
	margin-right: 5px;	margin-left: 1px;	margin-bottom: 60px;	margin-top: 40px;
	padding-top: 10px;	padding-bottom: 8px;	padding-left: 5px;	padding-right: 5px;
	border-left: 8px solid blue;
	background-color: rgba(200,200,200, 0.8);
}
.c_TXT-Untergrund-Links:hover
{
	background-color: rgba(200,200,200, 0.92);
}



/*<!-- ============= webpage Inhalt ===================== -->*/
.cwebpage_inhalt 
{	/*background-image: url('index-Dateien/IMG_20160904_142201_1_1.jpg'); background-repeat: no-repeat;*/
  	background-color: FloralWhite;  background-size: cover;  background-attachment: fixed; /*fixed scroll; */
  	border-bottom: 6px solid black;
  	margin-bottom: 0px;
}

.cwebpage_inhaltLinks 
{	width: 37%;
	padding-left: 4px;
	padding-top: 10px;
	padding-bottom: 80px;
	padding-right: 0px;
}
.cwebpage_inhaltMitte 
{	width: 63%;
	padding: 3px; padding-top: 10px; padding-left: 0px;
	margin: 0px;
}


.cwebpage_inhalt-Ueberschrift
{	display: flex;
	background-image: url('index-Dateien/CNB-JAM_FlyIntoMay_s1[C].jpg');
	background-repeat: no-repeat;  background-size: cover;  background-attachment: fixed;
}

.cwebpage_inhalt-Ueberschrift-Links 
{	width: 38%;
	padding-top: 3px;	padding-bottom: 20px;
	border-top: 6px solid blue;	border-left: 6px solid blue;
	background-color: rgba(200,200,200, 0.9);
}

.cwebpage_inhalt-Ueberschrift-Mitte 
{	width: 62%;
	padding-top: 3px;	padding-bottom: 20px;
	border-top: 6px solid red;	border-right: 6px solid black;	border-left: 6px solid red;
	background-color: rgba(200,200,200, 0.9);
}

.cwebpage_inhalt_Komposition
{	display: flex;
    margin-bottom: 120px;
    border-bottom:  6px solid black;    border-right:  6px solid black;    border-left:  6px solid black;
	/*border-radius: 12px;*/
	background-image: url('index-Dateien/CNB-JAM_FlyIntoMay_s1[C].jpg');
	background-repeat: no-repeat;  background-size: cover;  background-attachment: fixed; /*fixed scroll; */
}




/*<!-- ============= webpage Fussnote ===================== -->*/
.cwebpage_FussLinks 
{	width: 35%;
/*	padding-left: 20px;
	padding-top: 140px;
	padding-bottom: 80px;*/	
}
.cwebpage_FussMitte 
{	width: 65%;
	padding: 3px;
	
	/*padding-left: 0px;*/
}


.cwebpage_Fuss 
{
  	border-top: 6px solid black;
	padding-top: 10px;
	display: flex;

  	background-image: url('index-Dateien/IMG_6830_JuergenRendelmann(3).jpg');
  	background-repeat: no-repeat;
  	background-attachment: fixed; /*scroll; */
  	background-size: cover;
}

.Fuss_Bild
{   
	
	background-repeat: no-repeat;
	background-position: center;
	padding-top: 19px;
	height: 53px;
	background-size: contain;
}

.AreaFusszeile {
	margin: 5px;
	/*position: sticky; float: right; width: 55%;*/
	padding-top: 0px;
	border-radius: 12px;
	border-top: 6px solid green;
	background-color: rgba(200,200,200, 0.5);	
}



.cwebpage_ImpressumHaftungUSW
{
	/*border-top: 6px solid black;*/
	padding-top: 10px;
	margin-left: 0%;
	padding-right: 0px;
	/*display: flex;*/
	background-repeat: no-repeat;
}

/* 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>