* {				margin: 0;
				padding: 0; }

body {			font: normal 100.01% Helvetica, Arial, sans-serif;
    			color: black; 
    			height: 100%;
    			background-color: #DDDDDD;
    			background-image: url('navi/background_mek.png');
				background-repeat: repeat;
    			min-width: 40em; /* Mindestbreite verhindert Anzeigefehler in modernen Browsern */ }

html {			height: 100%;
    			margin-top: 0px;
    			padding-top: 0px; } 
    			
div#Seite {		text-align: left;    /* Seiteninhalt wieder links ausrichten */
    			margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
    			width: 1000px;
    			padding: 0; 
    			height: 100%;
    			min-height: 300px;
    			background-color: #FFFFFF; }

div#Seite html {padding: 0; 
				height: 100%; }

div#Seite body {margin: 0; 
				padding: 0; }

div#Scrollbereich { }				

/* FIXIERTER BEREICH - FIXIERTER BEREICH - FIXIERTER BEREICH - FIXIERTER BEREICH - FIXIERTER BEREICH */ 
    			
div#fixhead {	position: absolute;
    			top: 0px;
    			margin: 0 auto;
    			width: 1000px;
    			height: 170px;
    			z-index:4;
    			background: url('navi/head4.png') no-repeat; }
    			
html>body div#fixhead {  /* nur fuer moderne Browser! */ position: fixed; }

/* HAUPTFENSTER - HAUPTFENSTER - HAUPTFENSTER - HAUPTFENSTER - HAUPTFENSTER - HAUPTFENSTER - HAUPTFENSTER */

div#Inhalt {	margin-left: 0px; 
				margin-top: 100px;
				padding: 10px;
				padding-top: 60px;
				background-color: #FFFFFF; 
				font-family: arial,helvetica,sans-serif;
				font-style: none; 
				text-align: left; 
				height: auto; }
    
*div#Inhalt { 	/* versteckt vor Netscape 4 */ background-color: #FFFFFF; }

div#Inhalt h1 { font-size: 14pt;
    			margin: 35px 0 15px 0;
    			color: #CE161C; }
    			
div#Inhalt h2 { font-size: 11pt;
    			margin: 25px 0 2px 0;
    			color: #CE161C; }
    			
div#Inhalt h3 { font-size: 11pt;
				font-weight: bold;
    			margin: 10px 0 2px 0;
    			color: #000000; }
    			
div#Inhalt p {	font-size: 11pt;
				line-height: 15pt;
    			margin: 0px;
    			color: #000000; }
    			
div#Inhalt td {	font-size: 11pt;
				line-height: 15pt;
				vertical-align: top;
    			margin: 0px;
    			color: #000000; }

a:link { 		color: #CE161C; 
				text-decoration: none; }

a:visited { 	color: #FF0000;
				text-decoration: underline; }

a:active { 		color: #FF0000;
				text-decoration: underline; }

a:hover { 		color:#FF0000;					
				text-decoration: underline; }

div#Fusszeile {	padding: 5px 5px; 
				background: #FFFFFF; }
				
div#Fusszeile table { border-collapse: collapse;
				border-spacing: 0;
				border: none; }
				
div#Fusszeile td { font-size: 9pt;
				line-height: 12pt;
    			padding: 2px 2px 2px 5px;
    			color: #444444;
    			background: #CCCCCC; }
    			
div#Fusszeile a:hover { text-decoration: none;
				color: #CE161C; }

/* NAVIGATION - NAVIGATION - NAVIGATION - NAVIGATION - NAVIGATION - NAVIGATION - NAVIGATION - NAVIGATION */

/*--definiert die Menüposition und einige allgem. Angaben--*/				
#menu {			position: absolute;
				width: 800px;
				margin-top: -27px;
				margin-left: 180px;
				font-family: Verdana;
				font-size: 13px;
				line-height: 1.5; /*--bewirkt eine vertikale Textzentrierung--*/
				float: left; /*--nimmt die Navileiste aus dem "Fluss", verhindert float-/clear-Probleme der ul--*/; 
				white-space: nowrap; }
    			
/*--definiert die einzelnen Navigationsblöcke--*/
#menu ul {		float: left;
				list-style-type: none; }

/*--definiert die Blocküberschriften--*/
#menu h3 {		font-size: 15px;
				text-decoration: none;
				font-weight: bold;
				text-align: center;
				color: #EEEEEE;
				padding-left: 7px;
				padding-right: 7px;
				margin-left: 5px;
				margin-right: 5px;
				border: none; }

/*--definiert die "Drop-Down-Links" im Normalzustand--*/
#menu a.drop {	display: block;
				font-size: 13px;
				text-decoration: none;
				text-align: left;
				color: #111111; 
				padding-left: 7px;
				padding-right: 7px;
				margin-left: 5px;
				margin-right: 5px;
				background: #FFDD00;
				border: 1px solid #CCCCCC; }

/*--definiert die "Drop-Down-Links" im Hoverzustand--*/
#menu a.drop:hover { color: #EEEEEE; 
				background: #BA0000; 
				border: 1px solid #BA0000; }
				
/*--definiert einen Einzellink im Normalzustand, wenn kein Drop-Down erforderlich--*/
#menu a.direkt {display: block;
				font-size: 15px;
				text-decoration: none;
				font-weight: bold;
				text-align: center;
				color: #EEEEEE;
				padding-left: 7px;
				padding-right: 7px;
				margin-left: 5px;
				margin-right: 5px;
				none }

/*--definiert einen Einzellink im Hoverzustand, wenn kein Drop-Down erforderlich--*/
#menu a.direkt:hover { color: #EEEEEE;
				background: #BA0000; 
				none }

/*--versteckt die "Drop-Down-Links", solange nicht gehovert wird--*/
#menu ul ul {	position: absolute;
				z-index: 2;
				display: none; }

/*verhindert im Zusammenhang mit pos. absolute bei ul ul eine Höhenvergrößerung von #menu beim Hovern--*/
#menu li {		position: relative; }

/*--lässt die Dropdown-Links beim Hovern erscheinen--*/
#menu ul li:hover ul { display: block;
				min-width: 120px;
				width: auto; }

/*--nur für IE-Versionen 6 erkennbar--*/
* html #menu ul li { float: left;
				width: 100%; }

/*--nur für IE 7 erkennbar--*/
*+ html #menu ul li { float: left;
				width: 100%; }

/*--bewirkt Hover-Effekt für IE 7 auch für ul- und li-Elemente--*/
*html body {behavior: url(csshover3-source.htc);
				font-size: 100%; }

*html #menu ul li a { height: 1%; }

/* BILDER - BILDER - BILDER - BILDER - BILDER - BILDER - BILDER - BILDER - BILDER - BILDER - BILDER */

/* damit der Container die Höhe des großen Bildes annimmt */ 
div.imageShow {	padding: 55px 85px; }

div.imageShow div { float: left;
  				width: 230px;
  				height: 150px;
  				margin-left: 50px; }

div.imageShow img { width: 230px; /* wir skalieren das große bild auf die kleine größe */
  				height: 150px; } /* um verpixelung beim vergößern zu verhindern       */

div.imageShow img:hover { position: absolute;
  				margin-left: -85px; /* die hälfte des größenunterschiedes der bilder */
  				margin-top: -55px;  /* hier genau so */
  				width: 400px;       /* die weite beim vergrößern */
  				height: 260px; }    /* die höhe beim vergrößern */
  				
/* BILDER - BILDER - BILDER - BILDER - BILDER - BILDER - BILDER - BILDER - BILDER - BILDER - BILDER */  	
			
div.imageS img { padding: 5px 5px; }
  				
div.imageS img:hover { -webkit-transform: scale(1.4);
    			-moz-transform: scale(1.4);
    			-ms-transform: scale(1.4);
    			-o-transform: scale(1.4);
    			transform: scale(1.4); }
    		  				
/* BILDER - BILDER - BILDER - BILDER - BILDER - BILDER - BILDER - BILDER - BILDER - BILDER - BILDER */  	
			
div.imageS2left img { float: left;
				padding: 5px 5px; }

div.imageS2right img { float: right;
				padding: 5px 5px; }

div.imageS2none img { float: none;
				padding: 5px 5px; }
							
    		  				
/* BILDER - BILDER - BILDER - BILDER - BILDER - BILDER - BILDER - BILDER - BILDER - BILDER - BILDER */ 
 	
div.imgShow-l { float: left;
				padding: 5px 5px; font-size:2px;}
div.imgShow-r { float: right;
				padding: 5px 5px; }
div.imgShow-c { float: none;
				padding: 5px 5px; }
				
div.imgShow-l table { border-collapse: collapse;
				border-spacing: 0;
				border: none; }
div.imgShow-r table { border-collapse: collapse;
				border-spacing: 0;
				border: none; }
div.imgShow-c table { border-collapse: collapse;
				border-spacing: 0;
				border: none; }

div.imgShow-l table td { background: #FFDD00; }
div.imgShow-r table td { background: #FFDD00; }
div.imgShow-c table td { background: #FFDD00; }

div.imgShow-l table:hover td { background: #CE161C; }
div.imgShow-r table:hover td { background: #CE161C; }
div.imgShow-c table:hover td { background: #CE161C; }

div.imgShow-l table td.bvert { padding: 2px 2px 2px 15px;
				background: #FFDD00;
				background-image: url('navi/img_vert.png');
				background-repeat: repeat-y;
				vertical-align: top;
    			color: #111000; }
div.imgShow-r table td.bvert { padding: 2px 2px 2px 15px;
				background: #FFDD00;
				background-image: url('navi/img_vert.png');
				background-repeat: repeat-y;
				vertical-align: top;
    			color: #000000; }
div.imgShow-c table td.bvert { padding: 2px 2px 2px 15px;
				background: #FFDD00;
				background-image: url('navi/img_vert.png');
				background-repeat: repeat-y;
				vertical-align: top;
    			color: #000000; }

div.imgShow-l table:hover td.bvert { color: #EEEEEE;
				background: #CE161C;
				background-image: url('navi/img_vert.png');
				background-repeat: repeat-y; }
div.imgShow-r table:hover td.bvert { color: #EEEEEE;
				background: #CE161C;
				background-image: url('navi/img_vert.png');
				background-repeat: repeat-y; }
div.imgShow-c table:hover td.bvert { color: #EEEEEE;
				background: #CE161C;
				background-image: url('navi/img_vert.png');
				background-repeat: repeat-y; }

div.imgShow-l table td.bhoriz { background: #FFDD00;
				background-image: url('navi/img_horiz.png');
				background-repeat: repeat-x; }
div.imgShow-r table td.bhoriz { background: #FFDD00;
				background-image: url('navi/img_horiz.png');
				background-repeat: repeat-x; }
div.imgShow-c table td.bhoriz { background: #FFDD00;
				background-image: url('navi/img_horiz.png');
				background-repeat: repeat-x; }

div.imgShow-l table:hover td.bhoriz { background: #CE161C;
				background-image: url('navi/img_horiz.png');
				background-repeat: repeat-x; }
div.imgShow-r table:hover td.bhoriz { background: #CE161C;
				background-image: url('navi/img_horiz.png');
				background-repeat: repeat-x; }
div.imgShow-c table:hover td.bhoriz { background: #CE161C; 
				background-image: url('navi/img_horiz.png');
				background-repeat: repeat-x; }

div.imgShow-l img:hover { cursor: zoom-in; }
div.imgShow-r img:hover { cursor: zoom-in; }
div.imgShow-c img:hover { cursor: zoom-in; }
				
div.imgShow-l img:active { position: relative;
				margin-left: 20%;
				margin-top: 0px;
				-webkit-transform: scale(1.4);
    			-moz-transform: scale(1.4);
    			-ms-transform: scale(1.4);
    			-o-transform: scale(1.4);
    			transform: scale(1.4); }
div.imgShow-r img:active { position: relative;
				margin-left: -20%;
				margin-top: 0px;
				-webkit-transform: scale(1.4);
    			-moz-transform: scale(1.4);
    			-ms-transform: scale(1.4);
    			-o-transform: scale(1.4);
    			transform: scale(1.4); }
div.imgShow-c img:active { position: relative;
				margin-left: 0px;
				margin-top: 0px;
				-webkit-transform: scale(1.4);
    			-moz-transform: scale(1.4);
    			-ms-transform: scale(1.4);
    			-o-transform: scale(1.4);
    			transform: scale(1.4); }

/* TABREITER - TABREITER - TABREITER - TABREITER - TABREITER - TABREITER - TABREITER - TABREITER */
   
.tabs {
	margin: 30px 0px 20px 0px;
	width: 970px;
}
.tabscontent {
	background: #FFFFFF;
	color: #000000;
}    
.tabscontent > div {
	display: none;
	padding: 0px 10px 25px 10px;
	border: 1px solid #CCCCCC;
}      
input {
	display: none;
}    
label {
	display: inline-block;
	padding: 5px 10px 5px 10px;
	background: #FFDD00;
	color: #000000;
	font-size: 13px;
	font-weight: bold;
    border: 1px solid #CCCCCC;
	text-align: center;
}    
label:hover {
	color: #FFFFFF;
	background: #BA0000;
	cursor: pointer;
}    
input:checked + label {
	background: #CCCCCC;
	color: #FFFFFF;
}      
#tab2030:checked ~ .tabscontent #content2030,
#tab2029:checked ~ .tabscontent #content2029,
#tab2028:checked ~ .tabscontent #content2028,
#tab2027:checked ~ .tabscontent #content2027,
#tab2026:checked ~ .tabscontent #content2026,
#tab2025:checked ~ .tabscontent #content2025,
#tab2024:checked ~ .tabscontent #content2024,
#tab2023:checked ~ .tabscontent #content2023,
#tab2022:checked ~ .tabscontent #content2022,
#tab2021:checked ~ .tabscontent #content2021,
#tab2020:checked ~ .tabscontent #content2020, 
#tab2019:checked ~ .tabscontent #content2019, 
#tab2018:checked ~ .tabscontent #content2018,    
#tab2017:checked ~ .tabscontent #content2017,    
#tab2016:checked ~ .tabscontent #content2016,    
#tab2015:checked ~ .tabscontent #content2015,    
#tab2014:checked ~ .tabscontent #content2014,    
#tab2013:checked ~ .tabscontent #content2013 {
	display: block;    
}