@charset "UTF-8";
/* CSS Document Treffpunkt */

/* --- Grundeinstellungen, Raster und Lage --- */
body		{margin:0px; padding:0px; background-color:#eee; text-align:left;
			 font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#000;}
div.body	{width:1024px; margin:4px auto; padding:10px; background-color:#fff; border-radius:9px; box-shadow:0px 0px 20px #666;}
/* Header */
header,
div.header	{position:relative; margin:0px; padding-bottom:10px; border-bottom:2px solid #764E3F; line-height:8px;}
div.extern	{position:absolute; top:0px; right:0px; text-align:right;}

div.content		{width:1024px; margin-top:24px; line-height:18px;}
div.leftside	{width:336px; float:left; height:488px;}
div.centre		{width:336px; float:left; height:488px; margin-left:8px;}
div.rightside	{width:336px; float:none; height:488px; margin-left:8px; display:inline-block;}

/* --- Allgemeine HTML-Vorgaben für den Content (= editor.css für TinyMCE) --- */
img		{border:none;}
p		{margin-top:0px;}
/* Links allgemein */
a		{color:#C51828; text-decoration:none;}
a:hover {text-decoration:underline; color:#764E3F;}

/* Aufzählungen, Listen */
ul, ol	{padding:2px 0px 8px 18px; margin:0px;}
abbr	{border-bottom:1px dotted #C51828; cursor:help;}

/* Navigation */
nav,
div.navigation	{line-height:18px; margin-top:10px; margin-right:-40px}
.navigation span, nav span, nav a,
.navigation a	{font-size:18px; text-transform:uppercase; margin-right:28px;}

/* Content */
h1, h2, h3, h4 {font-size:16px; line-height:22px; font-weight:normal; text-decoration:none; color:#764E3F; margin:0px;}
.h1,.h2,.h3,.h4 {font-size:16px; line-height:22px; font-weight:normal; text-decoration:none; color:#764E3F; margin:0px;}
 h3	{font-weight:bold}
.h3	{font-weight:bold}

div.leftside > p span,
div.leftside > p a {margin-left:30px; font-size:16px; line-height:24px; text-transform:uppercase;}

.picbox img	{width:100px;}
img.voll	{width:336px; height:488px;}
table           {border-collapse:collapse;}
td              {vertical-align:top; padding:0px;}

/* --- Angaben für den Kalender: --- */

/* -- Kalender mit CSS-Buttons: -- 
div.calbutton	{width:100px; height:80px; margin-top:20px; border-radius:20px; box-shadow:0px 0px 20px white; background:#cdf; color:black;
				text-align:center; padding-top:20px; transform:rotate(-5deg);}
*/
/* -- Kalender allgemein (>3 Termine) -- */
p.calsummary	{font-weight:bold; padding-top:9px;}
div.calsummary	{display:inline-block;}

/* --- Die Buttons für hervorgehobene Hinweise --- */
div.nobutton{width:245px; height:85px; font-size:16px; line-height:22px; font-weight:normal; color:#764E3F; padding-top:100px;}
div.stern	{position:relative; margin:0px auto; padding-top:50px; width:187px; height:135px; color:white; font-size:20px; line-height:25px; text-align:center; vertical-align:middle; transform: rotate(-5deg);}
div.stern a {color:white;}
div.srot	{background:url(../media/Buttons/stern_rot.png);}
div.sblau	{background:url(../media/Buttons/stern_blau.png);}
div.sgelb	{background:url(../media/Buttons/stern_gelb.png);}
div.sgreen	{background:url(../media/Buttons/stern_green.png);}
div.eule	{position:relative; margin:0 auto; width:245px; height:185px; color:white;}
div.erot	{background:url(../media/Buttons/veranstaltung_eule.png); font-size:20px; line-height:26px;}
div.egelb	{background:url(../media/Buttons/leseeulegelb.jpg); font-size:18px; line-height:20px;}
div.eultext	{position:absolute; text-align:left; vertical-align:middle; transform:rotate(5deg);}
.erot .eultext	{top:18px; left:90px;}
.egelb .eultext	{top:16px; left:128px;}
/* --- Default-Bilder: --- */
img.calmissing	{width:336px; height:254px; margin-top:190px;}

div.overlay	{z-index:100; position:absolute;}