/****************************************************
		ALLGEMEINES
****************************************************/
body, p, td, th {
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.6em;
	color:#6E6E6E;
}

body {
	background-image:url("images/bg_header_navi.jpg");
	background-repeat:repeat-x;
	background-color:#EBEBEB;
}


/****************************************************
		LINKS
****************************************************/
a {
	color:#64CA0E;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}




/****************************************************
		†BERSCHRIFTEN
****************************************************/
h1 {
	font-weight:bold;
	font-size:18px;
	margin-top:30px;
	color:#000000;
}


h2 {
	margin-top:20px;
	margin-bottom:0;
	padding-bottom:0;
	font-size:14px;
}

.csc-textpic h1, .csc-textpic h2 {
	margin-top:0;
}
/****************************************************
		LISTEN
****************************************************/
div#content ul li {
	margin:0;
	padding:0;
}
div#content ul {
	margin:0;
	padding:0;
	margin-left:30px;
}


/****************************************************
		SPANS
****************************************************/
.gruen {
	 color:#64CA0E;
}

.fehler {
	font-weight:bold;
	color:#C71118;
}
/****************************************************
		BEREICHE
****************************************************/
div#contentschatten {
	width:100%;
	padding-bottom:8px;
	background-image:url("images/schatten_contentabschluss.jpg");
	background-repeat:repeat-x;
	background-position:left bottom;
}

div#browser {
	background-image:url("images/bg_header_navi.jpg");
	background-repeat:repeat-x;
	background-color:#ffffff;
	width:100%;
	text-align:center;
}



div#all {
	text-align:left;
	width:890px;
	margin:auto;
}

div#head {
	text-align:right;
	width:890px;
	height:80px;
}

div#content {
	float:left;
	width:550px;
	padding-right:50px;
	padding-bottom:30px;
}

.tx-frpkandidaten2011-pi2 div#content	{
	float:none;
}

div#sprachnavigation {
	float:right;
	position:relative;
	margin-top:64px;
	margin-right:60px;
}

/*	nur ie 6 */
* html div#sprachnavigation {
	margin-right:30px;
}

div#logo {
	width:360px;
	float:left;
}


div#navigation, div#navigation a{
	font-size:16px;
	color:#909090;
}
div#navigation {
	position:relative;
	color:#000000;
	margin-top:10px;
	padding-top:0;
}

/*	NUR IE 7 */
* html div#navigation  {
	margin-top:5px;
}


div#navigation a:hover, div#navigation a.active {
	text-decoration:none;
	color:#000000;
}



div#spalte_rechts {
	float:right;
	padding-left:3px;
	padding-top:50px;
	margin-top:10px;
	text-align:center;
	width:200px;
	height:500px;
	/* keine Linie mehr gewŸnscht
	background:url("images/linie_rechtespalte.gif");
	background-repeat:no-repeat;*/
}

/****************************************************
		FOOTERS
****************************************************/
div#footer {
	width:870px;
	margin-top:15px;
	padding-bottom:30px;
	clear:none;
	text-align:left;
}

div#credits {
	float:right;
	margin-top:20px;
}

div#credits, div#credits a {
	color:#C6C6C6;
}

div#breadcrumbs {
	margin-top:0;
	font-weight:bold;
	background:url("images/blatt.jpg");
	background-repeat:no-repeat;
}
div#breadcrumbs a {
	color:#64CA0E;
	text-decoration:underline;
}
div#breadcrumbs a:hover {
	text-decoration:none;
}

/****************************************************
		KANDIDATENLISTE
****************************************************/
div.tx-frpkandidaten2011-pi1,div.tx-frpkandidaten-pi1 {
	width:600px;
}




div.kandidatenliste a {
	color:#000000;
}

div.kandidatenliste {
	width:606px;
	padding-bottom:40px;
	background:url("images/bg_kandidatenliste.gif");
	background-repeat:no-repeat;
	background-position:0 25px;
}

div.filter_grob {
	height:25px;
}

div.filter_grob div.link {
	margin-top:5px;
	/*width:85px;	neu: Breite dynamisch */
	width:auto;
	float:left;
	padding-right:3px;
	margin-right:0px;
	text-align:center;
}

div.filter_grob div.schatten {
	background:url("images/schatten_listebuttons.jpg");
	background-repeat:no-repeat;
	background-position:right 1px;
}


div.filter_grob div.link a {
	color:#9A9A9A;
	display:block;
	border:1px solid #D0D0D0;
	padding-left:10px;
	padding-right:10px;
}

div.filter_grob div.link a.active {
	border-bottom:1px solid #F3F3F3;
	background:#F3F3F3;
	font-weight:bold;
}

#filter_dropdown_kanton,
#filter_dropdown_partei,
#filter_dropdown_liste,
#filter_dropdown_themenbereich {
	width:125px;
}


div.seitennavi, div.seitennavi_unten {
	height:18px;
	float:right;
	padding-bottom:5px;
	margin-right:11px;
	font-weight:bold;
	color:#41AD8D;
}

div.seitennavi div.pfeil, div.seitennavi_unten div.pfeil {
	display:inline-block;
	padding-top:20px;
}

div.seitennavi_unten {
	margin-top:10px;
}


div.filter_dropdowns {
	width:560px;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:16px;
	text-align:center;
	border-bottom:1px solid #E6E6E6;


}


div.kandidat, div.keine_eintraege {
	clear:both;
	width:560px;
	height:40px;
	margin-top:13px;
	margin-left:16px;
	border-bottom:1px solid #E6E6E6;
	padding-bottom:20px;
}

div.keine_eintraege {
	height:200px;
	border-bottom:none;
}

div.kandidatenliste .kandidat, div.kandidatenliste .keine_eintraege {
	margin-top:0;
}

.tx-frpkandidaten2011-pi2 div.kandidat {
	margin:0 0 20px;
}

.tx-frpkandidaten2011-pi2 div.kandidat:after	{
	content:"";
	clear:both;
}

div.kandidat div.portrait {
	float:left;
	width:88px;
	margin:5px 10px 0 0;
}

div.rang {
	width:58px;
	height:31px;
	padding-top:13px;
	/*border:1px solid #75B44C;
	background:#C1F5A2;*/
	color:#75B44B;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	float:left;
}

div.kandidat div.titel {
	margin-left:80px;
	font-size:13px;
	color:#000000;
}

.tx-frpkandidaten2011-pi2 div.kandidat h3 {
	font-size:16px;
	color:#000000;
	margin:0 0 20px;
	padding-bottom:20px;
}

div.balken_dunkel, div.balken_dunkel_alternativ {
	width:480px;
	height:18px;
	background:url("images/balken_dunkel.jpg");
	background-repeat:no-repeat;
	text-align:right;
}

div.balken_dunkel_alternativ {
	background:url("images/balken_dunkel_alternativ.jpg");
}

div.kandidat div.balken_dunkel, div.kandidat div.balken_dunkel_alternativ {
	margin-left:80px;
}


/*	nur ie 6*/
* html div.balken_dunkel, * html div.balken_dunkel_alternativ {
	margin-top:-18px;
}

div.balken_hell, div.balken_hell_alternativ {
	margin-top:-19px;
	float:right;
	overflow:visible;
	height:18px;
	background:url("images/balken_hell.jpg");
	background-repeat:no-repeat;
	text-align:right;
}

div.balken_hell_alternativ {
	background:url("images/balken_hell_alternativ.jpg");
}

div.prozent {
	float:right;
	width:50px;
	text-align:right;
	padding-right:10px;
	position:relative;
	margin-left:420px;
	font-weight:bold;
	font-size:13px;
	color:#333333;
}


div.legende_balkenfarben {
	margin-left:30px;
}
div.legende_balkenfarben img {
	margin-bottom:5px;
}


div.tx-frpkandidaten2011-pi2 div.legende_balkenfarben {
	margin-left:0;
	margin-top:10px;
}



div.legende_umweltfreundlichkeit {
	float:left;
	width:90px;
	margin:0 10px 0 0;
	height:140px;
	color: #75B44B;
}


/****************************************************
		Multibalken
		(mit mehreren Farben)
****************************************************/
div.multibalken {
	width:480px;
	height:18px;
	background-repeat:repeat-x;
	margin-left:80px;
	margin-top:10px;
}
.tx-frpkandidaten2011-pi2 div.multibalken {
	float:left;
	width:auto;
	margin:15px 0 40px 20px;
}
div.multibalken div div {
	float:left;
}

/*		Grafisch	*/
div.multibalken div.grafisch,
div.multibalken div.textlich {
	height:18px;
	width:480px;
	padding:0;
}
div.multibalken div.grafisch div { height:18px;}

div.multibalken div.grafisch div.pro {
	background:url("images/multibalken_pro.gif");
}
div.multibalken div.grafisch div.contra {
	background:url("images/multibalken_contra.gif");
}
div.multibalken div.grafisch div.enthalten {
	background:url("images/multibalken_enthalten.gif");
}
div.multibalken div.grafisch div.entschuldigt {
	background:url("images/multibalken_entschuldigt.gif");
}
div.multibalken div.grafisch div.abwesend {
	background:url("images/multibalken_abwesend.gif");

}
div.multibalken div.grafisch div.ehercontra {
	background:url("images/multibalken_ehercontra.gif");
}
div.multibalken div.grafisch div.eherpro {
	background:url("images/multibalken_eherpro.gif");
}





/*		Textlich	*/
div.multibalken div.textlich {
	height:10px;
	padding-top:2px;
	border:none;
}
div.multibalken div.textlich div {
	color:#b9b9b9;
	font-size:9px;
	text-align:center;
	line-height:9px;
	overflow:hidden;
}


/*		Balken ausblenden, falls Kandidat noch nicht teilgenommen hat */
div.kandidatOhneAntwort div.multibalken,
div.kandidatOhneAntwort div.balken_dunkel,
div.kandidatOhneAntwort div.balken_hell,
div.kandidatOhneAntwort div.balken_dunkel_alternativ,
div.kandidatOhneAntwort div.balken_hell_alternativ {
	display:none;
}

/****************************************************
		EXT. KANDIDATEN (DETAILANSICHT)
****************************************************/
div.kandidat_details {
	margin-top:40px;
	padding:15px;
	width:573px;
	background:url("images/bg_kandidatenliste.gif");
	background-repeat:no-repeat;
	background-position:0 45px;
}
div.kandidat_details h2 {
	color:#000000;
}

.tx-frpkandidaten2011-pi2 div.kandidat_details h2 {
	clear:both;
}
div.kandidat_details div.rang {
	border:1px solid #E6E6E6;

}

div.kandidat_details div.kandidat {
	margin:0;
	margin-top:10px;
	border-bottom:none;
}

div.kandidat_details div.kandidat {
	width:100%;
	clear:both;
	margin:0 0 20px;
	padding-top:20px;
}
div.kandidat_details div.kandidat div.titel,
.tx-frpkandidaten2011-pi2 div.kandidat_details div.kandidat h3 {
	font-weight:bold;
	padding-top:2px;
	font-size:16px;
}
div.kandidat_details div.etikette {
	float:right;
}
div.kandidat_details div.etikette img {
	border:0;
}

div.kandidat_details div.kandidat div.balken_dunkel, div.kandidat_details div.kandidat div.balken_dunkel_alternativ {
	margin-left:80px;
}

.tx-frpkandidaten2011-pi1 div.kandidat_details div.zugehoerigkeit {
	width:560px;
	margin-bottom:30px;
}

div.kandidat_details div.zugehoerigkeit {
	margin-top:10px;
	border-bottom:1px solid #E6E6E6;
	border-top:1px solid #E6E6E6;
}
table.antworten tr td a, table.abstimmungen tr td a, table.wahlversprechen tr td a {
	color:#666666;
}

table.antworten {
	border-collapse:collapse;
	width:560px;
}
table.antworten tr td {
	border-top:1px solid #E6E6E6;
	padding:2px 3px 2px 3px;
}
table.antworten tr.gefilterte_abstimmung td, table.abstimmungen tr.gefilterte_abstimmung td, table.wahlversprechen tr.gefilterte_abstimmung td {
	background:#DAFFD7;
}

table.antworten tr td.ja {
	color:#64CA0E;
}

span.back	{float:left}

.social.detail {
	float:right;
	width:220px;
	margin:0;
}

.social.detail div.google.plus	{
	float:right;
	width:90px;
}

.social.detail iframe div	{float:none;width:auto}

.social.detail iframe	{
	float:left;
	width:120px;
	overflow:hidden;
	width:120px;
	height:20px;
}



/*****************************************************
h2.abstimmungen, h2.wahlversprechen
*****************************************************/
h2.abstimmungen, h2.wahlversprechen {
	border:solid 1px #ccc;
	padding:1em;
	cursor:pointer;
}





/****************************************************
		TYPO3 DEFINITIONEN †BERSCHREIBEN
****************************************************/
DIV.csc-textpic-clear { clear: none; }
DIV.csc-textpic DIV.csc-textpic-imagerow { clear: none; }
DIV.csc-textpic-above DIV.csc-textpic-text { clear: none; }
DIV.csc-textpic-right DIV.csc-textpic-text { clear: none; }
DIV.csc-textpic-left DIV.csc-textpic-text { clear: none; }
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: none; }
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: none; }