#cms,
#cms span, #cms div, #cms p, #cms a, #cms li,
#cms h1, #cms h2, #cms h3, #cms h4, #cms h5, #cms h6,
#cms th, #cms td {
                font-family: Arial, Helvetica, sans-serif;
                color: rgb(0,0,0);
                font-size: 13px;
                text-decoration: none;
}

#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: 0;
        background-color: rgb(255,255,255);
        overflow: hidden;
}

/* 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;
        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;
        margin-top: 5px;
}

/* 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: 0;
        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: 		17px;
}
#cms div.content ul ul {
	list-style-type: 	circle;
	padding-left: 		15px;
}

#cms .buttons {
        text-align: right;
        margin: 5px 0 15px 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;
}

#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 {
        height:        200px;
}

/*--------------*/
/* 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;
}