body {
        margin:0;
        padding:0;
        font-size: 80%;
        color: #333;
        font-family: Georgia, serif;
        font-size: 80%;
        background-color: #fff;
        width:100%;
        max-width: 1024px;
    }
    
    .totNoStimmen:after {
		line-height: 1.2em;
		content:' Stimmen';
		}
	.totYesStimmen:after {
		line-height: 1.2em;
		content:' Stimmen';
		}
    
    #containerBar {
    	width: 100%; 
    	height: 30px; 
    	margin: 0
	    
    }
    strong, b {
        font-weight: bold !important;
    }
    a, a:focus, img {
        outline:none;
        border:none;
        color:#777;
    }
    p {
        font-size: 1.1em;
        line-height:1.3em;
        padding:0;
        margin:0;
    }
    #karte {
        -webkit-backface-visibility: hidden;
        margin: 0 auto;
    }
    .qtip {
    	border: solid 1px #ddd;
    	font-size: 1em;
    	line-height: 1.2em;
    	margin-bottom: 10px;
    	margin-top:-20px;
    	border-radius: 5px;
    	background-image:url(img/bgTooltippWhite.png);
        background-repeat: no-repeat;
        background-color: white;
    }
    
    .qtip td {
	    padding: 2px;
    }
    .qtip td:first-child {
        text-align:right;
    }

    .qtip h3 {
	    background-repeat: no-repeat;
	    padding-left:25px;
	    height:auto;
	    font-size: 1.1em;
	    font-weight: bold;
	    line-height: 20px;
	    margin: 0;
    }
    
    p.resultat {
        display:none;
        width:100%;
        -webkit-box-sizing: border-box;
        /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;
        /* Firefox, other Gecko */
        box-sizing: border-box;
        /* Opera/IE 8+ */
        padding:8px;
        margin:20px 0;
        border-top:solid 1px rgba(0, 0, 0, .2);
        border-left:solid 1px rgba(0, 0, 0, .2);
        border-right:solid 1px rgba(0, 0, 0, .2);
        border-bottom:solid 1px rgba(0, 0, 0, .2);
        background-color:rgba(255, 255, 255, .2);
        border-radius:8px;
    }
    p.resultat.red {
    	background-color: #FFCECE;
		color: #FF6666;
	}
    p.resultat.green {
        color: #70B74C;
        background-color: #CEE4B7;
    }
    
    .green {
        /*color:#246B00;*/
        color:#339900;
    }
    .red {
        /*color:#E60000;*/
        color:#FF0000;
    }
    #wrapper {
        width:100%;
        max-width: 1024px;
        position:relative;
        padding:0;
        margin:0;
    }
    
    h1 {
		font-size: 2em;
        padding-top:15px;
    }
    .blocks {
        background-color:white;
        -webkit-box-sizing: border-box;
        /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;
        /* Firefox, other Gecko */
        box-sizing: border-box;
        /* Opera/IE 8+ */
        position: absolute;
        top:37px;
        left:0;
        width:100%;
		border-top: solid 1px #ddd;
        margin: 0;
        padding: 10px;
        margin-left:0;
    }
   
    /* Infoblock */
    #infoblock {
        position:relative;
        width:100%;
        margin:0;
    }
    #infoblock h1, #infoblock h2 {
        font-weight: normal;
    }
    #infoblock p {
        line-height: 1.4em;
    }
    #infoblock h1 {
		font-size: 1.6em;
        height:35px;
        padding: 0 0 15px 35px;
        margin: 0 0 20px 0;
        border-bottom: solid 1px #ddd;
        background-image: url(../images/CH-35.png);
        background-repeat: no-repeat;
        line-height:35px;
    }
    #infoblock h2 {
	    font-size: 1.4em;
        line-height:1.3em;
        margin: 0 0 20px 0;
        padding-bottom: 15px;
        border-bottom: solid 1px #ddd;
    }
    /* Legende */
    .legendTab {
        padding:0;
        height:50px;
        margin:-30px 0 0 0;
        display:none;
    }
    .legendTab table {
        width:100%;
        margin:0;
        padding:0;
        border-collapse: collapse;
    }
    .legendTab table td {
        width:8.3%;
        padding:4px;
    }
    .legendTab table th {
		padding:5px 0;
		font-size: 1em;
	}
    td.legproz {
        text-align: center;
        font-size:1em;
    }
    tr.verySmall {
	    visibility: hidden;
    }
    tr.normalGross {
	    visibility: visible;
    }
    td.colTd {
        height:5px;
        border-right:solid 1px #f4f4f4;
    }
    /* Statistik über der Karte */
    .statistik {
        margin:0 0 10px 0;
        padding: 0 0 10px 0;
        border-bottom: solid 1px #efefef;
    }
    table.myBar {
        border: none;
        padding:0;
        margin:0;
        width: 100%;
        font-size: 1em;
    }
    td.leftAlign {
        text-align: left;
    }
    td.rightAlign {
        text-align: right;
    }
    td.middleAlign {
        text-align: center;
        font-weight: 400;
    }
    table.myBar td {
        padding:2px 0;
    }
    td strong {
        font-weight: bold;
    }
    .red {
        /*color: #FF6666;*/
        color: #FF0000;
        font-weight: bold;
    }
    .green {
        /*color: #70B74C;*/
        color:#339900;
        font-weight: bold;
    }
    .statistik {
        display:none;
    }
    .statistik h4 {
        width: 100%;
        text-align: center;
        font-weight: bold;
        margin:3px 0;
    }
    /* Tooltips */
    #myData {
    }
    #myData ul {
        width:auto;
    }
    #myData li {
        list-style:none;
        display:table-cell;
        background-color:#DFDFDF;
        background-image:url(img/bgTooltippWhite.png);
        background-repeat: no-repeat;
        border:1px solid #CCC;
        border-radius:5px;
        padding:6px;
        position:absolute;
        top:0;
        left:-1000px;
    }
    *+html #myData li {
        display:block;
        width:150px;
    }
    /* nur für den IE7 */
    #myData li td {
        padding:2px;
    }
    #myData li td:first-child {
        text-align:right;
    }
    #myData li table {
        border-top:solid 1px gray;
        margin-top:3px;
        width:100%;
    }
    /* Listenansicht */
    #listenansicht {
        display:block;
        position:relative;
        top:0;
        left:0;
        width:100%;
        overflow:hidden;
        padding-bottom: 30px; 
        height:auto !important;   
    }
    
    #listenansicht table {
        width:95%;
        border:0;
        border-collapse:collapse;
        margin:5px 0 20px 5px;
    }
    #listenansicht td, #listenansicht th {
        padding:2px 4px;
        font-size:1em;
        border:solid 1px #999;
    }
    #listenansicht th {
        border-top:none;
        padding:6px 4px 8px 4px;
        border-right:none;
        font-weight:700;
        text-align: left;
    }
    #listenansicht td:first-child, #listenansicht th:first-child {
        border-left:none;
        background-color: #fff;
    }
    
    #listenansicht td:last-child {
        border-right:none;
    }
    #listenansicht td {
    	line-height: 1.4em;
    	vertical-align: middle;
    }
    #listenansicht td.status {
    	text-align: center;
    	vertical-align: middle;
    }
    #listenansicht h3, #myData h3 {
        padding:0 0 0 25px;
        font-size:1em;
        font-weight:700;
        height:auto;
        width:auto;
        line-height:20px;
        background-repeat:no-repeat;
        
    }
    td.yes {
        background-color:#D7EDCC;
    }
    tr.odd td.yes {
        background-color:#ebfbe3;
    }
    td.no {
        background-color:#FCE0DE;
    }
    tr.odd td.no {
        background-color:#fceeed;
    }
    
    /* weitere Abstimmungen */
    .weitereAbstimmungen {
        margin:30px 15px 30px 0;
    }
    .weitereAbstimmungen h3 {
        font-weight: bold;
        margin-bottom: 8px;
        font-size: 1.3em;
    }
    .weitereAbstimmungen ul {
        margin: 0 10px 0 20px;
    }
    .weitereAbstimmungen ul li {
        font-size: 1.1em;
        list-style: none;
        line-height: 1.2em;
        padding-bottom:3px;
        margin: 3px 0;
        border-bottom: solid 1px #777;
    }
    /* neu */
    .weitereAbstimmungen ul li {
	    color:#777;
	    opacity:1;
	    cursor:pointer;
    }
    .weitereAbstimmungen ul li a {
        text-decoration: none;
        color:#777;
        opacity:1;
    }
    .weitereAbstimmungen ul li a:hover,.weitereAbstimmungen ul li:hover {
         color:#333;
    }
    h2.hochrechnung {
        display:block;
        width: 100%;
        text-align: center;
        font-weight:bold;
        font-size:1.2em;
        margin-bottom:4px;
    }
    .totYes, .totNo {
	    font-family: BentonConSansBold, Georgia, Arial, Helvetica, sans-serif;
        
        font-weight: normal;
        letter-spacing: normal;
        
        font-size: 1.3em;
        
    }
    
    /* Button Navigation */
    .navigation {
        display:block;
        width:100%;
        height:28px;
        position:absolute;
        top:10px;
    }
    .navigation button {
        font-family: Georgia, serif;
        font-size: 14px;
        background-color: #efefef;
        display:block;
        height:28px;
        line-height: 18px;
        float:left;
        padding:2px 15px;
        margin: 0 1px 0 0;
        border-top: solid 1px #dddddd;
        border-right: solid 1px #dddddd;
        border-left: solid 1px #eeeeee;
        border-bottom: none;
        -webkit-border-radius: 5px 5px;
        border-radius: 5px 5px 0 0;
        opacity: 1;
        color:#777;
    }
   .navigation button:hover {
        cursor:pointer;
        opacity: .8;
        color:#777;
    }
    .navigation button.act {
        background-color: white;
        opacity: 1;
        color:#222;
    }
    .navigation button.act:hover {
        cursor: default;
        opacity: 1;
    }
        
    
    
    /* Smartphones (portrait and landscape) ----------- */
	@media only screen
	and (min-width : 320px) 
	and (max-width : 480px) {
		

	}
	
	/* Smartphones (landscape) ----------- */
	@media only screen 
	and (min-width : 321px) and (max-width : 480px) {
	/* Styles */
		.navigation button {
			font-size: 11px;
			height:25px;
			line-height: 16px;
		}		
		
		#infoblock h1 {
	        font-family: Georgia, serif;
	        font-style: italic;
	        font-size: 1.2em;
	        height:auto;
	        padding: 0;
	        margin: 0 0 5px 0;
	        border-bottom: none;
	        background-image: none;
	        line-height: 1.1em;
		}
	    #infoblock h2 {
	        font-family: Georgia, serif;
	        font-size: 1.3em;
	        font-weight: bold;
	        line-height:1.2em;
	        margin: 0 0 10px 0;
	        padding:0 0 15px 0;
	        border-bottom: solid 1px #ddd;
	    }
	    #infoblock p {
     	   line-height: 1.3em;
	 	}
	 	p.resultat {
	        padding:8px;
	        margin:10px 0;	    
	    }

	    .legendTab table td {
	        font-size: .9em;
	        width:8.3%;
			padding:3px;
	    }
	    .legendTab table th {
		    padding:5px 0;
		    font-size: 1em;
	    }
	    tr.verySmall {
	    	visibility: visible;
		}
		tr.normalGross {
	    	visibility: hidden;
	    	display:none;
		}
		.weitereAbstimmungen {
	        display:block;
	        width:auto;
	        margin:15px 15px 30px 0;
	    }
	    .weitereAbstimmungen ul {
        	margin: 0 0 0 10px;
			width:auto;
		}

	}
	
	/* Smartphones (portrait) ----------- */
	@media only screen 
	and (max-width : 320px) {
	/* Styles */
		body {
			font-size: 75%;
		}
		.totNoStimmen:after {
			line-height: 1.2em;
			content:' St.';
		}
		.totYesStimmen:after {
			line-height: 1.2em;
			content:' St.';
		}
		
		.blocks {
			top:35px
		}	
		.navigation button {
			font-size: 12px;
			height:25px;
			line-height: 16px;
		}		
		#containerBar {
			height:20px;
		}
		
		#infoblock h1 {
	        font-family: Georgia, serif;
	        font-style: italic;
	        font-size: 1.1em;
	        height:auto;
	        padding: 0;
	        margin: 0 0 5px 0;
	        border-bottom: none;
	        background-image: none;
	        line-height: 1.1em;
		}
	    #infoblock h2 {
	        font-size: 1.1em;
	        line-height:1.2em;
	        margin: 0 0 10px 0;
	        padding:0 0 10px 0;
	        border-bottom: solid 1px #ddd;
	    }
	    #infoblock p {
     	   line-height: 1.2em;
	 	}
	 	p.resultat {
	        padding:8px;
	        margin:10px 0;	    
	    }

	    .legendTab table td {
	        font-size: .8em;
	        width:8.3%;
			padding:3px;
	    }
	    .legendTab table th {
		    padding:5px 0;
		    font-size: 1em;
	    }
	    tr.verySmall {
	    	visibility: visible;
		}
		tr.normalGross {
	    	visibility: hidden;
	    	display:none;
		}
		.weitereAbstimmungen {
	        display:block;
	        width:auto;
	        margin:15px 15px 30px 0;
	    }
	    .weitereAbstimmungen ul {
        	margin: 0 0 0 10px;
			width:auto;
		}
		.weitereAbstimmungen h3 {
			font-size: 1.2em;
		}

	}