/*
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:150%;
	line-height: 24px;
	font-weight: normal;
	margin: 5px 0 4px 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: 2px; 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 {
	align: center;
	text-align: center;
	font-weight: bold;
	margin-top: 8px;
}
table, TABLE.contenttable { -moz-border-radius: 5px 5px 5px 5px; border: #C0C0C0; margin: 0px 0px 0px 0px; width: auto; background: #dddddd;}
th, TABLE.contenttable TR TH { -moz-border-radius: 5px 5px 5px 5px; font-weight: bold; border: #000000; border: 2px solid #789DB3; margin-bottom: -30px; padding: 3px; color: #555555; text-align:center;}
td, TABLE.contenttable TR TD { -moz-border-radius: 5px 5px 5px 5px; border: #000000; border: 2px solid #789DB3; padding: 4px 5px 4px 4px; text-align: right; align:right;}
TABLE.contenttable TR TD P.bodytext { font-size: 30%; }

/* Formulare */

form {
	font-size: 80%;
	text-align: center;
	margin:1px 1px 1px 1px; /* Abstand jeder Rahmen-Seite zum nächsten Objekt */
	padding:5px 1px 1px 1px; /* Abstand gegen innen zum Inhalt */
	-moz-border-radius: 5px 5px 5px 5px;
}

input{
	font-family: verdana, Arial, Geneva, Arial,sans-serif;
	font-size: 8pt;	
	border-top: 2px solid #000000;
	border-right: 2px solid #000000;
	border-bottom: 2px solid #000000;
	border-left: 2px solid #000000;
	-moz-border-radius: 5px 5px 5px 5px;
	}
	
textarea{
	font-family: verdana, Arial, Geneva, Arial,sans-serif;
	font-size: 8pt;	
	border-top: 2px solid #000000;
	border-right: 2px solid #000000;
	border-bottom: 2px solid #000000;
	border-left: 2px solid #000000;
	-moz-border-radius: 5px 5px 5px 5px;
	}	

select{
	font-size:8pt;
	text-align: center;
	font-family: verdana, Arial, Geneva, Arial,sans-serif;
	border-top: 2px solid #000000;
	border-right: 2px solid #000000;
	border-bottom: 2px solid #000000;
	border-left: 2px solid #000000;
	-moz-border-radius: 5px 5px 5px 5px;
}


.TextFeldShop a:link {font-family:verdana;text-decoration:none;color:black;font-size:8pt;}
.TextFeldShop a:visited {font-family:verdana;text-decoration:none;color:black;font-size:8pt;}
.TextFeldShop a:hover {font-family:verdana;text-decoration:none;color:black;font-size:8pt;}
.TextFeldShop a:active {font-family:verdana;text-decoration:none;color:black;font-size:8pt;}


	.tx-wtgallery-pi1 div {	margin-bottom:10px;	}
	.wtgallery_listpic_pic { border: 1px solid #656565;	}
	.wtgallery_pagebrowser div{	margin-bottom:10px;	}
	.wtgallery_pagebrowser_back,
	.wtgallery_pagebrowser_page,
	.wtgallery_pagebrowser_fwd { float: left; padding-right: 15px; }
	.wtgallery_singlepic,
	.wtgallery_singlepic_popup,
	.wtgallery_singlepic_fwd,
	.wtgallery_singlepic_back,
	.wtgallery_listpic { margin-right: 15px; margin-bottom: 10px; }



/****************************************/
/* 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 {

}