@charset "utf-8";

/* meta
	author: rico floss
	contact: floss@51nullacht.de
	date: 2010-01-11
	client: CMS
	
	Achtung:
	- Die Klassen wird gleichzeitig durch .mceContentBody auch im TinyMCE genutzt. Dadurch sind die
	Klassen-Bezeichnungen etwas "aussergewoehnlich"
	- Wenn etwas ohne Klasse im TinyMCE verwendet werden soll, muss dieses doppelt angegeben werden:
	einmal mit .mceContentBody SELEKTOR und einmal mit #mainContent SELEKTOR da TinyMCE nur die 
	Klassen auswertet
	
*/

/*
E95E27	orange		logo, callback, headlines, kontrast
383832	braun		schrift, header, border dunkel
23BAD9	hellblau	headlines
C1C2C3	grau		border standard
E9E9E7	hellgrau	border hell
*/

#sidebar .link-rechts a,
.mceContentBody .link-rechts a,
.link-rechts a {
	display: block;
	float: right;
	padding-left: 1em;
	margin-bottom: 0.5em;
	
	color: #383832;
	background: transparent url(list_item_arrow.png) center left no-repeat;
}

#sidebar .link {
	display: block;
	clear: both;
	padding: 0 0 0.5em 1em;
	background: transparent url(list_item_arrow.png) left 0.2em no-repeat;
}
#sidebar .link a {
	font-size: 11px;
}

/* ============== headlines ================= */
#sidebar h5,
#sidebar h6 {
	clear: both;
	margin: 0;
	
	font-size: 14px;
	font-weight: 100;
	color: #E95E27;
}
#sidebar h5 span {
	color: #383832;
}
#sidebar .twitter h5 {
	color: #383832;
	font-weight: 900;
}
#sidebar h6 {
	margin: 0.7em 0 0 0;
	font-size: 12px;
}
#sidebar h6 a {
	font-size: 12px;
}

/* ============== listen ================= */
#sidebar ol,
.mceContentBody ol,
#sidebar ul,
.mceContentBody ul {
	margin: 1em 0 0 0;
	list-style: none;
}
#sidebar ol li,
.mceContentBody ol li,
#sidebar ul li,
.mceContentBody ul li {
	background: transparent url(list_item_arrow.png) left 3px no-repeat;
	padding: 0 0 1em 1em;
}

/* ============== accordion ================= */
#sidebar .accordion div {
	/* margin-bottom: 1.5em; */
}
#sidebar .ui-accordion-header {
	cursor: pointer;
	background: transparent url(accordion_arrow_up.png) right top no-repeat;
}
#sidebar .ui-accordion-header.selected,
#sidebar .ui-accordion-header:hover {
	background: transparent url(accordion_arrow_down.png) right top no-repeat;
}

#sidebar .accordion.startseite {
	height: 287px;
}
#sidebar .accordion div p {
	margin: 0 0 0.2em 0; padding: 0.5em;
	background: transparent url(accordion_bg.png) left top repeat-x;
}
#sidebar .accordion div p.noGradient {
	padding: 0; margin: 0; font-size: 0;
	background: transparent;
}
#sidebar .accordion div p.linkNoGradient {
	/* padding: 0; margin: 0.5em; */
	background: transparent;
}
#sidebar .accordion div p a {
/* 	padding-left: 1em;
	margin-bottom: 0.5em;
	color: #383832;
	background: transparent url(list_item_arrow.png) center left no-repeat; */
}
#sidebar .accordion h6 {
	margin-bottom: 0.5em;
}
#sidebar .accordion h6 a {
	font-size: 17px;
	color: #E95E27;
}

/* express: abstand nach oben */
#sidebar .accordion4 {
	margin-top: 2em;
}

/* ============== twitter ================= */
#sidebar .twitter ul li {
	border-top: 1px solid #C1C2C3;
	padding: 0.5em 0 0.5em 60px;
	background: transparent left 1em no-repeat;
}
#sidebar .twitter ul li a {
	color: #E95E27;
}

/* ============== rahmen, kontakt ================= */
#sidebar .rahmen,
#sidebar .kontakt {
	border: 10px solid #EFEEEC;
	padding: 5px 5px 0 5px;
	margin: 0 0 -10px 0;
}
#sidebar .rahmen p,
#sidebar .kontakt p {
	margin: 0.5em 0 0 0;
}
#sidebar .kontakt hr {
	clear: both;
	border-top: 1px solid #C1C2C3;
}

/* ============== form ================= */