html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}

body {
font: 75% arial, helvetica, sans-serif, verdana, Segoe UI, calibri, Tahoma;
line-height: 145%;
color: #393939;
background: #f7f7f6;
margin: 10px 0;
padding: 0;
}

.clearfix:before, .clearfix:after {
content: " ";
display: block;
height: 0;
overflow: hidden;
}

.clearfix:after {
clear: both;
}

.clearfix {
}

.hidden {
left:-9999px;
position:absolute;
}

.floatleft {
float: left;
}

.floatright {
float: right;
}

a img {
border: none;
}

a:link {
color: #000;
text-decoration: none;
}

a:visited {
color: #000;
text-decoration: none;
}

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


#wrapper {
margin: 0px auto;
width: 750px;
background:#fff;
border:1px solid #d5d5d4;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}

#wrapper #content {
padding: 18px 13px;
}

/*Header sizing*/
#header h1 {
margin-bottom:7px; 
margin-top:18px;
font-size:24px;
/*white-space: nowrap;*/
}

#header h1 span {
font-weight:300;
}

#header h2 {
font-size:12px;
background: #fff;
/*white-space: nowrap;*/
}


#diagramm {
/*float: left;
margin: 0 0 40px;*/
margin: 0;
width: 724px;
}

#diagramm ul.result {
background: url(../g/bg-balken2.png) repeat-y #fff;
border-bottom: 1px solid #c5c4c5;
width: 724px;
margin:20px 0 10px;
position: relative;
list-style:none;
}

/*Start Balken*/
#diagramm ul.result li.balken {
position:absolute; 
bottom:0;
float:left;
width:55px; 
text-align: center;
vertical-align: text-bottom;
margin-bottom: -5px;
}

/*Start Table ueber Balken*/
#diagramm ul.result li.balken table.percentage {
margin:0px auto; 
border:0; 
width:55px; 
margin-bottom:5px;
border-collapse: collapse;
}

#diagramm ul.result li.balken table.percentage thead,
#diagramm ul.result li.balken table.percentage caption {
left:-9999px;
position:absolute;
}

#diagramm ul.result li.balken table.percentage .left {
vertical-align:bottom; 
text-align:right;
}

#diagramm ul.result li.balken table.percentage .left .number {
font-size:220%;
}

#diagramm ul.result li.balken table.percentage .left .comma {
font-size:80%;
}

#diagramm ul.result li.balken table.percentage .right {
vertical-align:bottom; 
text-align:left;
}

#diagramm ul.result li.balken table.percentage .percent {
/*line-height:70%;*/
line-height:40%;
font-size: 90%;
}

#diagramm ul.result li.balken table.percentage .comma-percent {
/*line-height:120%;*/
line-height:140%;
}
/*End Table ueber Balken*/


#diagramm ul.result li.balken.spoe {
left: 0;
}

#diagramm ul.result li.balken.oevp {
left: 74px;
}

#diagramm ul.result li.balken.fpoe {
left: 148px;
}

#diagramm ul.result li.balken.bzoe {
left: 222px;
}

#diagramm ul.result li.balken.gruene {
left: 296px;
}

#diagramm ul.result li.balken.frank {
left: 370px;
}
/*
#diagramm ul.result li.balken.cpg {
left: 414px;
}*/

#diagramm ul.result li.balken.neos {
left: 444px;
}

#diagramm ul.result li.balken.kpoe {
left: 518px;
}

/*
#diagramm ul.result li.balken.esk {
left: 552px;
}*/

#diagramm ul.result li.balken.pirat {
left: 592px;
}
/*
#diagramm ul.result li.balken.bbb {
left: 621px;
}*/

#diagramm ul.result li.balken.cpoe {
left: 666px;
}
/*
#diagramm ul.result li.balken.wir {
left: 690px;
}*/

/*End Balken*/


/*Start Lastvote*/
#diagramm ul.result li.lastvote {
position:absolute; 
bottom:0;
float:left;
width:5px; 
vertical-align: text-bottom;
margin-bottom: -5px;
}

#diagramm ul.result li.lastvote.spoe {
left: 55px;
}

#diagramm ul.result li.lastvote.oevp {
left: 129px;
}

#diagramm ul.result li.lastvote.fpoe {
left: 203px;
}

#diagramm ul.result li.lastvote.bzoe {
left: 277px;
}

#diagramm ul.result li.lastvote.gruene {
left: 351px;
}

#diagramm ul.result li.lastvote.kpoe {
left: 573px;
}
/*End Lastvote*/


/*Start Empty*/
#diagramm ul.result li.empty {
position:absolute; 
bottom:0; 
width:14px; 
float:left; 
vertical-align: text-bottom; 
}

#diagramm ul.result li.empty.spoe {
left: 60px;
width: 14px;
}

#diagramm ul.result li.empty.oevp {
left: 134px;
width: 14px;
}

#diagramm ul.result li.empty.fpoe {
left: 208px;
width: 14px;
}

#diagramm ul.result li.empty.bzoe {
left: 282px;
width: 14px;
}

#diagramm ul.result li.empty.gruene {
left: 356px;
}

#diagramm ul.result li.empty.frank {
left: 425px;
width: 19px;
}

/*
#diagramm ul.result li.empty.cpg {
left: 499px;
width: 14px;
}*/

#diagramm ul.result li.empty.neos {
left: 499px;
width: 19px;
}

#diagramm ul.result li.empty.kpoe {
left: 578px;
width: 14px;
}

/*
#diagramm ul.result li.empty.esk {
left: 607px;
width: 14px;
}*/

#diagramm ul.result li.empty.pirat {
left: 647px;
width: 19px;
}

/*
#diagramm ul.result li.empty.bbb {
left: 676px;
width: 14px;
}*/


#diagramm ul.result li.empty.cpoe {
left: 721px;
width: 19px;
}
/*End Empty*/

#diagramm ul.party {
list-style:none;
}

#diagramm ul.party li {
width: 55px;
margin-right: 19px;
float: left;
text-align: center;
}

#diagramm ul.party li.last {
margin-right: 0;
}

#diagramm ul.party li .name {
font-size: 125%;
font-weight:bold;
}

.detail-logo {
/*margin-bottom:22px;*/
margin: 40px 0 22px 0; 
}

.detail-logo .floatleft {
margin-left: 55px;
}


/*Start Footer*/
#footer {
background: #006f9a;
color: #fff;
padding: 13px;
}

#footer .split {
float: left;
width: 33%;
}

#footer ul {
list-style:none;
margin: 3px 0 0 10px;
}

#footer ul li {
margin: 0 0 3px;
}

#footer ul li a {
color: #fff;
padding: 3px;
margin: 0 0 23px 0;
font-weight: bold;
}

#footer ul li a:hover,
#footer ul li a.active {
color: #006f9a;
background: #fff;
text-decoration: none;
}
/*End Footer*/



/*Start Tabellenauswertung*/
#maintable {
margin: 0 0 20px;
}

#maintable table#output {
width: 100%;
border-collapse: collapse;
border: 0;
}

#maintable table#output caption {
left:-9999px;
position:absolute;
}


#maintable table#output th.header-title {
text-align:center !important; 
font-size:200%; 
font-weight:400; 
padding:10px;
}

#maintable table#output td.solid-bottom {
border-bottom:1px solid #393939;
padding: 0px; 
line-height: 1px;
}

#maintable table#output td.dotted-bottom {
border-bottom:1px dotted #393939;
padding: 0px; 
line-height: 1px;
}


#maintable table#output td.color-white,
#maintable table#output th.color-white {
color:#fff;
}

#maintable table#output td.color-light-grey,
#maintable table#output th.color-light-grey {
color:#666;
}


#maintable table#output td.color-blue {
color:#006f9a;
}

#maintable table#output td.bg-blue,
#maintable table#output th.bg-blue {
background-color:#006f9a;
}


#maintable table#output td.border-right-blue,
#maintable table#output th.border-right-blue {
border-right: 2px solid #006f9a;
}

/*nur 1px da nur am ende*/
#maintable table#output td.border-bottom-blue {
border-bottom: 1px solid #006f9a;
}

/*nur 1px da nur am start*/
#maintable table#output td.border-top-blue,
#maintable table#output th.border-top-blue {
border-top: 1px solid #006f9a;
}

#maintable table#output td.border-left-blue,
#maintable table#output th.border-left-blue {
border-left: 2px solid #006f9a;
}


#maintable table#output td.bg-grey,
#maintable table#output th.bg-grey {
background-color:#393939;
}


#maintable table#output td.border-right-grey,
#maintable table#output th.border-right-grey {
border-right: 2px solid #393939;
}

/*nur 1px da nur am ende*/
#maintable table#output td.border-bottom-grey,
#maintable table#output th.border-bottom-grey {
border-bottom: 1px solid #393939;
}

/*nur 1px da nur am anfang*/
#maintable table#output td.border-top-grey,
#maintable table#output th.border-top-grey {
border-top: 1px solid #393939;
}

#maintable table#output td.border-left-grey,
#maintable table#output th.border-left-grey {
border-left: 2px solid #393939;
}


#maintable table#output td,
#maintable table#output th {
padding: 5px 10px;
font-size: inherit;
font-weight: inherit;
}

#maintable table#output td.paddnull-heigthone {
padding:0; 
line-height:1px;
} 



#maintable table#output td.one,
#maintable table#output th.one {
width:120px; 
text-align:right; 
vertical-align:middle;
}

#maintable table#output td.two,
#maintable table#output th.two {
width:55px; 
padding-right: 20px;
text-align:right; 
vertical-align:middle;
}

#maintable table#output td.three,
#maintable table#output th.three {
/*width:50px; */
/*padding-right: 25px;*/
text-align: center; 
vertical-align:middle;
}

#maintable table#output td.three {
text-align: center; 
}


#maintable table#output td.four,
#maintable table#output th.four {
/*width:40px;*/
text-align:right; 
vertical-align:middle; 
}

#maintable table#output td.five,
#maintable table#output th.five {
width:55px; 
padding-right: 20px;
text-align:right; 
vertical-align:middle;
}

#maintable table#output td.six,
#maintable table#output th.six {
/*width:40px;*/
/*padding-right: 25px;*/
text-align: center; 
vertical-align:middle;
}

#maintable table#output td.six {
text-align: center; 
}



#maintable table#output td.seven,
#maintable table#output th.seven {
/*width:40px; */
text-align:right; 
vertical-align:middle;
}

#maintable table#output td.eight,
#maintable table#output th.eight {
width:55px; 
padding-right: 12px;
text-align:right; 
vertical-align:middle;
}

#maintable table#output td.nine,
#maintable table#output th.nine {
width:57px; 
text-align:center; 
vertical-align:middle; 
padding-right: 20px;
}
/*End Tabellenauswertung*/