/* CSS Document *//*
Font-Size-Translation
h1: 24pt -> 30px
h2: 15pt -> 18px
h3: 10pt -> 13px
footer: 9pt -> 9px

Rot für Hyperlinks: #FE3F03 an Stelle von #FF2805
Die Background-URL muss relativ zum Pfad des CSS definiert werden

Die CSS-Styles aus Typo3 können überschrieben werden,
da unser eigenes Stylesheet anschliessen eingelesen wird! 

Reihenfolge:
typo3temp/stylesheet_ea7cf8fd96.css

--- unsere Stylesheet gemäss Header

typo3conf/ext/perfectlightbox/res/css/slightbox.css
*/

body { 
	background-image: url(../cssimages/muster_hintergrund.png);
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
	color: #44150A;
	margin: 10px 0px 0px 0px; 
	padding: 0px; 
} 

h1, h2, h3, h4, h5, h6 { 
	font-weight: normal; 
	text-decoration: none; 
	margin: 0px;
	padding: 0px;
	line-height: 120%;
}

h1 { font-size: 30px; line-height: 80%; padding-top: 6px; text-decoration: underline;}
/*h1 { font-size: 30px; }*/
h2 { font-size: 18px; }
h3 { font-size: 13px; }
h4 { font-size: 13px; }
h5 { font-size: 10px; }
h6 { font-size: 7px; }


div.csc-header h1.csc-firstheader { font-size: 30px; }
div.csc-header h1 { font-size: 18px; }

.csc-header {
/* CSC-Header allgemein ausblenden */
	display: none;
}

p { margin: 0px;}

img {
	border: 0px;
}

address {
	font-size: 11px; 
	font-weight: normal; 
	font-style: normal;
	margin: 0px; 
}

pre {
	font-family: Fixedsys, Courier, monospace;
	font-size: 13px; 
	font-weight: normal; 
	font-style: normal;
	margin: 0px; 
}

form {
	border-color: #FFFFFF;
	border-width:1px;
	border-style:none; /* solid */
}

fieldset {
	border-width:0px;
	border-style:none;
}


/*
	Weitere Tags, die zu definieren sind:
	address
	blockquote
	pre
	
	Überlegen, ob wir die CSC-Headers aus dem CMS nicht generell ausblenden...
	
	Tabelle im Bereich Adresse anders formatieren
	td: padding-right: 10px;
*/

/* Tabellen */
table {
	border: 0px;
	border-collapse:collapse;
	padding: 0px;
}

td {
	padding: 0px;
	vertical-align:top
} 

textarea, input, select {
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
	color: #44150A;
}

/* Hyperlinks */
a.internal-link img, 
a.internal-link-new-window img, 
a.external-link img, 
a.external-link-new-window img,
a.download img, 
a.mail img {
	border: 0;
	text-decoration: none;
}

a { 
	color: #FE3F03;
	font-weight: normal;
	font-size: 13px;
	text-decoration: underline; /*none*/
}

a:focus { color: #FE3F03; }
a:hover { color: #FE3F03; }
a:active { color: #FE3F03; }
a:visited { color: #FE3F03; }

a.footer { 
	color: #44150A;
	font-weight: normal;
	font-size: 9px;
	text-decoration: underline; /*none*/
}

a.footer:focus { color: #44150A; }
a.footer:hover { color: #44150A; }
a.footer:active { color: #FE3F03; }
a.footer:visited { color: #44150A; }



/* Hyperlinks im leftmenu */
/* Normal-Zustand */ 
ul li.lm_normal a, 
ul li.lm_normal a:active, 
ul li.lm_normal a:hover, 
ul li.lm_normal a:visited, 
ul li ul li.lm_normal a, 
ul li ul li.lm_normal a:active,
ul li ul li.lm_normal a:hover,
ul li ul li.lm_normal a:visited {
	color: #44150A;
	font-weight: normal;
	text-decoration: none;
}

/* Aktives Link */ 
ul li.lm_active a, 
ul li.lm_active a:active, 
ul li.lm_active a:hover, 
ul li.lm_active a:visited, 
ul li ul li.lm_active a, 
ul li ul li.lm_active a:active,
ul li ul li.lm_active a:hover,
ul li ul li.lm_active a:visited {
	color: #FE3F03;
	font-weight: normal;
	text-decoration: none;
}

/* Aktuelles Link */ 
ul li.lm_current a, 
ul li.lm_current a:active, 
ul li.lm_current a:hover, 
ul li.lm_current a:visited, 
ul li ul li.lm_current a, 
ul li ul li.lm_current a:active,
ul li ul li.lm_current a:hover,
ul li ul li.lm_current a:visited {
	color: #FE3F03;
	font-weight: normal;
	text-decoration: underline;
}

/* CURRENT RO */ 
ul li.lm_currentover a, 
ul li.lm_currentover a:active, 
ul li.lm_currentover a:hover, 
ul li.lm_currentover a:visited, 
ul li ul li.lm_currentover a, 
ul li ul li.lm_currentover a:active,
ul li ul li.lm_currentover a:hover,
ul li ul li.lm_currentover a:visited {
	color: #FE3F03;
	font-weight: normal;
	text-decoration: underline;
}


/* Allgmeine Formatierungen */
p.bodytext, p.align-right, p.align-left, p.align-center, p.align-justify, legend {
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
	color: #44150A;
}

.align-left {
	text-align: left;
}

.align-center {
	text-align: center;
}


.align-right {
	text-align: right;
}

.align-justify {
	text-align: justify ;
}


/* Fällt später weg -> Stammt aus RTEHtmlArea*/
.important {
	color: #FE3F03;
	text-decoration: underline;
}

.wichtig {
	color: #FE3F03;
}


/* Formatierung der Tabellen für die Darstellung der Meunukarte */
.menu-titel {
	font-size: 13px;
	font-weight: bold;
	text-align: left;
}

.menu-preis {
	font-size: 13px;
	font-weight: bold;
	text-align: right;
	padding-right: 3px;
}

.menu-text {
	font-size: 13px;
	padding-right: 10px;
}

/* Formatierung des Fomulars Gutscheine Bestellen */
.csc-mailform-field label {
  float:left;
  clear:both;
  width:25%;
  margin-right:0.5em;
  padding-top:0.2em;
  text-align:right;
}


/* ********************************************************************** */
/* Formatierung der <div> Areas */

#pagewidth{ /* width definiert in media screen */ } 

#wrapper_top {
	height: 1px;
	position: relative;
	background-image: url(../cssimages/wrapper_top.png);
	background-repeat: no-repeat; /* vertikal wiederholen */
} 

#wrapper{
	/* height und width definiert in media screen */
	text-align: left;
	padding-left: 1px;
	padding-right: 1px;
	background-image: url(../cssimages/wrapper.png);
	background-repeat: repeat-y; /* vertikal wiederholen */
}

#footer{
	background-image: url(../cssimages/footer.png);
	background-repeat: no-repeat; /* vertikal wiederholen */
	height:27px;
	clear:both;
	width: 902px;
	margin-left: 0px;
	padding-top:7px;
	font-size: 9px;
} 

#footer_left{
	margin-left: 15px;
	float: left;
	position: relative;
}

#footer_right{
	margin-right: 10px;
	float: right;
	position: relative;
}

#header{
	position:relative; 
	height:130px;
	width:100%;
} 

#top_logo{
	float: left;
	position: relative;
	height: 130px;
	width: 900px;
	background-repeat: no-repeat; /* vertikal wiederholen */
}

/* nicht verwendet */
#top_menu{
	position: relative;
	float: right;
	margin-top: -130px;
	margin-right: 10px;
	color: #FFFFFF;
	padding-top: 5px;
	padding-right: 10px;
}

#kopf_tapetenwechsel{
	position: relative;
	float: left;
	margin-left: 543px;
	margin-top: -77px;  /* Höhe des effektiven Bildes*/
	margin-right: 10px;
	margin-bottom: 0px;
}

#kopf_tapetenwechsel a, #kopf_tapetenwechsel a img {
	border: 0;
	text-decoration: none;
}

#leftcol{
	/* height: Header von 150 auf 130 px reduziert - also hier von 568 auf 588 px erhöhen 
	  Content ebenfalls um 20 px erhöhen */
	width: 150px;
	height: 545px;
	float: left;
	position: relative;
}

#leftmenu{
	float: left;
	height: 330px;
	width: 140px;
	margin-left: 15px;
	margin-bottom: 3px;
	margin-top: 27px;
	padding: 0px;
}

#leftmenu ul {
	margin-left: -40px;
	margin-top: 0px;
	list-style-type: none;
	list-style-position: outside;
}


#leftmenu ul li {
	margin-bottom: 10px;
}

#leftmenu ul li ul {
	margin-left: -20px;
	margin-bottom: 0px;
	list-style-type: none; /*square*/
}

#leftmenu ul li ul li {
	margin-top: 0px;
	margin-bottom: 0px;
}

#menuletter{
	/* Vertikale Position wird durch die Höhe von LeftMenu bestimmt! */
	/* Breite der Grafik muss noch 2 px mehr betragen, damit die Ränder stimmen, also 132 x 188 px (BxH)*/
	float: left; 
	margin-top: 0px;
	margin-left: 15px;
	margin-bottom: 0px;
	padding-top: 45px;
	padding-left: 10px;
	font-size: 13px;
	background-image: url(../cssimages/menuletter.png);
	background-repeat: no-repeat; /* keine Wiederholung */
	height: 150px;
	width: 125px;
}

#menuletter h2 {
/*
	font-size: 18px;
	text-decoration: underline;
	font-weight: normal;
*/
	padding-top: 20px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

#menuletter p.bodytext {
	margin: 0px;
	padding: 0px;
}

#content{ 
	/* height und overflow definiert in media screen */
	float: left;
	width: 550px;
	display: inline; 
	position: relative;
	margin-top: 10px;
	padding: 10px; 
	background-color: #DAD0CE; /*rgb(218, 208, 206);*/
}


#content_menus{ 
	/* height definiert in media screen */
	float: left;
	width: 570px;
	position: relative;
	margin-top:0px;
	background-color: #FFFFFF; /*rgb(218, 208, 206);*/
}

#content_menus_top{
	width: 550px;
	height: 94px;
	margin: 0px;
	text-align: center;
} 

#content_menus_main {
	/* height und overflow definiert in media screen */
	float: left;
	width: 550px;
	margin: 0px;
	display: inline; 
	position: relative;
	padding: 10px; 
	background-color: #DAD0CE; /*rgb(218, 208, 206);*/
} 

#content_wochenplan{ 
	/* height und overflow definiert in media screen */
	float: left;
	width: 730px; /* 550 + 145 */
	display: inline; 
	position: relative;
	margin-top: 10px;
	padding: 10px 5px; 
	background-color: #DAD0CE; /*rgb(218, 208, 206);*/
}


#content h1 {
	margin-top: 0px;
	margin-bottom: 6px;
}

/* Kontrolle: Nicht mehr verwendet! */
#geschirr {
	margin-top: -10px;
	margin-left: -10px;
	margin-right: -10px;
	width: 550px; /* max: 575 px */
	background-color: #FFFFFF;
}

#rightcol{
	width:145px;
	float:right; 
	position:relative;
	margin: 0px;
	margin-top: 14px; /* ex 27 px */
	padding-top: 0px;
	padding-left: 15px;
	padding-right: 21px;
}

#th_adresse p.bodytext {
	margin: 0px;
	padding: 0px;
	padding-right: 2px;
}

#oeffnungszeiten, #lageplan, #mitteilungen {
	margin-top: 15px;
}

#oeffnungszeiten p.bodytext {
	margin: 0px;
	margin-left:-1px;
	padding: 0px;
}

#mitteilungen p.bodytext {
	margin: 0px;
	margin-left:-1px;
	padding: 0px;
	color: #FE3F03;
}


@media screen {

	#pagewidth{ width:902px; } 

	#wrapper{
		height: 700px;
		width: 902px;
	}

	#content{ 
		height: 525px;
		overflow: auto;  /* Scroll-Bars bei Bedarf setzen! */
	}

	#content_menus{ 
		height: 535px;
	}
	
	#content_menus_main {
		height: 441px;
		overflow: auto;  /* Scroll-Bars bei Bedarf setzen! */
	} 

	#content_wochenplan{ 
		height: 525px;
		overflow: auto;  /* Scroll-Bars bei Bedarf setzen! */
	}

	#rightcol{
	}
}


/*printer styles*/ 
@media print{ 

	/*hide when printing*/ 
	#header{display:none;}
	#leftcol{display:none;} 
	#footer{display:none;}

	/* rightcol soll nicht rechts dargestellt werden */
	#rightcol{float:none;}
	
	/*hide the print icon when printing*/
	.print-icon{display:none;}
}