/*
Die Angaben hier beziehen sich auf die ganze Website
*/
body		
{
	margin:0px;		/* rueckt die Inhalte direkt an den Rand */
	font-family:Verdana, Arial, Helvetica, sans-serif;		/* Schriftart Verdana */
	font-size:11px;	/* Schriftgroesse */
	background-color:#EAEAEA; /* Hintergrundfarbe ausserhalb der Haupttabelle */
}

/* 
allgemeine Links, z.B. "weiterlesen"
*/
a 
{
	color:#000000; /* Schriftfarbe */
	text-decoration:underline; /* unterstichen */
}

 /*
 allgemeine Links, z.B. "weiterlesen"  bei wenn die Maus darauf zeigt
 */
a:hover
{
	text-decoration:none; /* unterstichen entfernen*/
}

 /*
 die Ueberschriften im Hauptteil
 */
h1
 { color: #00f; font-weight: bold; font-size: 14px; margin: 0px 0px 5px }

 /*
 Absaetze
 */
p
{
	margin:5px 0px;
}

 /*
 Das Bild im Kopf der Datei
 */
.titelzeile
{
	background-image: url("bilder/top.jpg"); /* Hintergrundbild */
	height:118px; /* Hoehe */
}

 /*
 Die Hintergrundfarbe der Tabelle 
 */
.haupttabelle
  { background-color: #0046ff; width: 760px }

/* 
Formatierung der Fusszeile 
*/
.fusszeile	
 { font-size: 9px; background-color: #006eff; text-align: center; padding: 3px }

/*
dieser teil legt nur den Abstand des Mittelteils von Kopf und Fusszeile der Website fest
*/
.mittelteil
{
	padding-bottom:5px; /*Abstand zwischen Mittelteil und Fusszeile */
}

/*
Der weisse Hauptteil in der Mitte
*/
.inhalt
{
	background-color:#FFFFFF;
	border:1px solid #000000;
	padding:7px;
}

/*
Rahmen um die Navigationsbutton
*/
.navdiv
{
	padding:0px;
	margin:0px;
}

/*
Navigationsbutton
*/
a.navbutton
  { color: #000000; font-weight: bold; text-decoration: none; background-color: #006eff; text-align: left; padding-top: 2px; border-top: none; border-right: 1px solid #000000; border-bottom: 1px solid #000000; border-left: 1px solid #000000; width: 148px; height: 15px; display: block }
/*
Mouseovereffekt Navigationsbutton
*/
a.navbutton:hover
{
	color:#FFFFFF;
}

/*
Navigationsbutton der Untermenues
*/
a.navbuttonsub
 { color: #000000; font-weight: normal; text-decoration: none; background-color: #0082ff; text-align: left; padding-top: 2px; border-top: none; border-right: 1px solid #000000; border-bottom: 1px solid #000000; border-left: 1px solid #000000; width: 148px; height: 15px; display: block }


/*
Mouseovereffekt Navigationsbutton der Untermenues
*/
a.navbuttonsub:hover
{
	color:#FFFFFF;
}

/*
Pfeil in der Navigation vor der aktuell ausgewählten Seite
*/
.arrow
{
	position:relative;
	top:3px;
	padding-right:1px;
	padding-left:1px;
}

/*
Bild auf der rechten Seite in den Texten im Hauptteil
*/
.image_right
{
	border:1px solid #000000;
	margin-left:7px;
	margin-bottom:2px;
}

/*
Bild auf der linken Seite in den Texten im Hauptteil
*/
.image_left
{
	border:1px solid #000000;
	margin-right:7px;
	margin-bottom:2px;
	margin-top:5px;
}


/*
Titel der einzelnen Bereiche wie z.B. Lage, Werbung, Wetter
*/
.sectionhead
 { font-weight: bold; font-size: 12px; background-color: #006eff; margin: 20px 0px 0px; padding: 2px 5px; border: solid 1px #000000; width: 138px; height: 14px; }

/*
Inhaltsfeld einzelnen Bereiche wie z.B. Lage, Werbung, Wetter
*/
.sectionbody
{
	 border:1px solid #000000;
	 border-top:none; 
	 background-color:#FFFFFF;
	 width:140px;
	 padding:2px 4px;;
	 margin:0px;
}

/*
Formularfelder (HRS, Suche)
*/
input, textarea
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	border:1px solid #000000;
	width:135px;
}

/*
Dropdownboxen (HRS)
*/
select
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	width:39px;
}

/*
"suchen" Buttons (Suchen, HRS)
*/
.submitbutton
 { background-color: #006eff; margin-top: 1px; border: solid 1px #000000; position: relative; right: 1px; width: 80px }

/*
Werbebilder links und rechts
*/
.werbeimage
{
	text-align:center;
	border:1px solid #000000;
	margin-top:5px;
}

/*
Flaggen zur Auswahl der Sprache
*/
.flaggen
{
	margin-top:6px;
	margin-left:2px;
	border:none;
}

/*
Lagekarte auf der rechten Seite
*/
.lagekarte
{
	text-align:center;
	border:1px solid #000000;
	cursor:pointer;
}

/*
Bilder in der Kopfzeile der Website
*/
.eventimage
{
	 border:1px solid #000000;
	 margin-bottom:8px;
}

.myformbutton
{
	background-color:#cccccc;
	color:#000000;
	border:1px solid #000000;
}

div.float
{
padding-bottom: 3px;
float:left;
display:block;
margin-right:5px;
margin-bottom:10px;
}									

.cartbutton
{
	background-image:url(bilder/warenkorb.gif);
	background-repeat:no-repeat;
	background-color:#cccccc;
	color:#000000;
	border:1px solid #000000;
	width:130px;
	height:19px;
	text-align:right;
	padding-right:3px;
}

.cashbutton
{
	background-image:url(bilder/zur_kasse.gif);
	background-repeat:no-repeat;
	background-color:#cccccc;
	color:#000000;
	border:1px solid #000000;
	width:130px;
	height:19px;
	text-align:right;
	padding-right:3px;
}

.shopkatdiv
{
	width:46%;
	float:left;
	margin-right:3%;
	margin-bottom:10px;
}

a.shopkatlinks
{
	text-decoration:none;
}

a.shopkatlinks:hover
{
	text-decoration:underline;
}

.productbody
{
	 width:100%;
	 margin-bottom:10px;
}



/* Veranstaltungen */

div.vstouter {
	margin-bottom:15px;
}

div.vstheader {
	font-weight:bold;
	color:#000000;
	background-image:url(bilder/balkenvst.gif);
	padding:5px;
	padding-top:1px;
	padding-bottom:2px;
	background-repeat:no-repeat;
}

div.vstbody {
	border:1px solid #DEDEDE;
	border-top:none;
	padding:5px;
	padding-top:2px; 
}

div.vstortouter {
	float:left;
	width:250px;
}

div.vstorttitle {
	float:left;
	margin-right:5px;
	color:#8A8A8A;
	width:25px;
}

div.vsttimeouter {
	float:left;
	width:170px;
}

div.vsttimetitle {
	float:left;
	width:45px;
	padding-right:5px;
	text-align:right;
	color:#8A8A8A;
}

div.floatleft {
	float:left;
}

div.floatleftort {
	float:left;
	width:220px;
}

div.floatright {
	float:right;
}

div.vstcontent {
	margin-top:5px;
	margin-bottom:5px;
}

a.vstdetails {
	background-image:url(bilder/buttonvst.gif);
	background-repeat:no-repeat;
	height:15px;
	text-align:center;
	width:100px;
	display:block;
	color:#000000;
	text-decoration:none;
	margin-bottom:2px;
}

a.vstdetails:hover {
	font-weight:bold;
}

div.vstdaytoday {
	float:left;
	margin-left:5px;
	margin-right:5px;
	font-weight:bold;
	text-align:center;
	width:220px;
}

div.vstnav {
	margin-top:15px;
	margin-bottom:15px;
}

div.vstsuchebezleft {
	float:left;
	width:74px;
	margin-right:5px;
	text-align:right;	
}

div.vstsuchebezright {
	float:left;
	width:35px;
	margin-right:5px;
	text-align:right;	
}

div.formfields {
	margin-bottom:3px;
	float:right;
}

td.vstdetailleft {
	width:70px;
	color:#8A8A8A;
	padding-right:5px;
	
}

td.hrleft {
	color:#8A8A8A;
	width:75px;
}