@charset "ISO-8859-1";

/*  
Theme Name: Theme - Red - Florian Pronold MdB (2009)
Theme URI: http://www.florianpronold.de/
Description: 
Version: 1.0
Author: bluesky systems / Tilo Schröder
Author URI: http://bluesky-systems.de/
*/


/*
Farbcodes

Rot		=	#da0000
Rot 2		=	#96000b
Hellgrau	=	#efefef
Hellblau	=	#c5d5e5
Türkis		=	#005b75 
Schwarz		=	#000
*/

@import "css-nav.css";
@import "css-sidebar.css";
@import "css-misc.css";

/*
							basics
*/

body {margin: 0;padding: 0;}

a img {border: none;}

*:first-child {margin-top: 0;}
:hover,:focus,:active{outline:0;}

table {border-collapse: collapse;}

th, td {
text-align: left;
vertical-align: top;}

acronym, abbr {cursor: help; border-bottom: 1px dotted #333;}

.hidden {
position: absolute;
left: -2000px;
width: 1px;
height: 1px;
color: #000;
background: #fff;}

#main li {list-style: square url(img/bg_ulLis.gif);}

/*
							document
*/

body {
font: 75%/1.5 Arial,Sans-Serif;
color: #000;
background: #efefef url(img/bg_image_gradient.png) top left repeat-x fixed ;
text-align: center;
padding:10px 0 10px 0;
}

#container {
width: 900px;
text-align: left;
margin: 0 auto;
padding:  5px 15px 5px 15px;
color: #000;
background: #fff ;}

/*
							layout
*/

#header {
float: left;
width: 100%;
background: #f2f2f2  url(img/header_image_gradient.jpg) top left repeat-x ;
margin: 0 0 1.5em 0;
padding: 0;}

#header .welcome {
float: left;
margin: 0 0 0 0;
height: 185px;
width: 100%;
z-index: 1;}

#header .start {background: transparent url(../../../workspace/img/header_welcome.jpg) top right no-repeat ;}
#header .politik {background: transparent url(../../../workspace/img/header_politik.jpg) top right no-repeat ;}
#header .service {background: transparent url(../../../workspace/img/header_service.jpg) top right no-repeat ;}
#header .privat {background: transparent url(../../../workspace/img/header_privat.jpg) top right no-repeat ;}
#header .blog {background: transparent url(../../../workspace/img/header_aktuell.jpg) top right no-repeat ;}
#header .termine {background: transparent url(../../../workspace/img/header_termine.jpg) top right no-repeat ;}
#header .argumente {background: transparent url(../../../workspace/img/header_argumente.jpg) top right no-repeat ;}

#header .welcome h1 img {margin: 2.5em 0 0 0; padding:0;}

#header .welcome h2 {margin: -1.25em 0 0 0; padding: 0;}

#header .welcome a {
float: right;
display: block;
height: 76px;
width: 76px;}

#content {
float: left;
width: 100%;
padding: 0;
margin-top: 20px;}

#main {float: left; width: 500px;}

#extra {float: right; width: 306px; color: #333;}

#mitmachen {
clear: both;
padding: 0;
background: #fff;
margin-bottom: 1em;
padding: 0;}


#footer {
clear: both;
padding: 10px 0;
width: 900px;
margin: 0 0 20px 0;
background: #96000b;}

#footer p {margin: 20px 0 20px 0;}

/*
							header
*/

.welcome {z-index: 1;}

#nav {z-index: 5;}

.skip a:link,
.skip a:visited {
position: absolute;
width: 1px;
height: 1px;
left: -100px;
top: -100px;}

.skip a:hover,
.skip a:active,
.skip a:focus  {
position: absolute;
top: 1px;
left: 460px;
width: 200px;
height: auto !important;
text-align: center;
background: #da0000;
color: #fff;
margin: 0 auto;
padding: 5px 3px;
text-decoration: none;
font-weight: bold;
text-transform: uppercase;}



/*
							content
*/

a:link,
a:visited {color: #da0000;text-decoration: none;}

a:hover,
a:focus,
a:active {color: #005b75;text-decoration: underline;}

h1 {
font-size: 1.5em;
line-height: 22px;
color: #000;}

h2 {
font-size: 1.325em;
line-height: 21px;
color: #000;
background-color: inherit;
margin-top: 18px;}

h2 a:link,
h2 a:visited {
color: #da0000;
background-color: inherit;
text-decoration: none;}

h2 a:focus,
h2 a:hover {
color: #da0000;
background-color: inherit;
text-decoration: underline;}

.page-section-label {
display: inline;
float: left;
font-size: 1.1em;
line-height:20px;
padding: 2px 12px;
margin: 0;
color: #fff;
background-color: #da0000;
border-top: 1px solid #da0000;
border-left: 1px solid #da0000;
border-right: 1px solid #da0000;
white-space: nowrap;}

h2.newsletter {
  padding-top: 0.5em;
  color: #5a84be;
  background-color: inherit;}

h3 {
font-size: 1.15em;
line-height: 1.5em;
color: #000;}

h3 a:link,
h3 a:visited {
color: #da0000;
background-color: inherit;
text-decoration: none;}

h3 a:focus,
h3 a:hover {
color: #da0000;
background-color: inherit;
text-decoration: underline;}

em {font-style: italic;}

strong {
font-weight: bold;
color: #000;
background-color: inherit;}

ul {list-style-type: square;}

h1.single {color: #96000b;}

.system-message {
padding: 9px 6px 1px 6px;
background-color: #f0f0f0;
margin-bottom: 2em;
}

.page-section {
float: left;
padding: 0;
margin-bottom: 1.5em;}

#main .page-section {width: 500px;  /* =522 */ }

.page-section-text, .page-section-search {
float: left;
width: 100%;
border: 1px solid #d7d7d8;
background: #fff;}

.page-section-banner {float: left;width: 100%;margin-top:2em;}

#main .page-section-text,
#main .page-section-search {padding: 15px 25px 0 25px;}
#main .page-section-search{margin-bottom: 1em;}
#extra .page-section-banner {margin-bottom: 2em;}
.banner-bg {background: #fff;}

#main .teaser {
float: left;
width: 100%;
margin-bottom: 1em;
padding: 2em 25px 1em;
border: 1px solid #d7d7d8;
background: #fff;}


/* teaser specifications (especially h3) using #main because of ie5/mac */

#main .teaser .text {float: right;width: 380px;color: #333;}

#main .teaser .text p {margin: 0.5em 0;}

#main .teaser.archive p {margin: 0.5em 0 2em 0;}

#main .topnews  {border-bottom: 1px solid #d7d7d8;margin-bottom: 2em;}

#main .article  {margin-bottom: 2em;}

#main .teaser.news img,
#main .teaser.archive img {float: left;margin: 0 18px .5em 0;}

#main .teaser.news img.nofloat {
float: none;
display: inline;
padding: 0;
border: none;
margin: 0;}

#main .events {background: #fff url('img/bg_calendar.gif') 10px 50% no-repeat;}

#main .small-news {
float: left;
width: 45%;
margin: 10px 20px 0 0;}

#main ul#events  {padding:0 0 0 9em;margin:  0; vertical-align: middle;}

#main ul.sitemap li {list-style-image: none; list-style-type: none;}

ul#events li.event {list-style-image: none;clear: left; list-style-type: none;  border-bottom: 2px dotted #a7a7a8; padding: 1em 0 2em 0;  }

ul#events li.all-events {list-style-image: none; list-style-type: none;  line-height: 3em; clear:left;}


ul#events h3.event-date {display:inline; color: #da0000; font-size: 1.1em; }
ul#events h4.event-title {display:inline;font-size: 1.1em; margin: 0;}

.news-article {float: left;width: 100%;}

.date {
font-size: 11px;
line-height: 18px;
font-weight: bold;}

#main h2.events-archive-date { font-size: 1em;} 
#main .dateformat {display: block; float: left; margin: 0 .5em 5px 0; text-align: center; clear:left;}
#events .month, #main .month { display: block;position:relative;font-size: 1.15em; color: #888; clear: left;z-index: 1; margin: 0; }
#events .day, #main .day { display: block;position:relative;font-family: Verdana, arial, sans-serif;font-size: 1.5em; color: #a00000;z-index: 2; }

.postmetadata {
display: block;
padding: 5px 0;
border-top: 1px solid #d7d7d8;
border-bottom: 1px solid #d7d7d8;
margin: 0;}

.post-number strong {
display: block;
float: left;
font-size: 1.75em;
font-weight: bold;
background: #efefef;
color: #da0000;
padding: 0 10px;
margin: 5px 15px 0 0;}

.post-comment {margin-bottom: 3em;}


.news-article .date {clear: right;}

.news-article.with-image h1 {float: right;width: 320px;}

.news-article.with-image img {float: left;margin: 0 18px 12px 0;}

#main .teaser.news a.edit img,
.news-article a.edit img,
.news-article.with-image a.edit img {float: none;margin: 0 0 -2px 0.5em;}

a.edit img {margin: 0 0 -2px 0.5em;}

.thema {
float: left;
width: 100%;
margin-bottom: 1em;}

.thema .date {
clear: right;
font-size: 11px;
line-height: 18px;
font-weight: bold;}

.thema.with-image h1,
.thema.with-image h3 {float: right;width: 320px;}

.thema.top h3 {font-size: 18px;line-height: 22px;margin-bottom: 0.7em;}

.thema.top .text {color: #333;}

.thema.top.with-image .text {float: right;width: 320px;}

.thema.with-image img {float: left;margin: 0 18px 12px 0;}

.bildergalerie {float: left;width: 100%;}

.news-article .bildergalerie img {margin: 0 12px 12px 0;}

.termine .pdf-links {border: none;}

.post-title-link {
background: url(img/icon_posttitle.gif) 0 0 no-repeat;
padding-left: 2em;
font-size: 1em;}

.teaser-text {clear: left;margin-bottom: 1em;}

.teaser-text p {margin-left: 30px;}

.left_img {float: left;margin: 0 2em 1em 0;}

.single img,
.teaser-text img {float: left;margin: 0 1em .5em 0;}

.single-page-text,
.single-page-text h2 {clear: both;}

.post-teaser { font-weight: bold;}

img.welcome {float: right;}

pre {white-space: normal;}

pre code {
display: block;
white-space: pre;
font-family: courier, "courier new", monospace;
font-size: 12px;
background: #fff;
padding: 2px 6px;
overflow: auto;}

.blank-page code {
font-family: courier, "courier new", monospace;
font-size: 12px;
color: #5a84be;
background-color: inherit;
padding: 0;}

.page-navigator {
float: left;
width: 100%;
font-weight: normal;
font-size: 12px;
margin-top: -0.5em;
margin-bottom: 1em;}


#main ul.presse li {list-style-image:none;list-style:none;margin-bottom:2em;}
#main ul.presse li .article-title  {background: url(img/icon_posttitle_bayernspdnews.gif) 0 -5px no-repeat;
padding-left: 2em;
font-size: 1.15em;}

/*
vor ort
*/

.page-navigator.abc {
font-weight: bold;
font-size: 13px;
word-spacing: 0.1em;
width: 498px;
padding: 0 12px;}


p.jump-to-top {
float: left;
width: 498px;
font-size: 11px;
font-weight: bold;
text-align: right;
background: #fff;
padding: 0.5em 12px;
margin: -1.5em 0 0 0;}

p.back {
float: left;
width: 498px;
font-size: 11px;
font-weight: bold;
text-align: left;
background: #fff;
padding: 0.5em 0;
margin: 0 0 1em 0;}

h3.sub-section {margin-top: 2em;}

li.sitemap a {display:block;  line-height: 2.5em;  }

ul .toplevel {  margin: 1em 0; }


.bundestag #main .page-section img {
float: left;
margin-right: 18px;
margin-bottom: 36px;}

.success {
color: #fff;
background-color: #008040;
padding: 0.25em 12px;}

p.error {color: #fff;background-color: #FF4000;padding: 0.25em 12px;}

.error a:link,
.error a:visited {color: #fff;background-color: inherit;}

div.video {
float: left;
width: 320px;
height: 260px;
margin: 0 18px 1em 0;
background-color: #fff;}

.thema object.youtube320,
.news-article object.youtube320 {
float: left;
width: 320px;
margin: 0 18px 1em 0;}

.schwerpunktthemen-fazit p.last {
font-size: 175%;
line-height: 110%;
margin-top: -0.25em;}

.post-related {
clear: left;
border: 1px solid #da0000;
margin: .5em;
padding: 0;}

.post-related h2 {
color: #fff;
background: #da0000 url(img/bg_redshadows.gif) 0% 0% repeat-x;
margin: 0;
padding: .5em;
font-size: 95%;}

.post-related p {
margin: 1em 0 1em 2em;
line-height: 2em;}

#main .post-related ul  {list-style: none;}

#main .post-related ul li {
margin: 1em 0 1em 0;
line-height: 2em;
list-style: none;}

#main .post-related ul {margin-left: -1.5em;}

a:link.weblink,
a:visited.weblink {
background: url(img/file_icons_list.gif) 0 0 no-repeat;
padding: 10px 0 10px 4em;}

a:link.pdf,
a:visited.pdf {
background: url(img/file_icons_list.gif) 0 -33px no-repeat;
padding: 10px 0 10px 4em;}

a:link.galerie,
a:visited.galerie {
background: url(img/file_icons_list.gif) 0 -66px no-repeat;
padding: 10px 0 10px 4em;}

a:link.podcast,
a:visited.podcast {
background: url(img/file_icons_list.gif) 0 -99px no-repeat;
padding: 10px 0 10px 4em;}

a:link.tv,
a:visited.tv {
background: url(img/file_icons_list.gif) 0 -132px no-repeat;
padding: 10px 0 10px 4em;}

address {margin: -5px 0 0 0;font-style: normal;}

.rating {margin: 0; border-bottom: 1px solid #c5d5e5;padding-bottom: 1em;}

h3.rating-hl {display: inline; font-weight: normal; font-size: 1em; float: left; margin: 0 2em 0 0; padding: 0;}

.post-ratings { margin: 0;}

.post-ratings-loading {
display: none;
height: 16px;
text-align: left;}

.post-ratings-image { border: 0px; }

.post-ratings img, .post-ratings-loading img, .post-ratings-image img {
border: 0px;
padding: 0px;
margin: 0px;
cursor: pointer;}

/* Styles Used In WP-Admin */
.wp-postratings-usage-pre {
margin: 20px;
padding: 10px;
border: 1px solid #c8c8c8;
background-color: #f0f0f0;
overflow: auto;}

/* #main form {margin:0;padding:0 ;} */
/* #main fieldset {border:1px solid #ccc;margin:1px 0 14px 0 ;padding:0;}*/
/* #main label {position:absolute;left:-1000em;} */
#main .inputfield {border:none;font-size:1.15em;margin:0;width:240px;float:left;padding: 1px 5px;height:23px;}
#main #searchsubmit {text-indent:-9999px; border:none;width:26px;height:25px; background: url(img/suche_icon.gif) left center no-repeat; font-size:0;line-height:0;float:right;cursor:pointer;}
#main .page-section-search ol {margin:0 0 0 -40px;}
#main .page-section-search ol li {list-style:none;list-style-image:none;margin-bottom:2em;}
#main .page-section-search ol li p {margin-left:30px;}


/*
							forms
*/

form legend {display: none;}

#main form fieldset {
border: 0;
padding: 0;
margin-bottom: 1em;}

label {cursor:pointer;}

form .field { margin: 0 0 1em 0;}

#main form input,
#main form textarea,
#main form select {
font-family: arial, sans-serif;
font-size: 1.1em;
background-color:#fff;
padding: 3px;
border: 1px solid #808080;}

#main .textfield {display:block;width: 450px;}

#main .searchfield {display:block;width: 460px;float:left;height:17px;} 
#main #newsearch {text-indent:-9999px; border:none;width:26px;height:25px; background: url(img/suche_icon.gif) left center no-repeat; font-size:0;line-height:0;float:left;cursor:pointer;}

#main form input:hover,
#main form input:focus,
#main form textarea:hover,
#main form textarea:focus,
#main form select:hover,
#main form select:focus {
background-color:#f5f5f5;
padding: 2px;
border: 2px solid #da0000;}

#main form .post-error label {
color: #f80000;
font-weight: bold;}

#filter form {background: #f4f4f5;padding:10px 5px 0 5px; margin: 0 0 2em 0; overflow:hidden;}
#filter div {margin-right: 1em; }
#filter p {float:left;padding:0;margin: 0 1em 0 0;}
#filter select, #filter label, #filter br {float: left;margin-right: 10px; }

#main form .contacterror {border:1px solid #d00000;}
#main form .input_error {color:#d00000;}
#main form .submit {background: #efefef;border:1px solid #d00000;cursor:pointer;}

hr.clear {clear:both;height:1px;width:1px;border:none;}
/*
							tables
*/

/*do not remove - this is useful for google cache pages*/
table {
font-size: 1em;
line-height: 1.5em;}

table.termine {
float: left;
width: 500px;
margin-bottom: 1em;}

table.termine th,
table.termine td {padding: 0 0 1em 0;}

table.termine th {font-weight: bold;}

table.termine h3,
table.termine p {margin: 0 0 0.5em 0;}

table.termine td.date {
text-align: center;
vertical-align: top;
width: 100px;
padding-right: 18px;
margin: 0;
font-size: 13px;
line-height: 18px;
color: #000;
font-weight: bold;}

table.termine .text {color: #333;}

table.termine .data {color: #333;}

table.landesvorstand {width: 100%;}

table.landesvorstand td {
border-top: 1px solid #808080;
padding: 0.5em 18px 0 0;}

table.landesvorstand td.name strong {font-size: 13px;}

table.landesvorstand td ul {
margin: 0 0 0.5em 1.5em;
padding-left: 0;}

table.landesvorstand td p {margin: 0 0 0.5em 0;}

table.landesvorstand td.name {width: 33%;}

table.pressemitteilungen {
float: left;
width: 100%;
margin-bottom: 1em;}

table.pressemitteilungen td {
border-top: 1px solid #808080;
padding: 0.5em 18px 0.5em 0;}

table.pressemitteilungen td.date {white-space: nowrap;}

table.pressemitteilungen td.last {padding-right: 0;}

table.pressebilder td {
border-top: 1px solid #808080;
padding: 0.5em 18px 0.5em 0;}

table.pressebilder td.pressebild img {float: left;}

table.pressebilder td.last {padding-right: 0;}

table.stimmkreiskandidaten {
float: left;
width: 100%;
margin-bottom: 1em;}

table.stimmkreiskandidaten th,
table.stimmkreiskandidaten td {
border-bottom: 1px solid #808080;
padding: 0.5em 18px 0.5em 0;}

table.stimmkreiskandidaten td.last {padding-right: 0;}

table.tabelle {
float: left;
width: 100%;
margin-bottom: 1em;
padding: 0;}

table.tabelle caption {
background: #da0000;
color: #fff;
padding: .25em 0;
font-weight: bold;
text-transform: uppercase;}

table.tabelle tfoot td{border: none;}

table.tabelle th {
border: 1px solid #a0a0a0;
background: #f0f0f0;
color: #000;
padding: .5em 18px .5em .5em;}

table.tabelle td {
border: 1px solid #a0a0a0;
padding: 1em 18px .5em .5em;}

table.tabelle tr.even {
border-bottom: 1px solid #a0a0a0;
background: #f7f7f7;
padding: .5em 18px .5em .5em;}

table.tabelle tr.uneven {
border-bottom: 1px solid #a0a0a0;
background: #fff;
padding: .5em 18px .5em .5em;}

table.tabelle a:link,
table.tabelle a:visited {
color: #d00000;
text-decoration: none;
padding: 0 2px;}

table.tabelle a:hover,
table.tabelle a:focus,
table.tabelle a:active {
color: #fff;
background: #d00000;
border-bottom: 1px solid #fff;}

table.tabelle h2 {
font-size: 105%;
margin: 0;}

/*
							footer
*/

#footer {text-align: right;padding: 0;overflow:hidden;}
#footer h5,#footer ul,#footer ul li {margin: 0;padding: 0 0 0 0;color: #fff;}
#footer ul{margin: 1em 0;}
#footer h5 {font-size: 1em;margin: 1em 0 0 20px;font-weight: normal;float: left;}
#footer ul li {margin-right: 20px;list-style-type: none;text-transform: uppercase;font-weight: bold;display: inline;}
#footer ul li.current-page-item strong {color: #96000b;background: #fff;border: 4px solid #fff;padding: 0;}
#footer ul a:link,
#footer ul a:visited {color: #fff;text-decoration: none;border: 2px solid #fff;padding: 3px;}
#footer ul a:hover,
#footer ul a:focus,
#footer ul a:active {color: #96000b;text-decoration: none;background: #fff;border: 4px solid #fff;padding: 1px;}

