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

img	{
	font-weight: none;
	background-color: transparent;
	padding: 0px;
	margin: 0px;
}

.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 {
	font-weight: none;
	color: #2443C0;
	text-decoration: underline;
	padding: 2px
	}
a:visited {
	font-weight: none;
	color: #2443C0;
	text-decoration: underline;
	padding: 2px
}
a:hover {
	font-weight: none;
	color: #ffffff;
	background: #2443C0;
	text-decoration: none;
	padding: 2px;
}
a:active { 
	font-weight: none;
	color: #ffffff;
	background: #2443C0;
	text-decoration: none;
	padding: 2px;
}
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;
}

a.acopy:link,
a.acopy:visited {
font-weight: none;
	color: #333333;
	background-color: transparent;
	padding: 2px
}
a.acopy:active,
a.acopy:hover {
font-weight: none;
	color: #333333;
	padding: 2px
	background-color: transparent;
}

a.picnoover:link,
a.picnoover:visited {
font-weight: none;
	background-color: transparent;
	padding: 0px
}
a.picnoover:active,
a.picnoover:hover {
font-weight: none;
	padding: 0px
	background-color: transparent;
}

h1 {
	margin: 0;
	font-size: 160%;
	line-height: 150%;
	color: #2443C0;
	background-repeat : no-repeat;
}

h2 {
	margin: 0;
	padding: 4px 0px 3px 0px;
	font-size: 100%;
	color: #2443C0;
}

h3 {
	margin: 0;
	padding: 2px 0px 2px 0px;
	font-size: 100%;
	color: #000000;
}
h4 {
	font-size: 100%;
	font-weight: bold;
	padding:0;
	margin: 16px 0 8px 0;
}

h5 {
	font-size: 100%;
	font-weight: bold;
	padding:0;
	line-height: 130%;
	text-align: center; 
	background-color: rgb(36, 67, 192);
	color: #ffffff;
}

h6 {
	font-size: 100%;
	font-weight: bold;
	padding:0;
	border: 1px solid rgb(255, 255, 255); 
	text-align: center; 
	background-color: rgb(36, 67, 192);
	color: #ffffff;
}

h1.csc-firstHeader {
	font-size: 100%;
	font-weight: bold;
	padding:0;
	line-height: 130%;
	text-align: center; 
	background-color: rgb(36, 67, 192);
	color: #ffffff;
}

p {
	margin: 0;
	padding: 0px 0px 10px 0px;
}

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

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

/* 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 { padding: 2px 0px 2px 18px;
	background-image: url(../gfx/ppfl.gif);
	background-repeat: no-repeat;
	background-position: top left;
	line-height: 180%;}

/* Listen fuer Backendauswahl (Selectmen), Contentlement LISTE*/
ul, UL.csc-bulletlist-0 {
	list-style: none;
	padding: 10px;
	margin: 10px 0 10px 10px;
	background: #EAEEF9;
	width: 80%;

}



/* Listen fuer Backendauswahl (Selectmen), Contentlement LISTE*/

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 { 	float: right;
	width: 200px;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 10px 10px;
	background: #EAEEF9 url(../images/pfd.gif) repeat-x left top;}
div.dahinter2 {border-left: 7px solid #666666; margin: 8px 0 8px 0;background-color: #dddddd;}
DIV.csc-frame-frame2 { 	
	float: right;
	width: 200px;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 10px 10px;
	border: 1px solid rgb(36, 67, 192);
	background: #EAEEF9 url(../images/pfd.gif) repeat-x left top;}

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


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

form#mailform {
	background-color: #ffffff;

	border: 0px solid #aaaaaa;
	padding: 10px;
	width: 500px;
	height: auto;
	color: #ffffff;
}
fieldset.csc-mailform {
	border: none;
}



div.csc-mailform-field {
	width: 100%;
	height:auto;
	clear: both;
	color: #000066;
	text-align:left;

}

div.csc-mailformNR-field{
	width: 250px;
	height:auto;
	clear: both;
	color: #330066;
	text-align:left;

}

.css-mailform-anpass {	
margin-left: 7px; 
background-color: #ffffff; 
	border-bottom: 1px solid #eeeeee;	
	border-right: 1px solid #eeeeee;	
	border-top: 1px solid #aaaaaa;	
	border-left: 1px solid #aaaaaa;	
}

.css-mailform-pflicht {	
color: #999999; 
margin-left: 185px;
}

#mailform label {
	display: block;
	width: 180px;
	float: left;
}
#mailform input {
	width: 290px;
	color: #000066;
	float:right;
	border-bottom: 1px solid #eeeeee;	
	border-right: 1px solid #eeeeee;	
	border-top: 1px solid #aaaaaa;	
	border-left: 1px solid #aaaaaa;		
}
input#mailformname {

}
input#mailformemail {

}


#mailform textarea{
	width: 290px;
	float:right;
	clear: right;
	border-bottom: 1px solid #eeeeee;	
	border-right: 1px solid #eeeeee;	
	border-top: 1px solid #aaaaaa;	
	border-left: 1px solid #aaaaaa;	
}
textarea#mailformnachricht {

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

}
input#mailformformtype_mail {
	width: 150px;
	background: #EAEEF9 url(../gfx/pfds.gif) repeat-x left top;
	color: #000066;
	border-bottom: 1px solid #aaaaaa;	
	border-right: 1px solid #aaaaaa;	
	border-top: 1px solid #eeeeee;	
	border-left: 1px solid #eeeeee;		
}
input.csc-mailform-submit {
	float:right;
}
input.csc-mailform-check  {
	margin-left: 150px ;
}

/****************************************/
/* Newsletter*/
/****************************************/

form#mailformNR {
	background-color: tranparent;
	//margin: 6px 0 0 -7px;
	border: 0px solid #ffffff;
	padding: 10px;
	width: 270px;
	height: auto;
	color: #000066;
	text-align: left;
}

#mailformNR input {
	width: 250px;
	color: #330066;
	float:right;
	font-weight: bold;
	font-size: 12px;

}

input#mailformformtype_mail_NR {
	width: 100px;
	background: #EAEEF9 url(../gfx/pfds.gif) repeat-x left top;
	color: #000066;
	border-bottom: 1px solid #aaaaaa;	
	border-right: 1px solid #aaaaaa;	
	border-top: 1px solid #eeeeee;	
	border-left: 1px solid #eeeeee;	
	
}