/* ===================================================================================================
/* Projekt:			lu-wahlen.ch
/* Änderungsdatum:	2011-12-04
/* Autor:			Stefan Krapf, Synor Media, www.synor.ch - Gestaltung | Film | Fotografie | Webdesign
/* ====================================================================================================
*/



/* ====================================================================================================
/* Ausgelagerte Stylesheets importieren
/* ====================================================================================================
*/

@import url("/fileadmin/templates/styles_main_editor.css");
@import url("/fileadmin/templates/styles_fce.css");
@import url("/fileadmin/templates/styles_t3s_jslidernews.css");
@import url("/fileadmin/templates/styles_tt_news.css");
@import url("/fileadmin/templates/styles_jq_fancybox.css");
@import url("/fileadmin/templates/styles_ve_guestbook.css");
@import url("/fileadmin/templates/styles_sr_freecap_1.0.css");
@import url("/fileadmin/templates/styles_addthis.css");



/* ====================================================================================================
/* Template formatieren (DIV's usw.) für alle Elemente innerhalb "#container"
/* ====================================================================================================
*/

body {
	text-align: center;
	margin: 0px;
	background-color: #ecf7fd;
}
#home #container {
	padding-top: 160px;
}
#container_hg {
	background-image: url(/fileadmin/images/templates/main/body_top_hg.gif);
	background-repeat: repeat-x;
	background-position: top;
}
#container {
	width: 1014px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
}
#sponsoren_container, #sponsoren {
	display: none;
}

/* Schatten
/* ====================================================================================================
*/
.shadow-tl {
	background-image: url(/fileadmin/images/templates/main/shadow-tl.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.shadow-tr {
	background-image: url(/fileadmin/images/templates/main/shadow-tr.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.shadow-tc {
	background-image: url(/fileadmin/images/templates/main/shadow-tc.png);
	background-repeat: repeat-x;
	background-position: top;
}
.shadow-ml {
	background-image: url(/fileadmin/images/templates/main/shadow-ml.png);
	background-repeat: repeat-y;
	background-position: left;
}
.shadow-mr {
	background-image: url(/fileadmin/images/templates/main/shadow-mr.png);
	background-repeat: repeat-y;
	background-position: right;
}
.shadow-bl {
	background-image: url(/fileadmin/images/templates/main/shadow-bl.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.shadow-br {
	background-image: url(/fileadmin/images/templates/main/shadow-br.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.shadow-bc {
	background-image: url(/fileadmin/images/templates/main/shadow-bc.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
.content-shadow-bc {
	background-image: url(/fileadmin/images/templates/main/content_shadow_bc.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
.shadow-bc {
	background-image: url(/fileadmin/images/templates/main/shadow-bc.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
.shadow-heights {
	height: 10px;
}
.shadow-paddings {
	padding-left: 10px;
	padding-right: 10px;
}

#middle {
	background-position: center;
	background-repeat: repeat-y;
	background-color: #FFF;
}
#home #top {
	background-image: url();
}
#top {
	background-repeat: no-repeat;
}
#bottom {
}
#header_image { height: 154px; 
}
#nav_pri_container {
	padding-right: 14px;
	padding-left: 14px;
}
/* ID in Template */
#nav_pri {
	height: 41px;
	background-color: #0093df;
	padding-left: 12px;
}
/* Classes werden in Typo3 TMENU_LAYERS zugewiesen */
.nav_pri-element {
	height: 32px;
	padding-top: 9px;
	padding-left: 7px;
	padding-right: 7px;	
}
.nav_pri-element.NO {
	background-color: #0093df;
}
.nav_pri-element.RO {
	background-color: #006294;
}

/* hover bleibt eben nur, wenn maus direkt darauf - untermenü nicht mehr + NO/RO auf a-tag machen, da dann link grösser */
/* ist jetzt trotzdem mal freigeschaltet: + sub1 auch*/
.nav_pri-element:hover {
	background-color: #006294;
}

.nav_pri_sub1 {
	text-align: left;
}
.nav_pri_sub1-element {
	padding-top: 3px;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 3px;
}
.nav_pri_sub1-element.NO {
	background-color: #006294;
}
.nav_pri_sub1-element.RO {
	background-color: #0093df;
}
/* prov */
.nav_pri_sub1-element:hover {
	background-color: #0093df;
}
/* allgemeines */
#nav_pri a, .nav_pri_sub1 a,
#nav_pri a:visited, .nav_pri_sub1 a:visited,
#nav_pri a:hover, .nav_pri_sub1 a:hover {
	color: #FFF;
	text-decoration: none;
}

#breadcrumb_container {
	padding-top: 0px;
	padding-right: 14px;
	padding-left: 14px;
	font-size: 14px;
}
#spenden_button {
}


#spenden_container {
	padding-top: 20px;
	padding-right: 14px;
	padding-left: 14px;
}
#spenden_container p {
	color: #3a5e0a;
	margin-bottom: 15px;
	line-height: 21px;
	font-size: 17px;
}
#spenden_container p strong, #spenden_container p b {
	color: #756600;
}
#spenden_container h1 {
	color: #3a5e0a;
	margin-bottom: 10px;
	margin-top: 5px;
}
#spenden_container_middle {
	background-image: url(/fileadmin/images/templates/main/BoxSpenden_middle_hg.gif);
	background-repeat: repeat-y;
	background-position: center;
}
#spenden_container_top {
	background-image: url(/fileadmin/images/templates/main/BoxSpenden_top_hg.gif);
	background-repeat: no-repeat;
}
#spenden_container_bottom {
	background-image: url(/fileadmin/images/templates/main/BoxSpenden_bottom_hg.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	min-height: 53px;
}
#spenden_text {
	padding-top: 5px;
	padding-right: 14px;
	padding-left: 61px;
	padding-bottom: 8px;
}


#themen_container {
	padding-top: 20px;
	padding-right: 14px;
	padding-left: 14px;
}
#themen_container p {
	color: #756600;
	margin-bottom: 0px;
	line-height: 19px;
}
#themen_container p strong, #themen_container p b {
	color: #756600;
}
#themen_container_middle {
	background-image: url(/fileadmin/images/templates/main/BoxThemen_middle_hg.gif);
	background-repeat: repeat-y;
	background-position: center;
}
#themen_container_top {
	background-image: url(/fileadmin/images/templates/main/BoxThemen_top_hg.gif);
	background-repeat: no-repeat;
}
#themen_container_bottom {
	background-image: url(/fileadmin/images/templates/main/BoxThemen_bottom_hg.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	min-height: 53px;
}
#themen_aktuell {
	padding-top: 5px;
	padding-right: 14px;
	padding-left: 61px;
	width: 720px;
	padding-bottom: 8px;
}
#themen_vorherig {
	padding-top: 5px;
	padding-right: 17px;
	float: right;
}
#content_oben {
	font-size: 24px;
	color: #FFF;
	padding-right: 20px;
	padding-left: 20px;
}
#home #content_main_container {
	border: 1px solid #FFF;
	padding: 0px;
	min-height: 150px;
	height: 350px;
}
#content_main_container {
	padding-right: 14px;
	padding-left: 14px;
	padding-top: 24px;
	padding-bottom: 24px;
	min-height: 570px;
}
#content_main {
}
#footer_container {
	margin-right: auto;
	margin-left: auto;
	height: 70px;
	color: #000;
	margin-top: -5px;
	width: 966px;
}
#footer_container p {
	font-size: 12px;
	line-height: 22px;
	margin-bottom: 0px;
	color: #FFF;
}
#footer_container a, #footer_container a:visited {
	color: #000;
}
#footer_container a:hover { color: #CFF09B; 
}
#counter {
	float: left;
	padding-top: 5px;
	padding-bottom: 2px;
	font-size: 12px;
	line-height: 15px;
}
#nav_global {
	font-size: 11px;
	line-height: 20px;
	clear: both;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
}



/* ====================================================================================================
/* Synor Media Logo
/* ====================================================================================================
*/

#synor_footer {
	font-size: 10px;
	line-height: 15px;
	float: right;
	text-align: right;
	padding-right: 6px;
	padding-top: 5px;
}
#synor_logo {
	float: right;
	padding-top: 7px;
}



/* ====================================================================================================
/* Formular
/* ====================================================================================================
*/

.csc-mailform { border: 0px; }
.csc-mailform-field { }
.csc-mailform-field label { width: 190px; float: left; text-align: right; padding-right: 10px; }
.csc-mailform input, .csc-mailform select { height: 17px; margin-bottom: 5px; border: 1px solid #a89484; }
.csc-mailform textarea { margin-bottom: 5px; border: 1px solid #a89484; }
/* hier eine Zeile, die nur ein Label ist: */
.csc-mailform-label {
	margin-left: 200px;
	display: block;
}
input.csc-mailform-submit { margin-left: 200px; width: 120px; margin-top: 10px; font-weight: bold; height: 27px; background-color: #ECE8E5; }
.csc-mailform-radio label {
	width: 190px;
	float: none;
	text-align: left;
	padding-right: 10px;
	display: inline;
}



/* ====================================================================================================
/* Diverse Formatierungen
/* ====================================================================================================
*/

/* Standard-Typo3-Bildrahmen */
DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG, DIV.csc-textpic-border DIV.csc-textpic-single-image IMG {
	border: 1px solid #0093df;
}
/* Bildunterschrift */
.csc-textpic-caption {
	padding-top: 5px;
	font-size: 12px;
	line-height: 17px;
}
.csc-textpic-caption strong {
	font-size: 14px;
}
/* Datum */
.csc-header-date {
	color: #999;
}



/* ====================================================================================================
/* "Rahmen" (Auswahl in Typo3) für ein Content-Element
/* ====================================================================================================
*/

/* Standard-Elemente */
/* ====================================================================================================
*/
/* Linie davor */
DIV.csc-frame-rulerBefore {
	margin-top: 5px;
	padding-top: 20px;
	border-top: #CCCCCC 1px dashed;
	clear: both;
}
/* Linie danach */
DIV.csc-frame-rulerAfter {
	padding-bottom: 10px;
	margin-bottom: 15px;
	border-bottom: #CCCCCC 1px dashed;
}
/* Abstand nach Titel 1 auf 0 setzen */
.resetMarginsH1 H1 {
	margin-bottom: 0px;
}

/* Eigene */
/* ====================================================================================================
*/
/* Linie danach für Parteilogos auf Startseite + zusätzliche Regel für Abstand nach Bildern */
DIV.csc-frame-rulerAfter-parteien-startseite {
	margin-top: 40px;
	padding-bottom: 0px;
	margin-bottom: 15px;
	border-bottom: #CCCCCC 1px dashed;
}
DIV.csc-frame-rulerAfter-parteien-startseite div.csc-textpic div.csc-textpic-single-image img {
	margin-bottom: 10px;
}
/* Überschrift Artikel */
.UeberschriftArtikel_container {
	margin-top: -16px;
	margin-bottom: 15px;
	padding-top: 16px;
	padding-right: 74px;
	height: 30px;
	background-image: url(/fileadmin/images/templates/main/UeberschriftArtikel-r_hg.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.UeberschriftArtikel {
	background-image: url(/fileadmin/images/templates/main/UeberschriftArtikel-l_hg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 30px;
	padding-left: 10px;
}
.UeberschriftArtikel h1, .UeberschriftArtikel h2, .UeberschriftArtikel h3, .UeberschriftArtikel h4, .UeberschriftArtikel h5, .UeberschriftArtikel h6 {
	color: #FFF;
	padding-top: 4px;
}

/* Autoren-Box 200px */
.BoxAutor-200px {
	border-width: 2px;
	border-style: solid;
	border-color: #8CCEF1;
	float: right;
	width: 200px;
	margin-bottom: 15px;
	margin-left: 15px;
	background-image: url(/fileadmin/images/templates/main/BoxAutor_hg.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding-right: 9px;
	padding-bottom: 9px;
	padding-left: 9px;
	border-radius: 5px;
}
.BoxAutor-200px h1 {
	color: #FFF;
	font-size: 16px;
	text-decoration: none;
	margin-bottom: 9px;
}
.BoxAutor-200px p {
	font-size: 13px;
	line-height: 17px;
	margin-bottom: 0px;
}
.BoxAutor-200px DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image {
	margin-bottom: 0px;
}

/* Autoren-Box 275px */
.BoxAutor-275px {
	border-width: 2px;
	border-style: solid;
	border-color: #8CCEF1;
	float: right;
	width: 275px;
	margin-bottom: 15px;
	margin-left: 15px;
	background-image: url(/fileadmin/images/templates/main/BoxAutor_hg.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding-right: 9px;
	padding-bottom: 9px;
	padding-left: 9px;
	border-radius: 5px;
	clear: right;
}
.BoxAutor-275px h1 {
	color: #FFF;
	font-size: 16px;
	text-decoration: none;
	margin-bottom: 9px;
}
.BoxAutor-275px a {
	font-weight: bold;
	text-decoration: none;
}
.BoxAutor-275px p {
	font-size: 13px;
	line-height: 17px;
	margin-bottom: 0px;
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}
.BoxAutor-275px DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image {
	margin-bottom: 0px;
}

/* Autoren-Box 300px */
.BoxAutor-300px {
	border-width: 2px;
	border-style: solid;
	border-color: #8CCEF1;
	float: right;
	width: 300px;
	margin-bottom: 15px;
	margin-left: 15px;
	background-image: url(/fileadmin/images/templates/main/BoxAutor_hg.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding-right: 9px;
	padding-bottom: 9px;
	padding-left: 9px;
	border-radius: 5px;
}
.BoxAutor-300px h1 {
	color: #FFF;
	font-size: 16px;
	text-decoration: none;
	margin-bottom: 9px;
}
.BoxAutor-300px p {
	font-size: 13px;
	line-height: 17px;
	margin-bottom: 0px;
}
.BoxAutor-300px DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image {
	margin-bottom: 0px;
}

/* Autoren-Box 628px */
.BoxAutor-628px {
	border-width: 2px;
	border-style: solid;
	border-color: #8CCEF1;
	width: 628px;
	margin-bottom: 15px;
	background-image: url(/fileadmin/images/templates/main/BoxAutor_hg.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding-right: 9px;
	padding-bottom: 9px;
	padding-left: 9px;
	border-radius: 5px;
}
.BoxAutor-628px h1 {
	color: #FFF;
	font-size: 16px;
	text-decoration: none;
	margin-bottom: 4px;
}
.BoxAutor-628px p {
	font-size: 13px;
	line-height: 17px;
	margin-bottom: 0px;
}
.BoxAutor-628px DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image {
	margin-bottom: 0px;
}

/* Autoren-Box 942px */
.BoxAutor-942px {
	border-width: 2px;
	border-style: solid;
	border-color: #8CCEF1;
	width: 942px;
	margin-bottom: 15px;
	background-image: url(/fileadmin/images/templates/main/BoxAutor_hg.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding-right: 9px;
	padding-bottom: 9px;
	padding-left: 9px;
	border-radius: 5px;
}
.BoxAutor-942px h1 {
	color: #FFF;
	font-size: 16px;
	text-decoration: none;
	margin-bottom: 4px;
}
.BoxAutor-942px p {
	font-size: 13px;
	line-height: 17px;
	margin-bottom: 0px;
}
.BoxAutor-942px DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image {
	margin-bottom: 0px;
}