/* Beispiel: 'margin: oben rechts unten links;'

background: farbe url(vom css aus gesehen) 'repeat-x, repeat-y, no-repeat' 'scroll, fixed' 'erster Wert ist x, zweiter Wert ist y (links Oben ist 0)';

Farben:
#FFFBF8	Startseite Hintergrund
#6F7072	Content Text
#6F7072	Nav Text normal
#fff		Nav Text hover

#ffc699	Farbe saisonales frühling
#ffe799	Farbe saisonales sommer
#b38a6b	Farbe saisonales herbst
#b8c7cc	Farbe saisonales winter

*/

html {
	width: 100%;
	height: 100%;
}

body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #6F7072;
	background-color: #FFFBF8;/* in jedem Bereich anders */
}

DIV.csc-header H1, DIV.csc-header H2, DIV.csc-header H3, DIV.csc-header H4, DIV.csc-header H5, DIV.csc-header H6, 
DIV.csc-header H1 .csc-firstHeader, DIV.csc-header H2.csc-firstHeader, DIV.csc-header H3.csc-firstHeader, DIV.csc-header H4.csc-firstHeader, DIV.csc-header H5.csc-firstHeader, DIV.csc-header H6.csc-firstHeader, 
#divMain H1, #divMain H2, #divMain H3, #divMain H4, #divMain H5, #divMain H6, 
H1, H2, H3, H4, H5, H6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #949D6C;/*#D4E19A;*/
	font-size: 15px;
	font-weight: bold;
	margin: 0px 0px 6px 0px;
	padding: 0px;}
DIV.csc-header H2, DIV.csc-header H2.csc-firstHeader, #divMain H2, H2 { font-size: 14px; margin-bottom: 6px; }
DIV.csc-header H3, DIV.csc-header H3.csc-firstHeader, #divMain H3, H3 { font-size: 13px; margin-bottom: 6px; }
DIV.csc-header H4, DIV.csc-header H4.csc-firstHeader, #divMain H4, H4 { font-size: 12px; margin-bottom: 6px; }
DIV.csc-header H5, DIV.csc-header H5.csc-firstHeader, #divMain H5, H5 { font-size: 11px; margin-bottom: 2px; }
DIV.csc-header H6, DIV.csc-header H6.csc-firstHeader, #divMain H6, H6 { font-size: 10px; margin-bottom: 1px; }

/* Vorder- und Hintergrundfarbe zum Markieren von Text ändern */
::-moz-selection {
	color: #fff;
	background: #b38a6b;
}

.unsichtbar {
	display: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.1em;
}

IMG {
	font-family: Times, "Times New Roman", serif;
	font-size: 10px;
}

SUB, SUP {
  line-height: 0px;
  font-size: 60%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

A IMG {
	border: none;
}

#tdPageLeft, #tdPageRight{
	width: auto;
	font-size: 1px;
}

#tdPageLeft{
	background: transparent url(../layout/content-left-background.gif) no-repeat right 400px;/* in jedem Bereich anders */
}

#tdPageMiddle{
	width: 990px;
	background: #FFFBF8 url(../layout/content-background.gif) no-repeat 0px 400px;
}

/* ##################### start - Einstieg ######################## */

#tablePageEinstieg{
	width: 990px;
	height: 577px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#divLogoEinstieg{
	width: 300px;
	height: 110px;
	margin: 0 0 7px 20px;
	padding: 0 0 0 0;
}

#divBitteTretenSieEin{
	width: 523px;
	height: 92px;
	margin: 0 20px 7px 0;
	padding: 0 0 0 0;
}

/* ##################### ende - Einstieg ######################## */

#tablePage{
	width: 100%;
	height: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

/* ##################### start - Header ######################## */

#divHeader{
	width: 990px;
	height: 400px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: left;
	overflow: hidden;
}

#divHeaderLogo{
	background: transparent url(../layout/logo-im-flash.png) no-repeat 0px 0px;
	position: absolute;
	width: 321px;
	height: 131px;
	z-index: 1;
	top: 269px;
	left: 50%;
	margin: 0 0 0 174px;
	padding: 0 0 0 0;
}
* html #divHeaderLogo{
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/fileadmin/alte-maelzerei-hoechstadt.de/layout/logo-im-flash.png', sizingMethod='crop');
}

#divHeaderNav{
	background: transparent url(../layout/nav-background.png) 0px 0px;
	position: absolute;
	height: 380px;
	z-index: 2;
	top: 0px;
	left: 50%;
	margin: 0 0 0 -495px;
	padding: 20px 0 0 0;
	text-align: left;
	border-right: #FFFBF8 2px solid;/* in jedem Bereich anders */
}
* html #divHeaderNav{
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/fileadmin/alte-maelzerei-hoechstadt.de/layout/nav-background.png', sizingMethod='scale');
	height: 400px;
}

/* ##################### ende - Header ######################## */

/* ##################### start - Menü Header ########################################################### */

#tdMenuLeftItem,
#tdMenuLeftItemAktiv,
#tdMenuLeftItemE2,
#tdMenuLeftItemE2Aktiv,
#tdMenuLeftItemE3,
#tdMenuLeftItemE3Aktiv,
#tdMenuLeftItemE4,
#tdMenuLeftItemE4Aktiv{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#tdMenuLeftItem,
#tdMenuLeftItemAktiv{
	font-size: 12px;
	font-weight: bold;
	width: 200px;
}
#tdMenuLeftItemE2,
#tdMenuLeftItemE2Aktiv{
	font-size: 12px;
	font-weight: normal;
	width: 200px;
}
#tdMenuLeftItemE3,
#tdMenuLeftItemE3Aktiv{
	font-size: 11px;
	font-weight: normal;
	width: 200px;
}
#tdMenuLeftItemE4,
#tdMenuLeftItemE4Aktiv{
	font-size: 10px;
	font-weight: normal;
	width: 200px;
}

#tdMenuLeftItem A, #tdMenuLeftItem A:visited,
#tdMenuLeftItemE2 A, #tdMenuLeftItemE2 A:visited,
#tdMenuLeftItemE3 A, #tdMenuLeftItemE3 A:visited,
#tdMenuLeftItemE4 A, #tdMenuLeftItemE4 A:visited{
	margin: 0 0 0 0;
	padding: 1px 5px 2px 20px;
	text-decoration: none;
	color: #6F7072;
	display: block;
}

#tdMenuLeftItem A:hover,
#tdMenuLeftItemE2 A:hover,
#tdMenuLeftItemE3 A:hover,
#tdMenuLeftItemE4 A:hover{
	color: #fff;
	background: transparent url(../layout/nav-over.png) repeat-x 0px center;
}

#tdMenuLeftItemAktiv A, #tdMenuLeftItemAktiv A:visited,
#tdMenuLeftItemE2Aktiv A, #tdMenuLeftItemE2Aktiv A:visited,
#tdMenuLeftItemE3Aktiv A, #tdMenuLeftItemE3Aktiv A:visited,
#tdMenuLeftItemE4Aktiv A, #tdMenuLeftItemE4Aktiv A:visited{
	margin: 0 0 0 0;
	padding: 1px 5px 2px 20px;
	text-decoration: none;
	color: #fff;
	display: block;
	background: transparent url(../layout/nav-over.png) repeat-x 0px center;
}
#tdMenuLeftItemE2 A, #tdMenuLeftItemE2 A:visited,
#tdMenuLeftItemE2Aktiv A, #tdMenuLeftItemE2Aktiv A:visited{
	padding: 1px 5px 2px 30px;
}
#tdMenuLeftItemE3 A, #tdMenuLeftItemE3 A:visited,
#tdMenuLeftItemE3Aktiv A, #tdMenuLeftItemE3Aktiv A:visited{
	padding: 1px 5px 2px 40px;
}
#tdMenuLeftItemE4 A, #tdMenuLeftItemE4 A:visited,
#tdMenuLeftItemE4Aktiv A, #tdMenuLeftItemE4Aktiv A:visited{
	padding: 1px 5px 2px 50px;
}

#tdMenuLeftItemSpacer{
	width: 8px;
	height: 14px;
	font-size: 14px;
}

#tdMenuLeftItemE2Spacer{
	width: 8px;
	height: 2px;
	font-size: 2px;
}

#tdMenuLeftItemE3Spacer,
#tdMenuLeftItemE4Spacer{
	width: 8px;
	height: 1px;
	font-size: 1px;
}

/* ##################### ende - Menü Header ########################################################### */

/* ##################### start - Main ######################## */

#divMain{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6F7072;
	margin: 0 0 0 0;
	padding: 10px 20px 10px 20px;
	width: 950px;
	text-align: left;
}

#divMain TABLE{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6F7072;
}

/* Space below each image (also in-between rows), Bildeigenschaften */
/*#divMain DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin: 0 0 0 0; padding: 0 0 5px 0; }
#divMain DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin: 0; padding: 0; display: block; }
#divMain .csc-textpic-caption { font-size: 11px; color: #666; padding: 3px 0px 0px 0px; }*/

#divMain LI {
}

#divMain A, #divMain A:visited{
	color: #333;
	text-decoration: underline;
}
#divMain A:hover {
	color: #737c80;
	text-decoration: none;
}
#divMain H1 A, #divMain H2 A, #divMain H3 A, #divMain H4 A, #divMain H5 A, #divMain H6 A, 
#divMain H1 A:link, #divMain H2 A:link, #divMain H3 A:link, #divMain H4 A:link, #divMain H5 A:link, #divMain H6 A:link, 
#divMain H1 A:visited, #divMain H2 A:visited, #divMain H3 A:visited, #divMain H4 A:visited, #divMain H5 A:visited, #divMain H6 A:visited, 
#divMain H1 A:active, #divMain H2 A:active, #divMain H3 A:active, #divMain H4 A:active, #divMain H5 A:active, #divMain H6 A:active {
	color: #333;
	text-decoration: none;
}
#divMain H1 A:hover, #divMain H2 A:hover, #divMain H3 A:hover, #divMain H4 A:hover, #divMain H5 A:hover, #divMain H6 A:hover {
	color: #999;
	text-decoration: underline;
}

P.bodytext A, P.bodytext A:link, P.bodytext A:visited, P.bodytext A:active {
	color: #006699;
	text-decoration: underline;
}
P.bodytext A:hover {
	color: #999999;
	text-decoration: none;
}

#divMain UL {
	margin: 0 0 0 15px;
	padding: 0 0 0 0;
}
* html #divMain UL {
	margin: 0 0 0 17px;
	padding: 0 0 0 0;
}

/* ##################### ende - Main ######################## */

/* ##################### start - Main Normal ######################## */

P {
	margin: 0;
	padding: 0;
}

/* ##################### ende - Main Normal ######################## */

.standardText1Small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.standardText2Normal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.standardText3Big {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.standardText4Bigger {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
}

.standardText5Biggest {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
}

/* Begin - Forms */

form {
	display: inline;
}

.formsTextFields{
	border-bottom: 1px #2C3575 solid;
	border-right: 1px #2C3575 solid;
	border-left: 1px #2C3575 solid;
	border-top: 1px #2C3575 solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #ffc699;
}

.formsButtons{
	border-bottom: 1px #2C3575 solid;
	border-right: 1px #2C3575 solid;
	border-left: 1px #2C3575 solid;
	border-top: 1px #2C3575 solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #b38a6b;
}

select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
* html select {
	font-size: 11px;
}

input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
* html input {
	font-size: 11px;
}

/* ##################### ende - Forms ##################### */

/* ##################### start - tt_content ##################### */

/* Margins around images: */

/* Pictures on left, add margin on right */
#divMain DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
#divMain DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
#divMain DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
	display: inline; /* IE fix for double-margin bug */
	margin-right: 5px;
}

/* Pictures on right, add margin on left */
#divMain DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
#divMain DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
#divMain DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
	display: inline; /* IE fix for double-margin bug */
	margin-left: 5px;
}

/* Pictures centered, add margin on left */
#divMain DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
	display: inline; /* IE fix for double-margin bug */
	margin-left: 5px;
}
/* Bild Untertext */
#divMain DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { font-size: 11px; color: #666; padding: 3px 0px 0px 0px; }

DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0 0 0 0; }

/* Space below each image (also in-between rows) */
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin: 0 0 0 0; padding: 0 0 0 0; }
DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 5px; display: block; }
DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }

/* No margins around the whole image-block */
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin: 0 0 12px 0; }
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin: 0 0 12px 0; }

/* Add margin from image-block to text (in case of "Text w/ images") */
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
	margin-right: 5px !important;
}
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
	margin-left: 5px !important;
}

/* ##################### Rahmen für die Bilder ##################### */
DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
	border: 2px solid #666;
}

/* ##################### ende - tt_content ##################### */

/* ##################### start - rtehtmlarea ##################### */

/* ##################### start - damit Aufzählungspunkte nicht hinter dem Bild verschwinden ##################### */
DIV.csc-textpic-text LI {
	margin: 0 0 0 5px;
	padding: 0 0 0 0;
}

/* ##################### ende - damit Aufzählungspunkte nicht hinter dem Bild verschwinden ##################### */

/* ##################### start - Link Icons ##################### */

TABLE.contenttable P P IMG {
	border: none;
}

/* Link-Icon Mail */
A.mail IMG, 
P.bodytext A.mail IMG, 
P.bodytext P A.mail IMG, 
UL A.mail IMG, 
OL A.mail IMG {
	border: none;
}
H1 A.mail IMG, 
H2 A.mail IMG, 
H3 A.mail IMG, 
H4 A.mail IMG, 
H5 A.mail IMG, 
H6 A.mail IMG, 
H1 P A.mail IMG, 
H2 P A.mail IMG, 
H3 P A.mail IMG, 
H4 P A.mail IMG, 
H5 P A.mail IMG, 
H6 P A.mail IMG {
	border: none;
}

/* Link-Icon internal-link-new-window */
A.internal-link-new-window IMG, 
P.bodytext A.internal-link-new-window IMG, 
P.bodytext P A.internal-link-new-window IMG, 
UL A.internal-link-new-window IMG, 
OL A.internal-link-new-window IMG {
	border: none;
}
H1 A.internal-link-new-window IMG, 
H2 A.internal-link-new-window IMG, 
H3 A.internal-link-new-window IMG, 
H4 A.internal-link-new-window IMG, 
H5 A.internal-link-new-window IMG, 
H6 A.internal-link-new-window IMG, 
H1 P A.internal-link-new-window IMG, 
H2 P A.internal-link-new-window IMG, 
H3 P A.internal-link-new-window IMG, 
H4 P A.internal-link-new-window IMG, 
H5 P A.internal-link-new-window IMG, 
H6 P A.internal-link-new-window IMG {
	border: none;
}

/* Link-Icon internal-link */
A.internal-link IMG,
P.bodytext A.internal-link IMG, 
P.bodytext P A.internal-link IMG, 
UL A.internal-link IMG, 
OL A.internal-link IMG {
	border: none;
}
H1 A.internal-link IMG, 
H2 A.internal-link IMG, 
H3 A.internal-link IMG, 
H4 A.internal-link IMG, 
H5 A.internal-link IMG, 
H6 A.internal-link IMG, 
H1 P A.internal-link IMG, 
H2 P A.internal-link IMG, 
H3 P A.internal-link IMG, 
H4 P A.internal-link IMG, 
H5 P A.internal-link IMG, 
H6 P A.internal-link IMG {
	border: none;
}

/* Link-Icon external-link-new-window */
A.external-link-new-window IMG, 
P.bodytext A.external-link-new-window IMG, 
P.bodytext P A.external-link-new-window IMG, 
UL A.external-link-new-window IMG, 
OL A.external-link-new-window IMG {
	border: none;
}
H1 A.external-link-new-window IMG, 
H2 A.external-link-new-window IMG, 
H3 A.external-link-new-window IMG, 
H4 A.external-link-new-window IMG, 
H5 A.external-link-new-window IMG, 
H6 A.external-link-new-window IMG, 
H1 P A.external-link-new-window IMG, 
H2 P A.external-link-new-window IMG, 
H3 P A.external-link-new-window IMG, 
H4 P A.external-link-new-window IMG, 
H5 P A.external-link-new-window IMG, 
H6 P A.external-link-new-window IMG {
	border: none;
}

/* Link-Icon external-link */
A.external-link IMG, 
P.bodytext A.external-link IMG, 
P.bodytext P A.external-link IMG, 
UL A.external-link IMG, 
OL A.external-link IMG {
	border: none;
}
H1 A.external-link IMG, 
H2 A.external-link IMG, 
H3 A.external-link IMG, 
H4 A.external-link IMG, 
H5 A.external-link IMG, 
H6 A.external-link IMG, 
H1 P A.external-link IMG, 
H2 P A.external-link IMG, 
H3 P A.external-link IMG, 
H4 P A.external-link IMG, 
H5 P A.external-link IMG, 
H6 P A.external-link IMG {
	border: none;
}

/* Link-Icon download */
A.download IMG, 
P.bodytext A.download IMG, 
P.bodytext P A.download IMG, 
UL A.download IMG, 
OL A.download IMG {
	border: none;
}
H1 A.download IMG, 
H2 A.download IMG, 
H3 A.download IMG, 
H4 A.download IMG, 
H5 A.download IMG, 
H6 A.download IMG, 
H1 P A.download IMG, 
H2 P A.download IMG, 
H3 P A.download IMG, 
H4 P A.download IMG, 
H5 P A.download IMG, 
H6 P A.download IMG {
	border: none;
}

/* ##################### ende - Link Icons ##################### */

/* ##################### ende - rtehtmlarea ##################### */

/* ##################### start - Mailform ##################### */
/*			Infos in /typo3/sysext/css_styled_content/static/setup.txt */

.csc-mailform {
	/* TABLE der Form */
}


.csc-form-labelcell {
	/* TD hier stehen die Texterklärungen zu den Formelementen z.B. Name: */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: top;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.csc-form-label {
	/* P (nicht Pflichtfelder) hier stehen die Texterklärungen zu den Formelementen z.B. Name: */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.csc-form-label-req{
	/* P (Pflichtfelder) hier stehen die Texterklärungen zu den Formelementen z.B. Name: */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: red;
}

.csc-form-label-req-color{
	color: red;
}

.csc-form-fieldcell {
	/* TD hier stehen die Formelemente */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.csc-form-comment {
}

.csc-form-radio {
}

.csc-form-commentcell {
	background-color: orange;
}

/* ##################### ende - Mailform ##################### */

A, A:visited{
	color: #333;
	text-decoration: underline;
}
A:hover {
	color: #737c80;
	text-decoration: none;
}

/* Left, center, right and justify alignment of text in block elements*/
.align-right {
	text-align: right;
}

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

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

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