/*body { background-color: rgb(255,255,255); }*/

:root {
    --hauptfarbe:#000000;
    --nebenfarbe:#3465CE;
    --warnfarbe:#FF0404; 
    --hellfarbe:#C6EAFF;
    --zeilfarbe: red;
    --white: white;   
    --hauptschrift: Helvetica,Arial,sans-serif;
}
/*#foo {
    color: var(--hauptfarbe);
}*/


/*py240503*/
/*#cms #block3 div.img{*/
#cms #crm_software_index #block4{
	/*float:left;*/
	/*vertical-align:text-bottom;*/
	clear:right;
}
/*py240503*/
#cms #crm_software_index #block6 div.content, 
#cms #zeiterfassung_software_zeiterfassung #block4 div.content,
#cms #idatabus_index #block3 div.content,
#cms #auftragsprogrammierung_index #block4 div.content
{
	background: var(--zeilfarbe);
	color: var(--hellfarbe);
	padding: 15px;
	font-size: 16px;
	line-height: 20px;
}

/*py250503 #cms,#cms div, #cms p, #cms a, #cms li,#cms th, #cms td */
/* jh240923 allg Textgröße: */
#cms div, #cms p,  #cms th, #cms td {
        font-family: Helvetica,Arial,sans-serif;
        /*py240503 color: rgb(79, 73, 69);*/
        color: var(--hauptfarbe);
        font-size: 13px;
        text-decoration: none;
}

#cms {
	color: var(--hauptfarbe);
}

#cms h1, #cms h2, #cms h3, #cms h4, #cms h5, #cms h6,
{ font-size: 16px;}


#cms span
{ font-size: 11px;
margin-top: 5px;
color: var(--nebenfarbe); }

/* feste Breite des CMS-Bereiches */
#cms { width: 100%; }

/*
 * Rahmenfarbe f�r Eintr�ge in der Liste
 * sowie Eingabefelder im Editiermodus
 */
#cms div.block,
#cms #suche input.eingabe,
#cms table input.eingabe,
#cms table textarea,
#cms table input.pic,
#cms table input.file,
#cms table select,
#cms #kontaktformular textarea,
#cms #kontaktformular fieldset input { border: 1px solid rgb(137,0,30); }

/*
 * Eintr�ge + Inhalt ganz links ausrichten
 */
#cms div.block, #cms div.block div.content, #cms div.block h1 { border: 0; margin-left: 0; padding-left: 0; }

/* Zwischen�berschrift  */
#cms h2 { color: #808080; font-size: 12pt; }

/*
 * Hintergrund f�r den Namen eines Eintrags
 * sowie Tabellenfelder im Editiermodus
 */
#cms table th { background: #000000; }
body.iframe #cms table th { background: #000000; }

/* Farben f�r "normale" Buttons */
#cms .button1, #cms .button2,

/* jh240926 alt
#cms #MyKontaktformularPlugin #buttons input.edit {
        margin-top: 0; margin-right: 0; background: #000000; color: rgb(255,255,255);
        border: 2px solid #000000; border-left-width: 8px; border-right-width: 8px; border-top-width: 1px;
        -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px;
        -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px;
        border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;
        
}
NEU: */

#cms #MyKontaktformularPlugin #buttons input.edit {
        margin-right: 9px; padding: 4px 10px; background: #000000; color: rgb(255,255,255); border: 0px;
        
}
#cms .button1:hover, #cms .button2:hover,
#cms #MyKontaktformularPlugin #buttons input.edit:hover {
        background: lightcoral; border-color: lightcoral;
}
body.iframe #cms .button1, body.iframe #cms .button2 { background: rgb(255,255,255); color: darkred; }

/*
 * Farben f�r Buttons, die ver�ndernde Aktionen ausl�sen
 * (Anlegen, Speichern, L�schen, Sortieren etc.)
 */
#cms .edit { background: #000000); color: white;  }
#cms .edit:hover { background: gray); }
body.iframe #cms .edit { background: #000000; color: rgb(255,255,255); }

/** IFrame im Editmodus */
body.iframe { border: 1px dotted darkred; padding: 5px 10px; }

#cms div.buttons { margin: 20px; }

/* Breite des Texteingabebereiches im Editormodus */
#cms table td.edit_table_data { width: 450px; }

/** allgemeines Blocklayout */
/*#cms div.block { padding-bottom: 15px; margin: 40px 0 0 0 0; background: transparent; border-bottom: 1px solid #87212E; }*/
/*py221216 #cms div.block { padding-bottom: 15px; margin:  40px0 0 0 0; background: transparent;  }*/
/*py240503 #cms div.block { padding-bottom: 15px; margin: 1px 35px 0px 35px; background: transparent; }*/
#cms div.block { padding-bottom: 1px; margin: 1px 35px 0px 35px; background: transparent; }

/*py221216 #cms div.block1 { margin: 0; }*/
/* Margin nach rechts soviel wie Bildrand links+rechts (1+1) */
/*py240503 #cms div.block div.img { margin: 0 2px 0 10px; padding: 0; }*/
#cms div.block div.img { 
	margin: 2px 2px 20px 10px; 
	padding: 0; 
}

#cms div.block div.img img, #cms div.block div.gallery img {
        border: 1px solid #87212E;
        /*-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; */
        /*py210217*/
        max-width:100%;
        height:auto;		
}

/*py240503*/
#cms #erp_software_kassensystem div.block{
	/*dadurch alle Bilder untereinander*/
	overflow:hidden;
}
#cms #erp_software_kassensystem div.block div.img img{
	/*display:block;*/
	/*white-space:pre;*/
	float:right;
	max-width:100%;
	max-height:100%;
	width:100%;
	height:100%;
	
}
#cms #erp_software_kassensystem div.block div.img {
	margin: 0px 2px 0px 10px;
	width:30%;
	max-width:100%;
	max-height:100%;
	height:100%;
	
}

/*py240126 #cms div.block h1, #cms div.block h1 span { background: transparent; color: #4356A5; text-transform: none; }*/
#cms div.block {padding: 0px 0px 20px 0px;}
#cms div.block h1, #cms div.block h1 span { background: transparent; color: var(--warnfarbe); text-transform: none; }
#cms div.block h1 { margin: 0px 0px 20px 0px; padding: 0px 0px 0px; font-size: 22px; }
#cms div.block h1 span { font-size: 16px; font-weight: bold; margin-top: 8px; }
#cms div.block div.content { margin: 2px 0 5px 0; padding: 0; }
#cms div.block div.content a { font-size: 12px; background-color: #ffffff; color: #000000; padding: 0px; line-height: 28px;}
#cms div.block div.gallery { margin-left: 30px; padding-top: 20px; }

/*py240503
jh 240923 kontakt anfahrt bilder:*/
#cms #block1 div.img img {
	width: 500px;
	height:auto;
	margin: 0px;
}


/*#cms div.page_list_display h1 {*/
/*py201217*/
#cms #urnen h1{
	font-size: 16px;
	text-align: left;
	color:red;
}
 #cms .bilderblockbilddiv p{
 	text-align:center;
 }

/* Standorte �bersicht */
#cms #standorte.standorte_display_groups { width: 100%; text-align: center; }
#cms #standorte div.gruppe_bild {
        width: 150px; height: 220px; margin: 0 20px; border-bottom: 0; padding-bottom: 0;
        float: none; display: inline-block; background-color: rgb(130, 0, 37);
        border: 1px solid rgb(130, 0, 37);
}
#cms #standorte div.gruppe_bild h1 {
        width: 150px; height: 70px; font-weight: normal; font-size: 13px; line-height: 16px;
        color: rgb(230,230,230); margin: 0 10px;
        display: table-cell; vertical-align: middle; text-align: center;
}
#cms #standorte div.gruppe_bild div.img { margin: 0; }

/* Trauerfloristik Ãœbersicht */
#cms #trauerfloristik.trauerfloristik_display_groups { width: 100%; text-align: center; }
#cms #trauerfloristik div.gruppe_bild {
        width: 150px; height: 220px; margin: 0 20px; border-bottom: 0; padding-bottom: 0;
        float: none; display: inline-block; background-color: rgb(130, 0, 37);
        border: 1px solid rgb(130, 0, 37);
}
#cms #trauerfloristik div.gruppe_bild h1 {
        width: 150px; height: 70px; font-weight: normal; font-size: 13px; line-height: 16px;
        color: rgb(230,230,230); margin: 0 10px;
        display: table-cell; vertical-align: middle; text-align: center;
}
#cms #trauerfloristik div.gruppe_bild div.img { margin: 0; }


/* Kontaktformular */
#cms #MyKontaktformularPlugin { border: 0; }
#cms #MyKontaktformularPlugin fieldset { border: 0; padding: 3px; margin: 5px 0 0 0; clear: right; }
#cms #MyKontaktformularPlugin textarea, 
#cms #MyKontaktformularPlugin fieldset input {
 border: 1px solid var(--hauptfarbe); -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; 
 padding: 2px 5px;
 }
 #cms #MyKontaktformularPlugin block {color:red; }
 
#cms #MyKontaktformularPlugin textarea { display: block; width: 99%; height: 100px; }
/*py210210 #cms #MyKontaktformularPlugin fieldset input { float: right; margin-right: 350px; width: 300px; }*/
#cms #MyKontaktformularPlugin fieldset input { float: right; margin-right:10px; width: 60%; }
#cms #MyKontaktformularPlugin #fuss { margin-top: 10px; font-size: 11px; }
#cms #MyKontaktformularPlugin #buttons {text-align: right; margin-top: 10px; /*border-top: 1px solid #87212E;*/ }
/* Formular im Editiermodus nicht anzeigen */
#cms table.MyKontaktformularPlugin #MyKontaktformularPlugin { display: none; }


/* Impressum */
#cms table.MyImpressumPlugin  { width: auto; }
#cms table.MyImpressumPlugin th, #cms table.MyImpressumPlugin td  { background: transparent; text-align: left; color: rgb(0,0,0); }
#cms table.MyImpressumPlugin th  { padding-left: 0; }
#cms table.MyImpressumPlugin td  { padding-left: 20px; width: 100%; }
#cms table.MyImpressumPlugin td a { font-weight: normal; }
#cms table.MyImpressumPlugin .copyright, #cms table.MyImpressumPlugin .copyright a  { font-size: 11px; color: rgb(0,0,0); }
#cms table.MyImpressumPlugin .haftung { padding-left: 0; }

/* Startseite / News */
#cms #index.page_list { overflow: hidden; }
#cms div#news, #cms div#news div.block { width: 200px; }
#cms #news { float: right; margin-left: 50px; border: 2; }
#cms #news div.block {
        border-left: 2px solid rgb(134, 165, 61); padding: 0;
        -webkit-border-bottom-left-radius: 0px; -moz-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px;
        /*-webkit-border-bottom-right-radius: 8px; -moz-border-bottom-right-radius: 8px; border-bottom-right-radius: 8px;*/
}
#cms #news div.block h1 {
        background-color: #ffffff; color: rgb(134, 165, 61);
        padding: 4px 10px; font-size: 14px;
}
#cms #news div.block h1 span {
        color: rgb(0,0,0); font-weight: bold;
        font-size: 13px; margin-top: 1px;
}
#cms #news div.block div.content { margin: 0; padding: 4px 10px; }
#cms #news div.block div.content table.data { display: none; }
#cms #news div.block div.img, #cms #news div.block div.img img { margin: 6px 0px 0px; border:0;}
#cms #news div.buttons { margin-top: 5px; }


/* per JS injizierter Zwischentitel */
#cms #news div.title { font-size: 11px; font-weight: none; font-style: none; margin: 15px 0 0px 0px; background-color: #87212E; color:white; padding: 3px 0px; text-align: center;}
#cms #news div.titled { margin-top: 0px; }

/* 1. News ist die �berschrift */
#cms #news div.block1 { border: 0; margin: 0; padding: 0; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
#cms #news div.block1 h1 { background-color: transparent; color: rgb(0,0,0); font-size: 16px; padding: 0; }
#cms #news div.block1 div.content { display: none; }

/* alternative Farben */
#cms #news div.cafekanne { border-color: #604737;  }
#cms #news div.cafekanne h1 { color: #604737;  }

#cms #news div.kochagentur { border-color: #87212E; }
#cms #news div.kochagentur h1 { color: #87212E; }



/* layoutanpassungen jh */

.navbar-nav li a {
  padding-top: 18px;
  padding-bottom: 2px;
  margin-top: 0px;
  }
  
#logo {
	height: 130px;
	opacity: 1;
}  

#header
{
	opacity: 0.8;
}

#knopf {
  background-color: var(--hauptfarbe);
  padding: 0px;
margin: 0px;  
  }
  
  
#breadcrumb {
	margin-left: 34px;
	}
	
#breadcrumb a {
  font-weight: normal;
  line-height: 3; 
  background-color: var(--hellfarbe);}
 
  
#containersubmenu
 {background-color: green;} 

 #menu {
	padding-left: 34px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-top: 0px;
	/* padding: 0 10 0 34;  geht nicht, da kommt ein Abstand oben*/
	background-color: var(--hauptfarbe);
	height: auto; /* flexible h�he festlegen f�r alle zeilen - 100% nimmt nur 1. Zeile */
	
}  

#menublock {
	background-color: var(--hauptfarbe); /* ge�ndert, damit men�farbe nicht mitw�chst */
	margin-bottom: 10px;
}

#menublock li {
	background-color: var(--nebenfarbe);
	}


#menu li
{
	padding: 0px 0px 0px 0px;  
	margin: 2px;
	background-color: var(--nebenfarbe);
	
	
}

/* #menu li a.active {
	color: green;
	background-color: var(--hauptfarbe);
	font-weight: bold;
} */

#menu li {
	color: var(--hauptfarbe);
	background-color: var(--hauptfarbe);

}

#menu li a:hover {
	color: var(--warnfarbe);
	background-color: var(--hauptfarbe);
	font-weight: bold;
}

#menu a {
	color: var(--hellfarbe);
	background-color: var(--hauptfarbe);
	margin: 0px 0px;
}

 
#menu a:hover, a:link, /* a:visited */ 
/* haupt - und Untermenue */ 
{
	color: var(--hauptfarbe);
	background-color: var(--nebenfarbe);
	font-weight: bold;
}


/* software-Boxen: */

#cms div.box h1
{
	padding: 15px 20px 18px;
}

#cms div.box
{
	height: 350px;
	margin: 0px 0px 30px 32px;
}

#cms div.box .content, #cms div.box a.content
{
	padding: 10px 20px 20px;
	color: var(--hauptfarbe);
line-height: 18px;
}

#cms div .bilderblockbilddiv
{
	margin: 0px 5px 25px 5px;
	}
	
#cms div a 
{
	color: black;
	font-size: 11px;
	background-color: var(--hellfarbe);
	}	
	
	#cms div p
{
	color: black;
	font-size: 11px;
	backgroundr: white;	
	}	
	
#Inhalt ul, ul li
{
line-height: 116%;	
}

#cms div.block div.img img
{
	margin: 2px 2px 25px 2px;
	border: 0px solid black;
}

/* layoutanpassungen jh */

div.navbar {
	background: white ;
}



#navbar-ex-collapse ul
{
	background: var(--hellfarbe) ;
	padding: 0px;
	margin: 0px;
}

#navbar-ex-collapse ul a 
{
	color: var(--nebenfarbe) ;
}

/*div.logo */
.logo
{
	background: var(--white);
	margin: 0px;
	padding: 8px;
	
}

#obermenu {
		background: var(--white);
		padding: 0px;
		margin: 0px;
		border-top: 3px solid var(--hellfarbe);
		border-bottom: 0px solid var(--hellfarbe);
		height: ;
}



.buttonhgr 
{
	background:var(--nebenfarbe);
}



#button a 
  {
	background: var(--hellfarbe);
	color: var(--nebenfarbe);
		/* border-top: 3px solid var(--nebenfarbe);
		border-bottom: 3px solid var(--warnfarbe);*/ 
		border: 0px;  
	
}

#button a.active
  {
	background: var(--white);
	color: var(--nebenfarbe);
	font-weight: bold;
	border-top: 3px solid var(--nebenfarbe);
	border-bottom: 3px solid var(--nebenfarbe);
	
	
}

#button a.active:hover
  {
	background: var(--white);
	color: var(--nebenfarbe);
	font-weight: none;
	border-top: 3px solid var(--nebenfarbe);
	border-bottom: 3px solid var(--nebenfarbe);
}

#button a:hover {
	color: var(--warnfarbe);
	background: var(--hellfarbe);
	border-top: 3px solid var(--warnfarbe);
	border-bottom: 3px solid var(--warnfarbe);
	
}


#aktuelles {
	border:1px;
	background: var(--white);
	margin: 0px;
	padding: 0px 0px 0px;
	width: 100%;
}

#aktuelles h1 {	color: var(--nebenfarbe);	}
#aktuelles block1 { padding: 0px; margin: 0px;}
#aktuelles div.img { width: 200px;	}	

div.footer {
	background: var(--nebenfarbe);
	color: var(--hellfarbe);
}

div.footer a {
	color: var(--hellfarbe);
}
	
div.button ul li a {
	color: var(--nebenfarbe);	
}

div.button b {
	color: var(--nebenfarbe);	
}


#produkte table td a {
	color: var(--hauptfarbe);
}


#kontakt b {
	font-size: 14px;
	line-height: 40px;
}

/*jh240923 bei Bildern für Anfahrt */ 
#kontakt div.img {
	background: ;
	widht: 100%;
}


/*Impressum*/

#impressum table th {
	
}
	

	
h1.anfrage
{ color: var(--warnfarbe); }