@import 'https://fonts.googleapis.com/css?family=Ubuntu|Ubuntu+Condensed';
body, html { height: 100%; margin: 0; padding: 0; }
body {
	background-color: #f0f0f0;
	font-family: Ubuntu, Verdana, Arial, Tahoma, sans-serif;
	font-size: 1.1em;
	line-height: 1.25em;
	color: #000000;
	font-weight: normal;
	text-align: left;	
    }
/* Allgemeines  */
a      { text-decoration: none; }
a:hover { color: #FF0000;}
hr.red    { border: 2px solid #860E0E; /*red;*/ }
hr.blue  { border: 1px solid blue; }

hr.grey  { border: 1px solid grey; }

#wrapper {
	min-width: 755px;
	max-width: 1220px;
	margin: 0 auto;
	width: 100%;
	}
#header {
	z-index: 5;
	background-color: #D0D0D0;  
	position: fixed; 
	min-width: 755px; 
	max-width: 1220px; 
    width:100%;
    margin: 0;
	padding: 0;
	font-family: Ubuntu, Arial, Verdana, Tahoma, sans-serif;
	font-style: normal;
	color: #000000;
	}
#logo {
	float: left;
	width: 15%;
	height: 120px;
	text-align: center;
	margin-top: 0.5em;
	padding: 0;
	position: fixed; 
	}  
#logo img {
	width: 110px;
    }	
#kopf {
    float: left;
	width: 100%;
	height: 2.5em;
	margin-top: 1.6em;
	padding: 0;
	background-color:#D0D0D0;
	}
/* #kopf h1 {
    padding: 0;
	margin-left: 15%;
	margin-top: -0.1em; 
	font-size: 1.8em;
	font-weight: bold;
	color: #FFFF00;                 
	text-align: left;
	text-shadow: 0.1em 0.1em 0.2em #000000;
	vertical-align: top;
	} */
/* Erste Zeile im Kopf */
#kopfzeile {
    float: right;
	width: 100%;
	height: 1.5em;
	background-color: #F0F0F0;
	padding: 0;
	 border-bottom: 0.1em solid #860E0E;
	 margin-top:3px;
	}
#kopfzeile p {
	font-size: 0.8em;
	font-weight: normal;  
	text-align: right;
	vertical-align: middle;
	height: 0.85em;
	line-height: 1.5em;
	margin: 0; 
    }	
#kopfzeile p a {
	color: #000000;
/*	text-align: right; */
	text-decoration: none;
	}
#kopfzeile p a:hover {
    color: #FF0000;
    }
#kopfzeile p img {
	border: 0;
	}
/*  Fette Paragraphen */
.pfett {
	font-size: 1.35em; 
	line-height: 1.45em;
	color: #707070;
	border-bottom: 1px solid #FF0000;
	font-weight: bold;
	width: 100.0%; 
/*		text-shadow: 0.1em 0.1em 0.2em #000000;  */
	}
.pfetts {
	font-size: 0.9em; 
	color: #0F0F0F;
	font-weight: bold;
/*		text-shadow: 0.1em 0.1em 0.2em #000000;  */
	}
.ptop {
	font-size: 1.1em; 
	color: #303030;
	font-weight: bold;
	}
.pziff {
	font-size:2.0em;
	color:red;
	font-weight:bold;
	}
.pfirst:first-letter {
	font-size: 2.0em;
	font-weight: normal;
	}
/* -------- */
def   { text-decoration: underline; 
	text-decoration-style: wavy; }
/* ----------------------------------------------- TD in Galerie ---- */

.gal {
	vertical-align: center;
	text-align: center;
	background-color: #F0F0F0;
	font-size:1.5em;
}
.gal a  {text-decoration: none;
}
.gal img {
	max-width: 755px;
	height: auto;
}
.galimg01 {
	width: 98.0%;
	height: auto;
	border: 1px solid black;
	text-align:center;
}
.galtxt01 {
	text-align:center; 
	background-color:#E0E0E0;
}
/* galleft01=18%, galcent01=64%, galright01=18% */
.galleft01 {
	width:18.0%;
	float:left;
}
.galright01 {
	width:18.0%;
	float:left;
}
.galcent01 {
	width:64.0%;
	float:left;
}
/* ------------------------------------------------ Galerieauswahl - Übersicht ------- */
#galueb {
	float: left;
	width: 35.0%;
	min-height: 160px;
	background-color: #D0D0D0;    
	padding-top: 0.5%;
	padding-left: 0.5%;
    padding-right: 0.5%;  
	padding-bottom: 0.5%;
	margin: 0.3%;
	border: 1px solid #00FF00;  
    }
#galueb a {text-decoration: none;}
#galueb img {
	 max-width: 98.0%;
	 height: auto;
	 border: 1px solid #000000;
	}
#galtxt {float: right;
	width: 60.0%; 
}
/* ------------------------------------------------ Bildauswahl Galerieen ------- */
#galwahl {
	float: left;
	width: 12.45%;
	min-height: 60px;
	background-color: #D0D0D0;    
	padding-top: 0.5%;
	padding-left: 0.5%;
    padding-right: 0.5%;  
	padding-bottom: 0.5%;
	margin: 0.3%;
	border: 1px solid #00FF00;  
    }
#galwahl a {text-decoration: none;}
#galwahl img {
	 max-width: 98.0%;
	 height: auto;
	 border: 1px solid #000000;
	}
/* ------------------------------------------------ Bildseiten (Pseudo-Slider) Galerieen ------- */
#galbild {
	float: left;
	width: 12.45%;
	min-height: 60px;
	background-color: #D0D0D0;    
	padding-top: 0.5%;
	padding-left: 0.5%;
    padding-right: 0.5%;  
	padding-bottom: 0.5%;
	margin: 0.3%;
	border: 1px solid #00FF00;  
    }
#galbild a {text-decoration: none;}
#galbild img {
	 max-width: 98.0%;
	 height: auto;
	 border: 1px solid #000000;
	}
/* ------------------------------------------------- */
#navfoot {
    clear: both;
	float: none;
	margin: 0;
	padding: 0;
	width: 100%;
	}
#navfoot1 { 
    clear: both;
	float: none;
	margin: 0;
	padding: 0;
	width: 100%;
	border-bottom: 2px solid #860E0E;
	}
#clearline {
	clear: both;
	float: none; 
	width: 100%;
	border-bottom: 0.05em solid #FF0000;
    }
/* --------------------------------------------------------------------------------- Ende Navigationsteil neu */
.navfoot { 
    clear: both;
	float: none;
	margin: 0;
	padding: 0;
	width: 100%;
	}
.navfoot1 { 
    clear: both;
	float: none;
	margin: 0;
	padding: 0;
	width: 100%;
	border-bottom: 2px solid #860E0E;
	}
/* --------------------------------------------------------------------------------- Auswahlzeile neu */
.topline { 
	width: 100%; 	
	padding: 0;
	margin-left: 0;
	font-size: 0.75em; 
    font-family: Ubuntu, Verdana, sans-serif;
	color: #000000;
	line-height: 1.4em; 
	font-weight: bold;
	font-style: normal;
	margin-top:2.5em;
	height:2.5em;
	border-bottom:2px solid #860E0E;
	}
.topleft { 
	width: 15%; 
	float: left;	
	background-color: #D0D0D0; 
	color: #0000FF; 
	text-align: center; 
	}
.topblock  {
	float: left;
	width: 85%;
	height:20px;
	background-color: #D0D0D0;
	text-align: left;
/*	text-indent: 1%;  */ 
	}
.topdot {
	float: left;
	width: auto;
	background-color: #D0D0D0;
	text-align: left;
/*	text-indent: 1%; */ 
    }
.toptab1, .toptab2, .toptab3 , .toptab4 {
	float: left;
	width: auto;
	background-color: #D0D0D0;
	text-align: left;
/*	text-indent: 1%; */ 
    }
.topwhere {
	float: left;
	width: 85%;
	background-color: #D0D0D0;
	text-align: left;
	text-indent: 1%; 
	height:20px;
	border-top:2px solid #860E0E;
    }
.topwhere1 {
	float: left;
	width: auto;
	background-color: #D0D0D0;
	text-align: left;
	text-indent: 1%; 
    }
.toplwhere1 p {
	font-weight: bold;
	}
/* ------------------------------------------------------------------------------- Intro-Bild für Übersichtssseiten */
.content-intro { 
	width: 100%; 
	padding-top:7.3em;
	margin: 0;
	background-color: #F0F0F0; 

	}
.content-intro img {
	width: 100%; 
	height: auto; 
	}
.content-intro h1, .content-intro h2, .content-intro h3 {
	position: absolute;
	text-align: left;
	font-style: normal;
	font-weight: normal;
	color: #860E0E;
	background-color: #F0F0F0;	
	}
.content-intro h1  {
	top: 130px;
	font-size: 24px; 
	padding: 5px 5px 5px 1px;
	}
.content-intro h2  {
	top: 169px;
	font-size: 20px; 
	padding: 3px 5px 3px 1px;
	}
.content-intro h3   {
	top: 204px;
	font-size: 16px; 
	padding: 3px 5px 3px 1px;
	}
/* --------------------------------------------------------------------------------------- Kontakt-Felder */
.contact-line1 {
	position: absolute;
	left:25%;
	top:50%;
	font-size:1.0em;
	line-height:100%;
	width:50%;
	background-color: #f0f0f0;
	}
.contact-line2 {
	position: absolute;
	left:25%;
	top:60%;
	font-size:1.0em;
	line-height:100%;
	width:50%;
	background-color: #f0f0f0;
	}
.contact-line3 {
	position: absolute;
	left:25%;
	top:70%;
	font-size:1.0em;
	line-height:400%;
	width:50%;
	background-color: #f0f0f0;
	}
/* --------------------------------------------------------------------------------------- Niederer Content-Kopf */
.content-kopf  { 
	width: 100%; 
	padding: 0; 
/*	margin-top: 8.0em; */
padding-top:7.3em;
	height: 8.0em; 
	background-color: #F0F0F0; 
	border-bottom: 1px solid #860E0E; 
	}
.content-kopf h1 { 
	padding-left: 15%; 
	font-size: 1.7em; 
	font-weight: normal; 
	margin-top: -0.15em; 
	}
.content-kopf h2 { 
	padding-left: 15%; 
	font-size: 1.1em; 
	font-weight: normal; 
	margin-top: 1.3em;

	}
.content-kopf h3 { 
	padding-left: 15%; 
	font-size: 1.1em; 
	font-weight: normal; 
	margin-top: -0.4em; 
	}
/* -------------------------------------------------------------------------------- Contentteil */
.contentteilx  { 
	width: 100%; 
	padding-top: 8.5em; 
	margin: 0; 
	height: 0;
	}
.contentteil  { 
	width: 100%; 
	min-height: 15.0em; 
	margin: 0; 
	padding: 0; 
	font-weight: normal;
	}
.linksleer {
	float: left;
	width: 15.00%;
	padding: 0;
	margin: 0;
    }
.linkstext {
	float: left;
	width: 14.5%;
	background-color: #F0F0F0;
	padding-right: 0.5em;
	margin-top: 1.5em;
	margin-right: 0.5em;
	font-family: Ubuntu, Arial, Verdana, Tahoma, sans-serif;
	font-size: 0.8em;
	line-height: 1.8em; 
	color: #000000;
	font-weight: normal;
	font-style: normal;
	text-align: center;
	vertical-align: middle;
    }
.linkstext a {
	text-decoration: none;
    border-bottom: 0.1em solid #FF0000;
    }
.linkstext  a:hover{
	color: #FF0000;
	font-weight: normal
    }
.inhalt{
	float: left;
	width: 64.00%;
	padding-top: 0.5em;
	padding-left: 0;
	padding-right: 1%;
	padding-bottom: 1.1em;
	margin: 0;
	font-family: Ubuntu, Arial, Verdana, Tahoma, sans-serif;
	font-size: 1.0em;
	min-height: 2.0em; 
	color: #000000;
	font-weight: normal;
	font-style: normal;
	text-align: left;
    }
.inhalt a {
	font-size: 1.0em;
	line-height: 1.4em;
	text-decoration: none;
    }
.inhalt  a:hover{
	color: #FF0000;
    }
.mitterechts {
	float: left;
	width: 84.00%;
	padding-top: 0.5em;
	padding-left: 0;
	padding-right: 1%;
	padding-bottom: 1.1em;
	margin: 0;
	font-family: Ubuntu, Arial, Verdana, Tahoma, sans-serif;
	font-size: 1.0em;
	min-height: 2.0em; 
	color: #000000;
	font-weight: normal;
	font-style: normal;
	text-align: left;
    }
.mitterechts a {
	font-size: 1.0em;
	line-height: 1.4em;
	text-decoration: none;
    }
.mitterechts  a:hover{
	color: #FF0000;
    }
/* ---------------------------------------------------- Auswahlbilder für Auto-Übersicht (5 nebeneinander) */
.typauswahl{
	float: left;
	width: 18.20%;
	padding-top: 0.5em;
	padding-left: 1%;
	padding-bottom: 1.1em;
	margin: 0.3%;
	font-family: Ubuntu, Arial, Verdana, Tahoma, sans-serif;
	font-size: 12px;
	min-height: 20.0em; 
	color: #000000;
	font-weight: normal;
	font-style: normal;
	text-align: left;
    border: 0;
    }
.typauswahl a { 
	text-decoration: none; 
	}
.typauswahl a:hover { 
	color: #FF0000; 
	font-weight: bold; 
	}
.typauswahl-bild { 
	width: 98%; 
	min-height: 12.0em; 
	background-position: center right; 
	background-size: contain; 	
	}
.bildrechts {
	float: right;
	width: 19.0%;
	background-color: #D0D0D0;
	padding-left: 1%;
	margin: 0;
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size: 0.8em;
	line-height: 1.1em; 
	min-height: 20.0em; 
	color: #000000;
	font-weight: normal;
	font-style: normal;
	text-align: left;
	vertical-align: middle;
	border: 0;
    }
.bildrechts a {
	text-decoration: none;
    }
.bildrechts a:hover{
	color: #FF0000;
	font-weight: bold;
    }
.bildrechts-bild { 
	width: 98%; 
	min-height: 17.5em;   
	}
.rechtstext {
	float: left;
	width: 20.00%;
	padding: 0;
	background-color: #D0D0D0; 
	margin-top: 25px; 
	text-align: center; 
	font-weight: normal; 
	}
.rechtstext a {
	color: #0000FF;
	}
.rechtstext a:hover {
	text-decoration: none;
	color: #FF0000;
	}
.rechtsleer {
	float: left;
	width: 20.00%;
	padding: 0;
	margin: 0;
    }
.contpic {
	width: 100%;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #FF0000;  
    }
.contpic img { 
	width: 100%; 
	height: auto; 
	}
/* -------------------------------- Zwei Bilder nebeneinander unter Titel 2017-07-05 */
.contpic2l {
	float: left;
	width: 49.5%;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #FF0000;  
    }
.contpic2l a {
	text-decoration: none;
	}
.contpic2r {
	float: right;
	width: 49.5%;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #FF0000;  
    }
.contpic2r a {
	text-decoration: none;
	}
.contpic2l img { 
	width: 100%; height: auto; 
	}
.contpic2r img {
	width: 100%; height: auto; 
	}

/* --------------------------------------------- alt */
#topline { width: 100%; 	
	padding: 0;
	margin-left: 0;
	font-family: Arial, Verdana, Tahoma, sans-serif; 
	font-size: 0.75em; 
/*  font-family: 'Ubuntu Condensed', sans-serif;
	font-size: 0.85em;  */
	color: #000000;
	line-height: 1.4em; 
	font-weight: bold;
	font-style: normal;
	height:2.5em;
/*	font-stretch: narrower;  */
	}

#topleft { width: 15%; float: left;	background-color: #D0D0D0; color: #0000FF; text-align: center; }
#topleft a, #topright a  { text-decoration: none; }	
#topleft a:hover, #topright a:hover  { color: #FF0000;  }



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

/* ---------------------------------------------------------------------------------------------------- */
#topwhere {
	float: left;
	width: 85%;
	background-color: #D0D0D0;
	text-align: left;
	text-indent: 1%; 
    }
#topwhere1 {
	float: left;
	width: auto;
	background-color: #D0D0D0;
	text-align: left;
	text-indent: 1%; 
    }
#toplwhere1 p {
	font-weight: bold;
	}
/* #topright { width: 20%; float: right; background-color: #D0D0D0; color: #0000FF; text-align: center; 	}
/*---------------------------------------------------------------------------------------------------------- */

.nav3, .nav3 ul {
    padding: 0;
    margin: 0;
    list-style: none;  
	font-weight: normal;
     }
.nav3 li  {
     float: left;
     position: relative;  

     width: 100%; 
	 line-height: 1.4em; 
	 vertical-align: center;

     background-color: #D0D0D0;
     color: #0000FF;

	}
.nav3 li {

     margin-right: 2%; 
     }
.nav3 li:hover {

     color: red; 
     }	 

.nav3 li a:hover {
	color: #FF0000;
	}
.nav3 a:link, .nav2 a:visited {
     display: block;
     text-decoration: none;
     padding-left: 0.25em;
     color: #0000FF;
     }
.nav3 ul li a:link, .nav3 ul li a:visited, .nav3 ul li b {
     display: block;
     text-decoration: none;
     padding-left: 0.25em;
	 background-color: #AAC9D5;
     color: #0000FF;
	 }
* html .nav3 a {
     width: 100%;
     }
.nav3 ul {
     display: none;
     position: absolute;
     padding: 0;
     }
.nav3 ul li {

     border-bottom: 1px solid #E7EDF5;
     border-top: .1em solid #FFF;

     font-size: 100%;
     margin-bottom: -1px;
     margin-top: 1px;
     padding: 0;  
     }
.nav3 li:hover ul {
     display: block;
	 color: red;
    }
.nav3 li .navno { color: #000000; }
.nav3 li .navxx { font-weight: normal; width: 200px; }
.nav4 { color: #000000; 
    width: auto;
    padding: 0;
    margin: 0;
	font-weight: normal; 
	     float: left;
     position: relative; 
    list-style: none; }
.nav4  li a  {
	 text-decoration: none; 
	 line-height: 1.4em; 
	 vertical-align: center;
     background-color: #D0D0D0;
     color: #0000FF;
	}
.nav4 li a:hover {

	 color: red;
}
/* --------------------------------------- Biographien ----- */
.biocontent  { width: 100%; margin: 0; padding: 0; }
.biocontent  a { text-decoration: none; }
.biocontent  a:hover { color: #FF0000; }
.bioinhalt33 {
	float: left;
	width: 33.33%;
	padding: 0;
	margin: 0;
	font-size: 0.8em;
	min-height: 2.0em; 
	color: #000000;
	font-weight: normal;
	font-style: normal;
    }
.bioinhalt33 a {
	font-size: 1.0em;
	line-height: 1.4em;
	text-decoration: none;
    }
.bioinhalt33  a:hover{
	color: #FF0000;
	font-weight: bold;
    }
/* --------------------------------------------------------------------------------------------------------- */	
/*  Leiste mit interner Navigation, Standortbestimmung, Titelbild  */	
/* #wrapper2  { width: 100%; margin-top: -0.5em; margin-left: -10px; }  */
#wrapper2  { width: 100%; margin: 0; }
#contnav2 {
	float: left;
	width: 15.00%;
	background-color: #D0D0D0;
/*	padding-top: 1.1em;   */
	margin: 0;
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size: 0.8em;
/*	height: 16.0em;  */  
    height: 240px;  
	color: #000000;
	font-weight: normal;
	font-style: normal;
	text-align: center;
/*	border-top: 1px solid #FF0000;   */
    }
#contnav2  a {
	font-size: 1.0em;
	line-height: 1.4em;
	border-bottom: 1px solid #FF0000;
	text-decoration: none;
    }
#contnav2  a:hover{
	color: #FF0000;
	font-weight: bold;
    }
#conttext {
	float: right;
	width: 85.00%;
	padding: 0;
	margin: 0;
/*	max-height: 16.0em;   */ 
    height: 240px; 
/*    height: auto;  */
		text-shadow: 2px 2px 3px #D0D0D0; 
			text-align: left;
	vertical-align: top;
/*	background: url(../dt/sd1/kopfbilder/sd1-vdp2.jpg) no-repeat;  
	background-position: bottom right; 
	background-size: contain; 
	-moz-background-size: contain;  */

    }

#conttextbreit {
	float: right;
	width: 100.00%;
	padding: 0;
	margin: 0;
/*	max-height: 16.0em;   */ 
    height: 240px; 
/*    height: auto;  */
		text-shadow: 2px 2px 3px #FFFFFF; 
			text-align: left;
	vertical-align: top;
/*	background: url(../dt/sd1/kopfbilder/sd1-vdp2.jpg) no-repeat;  
	background-position: bottom right; 
	background-size: contain; 
	-moz-background-size: contain;  */

    }
#conttext h1 {
    padding: 0;
	margin-top: -1.0em;    
		margin-left: 0.25em;
	font-size: 1.7em;
/*		font-size: 170%; */
	font-weight: bold;

	}
#conttext h2 {
    padding: 0;
	margin-top: 2.0em;
		margin-left: 0.4em;
	font-size: 1.2em;
	font-weight: normal;
/*	color: blue; */

	}	
#conttext h3 {
    padding: 0;
	margin-top: -1.5em;    
	margin-left: 0.4em;
	font-size: 1.1em;
	font-weight: normal;
/*	color: blue; */

	}
	/* Weiter hier */
#selectfoot {
    clear: both;
	float: none;
	margin: 0;
	padding: 0;
	width: 100%;
	border-bottom: 0.1em solid #FF0000;
	}
/* Kontent Links - Mitte - Rechts */
#biocontent  { width: 100%; margin: 0; padding: 0; }
#biocontent  a { text-decoration: none; }
#biocontent  a:hover { color: #FF0000; }

#contentteil  { width: 100%; min-height: 15.0em; margin: 0; padding: 0; }
#contentteilw  { width: 100%; min-height: 1.0em; margin: 0; padding: 0; }
#topcontent  { width: 100%; padding-top: 5.4em; margin: 0; height: 0.1em; background-color: #F0F0F0; }
/*  Seitentitel niedrig */
#contentteil2  { width: 100%; padding-top: 5.4em; margin: 0; height: 8.0em; background-color: #F0F0F0; border-bottom: 1px solid #FF0000; }
#contentteil2 h1 { padding-left: 15%; font-size: 1.7em; font-weight: normal; margin-top: -0.15em; }
#contentteil2 h2 { padding-left: 15%; font-size: 1.1em; font-weight: normal; margin-top: 1.3em;}
#contentteil2 h3 { padding-left: 15%; font-size: 1.1em; font-weight: normal; margin-top: -0.4em; }
/*  Seitentitel hoch */
#contentteil2a  { width: 100%; padding-top: 5.4em; margin: 0; height: 16.0em; background-color: #F0F0F0; border-bottom: 1px solid #FF0000; }
#contentteil2a h1 { padding-left: 15%; font-size: 1.7em; font-weight: normal; margin-top: -0.15em; }
#contentteil2a h2 { padding-left: 15%; font-size: 1.1em; font-weight: normal; margin-top: 1.3em;}
#contentteil2a h3 { padding-left: 15%; font-size: 1.1em; font-weight: normal; margin-top: -0.4em; }
/* Seiteninhalt ohne Seitentitel */
#contentteilx  { width: 100%; padding-top: 7.0em; margin: 0; height: 0; /*background-color: #F0F0F0;*/ }
#contentteill  { width: 49.5%; float: left; min-height: 1.0em; margin: 0; padding: 0; }
#contentteilr  { width: 49.5%; float: right; min-height: 1.0em; margin: 0; padding: 0; }

/* Content-Teil für Fehlerseite 404 */
#contentteil404 { width: 100%; 
		padding: 0;
		margin: 0;
/*		background-image: url(../toppics/wrong-way.jpg);
		background-position: center center;
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-size: cover; */  
background-color: #f0f0f0; }
#contentteil404 h1  { color: #ffffff; position: absolute; left: 15%; top: 18%; font-size: 2.5em; }
#contentteil404 h2  { color: #ffffff; position: absolute; left: 15%; top: 28%; font-size: 1.5em; line-height: 1.6em; }
#contentteil404 p  { color: #ffffff; position: absolute; left: 35%; top: 38%; font-size: 1.2em; line-height: 1.3em; }
/* Intro-Bild für Übersichtssseiten */
#content-intro { width: 100%; 
		padding: 0;
		margin: 0;
		background-color: #f0f0f0; }
#content-intro img {width: 100%; height: auto; margin-top: 5.4em; }
#content-intro h1  {position: absolute; left: 10%; top: 18%; font-size: 1.8em; line-height: 120%;}
#content-intro h2  {position: absolute; left: 10%; top: 26%; font-size: 1.3em; line-height: 120%;}
#content-intro h3  {position: absolute; left: 10%; top: 32%; font-size: 1.1em; line-height: 120%;}
#content-intro h1.white , h2.white , h3.white{ color: #ffffff; text-shadow: 2px 3px 0px black;}
#content-intro h1.blue, h2.blue, h3.blue  { color: #0000FF; text-shadow: 3px 3px 0px white;}
#content-intro h1.blue2, h2.blue2, h3.blue2  { color: #0000FF; background-color: #FFFFFF;}
#content-intro h1.black, h2.black, h3.black  { color: #000000; text-shadow: 2px 3px 0px white; }
/* Obere Leiste mit Bild und Text  2017-07-12*/
#cteil2pic { width: 100%; height: auto;
		padding-top: 5.4em;
		margin: 0;
		border-bottom: 1px solid #FF0000; 
		background-image: url(images/foto.jpg);
		background-position: center center;
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-size: cover;
		background-color: #f0f0f0; }
#cteil2pic h1 { padding-left: 10%; font-size: 1.7em; font-weight: normal; margin-top: -0.15em; text-shadow: 4px 4px 4px #FFFFFF; }
#cteil2pic h2 { padding-left: 15%; font-size: 1.1em; font-weight: normal; margin-top: 1.3em; text-shadow: 2px 2px 2px #FFFFFF; }
#cteil2pic h3 { padding-left: 15%; font-size: 1.1em; font-weight: normal; margin-top: -0.4em; text-shadow: 2px 2px 2px #FFFFFF; }
#cteil2pic img { width: 100%; height: auto; }
/* Text links  2017-07-05*/
#textlinks {
	float: left;
	width: 14.5%;
	background-color: #F0F0F0;
	padding-right: 0.5em;
	margin-right: 0.5em;
	font-family: Ubuntu, Arial, Verdana, Tahoma, sans-serif;
	font-size: 0.8em;
	line-height: 1.8em; 
	color: #000000;
	font-weight: normal;
	font-style: normal;
	text-align: center;
	vertical-align: middle;
    }
#textlinks a {
	text-decoration: none;
    border-bottom: 0.1em solid #FF0000;
    }
#textlinks  a:hover{
	color: #FF0000;
	font-weight: normal
    }
/* Spalte links */
#seitelinks {
	float: left;
	width: 14.6%;
	background-color: #D0D0D0;
/*	padding-top: 0.5em;
	padding-bottom: 1.1em;  */
	margin: 2px;
	font-family: Ubuntu, Arial, Verdana, Tahoma, sans-serif;
	font-size: 0.8em;
	line-height: 1.8em; 
	color: #000000;
	font-weight: normal;
	font-style: normal;
	text-align: center;
	vertical-align: middle;
/*	border-top: 0.1em solid #FFFFFF;  */
	border-bottom: 0.1em solid #FF0000;
    }
#seitelinks a {
	font-size: 0.9em;
	line-height: 1.8em;
/*	font-style: normal;
	font-weight: normal;  */
	text-decoration: none;
		border-bottom: 0.1em solid #FF0000;
    }
#seitelinks  a:hover{
	color: #FF0000;
	font-weight: bold;
    }
#linksleer {
	float: left;
	width: 15.00%;
	padding: 0;
	margin: 0;
    }
/* Übersichtsbild links  2017-07-05*/
#uebersichtbild {
	float: left;
	width: 25.00%;
/*
	padding: 0;
	margin: 0;
    border: 0.1em solid #FF0000; */
    }
#uebersichtbild a {
	text-decoration: none;
/*    border: 0.1em solid #FF0000; */
    }
#uebersichtbild img { 
    width: 100%; 
	height: auto; 
	}
/* Text rechts  2017-08-24*/
#textrechts {
	float: right;
	width: 14.5%;
	background-color: #F0F0F0;
	padding: 0.5em;
	margin: 0.5em;
	font-family: Ubuntu, Arial, Verdana, Tahoma, sans-serif;
	font-size: 0.8em;
	line-height: 1.8em; 
	color: #000000;
	font-weight: normal;
	font-style: normal;
	text-align: left;
	vertical-align: middle;
    }
#textrechts a {
	text-decoration: none;
    border-bottom: 0.1em solid #FF0000;
    }
#textrechts  a:hover{
	color: #FF0000;
	font-weight: normal
    }
/* Text rechts  2018-04-24*/
#rechtstext {
	float: right;
	width: 18.0%;
	background-color: #F0F0F0;
	padding: 0.5em;
	margin: 0.5em;
	font-family: Ubuntu, Arial, Verdana, Tahoma, sans-serif;
	font-size: 0.8em;
	line-height: 1.8em; 
	color: #000000;
	font-weight: normal;
	font-style: normal;
	text-align: center;
	vertical-align: top;
    }
#rechtstext a {
	text-decoration: none;
    border-bottom: 0.1em solid #FF0000;
    }
#rechtstext  a:hover{
	color: #FF0000;
	font-weight: normal
    }
/* Spalte rechts */
#seiterechts {
	float: right;
	width: 20.00%;
	background-color: #D0D0D0;
	padding-top: 0.5em;
	padding-bottom: 1.1em;
	margin: 0;
	font-family: Ubuntu, Arial, Verdana, Tahoma, sans-serif;
	font-size: 0.9em;
	line-height: 1.8em; 
	color: #000000;
	font-weight: normal;
	font-style: normal;
	text-align: center;
	vertical-align: middle;
/*	border-top: 0.1em solid #FFFFFF;  */
	border-bottom: 0.1em solid #FF0000;
    }
#seiterechts a {
	font-size: 0.9em;
	line-height: 1.8em;
/*	font-style: normal;
	font-weight: normal;  */
	text-decoration: none;
		border-bottom: 0.1em solid #FF0000;
    }
#seiterechts a:hover{
	color: #FF0000;
	font-weight: bold;
    }
#rechtsleer {
	float: left;
	width: 20.00%;
	padding: 0;
	margin: 0;
    }
/* breitrechts - für Übersicht Automobile */
#breitrechts {
	float: left;
	width: 35.00%;
	padding: 0;
	margin: 0;
    }
/* Zwei Bilder nebeneinander unter Titel 2017-07-05 */
#contpic2l {
	float: left;
	width: 49.5%;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #FF0000;  
    }
#contpic2l a {text-decoration: none;}
#contpic2r {
	float: right;
	width: 49.5%;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #FF0000;  
    }
#contpic2l a {text-decoration: none;}
#contpic2l img { width: 100%; height: auto; }
#contpic2r img { width: 100%; height: auto; }
/* Grosses Bild unter Titel 2017-07-05 */
#contpic {
	width: 100%;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #FF0000;  
    }
#contpic img { width: 100%; height: auto; }
#contfig {
	width: 100%;
	padding: 0;
	margin: 0;
    }
/* Übersichtstexte 2017-07-05 (Inhalt)  */
#uebersichttext {
	float: right;
	width: 70.00%;
	height: auto;
    padding: 0;
/*	padding-top: 0.5em;
	padding-left: 0;
	padding-right: 1%;
		padding-bottom: 1.1em; */
	margin: 0;
	font-family: Ubuntu, Arial, Verdana, Tahoma, sans-serif;
	font-size: 0.8em;
/*	min-height: 5.0em;  */
    line-height: 1.2em; 
	color: #000000;
	font-weight: normal;
	font-style: normal;
	text-align: left;

    }
#uebersichttext a {
/*	font-size: 1.0em;
	line-height: 1.4em;
/*	border-bottom: 1px solid #FF0000;  */
	text-decoration: none;
    }
#uebersichttext  a:hover{
	color: #FF0000;
	font-weight: normal;
    }
/* ----------------------------------------------------- Inhalt Standard 64%  */
#inhalt{
	float: left;
	width: 64.00%;
/*	background-color: #D0D0D0;  */
	padding-top: 0.5em;
	padding-left: 0;
	padding-right: 1%;
		padding-bottom: 1.1em;
	margin: 0;
	font-family: Ubuntu, Arial, Verdana, Tahoma, sans-serif;
	font-size: 1.0em;
	min-height: 2.0em; 
	color: #000000;
	font-weight: normal;
	font-style: normal;
	text-align: left;
    }
#inhalt a {
	font-size: 1.0em;
	line-height: 1.4em;
/*	border-bottom: 1px solid #FF0000;  */
	text-decoration: none;
    }
#inhalt  a:hover{
	color: #FF0000;
/*	font-weight: bold;  */
    }
/* ------------------------------------------------------- Inhalt für Galerie-Seiten 100% (ohne linken/rechten Seitenteil)  */
#inhalt-gal{
	float: left;
	width: 100.00%;
/*	background-color: #D0D0D0;  */
	padding-top: 0.5em;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 1.15em;
	margin: 0;
	font-family: Ubuntu, Arial, Verdana, Tahoma, sans-serif;
	font-size: 1.0em;
	min-height: 20.0em; 
	color: #000000;
	font-weight: normal;
	font-style: normal;
	text-align: left;
    }
#inhalt-gal a {
	font-size: 1.0em;
	line-height: 1.4em;
/*	border-bottom: 1px solid #FF0000;  */
	text-decoration: none;
    }
#inhalt-gal  a:hover{
	color: #FF0000;
	font-weight: bold;
    }
/* ------------------------------------------------------- Inhalt für Galerie-Seiten 20% (ohne rechten Seitenteil)  */
#inhalt-gal20 {
	float: left;
	width: 20.00%;
/*	background-color: #D0D0D0;  */
	padding-top: 0.5em;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 1.1em;
	margin: 0;
	font-family: Ubuntu, Arial, Verdana, Tahoma, sans-serif;
/*	font-size: 0.8em;
	min-height: 20.0em; */
	color: #000000;
	font-weight: normal;
	font-style: normal;
	text-align: left;
    }
#inhalt-gal20 a {
	font-size: 1.0em;
	line-height: 1.4em;
/*	border-bottom: 1px solid #FF0000;  */
	text-decoration: none;
    }
#inhalt-gal20  a:hover{
	color: #FF0000;
	font-weight: bold;
    }
/* ------------------------------------------------------- Inhalt für Galerie-Seiten 80% (ohne rechten Seitenteil)  */
#inhalt-gal80 {
	float: left;
	width: 84.00%;
/*	background-color: #D0D0D0;  */
	padding-top: 0.5em;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 1.1em;
	margin: 0;
	font-family: Ubuntu, Arial, Verdana, Tahoma, sans-serif;
/*	font-size: 0.8em;
	min-height: 20.0em; */
	color: #000000;
	font-weight: normal;
	font-style: normal;
	text-align: left;
    }
#inhalt-gal80 a {
	font-size: 1.0em;
	line-height: 1.4em;
/*	border-bottom: 1px solid #FF0000;  */
	text-decoration: none;
    }
#inhalt-gal80  a:hover{
	color: #FF0000;
	font-weight: bold;
    }
/* Inhalt -------------------------------------------- */
#inhaltoh {
	float: left;
	width: 64.00%;
/*	background-color: #D0D0D0;  */
    padding: 0;
	margin: 0;
	font-family: Ubuntu, Arial, Verdana, Tahoma, sans-serif;
	font-size: 1.0em;
	line-height: 1.4em;
	color: #000000;
	font-weight: normal;
	font-style: normal;
	text-align: left;
    }
#inhaltoh a {
	font-size: 1.0em;
	line-height: 1.4em;
/*	border-bottom: 1px solid #FF0000;  */
	text-decoration: none;
    }
#inhaltoh  a:hover{
	color: #FF0000;
	font-weight: bold;
    }
/* Inhalt 20% */
#inhalt20{
	float: left;
	width: 19.99%;
/*	background-color: #FFFFFF;  */ 
	padding: 0;
	margin: 0;
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size: 0.8em;
	min-height: 20.0em; 
	color: #000000;
	font-weight: normal;
	font-style: normal;
    }
#inhalt20 a {
	font-size: 0.9em;
	line-height: 1.2em;
/*	border-bottom: 1px solid #FF0000;  */
	text-decoration: none;
    }
#inhalt20  a:hover {
	color: #FF0000;
/*	font-weight: bold;  */
    }
/* Inhalt 33% */
#inhalt33bio {
	float: left;
	width: 33.33%;
/*	background-color: #D0D0D0;  */
	padding: 0;
	margin: 0;
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size: 0.8em;
	min-height: 2.0em; 
	color: #000000;
	font-weight: normal;
	font-style: normal;
    }
#inhalt33 {
	float: left;
	width: 33.33%;
/*	background-color: #D0D0D0;  */
	padding: 0;
	margin: 0;
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size: 0.8em;
	min-height: 20.0em; 
	color: #000000;
	font-weight: normal;
	font-style: normal;
    }
#inhalt33, #inhalt33bio a {
	font-size: 1.0em;
	line-height: 1.4em;
/*	border-bottom: 1px solid #FF0000;  */
	text-decoration: none;
    }
#inhalt33, #inhalt33bio  a:hover{
	color: #FF0000;
	font-weight: bold;
    }
/* Inhalt 50% - z.B. Aktuelles  */
#inhalt50l, #inhalt50r  {
/*	float: left;  */
	width: 48.75%;
/*	background-color: #D0D0D0;  */
/*	padding: 0;
	margin: 0;
	font-family: Arial, Verdana, Tahoma, sans-serif;   */
	font-size: 0.8em;
	min-height: /* 15.0em; */ 2.0em; 
		font-size: 1.0em;
	color: #000000;
	font-weight: normal;
	font-style: normal;
    }
#inhalt50l { float: left; }
#inhalt50r { float: right; }
#inhalt50l a {
	text-decoration: none;
    }
#inhalt50r a {
	text-decoration: none;
    }
#inhalt50l  a:hover{
	color: #FF0000;
    }
#inhalt50r  a:hover{
	color: #FF0000;
    }
/********************/
/* Inhalt 65% links - z.B. Spezifikationen mit Abbildungen danebin in 35%  */
.inhalt65l {
	float: left; 
	width: 63.5%;
	padding: 0;
	margin: 0;
	font-family: Arial, Verdana, Tahoma, sans-serif; 
	font-size: 1.0em;
	min-height: 2.0em; 
	color: #000000;
	font-weight: normal;
	font-style: normal;
    }
.inhalt65l a {
	text-decoration: none;
    }
.inhalt65l  a:hover{
	color: #FF0000;
    }
#inhalt65l {
	float: left; 
	width: 63.5%;
	padding: 0;
	margin: 0;
	font-family: Arial, Verdana, Tahoma, sans-serif; 
	font-size: 1.0em;
	min-height: 2.0em; 
	color: #000000;
	font-weight: normal;
	font-style: normal;
    }
#inhalt65l a {
	text-decoration: none;
    }
#inhalt65l  a:hover{
	color: #FF0000;
    }
/* Inhalt 35% rechts - z.B. Abbildungen mit Spezifikationen links daneben in 65%  */
.inhalt35r {
	float: right; 
	width: 33.5%;
	padding: 0;
	margin: 0;
	font-family: Arial, Verdana, Tahoma, sans-serif; 
	font-size: 1.0em;
	min-height: 2.0em; 
	color: #000000;
	font-weight: normal;
	font-style: normal;
    }
.inhalt35r a {
	text-decoration: none;
    }
.inhalt35r  a:hover{
	color: #FF0000;
    }
#inhalt35r {
	float: right; 
	width: 33.5%;
	padding: 0;
	margin: 0;
	font-family: Arial, Verdana, Tahoma, sans-serif; 
	font-size: 1.0em;
	min-height: 2.0em; 
	color: #000000;
	font-weight: normal;
	font-style: normal;
    }
#inhalt35r a {
	text-decoration: none;
    }
#inhalt35r  a:hover{
	color: #FF0000;
    }
/* Inhalt 84% - z.B. Vorstand  */
#inhalt84  {
	float: left;  
	width: 84.9%;
	margin: 0;
	font-family: Arial, Verdana, Tahoma, sans-serif;   
	font-size: 0.8em;
	min-height: 15.0em; 
	color: #000000;
	font-weight: normal;
	font-style: normal;
    }
#inhalt84 a {
	text-decoration: none;
    }
#inhalt84  a:hover{
	color: #FF0000;
	font-weight: normal; 
    }
/* Inhalte der Übersichten */
#inhalt1{
	float: left;
	width: 21.80%;
/*	background-color: #D0D0D0;   */ 
	padding-top: 0.5em;
	padding-left: 1%;
	padding-right: 1%;
		padding-bottom: 1.1em;
	margin: 0.3%;
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size: 12px;
	min-height: 20.0em; 
	color: #000000;
	font-weight: normal;
	font-style: normal;
	text-align: left;
/*	border: 1px solid #00FF00;  */
    border: 0;
    }	
#inhaltpic { width: 98%; min-height: 8.0em; }
/* #inhaltdiv { float: left; width: 0,25%;  }  */
#inhaltfoot {
    clear: both; 
	float: none;
	margin: 0;
	padding: 0;
	width: 100%;
	border-bottom: 0.1em solid #FF0000;
    }
/* Content über ganze Breite */
#contentteil3 { width: 100%; margin: 0; }
#inhalt3{
	float: left;
	width: 18.20%;
/*	background-color: #D0D0D0;   */ 
	padding-top: 0.5em;
	padding-left: 1%;
/*	padding-right: 1%;  */
		padding-bottom: 1.1em;
	margin: 0.3%;
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size: 12px;
	min-height: 20.0em; 
	color: #000000;
	font-weight: normal;
	font-style: normal;
	text-align: left;
/*	border: 1px solid #00FF00;  */
    border: 0;
    }
#inhalt3 a { text-decoration: none; }
#inhalt3 a:hover { color: #FF0000; font-weight: bold; }	
#inhaltpic3 { width: 98%; min-height: 12.0em; }
/* Inhalt Seite rechts ohne Bild */
#ohnerechts {
	float: right;
	width: 19.0%;
	padding-left: 1%;
	margin: 0;
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size: 0.8em;
	line-height: 1.1em; 
	color: #000000;
	font-weight: normal;
	font-style: normal;
	text-align: left;
	vertical-align: middle;
	border: 0;
    }
#ohnerechts a {
	text-decoration: none;
    }
#ohnerechts a:hover{
	color: #FF0000;
    }
/* Inhalt Seite rechts mit Bild - war inhalt4 */
#bildrechts {
	float: right;
	width: 19.0%;
	background-color: #D0D0D0;
	padding-left: 1%;
/*	padding-right: 1%;   */

	margin: 0;
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size: 0.8em;
	line-height: 1.1em; 
	min-height: 20.0em; 
	color: #000000;
	font-weight: normal;
	font-style: normal;
	text-align: left;
	vertical-align: middle;
	border: 0;
    }
#bildrechts a {
	text-decoration: none;

    }
#bildrechts a:hover{
	color: #FF0000;
	font-weight: bold;
    }
#bildrechtspic { width: 98%; min-height: 17.5em; }
/* leere Spalte rechts */
#leerrechts {
	float: right;
	width: 19.0%;
	padding: 0;
	border: 0;
    }
/* Tabellenteil Mitte */
#tabteilmitte { width: 100%; }
#tablinks {
	float: left;
	width: 15.0%;
	padding: 0;
	margin: 0.15%;
    border: 0;
    }	

table.bj  { width: 100%; }
tr.bj      { height: 1.4em; }

td.bjt  { width: 100%; background: #D0D0D0; font-weight: bold; }
td.bjbd  { width: 13.30%; background: #D0D0D0; font-weight: bold; }
td.bjbh  { width: 13.30%; background: #E0E0E0; }
td.bjsd  { width: 6.65%; background: #D0D0D0; font-weight: bold; }
td.bjsh  { width: 6.65%; background: #E0E0E0; } 
td.bjbh a { text-decoration: none; }
td.bjbh a:hover { color: red; }
#tabrechts {
	float: right;
	width: 18.0%;
	padding-left: 1%;
	padding-right: 1%;
	margin: 0;
	border: 0;
    }
/* ------------------------------------------------------------- Galerie-Übersicht */
.inhalt-gal{
	float: left;
	width: 100.00%;
	padding-top: 0.5em;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 1.15em;
	margin: 0;
	font-family: Ubuntu, Arial, Verdana, Tahoma, sans-serif;
	font-size: 1.0em;
	min-height: 20.0em; 
	color: #000000;
	font-weight: normal;
	font-style: normal;
	text-align: left;
    }
.inhalt-gal a {
	font-size: 1.0em;
	line-height: 1.4em;
	text-decoration: none;
    }
.inhalt-gal  a:hover{
	color: #FF0000;
	font-weight: bold;
    }
.galueb {
	float: left;
	width: 35.0%;
	min-height: 160px;
	background-color: #D0D0D0;    
	padding-top: 0.5%;
	padding-left: 0.5%;
    padding-right: 0.5%;  
	padding-bottom: 0.5%;
	margin: 0.3%;
	border: 1px solid #00FF00;  
    }
.galueb a {text-decoration: none;}
.galueb img {
	 max-width: 98.0%;
	 height: auto;
	 border: 1px solid #000000;
	}
.galtxt {float: right;
	width: 60.0%; 
}
.galwahl {
	float: left;
	width: 12.45%;
	min-height: 60px;
	background-color: #D0D0D0;    
	padding-top: 0.5%;
	padding-left: 0.5%;
    padding-right: 0.5%;  
	padding-bottom: 0.5%;
	margin: 0.3%;
	border: 1px solid #00FF00;  
    }
.galwahl a {
	text-decoration: none;
	}
.galwahl img {
	max-width: 98.0%;
	height: auto;
	border: 1px solid #000000;
	}
/* -----------------------Bild und Text auf Übersichtsseiten ---- */
.ueberabb { 
	float: left; 
	width: 33.00%;  
	}
.ueberabb  img {
	width: 100.00%; 
	height: auto; 
	border: 1px solid black;
	}
.uebertext {
	float: right; 
	width: 66.00%; 
	vertical-align: top; 
	}	
/* ----------------------- f o o t e r ----------------------*/
#footer {
    clear: both;
	min-width: 755px;
	max-width:1220px;
/*	width: 100%;  */
    }
#footer p {
	min-height: 1.5em;
	line-height: 1.4em; 
	font-size: 0.8em; 
	color: #FFFFFF; 
	padding: 0; 
	margin-bottom: 2.0em; 
	border-top: 0.1em solid #FF0000; 	
	background-color: #0000FF;
	text-align: center; 
	}  
#footer a {
	text-decoration: none; 
	color: #FFFFFF; 
	font-weight: normal; 
	}
#footer a:hover { 
	color: #FF0000; 
	}
/*  */
#ueberabb { float: left; width: 33.00%;  }
#ueberabb  img {width: 100.00%; height: auto; border: 1px solid black;}
#uebertext {float: right; width: 66.00%; vertical-align: top; }	
/*  */
/*
Gestaltung der Accordeon-Boxen
*/
.acco-block { 
		float: left; 
        margin: 5px;
		text-align: left;
		width: 100%;
		}
.acco-block label {
		padding: 0.2em; 
		display: block;
		font-family: Ubuntu, Arial, sans-serif;
		color: #F0F0F0;
		z-index: 20;
		cursor: pointer;
		line-height: 1.2em; 
		font-size: 0.9em; 
		background-color: #860E0E; 
		padding-right:5px;
		} 
.acco-block a:hover { 
		color: #000000;
		}
.acco-block a { 
		text-decoration: none; 
		}
.acco-block label:hover { 
		color:#D0D0D0;
		background-color: #860E0E;
		}
/* Gestaltung der Accordeon-Box beim Aufklappen */
.acco-block input:checked + label,
.acco-block input:checked + label:hover {
		background-color: #C0C0C0;       /* Hintergrund hellgrau */
		color: #860E0E;					 /* Schrift dunkelrot  */
		}
.acco-block input {
		display: none;	
		}
/* Gestaltung des Box - Inhalts */
.acco-block article {
		background-color: #EFFFFF;
		margin-top: 0.5em;				/* Abstand rund um Auswahl-Box */
		overflow: hidden;				/* Keine Text-Überlagerung */
		height: 0.0em;					/* Basis-Höhe der Aufklapp-Box */	
		}
.acco-block input:checked ~ article	{
		transition: 
		height 0.5s ease-in-out, 
		box-shadow 0.1s linear;
		}
/* Gestaltung der Aufklapp-Box-Paragraphen */
.acco-block article p {
		font-style: normal;  
		color: #000000;
		margin: 0;		
		line-height: 1.0em;  
		font-size: 0.7em;    
		padding: 0.3em;  
		}
.acco-block article ul li a { 
		color: #FF0000; 
		line-height: 1.0em; 
		font-size: 0.7em; 
		text-decoration: none; 
		}
.acco-block article p a:hover { 
		color: #FF0000; 
		line-height: 1.0em; 
		font-size: 0.7em; 
		text-decoration: none; 
		}
/* Zuordnung der Aufklapp-Box-Höhen */ 
.acco-block input:checked ~ article.px-375 { height: 100px; }
.acco-block input:checked ~ article.px-400 { height: 125px; }
.acco-block input:checked ~ article.px-420 { height: 150px; }
.acco-block input:checked ~ article.px-450 { height: 175px; }
.acco-block input:checked ~ article.px-375 { height: 200px; }
.acco-block input:checked ~ article.px-400 { height: 225px; }
.acco-block input:checked ~ article.px-420 { height: 250px; }
.acco-block input:checked ~ article.px-450 { height: 275px; }
.acco-block input:checked ~ article.px-470 { height: 300px; }
.acco-block input:checked ~ article.px-500 { height: 325px; }
.acco-block input:checked ~ article.px-350 { height: 350px; }
.acco-block input:checked ~ article.px-375 { height: 375px; }
.acco-block input:checked ~ article.px-400 { height: 400px; }
.acco-block input:checked ~ article.px-420 { height: 425px; }
.acco-block input:checked ~ article.px-450 { height: 450px; }
.acco-block input:checked ~ article.px-470 { height: 475px; }
.acco-block input:checked ~ article.px-500 { height: 500px; }
/* E N D E  */