/* Default-CSS für www.leaders-circle.at */

/* Wichtige Farben
Headerbereich Dunkelgrün	= #354933
Linke Spalte Graugrün		= #819175

Hintergrundfarbe Boxen		= #f4eedf

Fließtext Dunkelgrün			= #354933

Links rot						= #e93b0c


Dunkelgrün	1	oberstes Feld hinter Logo	354933
Graugrün	2	linkes Feld - Untermenu	819175
Hellbraun	3	Boxen hinter Text (Mitte, rechts)	F4EEDF

Schrift - Dunkelbraun	4	Überschriften, Teaser(bold)	775E10
Schrift - weiss	5	Submenu, Quickmenu, 	FFFFFF
Schrift - hellgrau	6		
Schrift - dunkelgrün	7	Lauftext, div.Texte	354933
Schrift - Link im Text - rot	8	Links im Lauftext	E93B0C
Schrift - aktives Submenu - gelb	9	Submenu	FFE23D
Schrift - passives Submenu - weiss	10	Submenu	FFFFFF
Schrift - BreadCrumb - hellgrün	11	BreadCrumb	819B7A
Schrift - BreadCrumb - dunkelgrün	12	BreadCrumb	354933

Farbfeld - hellgraugrün	13	Themenindex	A2AD99
Farbfeld - hellbraun	14	Themenindex aktiver Buchstabe	CBBA95

*/




/* Alle Abstände auf 0 setzen */
html, body, div, p, h1, h2, h3, h4, h5, ul, ol, 
span, a, table, td, form, img, li {
   margin: 0;
   padding: 0;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

html {
	/*scrollbar-base-color: #f4eedf;*/
}

/* Debug: Divs anzeigen */
div,ul {
	/*border: 1px solid Red;*/
}



/* ************************ Allgemeingültige Basis-Formatierung ************************* */



/* body-Formatierung */
html, body {
	background: #fff url(body_bg.gif);
	color: #333;
}
html, body, td {
	font: x-small Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 125%;
}

/* Hack, um die Schriftgröße in allen Browsern anzugleichen */
html, body, td {
	voice-family: "\";}\""; voice-family:inherit;
	font-size: small;
}
 
html>body {
	font-size:small;
}

tr>td {
	font-size:small;
}
/*Ende Hack */


a {
   color: #e93b0c;
   text-decoration: none;
}

a:hover, a:active {
   text-decoration: underline;
}

strong {
   font-weight: bold;
}

img {
   border: 0;
}

/* ************************ Formatierung Content allgemein ************************* */

.contentarea h1, .contentarea h1 a {
	font-family: "Times New Roman", Times, serif;
}
.contentarea h1 {
	font-weight: normal;
	font-style: normal;
	font-size: 190%;
	line-height: normal;
	color: #67510e;
	margin: 1em 0 0.6em 0;
}


.contentarea h2, .contentarea h2 a {
	font-family: Arial, Helvetica, sans-serif;
}
.contentarea h2 {
	font-size: 135%;
	font-weight: normal;
	line-height: normal;
	color: #775e10;
	margin: 1em 0 1em 0;
}

.contentarea h3, .contentarea h3 a {
	font-family: Arial, Helvetica, sans-serif;
}
.contentarea h3 {
	font-size: 120%;
	font-weight: bold;
	line-height: normal;
	color: #775e10;
	margin: 1em 0 0.6em 0;
}

.contentarea h4, .contentarea h4 a {
	font-family: Arial, Helvetica, sans-serif;
}
.contentarea h4{
	font-size: 110%;
	font-weight: bold;
	line-height: normal;
	color: #775e10;
	margin: 1em 0 0.5em 0;
}

.contentarea h5, .contentarea h5 a {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.contentarea h5 {
	font-size: 100%;
	font-weight: bold;
	line-height: normal;
	margin: 1em 0 0.5em 0;	
}

.contentarea p, .contentarea ul, .contentarea ol {
	padding-bottom: 0.5em;
}

.contentarea ul {

}

.contentarea ul li {
	/*list-style-type: square;*/
	padding-left: 1.3em;
	list-style-type: none;
	background: transparent url(bullet_bg.gif) no-repeat scroll left top;

}

#contentmain ol {
	margin-left: 6px; /* hat mit padding niocht funktioniert */
}


.contentarea ol li {
	margin-left: 1.3em;
/*	list-style: decimal outside none;
	list-style-type: decimal;*/
}


.contentarea .content-image {

	padding-bottom: 0.5em;	
}

.contentarea .csc-caption {
	text-align: left;
	font-size: 85%;
	line-height: normal;
}

/* *** Tabellen-Formatierung *** */

.contentarea .contenttable {
	border-collapse: collapse;
	margin-bottom: 1em;
	width: 95%;
}
.contentarea .contenttable td {
	font-size: 85%;
	line-height: 135%;
	border: 1px solid #f4eedf;
	vertical-align: top;
	padding: 0.4em 0.6em 0.2em 0.3em;
}


/* Spezielle Formatierung für best. Layout-Typen von Content-Tables
	100:  TableHeader: keine
	101:  TableHeader: oben
	102:  TableHeader: links
	103:  TableHeader: oben + links
	106:  TableHeader: links, Spalten fixiert: links

    100 = Kein Tabellentitel
    101 = Tabellentitel oben
    102 = Tabellentitel links
    103 = Tabellentitel oben+links
    106 = Linke Spalte fixe Breite
    109 = gleiche Spaltenbreite mit Titel
    108 = gleiche Spaltenbreite ohne Titel
	
*/




.contentarea .contenttable-101 .tr-0 td, 
.contentarea .contenttable-102 td.td-0, 
.contentarea .contenttable-103 td.td-0, .contentarea .contenttable-103 .tr-0 td,  
.contentarea .contenttable-106 td.td-0,
.contentarea .contenttable-109 .tr-0 td  {
	color: #775e10;
	background-color: #f4eedf;
	font-weight: bold;
	border: 1px solid #ffffff;
}

.contentarea .contenttable-106 td.td-0{
	width: 30%;
}

.contentarea .contenttable-108 td, .contentarea .contenttable-109 td {
	width: 24%;
}



/* *** Suchwort-Formatierung *** */

.contentarea .csc-sword {
	color: #775e10;
	background-color: #f4eedf;
}


/* *** Test-Formatierungen *** */


/* ************************ Formatierung der Layout-DIVs ************************* */

#head { 
	background-color: #354933; 
}


#head, #main {
	/*width: 990px; */ /*Fixe Breite*/
}

#logodruck{
	/* wird nicht angezeigt */
	display: none;
}


#logo{
	margin-left: 18px;
	
}

#navmeta {
	padding: 17px 30px 0px 0px;
	text-align: right;
}

#navmeta li {
	display: inline;
	padding-left: 0.6em;
	padding-right: 0.3em;
	list-style-type: none;
	background-image: url(meta_bg.gif);
	background-position: left;
	background-repeat: no-repeat;
}



#navmeta li.first {
	background-image: none;
}

#navmeta, #navmeta a {
	color: #fff;
}

#main {

}

div#columnleft {
	float: left;
	width: 235px;
}

#sectionimage {
	margin-right: 25px;
}



#navsub, #contentleft {
	margin: 22px 0px 10px 18px;
	width: 165px;

}

#navsub {
	
}

#navsub a {
	color: #fff;
}

#navsub a.active {
	color: #ffe23d;
}

#navsub a:hover,#navsub a:active {
	color: #ffe23d;
}

#navsub ul {
	color: #fff;	
}

#navsub li {
	list-style-type: none;
	margin-top: 1em;
}

#navsub li li{
	font-size: 85%;
	padding-left: 1.2em;
	margin-top: 0;
	/*list-style-type: square;*/
	background: transparent url(navsub2_bg.gif) no-repeat scroll left top;
}

#navsub li li li{
	font-size: 100%;
	list-style-type: none;

	margin-left: 0;




	padding-left: 1.2em;
	background: transparent url(navsub3_bg.gif) no-repeat scroll left top;

}

/* Themenindex */

#navsub table {
	margin-top: 0.5em;
	margin-left: 1em;
/*	border-collapse: collapse;*/
	empty-cells: hide;
}

#navsub td {
   width: 1.5em;
	height: 1.5em;
	text-align: center;
	vertical-align: middle;
	background-color: #a2ad99;
	margin: 1px;
	border-spacing: 1px;
	border-width: 1px;
/*	border-right: 1px solid #819175;
	border-bottom: 1px solid #819175;*/
}

#navsub td.active {
	background-color: #cbba95;	
}

#contentleft {
	
}

#columnmain {
	margin-left: 259px;
}

#navmain {

	background: transparent url(navmain_bg.gif) repeat scroll left top;
}


/* FormatNavMain Beginn - Formatierung nicht notwendig, wenn über Bilder gelöst 

#navmain ul {
	font-size: 18px;
	line-height: 160%;	
}
#navmain li {
	font-family: "Times New Roman", Times, serif;
	display: inline;
	list-style-type: none;
}


#navmain a {
	font-family: "Times New Roman", Times, serif;
	color: #323c2f;
	padding-right: 0.6em;
}



#navmain a:hover, #navmain a:active  {
	color: #b79c47;
	text-decoration: none;
}

#navmain .active {
	background-color: #354933;
	padding-bottom: 3px;
}


#navmain .active a {

	color: #e6e6e6;
	background-color: #354933;
	border-bottom: 1px solid White;
}
 FormatNavMain Ende */


#breadcrumb {
	font-size: 85%;
	padding-top: 5px;
}

#breadcrumb li {
	display: inline;
	list-style-type: none;
	padding-right: 0.4em;
}

#breadcrumb a {
	color: #819b7a;
}


#contentmain {
	margin-top: 36px;
	margin-right: 210px;
}

div#columnright {
	float: right;
	width: 192px;
	margin-top: 85px;
}

#printbox {
	
}

#contentright {
	width: 155px;
}

#footer {

}

#contactinfo {
	clear: both;
	font-size: 85%;
	margin: 2em 210px 1em 265px;
	text-align: center;
}

/* ************************ Spezielle Klassen für Druckversion ************************* */

.hideinprint {
	/* wird angezeigt */
}

.showinprint_block {

	/* wird beim Drucken als Block angezeigt (z.B. f.ür <div class="showinprint_block">) */
	display: none;	
}

.showinprint_inline {

	/* wird beim Drucken als Inline-Element angezeigt (z.B. f.ür <span class="showinprint_inline">) */
	display: none;	

}


/* ************************ Abstände links einstellen ************************* */


#breadcrumb, #logodruck img, #contentmain h1, #contentmain h2, #contentmain h3, #contentmain h4, #contentmain h5, #contentmain p, #contentmain ul, #contentmain ol, #contentmain .content-image {
	padding-left: 6px;
}

#contentmain ul ul, #contentmain ol ol {
	padding-left: 0px;
}

/* ************************ Spezielle Klassen für Marktplatz ************************* */

/*#contentmain .marktplatz {

	margin-bottom: 1.8em;
}

#contentmain  .marktplatz h4.colored {
	padding: 3px 6px 3px 6px;
	margin: 0;
}

#contentmain  .marktplatz h4.colored a {
	color: #775e10;
}


#contentmain .marktplatz .content-text {
	border: 1px solid #f4eedf;

}

#contentmain .marktplatz p {
	padding-bottom: 1em;
}

#contentmain .marktplatz .contenttable {
	margin-bottom: 0em;
}

#contentmain .marktplatz .contenttable td {
	font-size: 100%;
	line-height: normal;
	border: 0px solid White;
}*/

#contentmain .content-text-1 {
	margin-bottom: 1.8em;
}

#contentmain  .content-text-1 h4.colored {
	padding: 3px 6px 3px 6px;
	margin: 0;
}

#contentmain .content-text-1 {
	border: 1px solid #f4eedf;

}

#contentmain .content-text-1 p {
	padding-bottom: 1em;
}

#contentmain .content-text-1 .contenttable {
	margin-bottom: 0em;
}

#contentmain .content-text-1 .contenttable td {
	font-size: 100%;
	line-height: normal;
	border: 0px solid White;
}

/* ************************ Spezielle Klassen für Content-Formatierung ************************* */



.locked, .free, .colored {
	padding: 3px 45px 3px 6px;
	color: #775e10;
	background: #f4eedf none no-repeat scroll right;
}

.locked a, .free a, .colored a {
	color: #775e10;
}

.locked {
	background: #f4eedf url(h4_bg_locked.gif) no-repeat scroll right;
}

.free {
	background: #f4eedf url(h4_bg_free.gif) no-repeat scroll right;
}


.linklist {
	font-size: 85%;
}

.to_top {
	font-size: 85%;
	text-align: right;
}

.teaser {
	color: #775e10;
	font-weight: bold;
}

.question {
	font-weight: bold;
	font-style: italic;
}

.hidden {
	display: none;
}

/* ************************ Content-Formatierung rechte Spalte ************************* */



#contentright {
	font-size: 85%;
	color: #354933;
	line-height: normal;
}

#columnright .content-element {
	background-color: #f4eedf;
	margin-bottom: 15px;
	padding-bottom: 1px;
}

#columnright .content-element .content-element {
	margin-bottom: 0;
	padding-bottom: 0;
}

#columnright h1,#columnright h1 a {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#columnright h1 {
	font-weight: bold;
	font-size: 100%;

	line-height: normal;

   color: #354933;
	margin: 0;
	padding-top: 5px;
	padding-bottom: 5px;
}

#columnright p, #columnright h1, #columnright ul, #columnright ol  {
	padding-left: 7px;
	padding-right: 7px;
}

#columnright p, #columnright ul, #columnright ul {
	padding-bottom: 0.7em;
}

#columnright .content-image {
	padding-bottom: 5px;	
}

#columnright a {
	/*color: #354933;*/
}

/* ************************ Spezielle Klassen für Voting-Box ************************* */

.voting {
	margin: 1em 0;
	border: 1px solid #f4eedf;
}

.voting h4 {
	margin-top: 0;
	margin-bottom: 1em;
}
.voting-question, .voting-answer, .voting-submit, .voting-duration, p.voting-submittedanswer, .voting-duration, .voting-summary {
	margin-left: 1em;
	margin-right: 1em;
}

.voting-question {
	font-weight: bold;
	margin-bottom: 0.5em;	



}

.voting-answer input {
	margin-left: 0em;
	margin-right: 0.5em;
}

.voting-submit {
	margin-top: 0.5em;
	margin-bottom: 1em;
}


.voting-submit input {
	border: 1px solid #775e10;
	background-color: #f4eedf;
	color: #775e10;
}

.voting-resultitems {
	margin-left: 1.2em;
}

p.voting-submittedanswer {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	
}
span.voting-submittedanswer {
	font-weight: bold;
}

.voting-bar {
	margin-right: 1em;
}

.voting-answer {
	padding-right: 1em;
}

/* ************************ Spezielle Klassen für Formulare (Newsletter-Subscription) ************************* */

.form-label, .form-errortext, .form-input, .form-submit {
	padding-left: 6px;
}
.form-label {
	/*font-weight: bold;*/
	margin-bottom: 0.5em;
}

.form-errortext {
	font-weight: bold;
	color: #e93b0c;
}

.form-input {
	margin-bottom: 1em;
}

.form-input input.text {
	width: 30em;
}
.form-submit {
	margin-bottom: 1em;
}

/* anpassungen nach umstieg auf typo3 4.2.1 */

.csc-menu-1 li {
	margin: 0.5em 0;
}
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {
	margin: 0.2em 0.5em;
}
div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image {
	margin-left: 0;
}
.csc-mailform-field {
	clear: both;
}
.csc-mailform-field label {
	float: left;
	width: 25%;
	text-align: right;
	margin-right: 1em;
}
#mailformHR-Funktion label, #mailformHR-Bereich label {
	float: none;
}
.align-left {
	text-align: left;
}
.align-center {
	text-align: center;
}
.align-right {
	text-align: right;
}
.align-justify {
	text-align: justify;
}

div.linklist {
	padding-left: 6px;
}

#contentmain div.linklist p.bodytext {
	padding-left: 0px;
}
