@charset "utf-8";
/* CSS Document */
#tinymce{
color: #666;
text-align: left;
font-family: "Times New Roman", Times, serif;
background-color: #fff;
}

/* Erste Linie zum Trennen der Angebote - per DIV - dieser steht noch im HTML-Text */
.snippetSpacer{
height: 5px;
background-color:#A0522D;
width: 540px;
margin: auto 0;
}
/* ----------------------------------------------------------------------------------- */
/* ----------------------------- snippet allgemein - dynamisch ----------------------- */
/* ----------------------------------------------------------------------------------- */
/* Klasse des DIV-Containers  um das gesamte Angebot 
<div class="snippet">... hier das Angebot ...</div>
*/
.snippet{
	text-align: left;
	width: 540px;
	max-width: 540px;
	border-bottom: 5px solid #A0522D;
	margin: 5px auto;
	font-family: "Times New Roman", Times, serif;
	color: #666666;
	background-color: #fff;
}
.snippet h2{
	color:#666666;
	font-size:18px;
	font-weight:bold;
}
.snippet h3 {
	font-size: 16px;
	color: #666666;
	font-weight: bold;
}
.snippet  h4 {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}
.snippet img{
	border:0 none;
	float: none;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0;
}
.head_angebot {
	color: #A0522D;
	font-size: 16px;
	font-weight: bold;
	padding-top: 20px;
}
.preis {
	color: #A0522D;
	font-size: 14px;
	font-weight: normal;
	padding-top: 20px;
}
/* ----------------------------------------------------------------------------------- */
/* --------- Klassen, die im RTE per [Format] angegeben  werden können --------------- */
/* 
diese in /admin/headerTinyMCE.php ergänzen
title -> angezeigter Titel
inline-> welches Inlineformat-Tag soll genommen werden? span ist gut!
classes-> die Klassennamen aus diesem CSS
<code>
tinyMCE.init({
    ...
    style_formats : [
        {title : 'Bold text', inline : 'b'},
        {title : 'Red text', inline : 'span', styles : {color : '#ff0000'}},
        {title : 'Red header', block : 'h1', styles : {color : '#ff0000'}},
        {title : 'Example 1', inline : 'span', classes : 'example1'},
        {title : 'Example 2', inline : 'span', classes : 'example2'},
        {title : 'Table styles'},
        {title : 'Table row 1', selector : 'tr', classes : 'tablerow1'}
    ]
});
</code>

für unsere Klasse .preis z.B.:
<code>
style_formats : [
        {title : 'Preis', inline : 'span', classes : 'preis'},
],
</code>

s. auch http://wiki.moxiecode.com/index.php/TinyMCE:Configuration/style_formats
*/
/* ----------------------------------------------------------------------------------- */


/* ----------------------------------------------------------------------------------- */
/* Klassen, für EINZELNE Angebote->Abweichungen zu den oberen allgemeinen Definitionen */
/* ----------------------------------------------------------------------------------- */
/* individuelle Extra-Formatierungen, _zusätzlich_ zu der Klasse; 
per ID, definiert im Container, der um das gesamte Angebot gewrapped ist 
<div class="snippet" id="snippet1">... hier das Angebot ...</div>

Jedes Angebot hat diese individuelle ID, bestehend aus dem Wort "snippet" 
mit angehängter ID des Angebotes aus der DB.idsnippet
*/

/* ----------------------------------------------------------------------------------- */
/* idsnippet = 1 */
#snippet1{}
#snippet1 h1{}
#snippet1 img{}
/* Formatierungen für den RTE */
#snippet1 .preis{
    color: #A0522D;
	font-size: 14px;
	font-weight: normal;
	padding-top: 20px;}

/* usw. ... */
/* ----------------------------------------------------------------------------------- */
/* idsnippet = 4 Gastronomie */
#snippet4{
	background-color: transparent;
	border-bottom: 5px solid #A0522D;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#snippet4 h1{}
#snippet4 img{}
/* Formatierungen für den RTE */
#snippet4 .preis{
    color: #A0522D;
	font-size: 14px;
	font-weight: normal;
	padding-top: 20px;}
/* ----------------------------------------------------------------------------------- */
/* idsnippet = 5 Homepage */
#snippet5{
	background-color:#CCCCCC;
	text-align:center;
	width: 115px;
	color:#A0522D;
	overflow: hidden;
	border-bottom: 0 none;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: auto;
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
}
#snippet5 h1{}
#snippet5 img{}
/* Formatierungen für den RTE */
#snippet5 .preis{}