/*
TYPO3 leicht und verstaendlich
copyright: Birgit Ruehring www.ruehring.de 

CSS Document 
Formate fuer Inhaltselemente, die in TYPO3 als Contentelemente eingegeben werden koennen

Formate fuer Inhaltselemente die ueber den RTE (Rich Text Editor) eingegeben werden koennen 

Diese CSS Datei als contentCSS fuer den RTE im pageTSconfig der Rootseite angeben:
RTE.default.contentCSS = fileadmin/templates/inhalt.css

Klassenzuweisung (.) im RTE (IDs # werden nicht angenommen!!!) ueber:

RTE.default.proc.allowedClasses (
	unsichtbar, rot, seitentitel, 
	csc-firstHeader,
	csc-bulletlist-0
}

*/

body {
	font-size: 70%;
}
form {
	font-size: 70%;
}

.rot {
	color: #ff0000;
}
.unsichtbar {
	display: none;
}
p.hinweis {
	background-image: url(../gfx/pfeil_wichtig.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 16px;
}
a {
	color: #333333;
	text-decoration: underline}
a:visited {
	color:#666666;
	text-decoration: underline
}
a:hover {
	color: #333333; 
	text-decoration: none; 
}
a:active { 
	color: #333333; 
	text-decoration: none; 
}
a.extern {
	background-image: url(../gfx/link_extern.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding-left: 15px;
}
a.intern {
	background-image: url(../gfx/link_intern.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding-left: 15px;
}
a.email {
	background-image: url(../gfx/link_email.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding-left: 15px;
}
h1.csc-firstHeader{
	margin-top: -4px;
}
h1{
	font-size:150%;
	line-height: 24px;
	font-weight: normal;
	margin: 24px 0 8px 0;
	padding:0;

}
h2.csc-firstHeader{
	margin-top: -4px;
}
h2 {
	font-size:130%;
	line-height: 24px;
	font-weight: normal;
	margin: 24px 0 8px 0;
	padding:0;
}
h2.csc-firstHeader{
	margin-top: -4px;
}
h3 {
	font-size: 120%;
	font-weight: normal;
	background-color: #dddddd;
	border-left:7px solid #666666;
	padding:5px 10px;
	margin: 16px 0px 8px 0px;
}
h4 {
	font-size: 100%;
	font-weight: bold;
	padding:0;
	margin: 16px 0 8px 0;
}

p {
	padding-bottom: 5px ;
	margin:0px; 
}

/* Blockzitat */
blockquote {
	font-style: italic;
}
/* Zitat im laufenden Text */
cite {
	font-style: normal;
	font-size: 80%;
}
/* Hervorhebung */
em {
	font-weight: bold;
	color: #333333;
	font-style: normal;
}

/* starke Hervorhebung */
strong {
	font-weight: bold;
	color: #ff0000;
}

/* Quellcode 
mit <pre></pre> umgeben, um Einrückungen zu erhalten*/
code {
	font-size: 100%;
	font-family: "Courier New", Courier, mono;
	color: #666666;	
	display: block;
	height: auto;
	background-color: #dddddd;
	padding: 7px;
}

/* Abkürzung z.B.*/
abbr {

}
/* Acronym BRD */
acronym {

}
/* Link "nach oben" */
P.csc-linkToTop { 
	text-align: right; 
}
P.csc-linkToTop A {
	font-weight: bold;
	color: #999999;
	background-image: url(../gfx/nach_oben.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 15px;
}

/* geordnete Listen */
ol {
	color: #333333;
	list-style-position: outside;
	margin-left:0;
	padding-left:20px;
	list-style-type: decimal;
}

li, UL.csc-bulletlist LI { margin-bottom: 8px; margin-left:0;}

/* Listen fuer Backendauswahl (Selectmen), Contentlement LISTE*/
ul, UL.csc-bulletlist-0 {
	color: #333333;
	list-style-position: outside;
	list-style-image: url(../gfx/listenpunkt.gif);
	list-style-type: disc;
	margin-left:0;
	padding-left:20px;

}
UL.csc-bulletlist-1 { color: #ff0000; list-style-type : decimal; font-weight: bold;}
UL.csc-bulletlist-2 { color: #10007B; list-style-position : inside; }
UL.csc-bulletlist-3 { color: #333333; list-style-type: decimal; }.kasten_mitte {
	padding: 7px;
	border: 7px solid #FF0000;
}

/* Textboxen, Selectbox "Rahmen" im Backend */
DIV.csc-frame { border: 0px; padding: 5px;}
DIV.csc-frame-invisible {}
DIV.csc-frame-rulerBefore { border-top: 1px solid #333333; }
DIV.csc-frame-rulerAfter { border-bottom: 1px solid #333333; }
div.dahinter1 {border: 7px solid #666666; margin: 8px 0 8px 0;}
DIV.csc-frame-frame1 { padding: 0; border: 7px dashed #ff0000; margin: -7px;}
div.dahinter2 {border-left: 7px solid #666666; margin: 8px 0 8px 0;background-color: #dddddd;}
DIV.csc-frame-frame2 { padding: 7px; border-left: 7px dashed #ff0000; margin-left: -7px;}

DIV.csc-frame-frame1 H1, DIV.csc-frame-frame1 H2, DIV.csc-frame-frame1 H3, DIV.csc-frame-frame1 H4, DIV.csc-frame-frame1 H5 { margin-top: 2px; }
DIV.csc-frame-frame2 H1, DIV.csc-frame-frame2 H2, DIV.csc-frame-frame2 H3, DIV.csc-frame-frame2 H4, DIV.csc-frame-frame2 H5 { margin-top: 2px; }

/* Tabellen */
/* RTE / Table styling */
table caption {
	text-align: left;
	font-weight: bold;
	margin-top: 8px;
}
table, TABLE.contenttable { border: none; margin: 10px 0px 10px 0px; width: 100%; background: #dddddd;}
th, TABLE.contenttable TR TH { margin: 1px; padding: 3px; background-color: #999999; color: #ffffff}
td, TABLE.contenttable TR TD { margin: 1px; padding: 3px 40px 3px 3px; background-color: #ffffff;text-align: right;}
TABLE.contenttable TR TD P.bodytext { font-size: 100%; }

/* Formulare */

form {
	font-size: 100%;
/*	background-color: red; */
	text-align: right;
}
input , textarea, select{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	border: 1px solid #dddddd;
	margin-bottom: 8px;
	padding: 2px;
/*	background-color: yellow; */

}


/****************************************/
/* Mailformular */
/****************************************/

form#mailform {
	background-color: #dddddd;
	border: none;
	padding: 10px;
	width: 500px;
	height: auto;
}
fieldset.csc-mailform {
	border: none;
}
div.csc-mailform-field {
	width: 100%;
	height:auto;
	clear: both;

}
#mailform label {
	display: block;
	width: 180px;
	float: left;
}
#mailform input {
	width: 290px;
	float:right;
}
input#mailformname {

}
input#mailformemail {

}

#mailform textarea{
	width: 290px;
	float:right;
	clear: right;
}
textarea#mailformnachricht {

}
select#mailformessen {
	width: 150px;
	float: right;

}
input#mailformformtype_mail {
	width: 150px;
	background-color:#FF0000;
	color: #ffffff;
}
input.csc-mailform-submit {

}


FORM TABLE.csc-loginform { width: 80%; }



/*****************/
/* Various Forms */
/*****************/

/* Email, Login and Search forms generally: */
FORM TABLE TR TD { padding-left: 5px; padding-right: 20px; font-size: 100%;}
FORM TABLE TR TD.csc-form-labelcell, FORM TABLE TR TD.csc-form-commentcell { background-color: #D8D7DC; }
FORM TABLE TR TD.csc-form-fieldcell { background-color: #EDEBF1; }
FORM TABLE TR TD.csc-form-fieldcell INPUT, FORM TABLE TR TD.csc-form-fieldcell SELECT, FORM TABLE TR TD.csc-form-fieldcell TEXTAREA { border: 1px solid #333333; font-size:70% }
FORM TABLE TR TD.csc-form-labelcell P.csc-form-label-req { font-size: 80%; }
FORM TABLE TR TD.csc-form-label { font-size: 40%; }
FORM TABLE TR TD.csc-form-commentcell { font-size: 80%; }


/* Email form, specifically */
FORM TABLE.csc-mailform TR TD.csc-form-labelcell  { }

/* Search form, specifically */
FORM TABLE.csc-searchform { width: 100%; }
FORM TABLE.csc-searchform TR TD { padding: 5px 5px 5px 5px; }
FORM TABLE.csc-searchform TR TD.csc-form-labelcell, FORM TABLE.csc-searchform TR TD.csc-form-commentcell { font-weight: bold; }
FORM TABLE.csc-searchform TR TD.csc-form-fieldcell INPUT, FORM TABLE.csc-searchform TR TD.csc-form-fieldcell SELECT { width: 100%; }