/****************************************************************************************
# Default css file for content edited with htmlArea RTE
#
# Defines a few class selectors that can be simply taken as examples by anyone who needs to configure the RTE.
# This css file is referenced by property RTE.default.contentCSS in the default configuration of htmlArea RTE.
# ***************************************************************************************/

/* Left, center, right and justify alignment of text in block elements*/
p.align-left, td.align-left, th.align-left, h1.align-left, h2.align-left, h3.align-left, h4.align-left, h5.align-left, h6.align-left, div.align-left, address.align-left {
	text-align: left;
}
p.align-center, td.align-center, th.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center, h5.align-center, h6.align-center, div.align-center, address.align-center {
	text-align: center;
}
p.align-right, td.align-right, th.align-right, h1.align-right, h2.align-right, h3.align-right, h4.align-right, h5.align-right, h6.align-right, div.align-right, address.align-right {
	text-align: right;
}
p.align-justify, td.align-justify, th.align-justify, h1.align-justify, h2.align-justify, h3.align-justify, h4.align-justify, h5.align-justify, h6.align-justify, div.align-justify, address.align-justify {
	text-align: justify;
}

/* Bullet styles for unordered lists.*/
ul.component-items {
	color: #186900;
	list-style-type: circle;
}
ul.action-items {
	color: #8A0020;
	list-style-image: url(img/red_arrow_bullet.gif);
}
/* Numbering styles for ordered lists.*/
ol.component-items-ordered {
	color: #10007B;
	list-style-type: lower-roman;
}
ol.action-items-ordered {
	color: #8A0020;
	list-style-type: lower-greek;
}
/* Three inline text colors taken from the color scheme of CSS Styled Content extension.*/
span.important {
	color: #8A0020;
}
span.name-of-person {
	color: #10007B;
}
span.detail {
	color: #186900;
}
/* Selectors for the default configuration of the link accessibity feature.*/
a.external-link {
}
a.external-link-new-window {
}
a.internal-link {
}
a.internal-link-new-window {
}
a.download {
}
a.mail {
}
/* Default selector for indentation.*/
div.indent {
	margin-left: 2em;
}
/****************************************************************************************
# Sonstige Content Elemente
# ***************************************************************************************/



/* Tabellen*/

table.style1 {
	background-color:#006666;
}
table.style2 {
	background-color:#FF33CC;
}
table tr.strich01 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}
table tr.strich02 {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}
.csc-frame {
}
.csc-frame .csc-textpic-text {
	padding:0 5px 5px 5px;
}
.csc-frame h1 {
	background-color:#96B0F9;
	color:#FFFFFF;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-image: url(../content/Basis/Verlauf-H.jpg);
	background-repeat: repeat-y;
}

/****************************************************************************************
# Zusätzliche Eigenschaften
# ***************************************************************************************/







/****************************************************************************************
# Blockstil
# ***************************************************************************************/
.clean-h {
	padding-bottom:0px!important;
	padding-top:0px!important;
	margin-bottom:0px!important;
	margin-top:0px!important;
}
.clean-all {
	padding:0px!important;
	margin:0px!important;
}
textbereich_m .botton01, #textbereich .botton01 {
	margin-bottom:5px!important;
}
#textbereich_m .botton02, #textbereich .botton02 {
	margin-bottom:10px!important;
}
#textbereich_m .botton03, #textbereich .botton03 {
	margin-bottom:15px!important;
}
#textbereich_m .botton04, #textbereich .botton04 {
	margin-bottom:20px!important;
}


#textbereich_m .top01, #textbereich .top01 {
	margin-top:5px!important;
}
#textbereich_m .top02, #textbereich .top02 {
	margin-top:10px!important;
}
#textbereich_m .top03, #textbereich .top03 {
	margin-top:15px!important;
}
#textbereich_m .top04, #textbereich .top04 {
	margin-top:20px!important;
}







p.attention {
	color:#CC0000;
}


/* Rahmen Grau*/
div.csc-frame-frame1, p.csc-frame-frame1, table.csc-frame-frame1, li.csc-frame-frame1 {
	background-color: #EDEBF1; 
}
h2.csc-frame-frame1, h1.csc-frame-frame1 {
	background-color: #999999;
	padding: 2px 4px 2px 4px;
	color: #000;
}
h2.csc-frame-frame2 .bodytext, h1.csc-frame-frame2 .bodytext, div.csc-frame-frame1 .bodytext, p.csc-frame-frame1 .bodytext, table.csc-frame-frame1 .bodytext , li.csc-frame-frame1 .bodytext{
	padding:2px 4px; 
}


/* Rahmen Gelb*/
div.csc-frame-frame2,  p.csc-frame-frame2, table.csc-frame-frame2, li.csc-frame-frame2 {
	background-color: #FFFFB6;
}
h2.csc-frame-frame2, h1.csc-frame-frame2 {
	background-color: #FFF000;
	padding: 2px 4px 2px 4px;	
	color: #000;
}
div.csc-frame-frame2 .bodytext,  p.csc-frame-frame2 .bodytext, table.csc-frame-frame2 .bodytext, h2.csc-frame-frame2 .bodytext, h1.csc-frame-frame2 .bodytext, li.csc-frame-frame2 .bodytext {
	padding:2px 4px; 
}


/* Rahmen ATB Blau*/
div.csc-frame-frame3, p.csc-frame-frame3, table.csc-frame-frame3, li.csc-frame-frame3 {
	background-color: #003399;
}
h2.csc-frame-frame3, h1.csc-frame-frame3 {
	background-color: #001C5E;
	padding: 2px 4px 2px 4px;
	color: #FFF;
}
div.csc-frame-frame3 .bodytext, p.csc-frame-frame3 .bodytext, table.csc-frame-frame3 .bodytext, h2.csc-frame-frame3 .bodytext, h1.csc-frame-frame3 .bodytext, li.csc-frame-frame3 .bodytext {
	padding:2px 4px; 
}


/* Rahmen Braun*/
div.csc-frame-frame4, p.csc-frame-frame4, table.csc-frame-frame4, li.csc-frame-frame4 {
	background-color: #D7AE8B;
}
h2.csc-frame-frame4, h1.csc-frame-frame4 {
	background-color: #7A4C35;
	color: #000;
		padding: 2px 4px 2px 4px;	

}
div.csc-frame-frame4 .bodytext, p.csc-frame-frame4 .bodytext, table.csc-frame-frame4 .bodytext, h2.csc-frame-frame4 .bodytext, h1.csc-frame-frame4 .bodytext, li.csc-frame-frame4 .bodytext {
	padding:2px 4px; 
}



/* Rahmen Grün*/
div.csc-frame-frame5, p.csc-frame-frame5, table.csc-frame-frame5, li.csc-frame-frame5 {
	background-color: #88DDA9;
}
h2.csc-frame-frame5, h1.csc-frame-frame5 {
	background-color: #237943;
	color: #000;
		padding: 2px 4px 2px 4px;	

}
div.csc-frame-frame5.bodytext, p.csc-frame-frame5.bodytext, table.csc-frame-frame5.bodytext, h2.csc-frame-frame5.bodytext, h1.csc-frame-frame5.bodytext, li.csc-frame-frame5.bodytext {
	padding:2px 4px; 
}



/* Rahmen Blau*/
div.csc-frame-frame6, p.csc-frame-frame6, table.csc-frame-frame6, li.csc-frame-frame6 {
	background-color: #ACDDF5;
}
h2.csc-frame-frame6, h1.csc-frame-frame6 {
	background-color: #4D93D5;
	color: #000;
		padding: 2px 4px 2px 4px;	

}
div.csc-frame-frame6.bodytext, p.csc-frame-frame6.bodytext, table.csc-frame-frame6.bodytext, h2.csc-frame-frame6.bodytext, h1.csc-frame-frame6.bodytext, li.csc-frame-frame6.bodytext {
	padding:2px 4px; 
}



/**********************************************************************************************************
# Text Stiles
# Anpassungen in Root-TSconfig
# "RTE.classes", "proc.allowedClasses", "buttons.textstyle.tags.span.allowedClasses"
# *********************************************************************************************************/
align-left {
	text-align: left;
}
align-center {
	text-align: center;
}
align-right {
	text-align: right;
}














/* Farben*/
span.red {
	color: #b11117;
}

span.grey-brightly {
	color: #CCCCCC;
}

span.grey-means {
	color: #999999;
}

span.grey-darkly {
	color: #666666;
}


span.green {
	color: #5e912b;
}

span.blue-darkly {
	color:#039
}

span.blue-brightly {
	color:#659DFF
    }
span.blue-means {
	color:#2459AD
    }
 
span.white {
	color:#FFF;
    }



.check:after {
	content:url(../Templates/Pictures/Symbol.gif);
}