body { font-family: Arial, sans-serif; font-size:14px; margin:0; padding:0 }


#seite { width:1240px; margin-left:auto; margin-right:auto }
/*#header_logo { width:209px; height:77px; float:left; margin-top:4px }*/
#header_rechts { height:85px; background-color:#004995; position:relative; margin-left:0px }
#header_rechts_gfx { position:absolute; bottom:0px; left:0px;  }
#header_rechts_text { position:absolute; bottom:10px; left:24px; font-size:26px; color:white }
#header_mobil { display:none }
#nav_top { position:absolute; top:10px; right:18px; color:white }
#nav_top ul { margin:0; padding:0; }
#nav_top li { margin:0; padding:0; list-style-type:none; display:inline }
#nav_top a { color:white; text-decoration:none }

#suchfeld { position:absolute; bottom:13px; right:18px; background-image:url(img/suchfeld.gif); background-repeat:no-repeat; width:157px; height:23px }
#suchfeld input[type=text] { border:0; font-size:13px; width:118px; margin-top:3px; margin-left:10px; float:left }
#suchfeld input[type=image] { width:25px;height:19px;border:0;margin-top:3px; float:left }
#nav_main { background-color:#509D34; color:white;height:38px; display:table; width:1216px; margin-left:0px; margin-top:1px; padding-left:24px; text-transform: uppercase; }
#nav_main ul { margin:0; padding:0; display:table-row }
#nav_main li { margin:0; padding:0; list-style-type:none; display:table-cell; vertical-align:middle; text-align:left; letter-spacing: 0.02em; }
#nav_main a { color:white; text-decoration:none }
#nav_main a.aktiv { font-weight:bold }

#pfad { margin-left:211px }
#pfad {  color:#519D31; margin-top:10px; margin-bottom:10px; font-size:13px; }
#pfad a { text-decoration:none; color:#949494 }

#content { margin-left:209px }
#contentwidth { float:left; width:100% }

/* Startseite mit Kacheln */
.kachel_container { margin-top:8px }
.kachel { /*width:514px; height:163px; margin-right:3px; margin-bottom:3px;*/ color:white; position:relative; float:left; }
.kachel { width:618px; height:196px; margin-right:4px; margin-bottom:4px }
.kachel:nth-child(even)  { margin-right:0 }

.kachel img { width:100% }

.kachel_bu { text-transform:uppercase; font-size:14px; padding:7px; }
.kachel_overlay1 {
    background: #509D34; 
    mix-blend-mode: multiply;
    position:absolute; top:165px; width:100%; height:30px;
    z-index:1;
    }
@supports not (mix-blend-mode: multiply) {
   .kachel_overlay1 { opacity:0.8 }
}

.kachel_overlay2 { text-align:center; position:absolute; top:165px; width:100%; height:30px; z-index:10; overflow:hidden }
.kachel_bitte { font-size:13px;margin-top:55px;margin-bottom:5px }

.kachel_button { display:inline-block; width:150px; margin:5px }
.kachel_button { border:1px solid white; border-radius:5px; padding:5px; color:white; text-decoration:none; }
/* --- */


.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
@media screen {
#contentwidth {max-width:770px}
}


/* 980 (ipad): 260px schmaler als bei 1240px breite*/

@media all and (min-width: 771px) and (max-width: 1279px) {
	#seite { width:980px; }
	#header_logo { margin-top:0px }
    #nav_main { width:956px; }
    /*#header_rechts { height:77px; }*/
    
    /*.kachel { width:384px; height:122px; }*/
    .kachel { width:488px; height:155px;  }
    .kachel_overlay1 { top:124px; }
    .kachel_overlay2 { top:124px; }
    .kachel_bitte {  margin-top: 15px; }
	#pfad { margin-left:5px }
    #content { margin-left:0px }
    /*#contentwidth {max-width:560px}*/
}
@media all and (min-width: 771px) and (max-width: 979px) {
	#seite { width:771px; }
	#nav_main { margin-left:0;width:747px; }
	#pfad { margin-left:5px }
	#header_logo { display:none }
	#header_rechts  { margin-left:0; width:771px }
	#content { margin-left:0px }
	#contentwidth { width:auto !important; margin-left:5px; margin-right:5px }

    .kachel { width:384px; height:122px; margin-right:3px }
    .kachel_overlay1 { top:92px; }
    .kachel_overlay2 { top:92px; }

}
@media all and (min-width: 0px) and (max-width: 770px) {
  .nichtmobil { display:none }
	#header_mobil { width:100%; display:block; background-color:#004995}
	#header_mobil img { display:block; float:left  }
	#header1 img {width:auto;height:54px }
	#header2 img {width:auto;height:54px }
	#header3 img {width:auto;height:54px; float:right }
	#pfad { margin-left:5px }
	#seite { width:auto; }
	#header_logo { display:none }
	#header_rechts  { display:none }
	#content { margin-left:0px }
	#contentwidth { width:auto !important; margin-left:5px; margin-right:5px; float:none }
	#rechts { float:none!important }
	.navblock_r { width:auto!important }
	
	.kachel_container { width:603px; margin-left:auto; margin-right:auto }
    .kachel { width:300px; height:95px; }
    .kachel_overlay1 { top:65px; }
    .kachel_overlay2 { top:65px; }
    .kachel_bitte {  display:none}
    .kachel_button { margin:1px }
    
    #nav_main { width:calc(100% - 209px - 24px); }
    #nav_main li { display:none;  }
    #nav_main li:first-child { display:table-cell; padding-right:20px }
     table.mobil_float tbody {display:inline-block; float:left }
     table.mobil_float tr {display:inline-block; float:left }
     table.mobil_float td {display:inline-block; float:left }
}
@media all and (min-width: 0px) and (max-width: 602px) {
	.kachel_container { width:auto;margin:0 }
    .kachel { width:100%; height:auto; }
    .kachel_button { margin:1px }
}
@media all and (min-width: 0px) and (max-width: 430px) {
	#header1 img { height:auto;width:14.87039563437926330150068212824% }
	#header2 img { height:auto;width:68.485675306957708049113233287858% }
	#header3 img { height:auto;width:16.643929058663028649386084583902% }
}



/* -------------------------- */
/* --ab hier content--------- */
/* -------------------------- */
/* -------------------------- */
/*#content { line-height: 1.4; }*/

#rechts { float:right; margin-top:15px }
.navblock { width:199px;font-size:13px;border-top:1px solid black;  }
.navblock_r { width:199px;font-size:13px;border-bottom:1px solid black; background-color:#EDDCD6;}
.navblock_r ul { margin:0;padding:0;margin-left:0px; list-style-type:none}
.navblock_r li { padding-bottom:4px }
.navblock_r ul li ul { margin-left:10px; margin-top:5px  }
.navblock_r a:link, .navblock_r a:visited { color:black; text-decoration:none }




span.sonzei { FONT-FAMILY: "Arial Unicode MS",Arial,sans-serif }
/*****  1  ALLGEMEIN   *****/

/*  Datentabellen mit 1px-Raendern, eingeschachtelte Tabellen ohne Rand  */

table.daten {
    border:1px solid #666666;
    border-collapse:collapse;
    margin-left:1px;
    margin-top:5px;
    margin-bottom:5px;
    font-size:95%;
}

table.daten td {
    border:1px solid #666666;
    padding:5px;
}

table.daten th {
    border:1px solid #666666;
    padding:5px;
    text-align:center;
}

table.daten td td {
    border:none;
    padding:5px;
}


/*  Datentabellen ohne Rand mit normaler Schrift */
table.daten2 {
    margin-top:5px;
    margin-bottom:5px;
}

/*
	#content A:link		{ COLOR: #045C9A; text-decoration: none; }	
	#content A:visited	{ COLOR: #045C9A; text-decoration: none; }	
	#content A:active	{ COLOR: #0F48FF; text-decoration: none; }	
	#content A:hover		{ COLOR: #979259; text-decoration: none; }	
	#content a[name]:hover {text-decoration: inherit; color: inherit; background: inherit}
*/

	a.www:link      { color:#F82828; }  /***    ROT                                ***/
    a.www:visited   { color:#F82828; }  /***    ROT wie LINK, damit nach Besuch ROT bleibt  ***/
    a.www:hover     { color:#B20032; }    /***    rot_dunkel                        ***/
    a.www:active    { color:#FF9933; }    /***    orange                            ***/
    
/*  BGN-spezifisch  */
	

	p.ebene1 {margin-left: 0pt; }			/*  z.B. 1	*/
	p.ebene2 {margin-left: 20pt; }			/*  z.B. 1.1	*/
	p.ebene3 {margin-left: 40pt; } 			/*  z.B. 1.1.1	*/
	p.ebene4 {margin-left: 60pt; } 			/*  z.B. 1.1.1.1	*/

li.akt {margin-left: 0pt; margin-bottom: 5pt;
}			


	
	
/*  alte feste Werte  */
/*  	p.head1 { font-size:18pt;     font-weight:bold;	}  */
/*  	p.head2 { font-size:14pt;     font-weight:bold;	}  */
/*  	p.head3 { font-size:12pt;     font-weight:bold;	}  */


	p.head1 { font-size:190%;     font-weight:bold;	}
	p.head2 { font-size:170%;     font-weight:bold;	}
	p.head3 { font-size:140%;     font-weight:bold;	}
	p.head4 { font-size:120%;     font-weight:bold;	}

	/*ul		{ list-style-image:url(grafik/listestrich.gif); }*/				/*	FEHLER
	**********************/

	ul.ohne	{					 list-style-image:url(grafik/listeohnepunkt.gif); }	
	ul.punkt	{				 list-style-image:url(grafik/listepunkt.gif); }	
	ul.punktklein {				 list-style-image:url(grafik/listepunktklein.gif); }	
	ul.square	{				 list-style-image:url(grafik/listesquare.gif); }	

/*  	Überschriften für Fachartikel  */

	h3.fachart { margin-top:-10px; font-size:120%;	}
	p.fachart  { margin-top:-10px;	}






/***   Externe Links  ***/

a.extern { padding-right:15px; background:url(logos/www.gif) no-repeat right;height: 130%; background-size:12px 12px}


/*  Tabelle  */
	#content td    { vertical-align:top}

	
/*  Bilder  */
	#content img   { border-color:#000000; margin-right:0px}
	img.navi   { border-color:#000000; margin-right:0px}

	h5.module { font-size:14px;font-weight:bold;margin-bottom:0px }

	ul.kueche { margin-top:0px;margin-bottom:0px }

/***  Druck ohne Buttons bei Formularen  ***/ 
	#s { background-color:#ffff00; }
	@media print { 
	    #vd { display: none;} 
	    .vd { display:none} 
		h5.module {font-size:20px;} 
	}
	@media screen { #vb { display: none; } }

/***  Akzente Report  ***/
	span.hebung { color:#0462aa; font-weight : bold; }
	div.bluebox { background-color:#dfeff4; padding: 5px;}
	div.redbox { background-color:#EDDCD6; padding: 5px;}

@media print {
  #tab_head { display:none }
  #tab_head2 { display:none }
}

@media print {
  input { overflow:visible  }
  textarea { overflow:visible  }
  #contentpadd {padding:0px;}
}
DFN {
	border-bottom: #333333 1px dotted; cursor: help;
	font-style:normal;text-decoration:none
}
#lizenzbed { padding-left:5px;padding-right:0px;padding-top:3px;font-size:12px;text-align:center;border-top:1px solid black }
#lizenzbed a:link, #lizenzbed  a:visited { color:black }

.bluebox1 a:link, .bluebox1 a:visited  { text-decoration:none; color:black; font-size:13px; }
.bluebox1 { width:195px;border:1px solid #888888;padding-left:0px;padding-top:4px;font-size:12px;
                margin-top:0px;visibility:hidden}
.bluebox1 ul {padding:0 }


.mygrid div { border:1px solid #dddddd;background-color:white }
.mygrid p { margin:0 }
.mygrid td { vertical-align:top; }
.mygrid th { font-weight:normal; text-align:left }

#autor { display:none}
#aenderungsdatum { display:none }

/*blau weisse Tabellen */
table.bw{
	border-bottom: solid 3px #0000FF;
	border-collapse:collapse;
}
table.bw th {
	background-color: #0000FF;
	color: #FFFFFF;
	font-weight: bold;
	border-left: 1px solid;
}
table.bw td {
   border-left: 1px solid;
}
table.bw td:first-child {
   border-left: none;
}
table.bw tr:nth-child(even){
	background-color: #ADD8E6;
}

#mobil_menu { background-color:#054A93; font-size:18px;position:absolute;z-index:100;width:100%; display:none }
#mobil_menu ul { margin:0;padding:0;list-style-type:none }
#mobil_menu li { padding:10px; padding-left:20px  }
#mobil_menu a { color:white; text-decoration: none;  }

/* Startseite Branchen */
.branchentitel_kasten_breit { position:relative; }
.branchentitel_kasten_breit h5 { position:absolute;text-transform:uppercase;font-weight:normal;top:0px;left:0;
	   color:#00FFFFFF;margin:0;padding:5px;padding-left:20px;padding-right:20px }
.branchentitel_kasten_breit h3 { font-size:22px; margin-bottom:0; font-weight:normal; }
.branchentitel_kasten_breit img:first-child { display:block }
.branchentitel_kasten_breit_text { position:absolute; top:25px; left:54.1%; width:42.5% }

.branchentitel_kasten { width:184px; float:left; margin-left:10px }
.branchentitel_kasten h5 { text-transform:uppercase; font-size:12px  }
.branchentitel_kasten h3 { font-size:18px; margin-bottom:0; margin-top:10px }
.branchentitel_kasten p { margin-top:5px }

@media all and (min-width: 0px) and (max-width: 770px) {
    .branchentitel_kasten_breit_text { position:static; width:auto }
    .branchentitel_kasten_breit h5 { left:-5px }
    .branchentitel_kasten_breit img:first-child { margin-left:-5px; margin-right:-5px; width:calc(100% + 10px)}
    .branchentitel_kasten { width:auto; float:none; margin-left:0 }
    .branchentitel_kasten h5 { margin-top:35px; font-size:13px; margin-bottom:10px }
    .branchentitel_kasten img:first-child { width:100%; max-width:300px; height:auto }
}
/* Ende: Startseite Branchen */
.fehlermelder { font-size:16px }
#pfad .fehlermelder a { color:#004995 }