/* Klasse fuer die InfoBox im Beitrag rechtsbuendig */
.renderRichtextInfoboxRight, .renderRichtextInfoboxLeft, .renderRichtextInfobox100
{
width: 256px;
margin-bottom: 0.75em;
float: left;
background: #f0f5f8;
color: #000000;
font-size: 0.7em;
line-height: 135%;
padding: 0.5em;
/* clear: both; */
border: #bcd1e2 1px solid;
float: left;
}

.renderRichtextInfoboxRight a, .renderRichtextInfoboxLeft a, .renderRichtextInfobox100 a
{
font-weight: bold !important;
}


.renderRichtextInfoboxRight strong, .renderRichtextInfoboxLeft strong, .renderRichtextInfobox100 strong
{
/* color: #ff6600; */
font-size: 110%;
padding: 0 0 0.25em 0;

float: left;
clear: both;
width: 100%;
}

hr { display: none;}


.renderRichtextInfoboxRight
{
float: right;
margin: 0.25em 0 0.5em 0.5em;
}

.renderRichtextInfoboxLeft
{
margin: 0.25em 0.5em 0.5em 0;
float: left;
}



/* Klasse fuer die InfoBox im Beitrag gross */
.renderRichtextInfobox100
{
width: 98%;
padding: 0.25em 0 0.25em 2%;
margin: 0;
clear: both;
position: relative;
}

*html .renderRichtextInfobox100
{
width: 97%;
}


.renderRichtextInfobox100 span, .renderRichtextInfobox100 span
{
padding: 0.5em; position: relative;
}

/* Klasse fuer die MultilinkBox im Beitrag rechtsbuendig */
.ardMehrZumThemaRechts
{
width: 180px;
float: right;
margin-left: 0.5em;
margin-bottom: 0.75em;
clear: both;
}

.ardMehrZumThemaRechts p
{
color: #ffffff;
font-size: 0.7em;
padding: 3px 0 3px 0.7em;
margin: 0;
}

.ardMehrZumThemaRechts li
{
padding: 0.15em 0.25em 0.3em 24px;
display: block;
line-height: 1.3em;
background: #e9e9e9;
font-size: 0.7em;
border-color: #ffffff;
border-style: solid;
border-width: 1px 0px 0px 0px;
clear: both;
}

.ardMehrZumThemaRechts ul
{
display: block;
border-color: #ffffff;
border-style: solid;
border-width: 0px 0px 1px 0px;
margin: 0 0 0.2em 0;
padding: 0;
}


/* Klasse fuer die MultilinkBox im Beitrag linksbuendig */
.ardMehrZumThemaLinks
{
width: 180px;
float: left;
margin-right: 0.5em;
margin-bottom: 0.75em;
clear: both;
}

.ardMehrZumThemaLinks p
{
color: #ffffff;
font-size: 0.7em;
padding: 3px 0 3px 0.7em;
margin: 0;
}

.ardMehrZumThemaLinks li
{
padding: 0.15em 0.25em 0.3em 24px;
display: block;
line-height: 1.3em;
background: #e9e9e9;
font-size: 0.7em;
border-color: #ffffff;
border-style: solid;
border-width: 1px 0px 0px 0px;
clear: both;
}

.ardMehrZumThemaLinks ul
{
display: block;
border-color: #ffffff;
border-style: solid;
border-width: 0px 0px 1px 0px;
}


/* Klasse fuer die MultilinkBox im Beitrag ueber gesamte Breite */
.ardMehrZumThema
{
margin-bottom: 0.75em;
clear: both;
float: left;
width: 100%;
}


.ardMehrZumThema p
{

color: #ffffff;
font-size: 0.7em;
padding: 3px 0 3px 0.7em;
margin: 0;
}

.ardMehrZumThema li
{
padding: 0.15em 0.25em 0.3em 24px;
display: block;
line-height: 1.3em;
background: #e9e9e9;
font-size: 0.7em;
border-color: #ffffff;
border-style: solid;
border-width: 1px 0px 0px 0px;
clear: both;
}

.ardMehrZumThema ul
{
display: block;
border-color: #ffffff;
border-style: solid;
border-width: 0px 0px 1px 0px;
margin: 0 0 0.2em 0;
padding: 0;
}

.tablestyle--ColorPink
{
background-color: #FF99D6 !important;
}

.tablestyle--ColorLightGray
{
background-color: #E9E9E9 !important;
}

.tablestyle--ColorGray
{
background-color: #d5d6d7 !important;
}

.tablestyle--ColorRot
{
background-color: #FFB199 !important;
}

.tablestyle--ColorGruen
{
background-color: #9CDAD5 !important;
}

.tablestyle--ColorBlau
{
background-color: #B1D2EB !important;
}

.p-styles--doctypes_Div__divblock1 
{
border-color :#FF8FA9;
border-width:4px;
border-style: solid;
}
.p-styles--doctypes_Div__divblock2 
{
border-color :#BFFAFF;
border-width:4px;
border-style: solid;
}
.p-styles--doctypes_Div__divblock3 
{
border-color :#FEFF9F;
border-width:4px;
border-style: solid;
}






.renderRichtextInfoboxRight .ardLinkliste 
{
clear: both;
padding: 0;
margin:0;
width: 100%;
}


.renderRichtextInfoboxRight .ardLinkliste p
{
clear: both;
padding: 0.25em 0 0.25em 0.5em!important;
float: left;
margin: 0 !important;
width: 100%;
font-size: 0.9em !important;
}

.renderRichtextInfoboxRight .ardLinkliste ul
{
clear: both;
padding: 0;
margin:0;
width: 100%;
}


.renderRichtextInfoboxRight .ardLinkliste ul li
{
padding: 0.25em 0 0.25em 1.75em !important;
display: block;
width: 93%;
margin: 0;
font-size: 0.9em !important;
}

/* Klassen fuer die Spaltenbreite der Tabellen */
.columnWidth--10Percent{
	width:10%;
}

.columnWidth--20Percent{
    width:20%;
}

.columnWidth--30Percent{
    width:30%;
}

.columnWidth--40Percent{
    width:40%;
}

.columnWidth--50Percent{
    width:50%;
}

.columnWidth--60Percent{
    width:60%;
}

.columnWidth--70Percent{
    width:70%;
}

.columnWidth--80Percent{
    width:80%;
}

.columnWidth--90Percent{
    width:90%;
}

/* Klassen fuer die Tabellenbreite der Tabellen */
.tableWidth--30PercentRight{
    width:30% !important;
    position:relative! important;
	float:right !important;
	clear: both !important;
	margin: 0 0 0 0.5em !important;
}

.tableWidth--40PercentRight{
    width:40% !important;
    position:relative! important;
	float:right !important;
	clear: both !important;
	margin: 0 0 0 0.5em !important;
}

.tableWidth--50PercentRight{
    width:50% !important;
    position:relative! important;
	float:right !important;
	clear: both !important;
	margin: 0 0 0 0.5em !important;
}

.tableWidth--60PercentRight{
    width:60% !important;
    position:relative! important;
	float:right !important;
	clear: both !important;
	margin: 0 0 0 0.5em !important;
}

.tableWidth--30PercentLeft{
    width:30% !important;
    float: left !important;
	clear: both !important;
	margin: 0 0.5em 0 0 !important;
}

.tableWidth--40PercentLeft{
    width:40% !important;
    float: left !important;
	clear: both !important;
	margin: 0 0.5em 0 0 !important;
}

.tableWidth--50PercentLeft{
    width:50% !important;
   	float: left !important;
	clear: both !important;
	margin: 0 0.5em 0 0 !important;
}

.tableWidth--60PercentLeft{
    width:60% !important;
	float: left !important;
	clear: both !important;
	margin: 0 0.5em 0 0 !important;
}