/*/////////////*/
/*// BACKEND //*/
/*/////////////*/

.htmlarea-content-body {
	font: 11px Verdana, Geneva, sans-serif;
	line-height: 1.3em;
	margin:0;
	padding:3px;
	background-color:#353535;
	color: #c9c9c9;
}

.htmlarea-content-body TD, .htmlarea-content-body UL, .htmlarea-content-body OL, .htmlarea-content-body TF { font-size:11px; }





/*//////////////*/
/*// FRONTEND //*/
/*//////////////*/



/*------ TEXT ------*/
.htmlarea-content-body p, .htmlarea-content-body td, .htmlarea-content-body th, 
#content-holder p, #content-holder TD, #content-holder TH {
	margin: 5px 0 10px 0;
	line-height: 1.8em;
	vertical-align: top;
	color: #c9c9c9;
	/*opacity:.99;*/ /* FF OSX Hack - Fontrendering */
}

#content-holder #col-right p, #content-holder #col-right TD, #content-holder #col-right TH {
	line-height: 1.5em;
}
/* Abstand vor und nach Abs�tzen im IE vergr��ern, wegen Tabellen*/
* html .htmlarea-content-body TD, * html .htmlarea-content-body TH, 
* html #content-holder TD, * html #content-holder TH {
	padding-top:3px;
	padding-bottom:3px;
}


hr { 
	height: 0px;
	padding: 0;
	margin: 0 0 10px 0 !important;
	border-bottom: 1px solid #7d7d7d; 
	border-left: 0;
	border-right: 0;
	border-top: 0;
}

.htmlarea-content-body .align-left		{ text-align: left; }
.htmlarea-content-body .align-center	{ text-align: center; }
.htmlarea-content-body .align-right 	{ text-align: right; }


/*------ BULLETTS ------*/
#content-holder ul, 
.htmlarea-content-body ul {
	margin-bottom: 15px;
	list-style-image: url(../../fileadmin/media/_statics/listbullet.gif); 
	list-style-position: outside; 
	line-height: 1.8em;
	padding-left: 20px;
	color: #c9c9c9;
}




/*--------- HYPERLINKS ---------*/
/*------ hyperlinks: text ------*/
.htmlarea-content-body a, .htmlarea-content-body a:link, .htmlarea-content-body a:visited,
a, a:link, a:visited {
	color:#fff !important;
	font-style:normal !important;
	text-decoration:none !important;
}
.htmlarea-content-body a:hover, .htmlarea-content-body a:active,
a:hover, a:active {
	color:#fff;
	text-decoration:underline !important;
}


/*------ hyperlinks: download, mail, external ------*/
a.download:link, a.download:visited, a.download:hover, a.download:active {
	background-image: url(../../fileadmin/media/_statics/links/link_download.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding-left:14px;
}
a.mail:link, a.mail:visited, a.mail:hover, a.mail:active {
	background-image: url(../../fileadmin/media/_statics/links/link_mail.gif);
	background-repeat:no-repeat;
	padding-left:16px;
}
a.external-link:link, a.external-link:visited, a.external-link:hover, a.external-link:active {
	background: transparent url(../../fileadmin/media/_statics/links/link_external.gif) no-repeat right 1px;
	padding-right:14px;
}
a.pfeil:link, a.pfeil:visited, a.pfeil:hover, a.pfeil:active {
	background: transparent url(../../fileadmin/media/_statics/links/link_pfeil.gif);
	background-position:3px -1px;
	background-repeat:no-repeat;
	padding-left:16px;
}
a.unrelevant {
	color: #898989 !important;
}


/*------ HEADLINES ------*/
h1, h1 a {
	font-weight: normal;
	line-height: 1.4em; 
	font-style: normal;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 0em;
}
h1 {
	/* font-family: "myOnlineFutura", "Futura Std", "Helvetiker", Georgia;*/
	margin: 0.75em 0 1em 0;
	font-size: 2em;
}

h2, h2 a {
	font-weight: normal;
	line-height: 1.4em;
	font-style: normal;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.12em;
}
h2 {
	margin: 1.4em 0;
	padding: 0.7em 0;
	border-top: 1px solid #7d7d7d;
	border-bottom: 1px solid #7d7d7d;
	font-size: 1.1em; 
}
h3, h3 a {
	font-weight: normal;
	font-style: normal;
	line-height: 1.4em;
	color: #dfbf27;
	text-decoration: none;
}
h3 {
	margin: 1em 0 0.6em 0;
	font-size: 1.2em; 
}


/*------ HIGHLIGHTS - <span> ------*/
span.highlight1, span.highlight1 a	{ color: #dfbf27 !important; }
span.highlight1 a { text-decoration: underline !important; }
span.highlight2, span.highlight2 a	{ color: #fff; }
span.highlight2 a { text-decoration: underline; }
span.small 	{ font-size: 0.8em; color: #b0b0b0; }

/*------ HIGHLIGHTS - <p> ------*/
.htmlarea-content-body .highlight1 a,
.highlight1 { color: #dfbf27 !important; }
.htmlarea-content-body .highlight1 a { text-decoration: underline !important; }

.htmlarea-content-body .highlight2 a,
.highlight2 { color: #fff; }
.htmlarea-content-body .highlight2 a { text-decoration: underline !important; }

.small 	{ font-size: 0.8em; color: #b0b0b0; }


/*------ TABLES ------*/
td.border-bottom { 
	padding: 5px 0;
	border-top: 1px solid #7d7d7d;
}
table.border-bottom td { 
	padding: 5px 0;
	border-top: 1px solid #7d7d7d;
}