/*py240126*/
:root {
    --hauptfarbe:#242323;
    --nebenfarbe:#b3b1b1;
    --warnfarbe:#DC2B19; /*MAXSYS-Rot RGB 220,43,25*/
    --hellfarbe:white;
    --zeilfarbe: #7b7a7a;  /*#7b7a7a*/ /*#ece9e9;*/ /*rgb(79, 73, 69)*/
    --hauptschrift: Helvetica,Arial,sans-serif;
}
#foo {
    color: var(--hauptfarbe);
}


/*py240126*/
#untermenu {
height: auto;
/*width: auto;*/
width: 100%;
float: left;
/*border-top: 4px dashed #000000;*/
border-top: 1px dashed white;
margin-top:6px;
padding-top:6px;
}

/*py240126*/
#langmenu{
	background: #808080;
	/*padding:  1px 1px 1px 1px;*/
	/*margin: 1px 1px 1px 1px;*/
}
#langmenu > li{
	padding-right:  0px;
	border-right: 1px solid #000000;
}
#langmenu a.active{
	color: var(--warnfarbe);
}


/*py240126
odd = ungerade = 2n+1 (beginnten mit dem 2)
even = gerade = 2n
*/
/*#cms div.block>div.content:nth-child(odd){*/
/*macht das gleiche:#cms div.block>div.content:nth-of-type(even){*/
/*py240503 #cms div.block>div.content:nth-child(3n+1){*/
/*#cms div.block:nth-child(3n+1){
	background: var(--zeilfarbe);
	color: var(--hellfarbe);
	padding: 6px;
}*/
 /*py240126*/
/*#cms div.containersubmenu>ul>li:nth-child(odd){*/
/*#menu li:nth-child(odd){
	background: var(--nebenfarbe);
	color: var(--hauptfarbe);
}
#menu a:link li:nth-child(even){
	background: var(--hauptfarbe);
	color: var(--hellfarbe);
}*/


/*py240126*/
#cms div.box {
	float: left;
	/*width: 50%;*/
	max-width: 500px;
	min-width: 100px;
	color: var(--hellfarbe);
	background: var(--nebenfarbe);
	font-family: var(--hauptschrift);
	margin: 5px;
	margin-left: 35px;
	height: 300px;
	overflow-x:auto;
	/*py240503*/
	margin-bottom:25px;
}
/*py240126*/
#cms div.box h1, #cms div.box h1 span, #cms div.box .img, #cms div.box h1 a{
	color: var(--hellfarbe);
	background: var(--hauptfarbe);
	clear:right; /*hebt float:right in box>.img>a>img wieder auf*/
	font-size:22px;
	display:block;
}
/*py240126*/
#cms div.box h1 span{
	font-size:11px;
}
/*py240126*/
#cms div.box>.img>a>img {
	float:right;
	/*align: right;*/
	/*margin-left:auto;
	margin-right:0;*/
	/*width:100%;*/
}
/*py240126*/
#cms div.box .content, #cms div.box a.content{
	padding:10px;
	color: var(--hellfarbe);
	font-weight: lighter;
}



/*#cms,#cms span, #cms div, #cms p, #cms a, #cms li,#cms th, #cms td {*/
#cms,#cms span, #cms div, #cms p, #cms a,#cms th, #cms td {
                font-family: Arial, Helvetica, sans-serif;
                /*py240524 color: rgb(0,0,0);*/
                color: var(--hauptfarbe);
                font-size: 13px;
                text-decoration: none;
}

#cms h1, #cms h2, #cms h3, #cms h4, #cms h5, #cms h6
{font-size: 22px;
/*py240126 color: #4356A5;*/
color: var(--nebenfarbe);
/*py221216 padding: 20px 0px 20px;*/
padding: 20px 0px 20px 25px;
margin-top: 0px;}



#cms                                { width: 750px; }
body.iframe, body.iframe #cms        { width: auto; margin: 0; padding: 0; }
#cms .blind                        { border: 0; padding: 0; margin: 0; }

#cms h1.message {
        color: rgb(0,0,0);
}

#cms h2 {
        color: rgb(0,0,0);
}

#cms div.block {
        border: 1px solid rgb(0,0,0);
        padding: 20px 0px 0px 0px;
        background-color: rgb(255,255,255);
        /*py240419 overflow: hidden; */
}
/*py240503 alle Blocks nach Boxen wieder links auf neueer Zeile*/
/*#cms div.box+div.block {*/
#cms div.box~div.block {
	clear: both; float: left; display: block; position: relative;
}

/* Titel */
#cms div.block h1 {
        font-size: 12pt;
        text-align: left;
        text-transform: uppercase;
        font-weight: bold;
        color: rgb(255,255,255);
        background-color: rgb(0, 0, 0);
        border-bottom: 1px solid rgb(0, 0, 0);
        margin: 0px 0px 0px;
        padding: 3px 8px 4px;
        border: 0;
}

/* Titel 2 */
#cms div.block h1 span {
        font-size: 10pt;
        color: rgb(255,255,255);
        font-weight: normal;
        text-transform: none;
        display: block;
        line-height: 13px;
}

/* Bildleiste */
#cms div.block div.img {
        float: right;
        /*py201217 float: left; */
        margin: 0px 5px 7px 20px;
        font-size: 12px;
        text-align: center;
}
#cms div.block div.img img, #cms div.block div.img object {
        border: 0;
        display: block;
        /*py240503 margin-top: 5px;*/
        margin-top: 35px;
}

/* Bildergalerie */
#cms div.block div.gallery { clear: both; }
#cms div.block div.gallery img { border: 0; margin: 10px 20px 0 0; padding: 0; float: left; }

/* Inhalt */
#cms div.block div.content {
        padding: 5px 8px 10px 8px;
        margin-top: 20px;
        line-height: 17px;
}

#cms div.block div.content iframe {
      border:        0;
      margin:        0;
      padding:         0;
      width:         100%;

}

/* Listen in Inhalten */
#cms div.content ul {
        list-style-type:         disc;
        margin:                                0;
        padding-left:                 15px;
        line-height:                 0px;
}
#cms div.content ul ul {
        list-style-type:         circle;
        padding-left:                 15px;
}

#cms .buttons {
        text-align: right;
        margin: 3px 0 3px 0;
        border: 0;
        background: transparent;
}

#cms .button1, #cms .button2 {
        font-family: Arial, sans-serif;
        font-size: 12px;
        font-weight: bold;
        background: rgb(255, 255, 255);
        color: rgb(0, 0, 0);
        -moz-border-radius: 5px;
        margin: 1px 1px;
        padding: 0px 3px;
}

#cms .edit {
        background: rgb(0, 0, 0);
        color: rgb(255, 255, 255);
}

#cms .button2 {
        width: auto;
}

#cms .button1, #cms .button1:hover, #cms .button2, #cms .button2:hover {
        cursor: pointer;
}

/*---------------*/
/* Editortabelle */
/*---------------*/

#cms table { width: 100%; }
#cms table th.top, #cms table td.top { vertical-align: top; }

#cms table th {
        vertical-align: top;
        padding: 2px 4px;
        background: rgb(0, 0, 0);
}

#cms table th, #cms table th a, #cms table th b {
        font-weight: normal;
        font-size: 12px;
        color: rgb(255, 255, 255);
}
#cms table label { font-family: Arial, sans-serif; font-size: 12px; cursor: pointer; }
#cms table th b { font-weight: bold; }
#cms table td { vertical-align: top; }

#cms #suche input.eingabe,
#cms table input.eingabe,
#cms table textarea,
#cms table input.pic,
#cms table select {
        font-family: Arial, sans-serif;
        font-size: 12px;
        background: rgb(255, 255, 255);
        border: 1px solid rgb(0, 0, 0);
        padding: 1px 3px;
        -moz-border-radius: 5px;
}

#cms table input.file {
        font-size: 12px;
        border: 1px solid rgb(0,0,0);
}

#cms table input.eingabe,
#cms table textarea {
        width: 100%;
}

#cms table input.gruppe,
#cms table textarea.gruppe {
        width: 95%;
}

#cms table textarea {
        height: 40px;
}

#cms table textarea.xxl {
        height: 100px;
}

#cms table textarea.pic {
        width: 95%; height: 15px;
}

#cms table img {
        border: 0;
        /*py240503*/
        margin-top: 5px;
        margin-bottom:5px; 
}

#cms table.blind {
        margin: 0;
        padding: 0;
        border: 0;
        border-collapse: collapse;
}

#cms table td.edit_table_data {
       width: 55%;
}

#cms table.edit_plugin { margin-top: 20px; }
#cms table.edit_plugin td { width: 100%; }
#cms table th.copyright, #cms table td.copyright { padding: 0; }

/*--------------------------------------------------------------*/
/* Blocklayouttabelle (da die Editortabelle allgemein definiert */
/* ist, d.h. ohne spezielle Klasse, m�ssen hier einige Werte    */
/* wieder zur�ckgesetzt werden)                                 */
/*--------------------------------------------------------------*/

#cms table tr.block th, #cms table tr.block td { margin: 0; padding: 0; }
#cms tr.block th, #cms tr.block td { background-color: transparent; }

/*----------------*/
/* Anfragetabelle */
/*----------------*/

#cms table.anfrage {
        width: 95%;
        margin: 5px;
        border: 0;
        border-collapse: collapse;
}

#cms table.anfrage td {
        margin: 0;
        padding: 0;
        vertical-align: top;
        width: 50%;
}

#cms table.anfrage td.rechts {
        padding-left: 30px;
}

#cms table.anfrage div,#cms table.anfrage div a {
        font-size: 11px;
}

#cms table.anfrage div {
        margin: 0 0 0 0px;
}

#cms table.anfrage input {
        width: 100%;
}

#cms table.anfrage textarea {
        width: 100%;
        height: 245px;
}

#cms table.anfrage input.postcode {
        width: 15%;
}

#cms table.anfrage input.city {
        width: 77%;
}

/*----------------*/
/* Gruppenauswahl */
/*----------------*/

/*-Produktk�sten -*/
#cms div.gruppe, #cms div.gruppe_bild {
        width: 350px;
        height: 80px;
        float: left;
        margin-bottom: 10px;
        margin-right: 15px;
        cursor: pointer;
}
#cms div.gruppe:hover, , #cms div.gruppe_bild:hover {
        cursor: pointer;
}
#cms div.gruppe_bild div.img {
        margin: 0 10px 0 0;
        padding: 0;
        overflow: hidden;
        float: left;
}
/* �berschreibt den Abstand von Bildern der "normalen" Bildleiste */
#cms div.gruppe_bild div.img img {
        margin: 0;
}
#cms div.gruppe_bild div.img2 img {
        margin-left: 5px;
        margin-top: -20px;
        border: 1px solid rgb(51,51,51);
            border-radius: 5px;
                display: block;
}

/*--------------*/
/* Datentabelle */
/*--------------*/

#cms table.data {
        border:                        0;
        margin:                 0;
        padding:                0;
        width:                        auto;
}
#cms table.data th,
#cms table.data td {
        background:                transparent;
        margin:                        0;
        padding:                0;
}
#cms table.data th {
        font-weight:        normal;
        color:                        rgb(0,0,0);
        text-align:                left;
}
#cms table.data td {
        padding-left:        10px;
        font-weight:        bold;
}

/*-------------*/
/* Breadcrumbs */
/*-------------*/

#cms #breadcrumb {
        margin-bottom: 20px;
}
#cms #breadcrumb,
#cms #breadcrumb a {
        font-size: 12px;
        letter-spacing: 1px;
        font-style: italic;
}

/*----------------*/
/* Gruppenauswahl */
/*----------------*/

#cms #gruppen {
        line-height: 25px;
}
#cms #gruppen a {
        font-size: 15px;
        font-weight: bold;
        color: red;
}

#cms div.cursor_auto { cursor: auto; }

/*----------------------*/
/* InfoBox & InfoWindow */
/*----------------------*/

#cms .infoBox {
        background:        rgb(255,255,255);
        border:                1px solid rgb(171, 171, 171); /* Originalfarbe des InfoWindow */
        padding:        5px 10px;
        width:                200px;
}
#cms .infoContent, #cms .infoContent h1, #cms .infoContent h2,
#cms .infoContent li, #cms .infoContent a {
        font:                        11px Arial,sans-serif;
        color:                        rgb(0,0,0);
}
#cms .infoContent {
        cursor:                        pointer;
        overflow:                hidden;
}
#cms .infoContent img {
        float:                        right;
        margin-left:        5px;
        /* eventuell anderweitig gesetzte Werte l�schen */
        border:                        0;
        padding:                0;
}
#cms .infoContent h1 {
        font-size:                12px;
        font-weight:        bold;
        padding:                0;
        margin:                        0 0 5px 0;
        border:                        0; /* eventuell anderweitig gesetzte Werte l�schen */
}
#cms .infoContent h2 {
        font-size:                12px;
        padding:                0;
        margin:                        0 0 5px 0;
        border:                        0; /* eventuell anderweitig gesetzte Werte l�schen */
        border-bottom:        1px solid rgb(100,100,100);
}
#cms .infoBox .infoContent h2 {
        border-bottom:        0;
        margin:                        0;
}
#cms .infoContent ul {
        padding:                0;
        margin:                        0 0 0 15px;
}

/*
 * Ohne JavaScript-maxWidth-Parameter wird mit diesen Werten
 * durch den InfoWindow-Mechanismus eine absolute Fensterbreite
 * von 254px erreicht. Die H�he funktioniert mit Scrollunter-
 * dr�ckung, bei gr��eren H�hen geht es nicht?!
 */
#cms .infoWindow {
        width:                        220px;
        max-width:                220px;
        height:                        170px;
        max-height:                170px;
        overflow:                hidden;
}