/* 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)';

Grafik, die größer als 1x1 Pixel ist mit sizingMethod='crop'
* html #divE6Wrapper{
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/domain.de/fileadmin/domain.de/layout/back-nav2-3-4.png', sizingMethod='scale');
}

Schatten normal (sind in allen Browsern ziemlich gleich):
text-shadow: #000 2px 2px 4px;
filter:progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#333333,strength=3);

Schatten hover (sind in allen Browsern ziemlich gleich):
text-shadow: #ccc 2px 2px 4px;
filter:progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#cccccc,strength=3);

bei Standardgröße:
Pixel=em
 9=0.5
10=0.6
11=0.7
12=0.75
13=0.85
14=0.9
15=0.95
16=1
17=1.05
18=1.1
27=1.8
28=1.85
30=2

padding = Innenabstand
margin  = Außenabstand

Farben:
#DF9A67	Column right-left

Aktionsfeld:
#62281A	Links
#8C3A25	Links hover

Navigation:
#8C5925	Background
#D0EBFF	Links Aktiv + Hover

Content:
#25608C	Überschriften Content
#FFF1D0	Hell-beige Background Content
#D0EBFF	Hellblau Überschrift Aktionen
#62281A	Links
#8C3A25	Links hover

#d666de	Signalfarbe für Texthinweise

*/

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

body{
	width: 100%;
	height: 100%;
	font-size: 100.01%;
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	background: #DF9A67 url(../layout/background-page.png) top center;
}

A, A:visited{
	color: #62281A;
	text-decoration: underline;
}
A:hover{
	color: #8C3A25;
	text-decoration: none;
}

IMG{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	display: block;
}
#divContent IMG{
	display: inline;
}

A IMG{
	border: none;
}

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

UL, OL{
	margin-top: 0px;
	margin-bottom: 8px;
	padding-top: 0px;
	padding-bottom: 0px;
}
LI{
	margin-top: 0px;
	padding-top: 0px;
}

FORM{
	display: inline;
}

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

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

#tableHeader{
	width: 970px;
	height: 238px;
	background: transparent url(../layout/background-header.png) 0px 238px;
}

#tdHeaderNav{
	width: 310px;
}
#divHeaderNav{
	margin: 0 0 0 0;
	padding: 0;
}

#tdHeaderLogo{
	width: 270px;
}
#divHeaderLogo{
	margin: 10px 0 0 0;
	padding: 0;
}

#tdHeaderBackNews{
	width: 390px;
}
#divHeaderBackNews{
	margin: 10px 0 0 0;
	padding: 0;
}

#divContent H1, #divContent H2, #divContent H3, #divContent H4, #divContent H5, #divContent H6,
DIV.csc-header H1, DIV.csc-header H2, DIV.csc-header H3, DIV.csc-header H4, DIV.csc-header H5, DIV.csc-header H6, 
H1, H2, H3, H4, H5, H6{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #25608C;
	font-size: 18px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 9px 0;
}
#divContent H2{ font-size: 16px; padding-bottom: 8px; }
#divContent H3{ font-size: 15px; padding-bottom: 6px; }
#divContent H4{ font-size: 14px; padding-bottom: 5px; }
#divContent H5{ font-size: 12px; padding-bottom: 3px; }
#divContent H6{ font-size: 10px; padding-bottom: 2px; }

#divH1page H1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #25608C;
	font-size: 18px;
	font-weight: bold;
	margin: 0 30px 12px 270px;
	padding: 0 0 0 0;
}

/* Linie davor und danach wrappen */
div.csc-frame-rulerBefore hr{
	margin: 15px 0 12px 0;
	padding: 0;
}

div.csc-frame-rulerAfter hr{
	margin: 15px 0 12px 0;
	padding: 0;
}

#tablePageWrapper{
	width: 100%;
	height: 100%;
}

#tablePageWrapper #tdLeft{
	width: 30%;
	height: 100%;
	background: #DF9A67 url(../layout/background-column-left.png) repeat-y top right;
	font-size: 1px;
}

#tablePageWrapper #tdRight{
	width: 30%;
	height: 100%;
	background: #DF9A67 url(../layout/background-column-right.png) repeat-y top left;
	font-size: 1px;
}

#tablePageWrapper #tdContent{
	width: 970px;
	height: 100%;
}

#divAktionen{
	position: absolute;
	top: 25px;
	left: 50%;
	margin-left: 110px;
	width: 315px;
	height: 185px;
	z-index: 1;
	overflow: auto;
}
#divAktionen P.bodytext,
#divAktionen P{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF1D0;
	margin: 0 0 0 0;
	padding: 0 0 8px 0;
}
#divAktionen A, #divAktionen A:visited{
	color: #62281A;
	text-decoration: underline;
}
#divAktionen A:hover{
	color: #8C3A25;
	text-decoration: none;
}

#divAktionen H1, #divAktionen H2, #divAktionen H3, #divAktionen H4, #divAktionen H5, #divAktionen H6{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #D0EBFF;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 6px 0;
}

/* start - Content ############################################################################################################# */

#divContentWrapper{
	margin: 5px 30px 10px 270px;
	padding: 0 0 0 0;
}

#divContent, #divContent TD{
	font-size: 12px;
}

/* ende - Content ############################################################################################################# */

/* start - Menü Left ############################################################################################################# */

#divMenuLeft{
	position: absolute;
	top: 145px;
	left: 50%;
	padding: 0 0 0 0;
	margin: 0 0 0 -410px;
	width: 170px;
	z-index: 2;
}

#tableLeftNav, #tableLeftNavEmpty{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

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

#tdE1Link, #tdE1LinkAktiv{
	margin: 0 0 0 0;
	padding: 15px 0 0 0;
}

#divMenuLeft #tableLeftNav #tdE1Link A, 
#divMenuLeft #tableLeftNav #tdE1Link A:visited, 
#divMenuLeft #tableLeftNav #tdE1LinkAktiv A, 
#divMenuLeft #tableLeftNav #tdE1LinkAktiv A:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFF1D0;
	font-size: 12px;
	text-decoration: none;
}

#divMenuLeft #tableLeftNav #tdE1Link A:hover, 
#divMenuLeft #tableLeftNav #tdE1LinkAktiv A, 
#divMenuLeft #tableLeftNav #tdE1LinkAktiv A:visited{
	color: #A1D7FF;
}

#divMenuLeftEmpty{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	display: block;
}

#divE2,
#divE2aktiv{
	padding: 0 0 0 20px;
	margin: 0 0 0 0;
}

#divE2 A, #divE2 A:link, #divE2 A:visited, #divE2 A:active,
#divE2aktiv A, #divE2aktiv A:link, #divE2aktiv A:visited, #divE2aktiv A:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFF1D0;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}

#divE2 A:hover,
#divE2aktiv A, #divE2aktiv A:link, #divE2aktiv A:visited, #divE2aktiv A:active, #divE2aktiv A:hover{
	color: #A1D7FF;
}

#divE3,
#divE3aktiv{
	padding: 0 0 0 35px;
	margin: 0 0 0 0;
}

#divE3 A, #divE3 A:link, #divE3 A:visited, #divE3 A:active,
#divE3aktiv A, #divE3aktiv A:link, #divE3aktiv A:visited, #divE3aktiv A:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFF1D0;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}

#divE3 A:hover,
#divE3aktiv A, #divE3aktiv A:link, #divE3aktiv A:visited, #divE3aktiv A:active, #divE3aktiv A:hover{
	color: #A1D7FF;
}

#divE4,
#divE4aktiv{
	padding: 0 0 0 50px;
	margin: 0 0 0 0;
}
#divE4 A, #divE4 A:link, #divE4 A:visited, #divE4 A:active,
#divE4aktiv A, #divE4aktiv A:link, #divE4aktiv A:visited, #divE4aktiv A:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFF1D0;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}
#divE4 A:hover,
#divE4aktiv A, #divE4aktiv A:link, #divE4aktiv A:visited, #divE4aktiv A:active, #divE4aktiv A:hover{
	color: #A1D7FF;
}

#divE5,
#divE5aktiv{
	padding: 0 0 0 65px;
	margin: 0 0 0 0;
}
#divE5 A, #divE5 A:link, #divE5 A:visited, #divE5 A:active,
#divE5aktiv A, #divE5aktiv A:link, #divE5aktiv A:visited, #divE5aktiv A:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFF1D0;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}
#divE5 A:hover,
#divE5aktiv A, #divE5aktiv A:link, #divE5aktiv A:visited, #divE5aktiv A:active, #divE5aktiv A:hover{
	color: #A1D7FF;
}

#divMenuLeftContentAfter{
	margin: 30px 0 0 0;
	padding: 0 0 0 0;
}

#divMenuLeftContentAfter P.bodytext,
#divMenuLeftContentAfter P{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF1D0;
	margin: 0 0 0 0;
	padding: 0 0 8px 0;
}
#divMenuLeftContentAfter A, #divMenuLeftContentAfter A:visited{
	color: #FFF1D0;
	text-decoration: underline;
}
#divMenuLeftContentAfter A:hover{
	color: #A1D7FF;
	text-decoration: none;
}

#divMenuLeftContentAfter H1, #divMenuLeftContentAfter H2, #divMenuLeftContentAfter H3, #divMenuLeftContentAfter H4, #divMenuLeftContentAfter H5, #divMenuLeftContentAfter H6{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #D0EBFF;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 12px 0;
}

#divMenuLeftContentAfter .csc-textpic-caption{ font-size: 11px; font-style: italic; color: #FFF1D0; padding: 3px 0px 0px 0px; }

/* ende  - Menü Left ############################################################################################################# */

/* start - Content ############################################################################################################## */

#divContent .csc-textpic-caption{ font-size: 11px; color: #000; padding: 3px 0px 0px 0px; }

#divContent H1 A, #divContent H2 A, #divContent H3 A, #divContent H4 A, #divContent H5 A, #divContent H6 A, 
#divContent H1 A:visited, #divContent H2 A:visited, #divContent H3 A:visited, #divContent H4 A:visited, #divContent H5 A:visited, #divContent H6 A:visited{
	color: #1A375F;
	text-decoration: underline;
}
#divContent H1 A:hover, #divContent H2 A:hover, #divContent H3 A:hover, #divContent H4 A:hover, #divContent H5 A:hover, #divContent H6 A:hover{
	color: #4E6583;
	text-decoration: none;
}

#divContent P.bodytext,
#divContent P{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0 0 8px 0;
	padding: 0 0 0 0;
}

/* ende  - Content ############################################################################################################## */






















.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;
}

/* ##################### end Nav ##################### */

/* Begin - Forms */

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

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

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

/* ##################### 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;
}

.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: 3px 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: 3px 0 0 0;
	color: #d666de;
}

.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: #d666de;
}

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

/* ##################### start - indexed_search ##################### */

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

.tx-indexedsearch .tx-indexedsearch-browsebox LI{
	display: inline;
	margin-right: 5px;
}

.tx-indexedsearch .tx-indexedsearch-whatis{
	margin-top: 10px;
	margin-bottom: 5px;
}

.tx-indexedsearch .tx-indexedsearch-whatis .tx-indexedsearch-sw{
	font-weight: bold;
	font-style: italic;
}

.tx-indexedsearch .tx-indexedsearch-noresults{
	text-align: center;
	font-weight: bold;
}

.tx-indexedsearch .tx-indexedsearch-res TD.tx-indexedsearch-descr{
	font-style: italic;
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup{
	color: #d666de;
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info{
	background: #eeeeee;
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead{
	margin-top: 20px;
	margin-bottom: 5px;
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2{
	margin-top:0px;
	margin-bottom:0px;
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD{
	background-color: #cccccc;
	vertical-align: middle;
}

.tx-indexedsearch .tx-indexedsearch-res .noResume{
	color: #666666;
}

.tx-indexedsearch .tx-indexedsearch-category{
	background-color: #cccccc;
	font-size: 100%;
	font-weight: bold;
}

/* Additional styles, needed for the tableless template_css.tmpl (styles don't conflict with the original template) */
.tx-indexedsearch .res-tmpl-css{
	clear: both;
	margin-bottom: 16px;
}

.tx-indexedsearch .searchbox-tmpl-css LABEL{
	margin-right: 16px;
	width: 10em;
	float: left;
}

.tx-indexedsearch .result-count-tmpl-css, .tx-indexedsearch .percent-tmpl-css{
	letter-spacing: 0;
	font-weight: normal;
	margin-top: -20px;
	float: right;
}

.tx-indexedsearch .info-tmpl-css dt, .tx-indexedsearch dl.info-tmpl-css dd{
	float: left;
}

.tx-indexedsearch .info-tmpl-css dd.item-mtime{
	float: none;
}

.tx-indexedsearch .info-tmpl-css dd.item-path{
	float: none;
}

DIV.tx-indexedsearch-rules H3{
	padding: 10px 0 0 0;
	margin: 0 0 0 0;
}

DIV.tx-indexedsearch-rules P{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

/*#divSuche{
	margin: 0 0 5px 5px;
}*/

.tx-indexedsearch .tx-indexedsearch-searchbox TD{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword{
	width: 200px;
	margin: 5px 0 2px 0;
	padding: 0 2px 0 2px;
	border: 1px solid #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	background-color: #fff;
}

.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button{
	width: 50px;
	margin: 0 0 1px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	border: 1px solid #333;
}
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword,
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button{
	font-size: 100%;
}

/* ##################### ende - indexed_search ##################### */

/* 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;
}

/* start - Gästebuch ###################################################################### */

#divGuestbookSingleItem{
	border: 1px solid #ccc;
	margin: 0 0 5px 0;
	padding: 5px 5px 5px 5px;
}

#divGuestbookHeader{
}

.spanGuestbookListHeader{
	font-weight: bold;
	font-size: 12px;
	color: #666;
}

.spanGuestbookDateTime{
	font-size: 10px;
	color: #666;
}

#divGuestbookEntry{
	border-top: 1px solid #E6E6E6;
	font-size: 12px;
	padding: 2px 0 8px 0;
	margin: 2px 0 0 0;
}

#divGuestbookCommentTitle{
	border-top: 1px solid #E6E6E6;
	font-size: 12px;
	font-weight: bold;
	padding: 8px 0 0 0;
}

#divGuestbookComment{
	font-size: 12px;
	font-style: italic;
	padding: 0 0 8px 0;
}

#divGuestbookPageXofX{
	font-size: 12px;
}

#divGuestbookPageLinks{
	float: right;
	font-size: 12px;
}

.spanGuestbookMailWebaddress{
	font-size: 12px;
	color: #666;
}

.tdGuestbookListRow{
	font-size: 12px;
}

.tdGuestbookListRowleft{
}

.tx-guestbook-list-small{
	font-size: 10px;
	color: #666;
}

.tx-veguestbook-pi1-browsebox TD{
	font-size: 9px;
	color: #666;
}

.tx-veguestbook-pi1-browsebox-strong, .tx-ttnews-browsebox-SCell{
	font-weight: bold;
}

.tx-veguestbook-pi1-browsebox-SCell{
	background-color: #eee;
}

.tx-guestbook-latest-header{
	background-color: #E8E1D7;
	color: #ccc;
	font-weight: bold;
}

.tx-guestbook-latest-row{
	background-color: #fff;
}

.tx-guestbook-latest-small{
	font-size: 10px;
	color: #666;
}

.tx-guestbook-form-text{
	font-size: 12px;
}

.tx-guestbook-form-inputfield-med{
	border-style: solid;
	border-width: 1px;
	border-color: #E8E1D7;
	font-size: 12px;
	color: #333;
	width: 100px;
	height: 20px;
}

.tx-guestbook-form-inputfield-big{
	border-style: solid;
	border-width: 1px;
	border-color: #E8E1D7;
	font-size: 12px;
	color: #333;
	width: 150px;
	height: 20px;
}

.tx-guestbook-form-textarea{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-style: solid;
	border-width: 1px;
	border-color: #E8E1D7;
	font-size: 12px;
	color: #333;
	width: 250px;
}

.tx-guestbook-form-obligationfield{
	color: #c00;
}

.tx-guestbook-form-error{
	font-size: 14px;
	color: #c00;
}

/* ende - Gästebuch ###################################################################### */