/**
* @author    JoomlaShine.com http://www.joomlashine.com
* @copyright Copyright (C) 2008 - 2011 JoomlaShine.com. All rights reserved.
* @license   JoomlaShine.com Proprietary License
*/
/* ============================== CUSTOM CSS ============================== */
/* =============== GENERAL LAYOUT =============== */


table.farbig tr:nth-child(odd) {background: #FFE97F}
table.farbig tr:nth-child(even) {background: #FFF}


h2 {
	color: #F07D00;
	font-size: 1.4em;
}
h3 {
	color: #333;
	font-size: 1.3em;
}
#jsn-page {
	color: #000;
	margin: 0 auto;
	width: 960px;
	border-left: 0px solid #FFF;
	border-right: 0px solid #FFF;
	#box-shadow: 0 0px 10px rgba(0,0,0,0.2);
}

#jsn-header {
	height: 88px;
}

#jsn-menu {
	z-index: 999;
	color: #f2f2f2;
	position: relative;
	background-color: #009640;
}
/* =============== LAYOUT - CONTENT TOP AREA =============== */
#jsn-content-top {
	z-index: 88;
	color: #D4D4D4;
	padding-top: 1px;
	position: relative;
	border-bottom: 0px solid #404040;
	background: #FFFFFF;
}

/* =============== TYPOGRAPHY - LIST STYLES =============== */
/* ----- ARROW LIST ----- */
ul.list-arrow {
	list-style: none;
}
ul.list-arrow li {
	margin-left: 0;
	padding-left: 16px;
	position: relative;
	display: block;
}
ul.list-arrow li:after {
	content: '';
	height: 0;
	position: absolute;
	width: 0;
	border: 0.44em solid transparent;
	left: 5px;
	top: 4px;
}
ul.list-arrow.arrow-red li:after {
	border-left-color: #AE0000;
}
ul.list-arrow.arrow-blue li:after {
	border-left-color:#F7A82D;
}
ul.list-arrow.arrow-green li:after {
	border-left-color: #3AA655;
}


/* =============== MENU - MAIN MENU =============== */
/* ----- GENERAL ----- */
div.jsn-modulecontainer ul.menu-mainmenu {
	margin: 0;
	padding: 0;
	clear: both;
}
div.jsn-modulecontainer ul.menu-mainmenu li {
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
	list-style-type: none;
}
div.jsn-modulecontainer ul.menu-mainmenu > li {
	border-right: 0px solid #404040;
}

div.jsn-modulecontainer ul.menu-mainmenu > li > a {
	font-size: 1.1em;
	border-right: 0px solid #000;
}

/* ----- HOVER STATE ----- */
div.jsn-modulecontainer ul.menu-mainmenu li:hover > a {
	color: #fff;
	text-decoration: none;
}
div.jsn-modulecontainer ul.menu-mainmenu > li:hover > a {
	background-color: #009640;
}
/* ----- ACTIVE STATE ----- */
div.jsn-modulecontainer ul.menu-mainmenu li.active > a {
	color: #fff;
}
div.jsn-modulecontainer ul.menu-mainmenu > li.active > a {
	background-color: #009640;
}


/*
bul-gruen:         #009640
bul-dunkel-orange: #F07D00
bul-mittel-orange: #F39200
bul-hell-orange:   #F7A82D
*/
a {
	color: #009640;
}
/* =========     green.css       ============================ */
/* =============== LAYOUT - OVERALL PAGE =============== */
#jsn-master {
/*	background-color: #F9BC5F;
	background-image: url(../images/colors/green/OHNEISTESBESSERbg-master.jpg);*/
  background: url('../../../images/bul/background/altdorf-bg2.jpg') no-repeat center center fixed; 
	    width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;	  
}
  


/*
    body {
      width: 100%;
      height: 100%;
      background-image: url('../../../images/bul/background/altdorf-bg2.jpg');
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
      background-attachment: fixed;
    }

*/


/* ============================== TYPOGRAPHY ============================== */
/* =============== TYPOGRAPHY - LINK STYLES =============== */
/* ----- ACTION LINK ----- */
.link-action {
	border-bottom: 1px solid #f39200;
}
.link-action:hover {
	background-color: #f39200;
}

#jsn-menu div.display-dropdown.jsn-modulecontainer .jsn-modulecontent  {
	background-color:rgba(0,150,64,0.9);
}




#jsn-social-icons ul {
        float: right;
        margin: 0;
}
#jsn-social-icons ul li {
        float: left;
        list-style: none;
        margin-left: 10px;
}
#jsn-social-icons ul li a {
        display: block;
        width: 44px;
        height: 44px;
        opacity: 1.0;
}
#jsn-social-icons ul li:hover a {
        opacity: 0.7;
}


#jsn-social-icons ul li.facebook a {
        background-image: url(../images/icons/facebook.png);
}

/********* Kandidatenbilder Wahl 2020 *******/
/* Main container */
    .k2020img {
  position: relative;
  width: 183px;
  height: 183px;
    float: left;
    clear: none;
    }
	
    .k2020img_kandidaten {
  position: relative;
  width: 549px;
  height: 183px;
    float: left;
    clear: none;
    display: block;
    }
	
	
    /* Original image */
    .k2020img .image {
     display: block;
     height: auto;
    }
    /* Original text overlay */
    .k2020img .text {
     color: #000;
     font-size: 14px;
     line-height: 1.1em;
     /*	  text-shadow: 2px 2px 2px #000; */
     text-align: left;
     position: relative;
     bottom: 23px;
     left: 3px;
    }

    .k2020img .htext {
     color: #000;
     font-size: 14px;
     line-height: 1.1em;
     /*	  text-shadow: 2px 2px 2px #000; */
     text-align: left;
     position: absolute;
     bottom: 11px;
     left: 5px;
    }
    
        
      /********* Overlay on hover *******/
    /* New overlay on hover */
    .k2020img .hover {
     position: absolute;
     top: 0;
     opacity: 0;
     transition: .5s ease;
    }
    /* New overlay appearance on hover */
    .k2020img:hover .hover {
     opacity: 1;
    }
        /********* Background and text only overlay on hover *******/
    .k2020img .normal {
     transition: .5s ease;
    }

    .k2020img .nummer {
     font-size: 20px;
		color: font-weight: bold;
    }
    
/********* Buttons fuer Aho0lic *******/    
.button-aholic {
  border: none;
  color: white;
  padding: 5px 2px; 
  text-align: left;
  text-decoration: none;
  display: block;
  font-size: 3vw;
  margin: 14px 12px;
  cursor: pointer;
  width:90%;
  height: 120px;
  line-height: 1.0em;
 
}

.button-aholic:hover {
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
  text-decoration: none;
}


.orange  {background-color: #FFAE39;}
.gruen   {background-color: #76D93E;}
.grau    {background-color: #BFBFBF;} 

/********* End Buttons fuer Aho0lic *******/