/*
Theme Name: SPD Personal Theme
Theme URI: http://spd.marcel-kliemannel.de
Description: Dieses Design ist eine Anlehnung an das Corporate Design der Internetauftritte der Bundes-SPD.
Version: 1.0
Author: Marcel Kliemannel
Author URI: http://www.marcel-kliemannel.de
*/

* {
    margin: 0;
    padding: 0;    
}


body {
    background: #e2001a;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 100.1%;   
}



ul, ol {
    list-style-type: none;   
}


img {
    border: 0;   
}


a:link, a:visited {
    outline: 0;
    color: #e2001a;  
    text-decoration: none; 
}

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


h1.pageTitle {
    margin-bottom: 10px;
    font-weight: normal;
    font-size: 1.3em;   
}


h2.pageTitle {
    margin-bottom: 30px;
    font-weight: bold;
    font-size: 0.9em;
    text-transform: uppercase;   
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}


h4.title {
    margin-top: 30px;
    padding-bottom: 10px;
    font-weight: bold;
    font-size: 0.9em;
    text-transform: uppercase;
}


.clearBoth {
    clear: both;   
}


.alignleft {
    float: left;   
}


.alignright {
    float: right;   
}



/* general content elements */
#wrapper {
    min-width: 920px;   
}


.content {
    width: 900px;
    padding: 0 10px;
    margin: 0 auto;
}
/* .general content elements */



/* header */
#header {
    background: #bbd8e1;  
    border-bottom: 5px solid #559db3; 
}
/* .header */



/* page */
#page {
    background: #fff;
    padding: 30px 0;   
}
/* .page */



/* sidebar */
#sidebar {
    width: 300px;
    float: right;   
}


#sidebar h3 {
    color: #1c4c5c;
    font-size: 0.8em;
    padding-bottom: 6px;
    text-transform: uppercase;   
}


#sidebar h4 {
    font-size: 1.0em;
    padding-bottom: 6px; 
}


#sidebar #searchForm {
   width: 290px;
   background: #fff;
   border: 1px solid #ccc;
   padding: 4px;
   margin-bottom: 30px;
}


#sidebar #searchSubmit {
   float: right;
}

#sidebar #searchQuery {
   border: 0;
   font-style: italic;
   font-size: 0.9em;
   color: #777;
   outline: 0;
   width: 260px;
}


ul#sidebarMenu {
    background: #e2001a url('./images/sidebarMenuBg.gif') repeat-x;
    border: 1px solid #e2001a;
    border-bottom: 0 solid;
    margin-bottom: 20px;
}
    
ul#sidebarMenu li.page_item {
    background: url('./images/sidebarMenuDottedWhite.gif') left bottom repeat-x;
    padding-bottom: 1px;
}  
    
ul#sidebarMenu li.last_page_item {
    background-image: none;
    padding-bottom: 1px;
}
    
ul#sidebarMenu li.page_item a:link, ul#sidebarMenu li.page_item a:visited {
    display: block;
    background: url('./images/sidebarMenuPageLevel1.gif') 8px no-repeat;
    padding: 6px;
    padding-left: 20px;
    font-weight: bold;
    font-size: 0.8em;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
}
    
ul#sidebarMenu li.page_item a:hover, ul#sidebarMenu li.page_item a:focus, ul#sidebarMenu li.page_item a:active { 
    background-color: #84000f;
}
        
ul#sidebarMenu li.current_page_item a:link, ul#sidebarMenu li.current_page_item a:visited {
    background: url('./images/sidebarMenuCurrentPageLevel1.gif') 8px no-repeat;
}

ul#sidebarMenu li.current_page_item a:hover, ul#sidebarMenu li.current_page_item a:focus, ul#sidebarMenu li.current_page_item a:active { 
    background-color: transparent; 
}
    
ul#sidebarMenu li.current_page_ancestor a:link, ul#sidebarMenu li.current_page_ancestor a:visited {
    background: #ddebf0 url('./images/sidebarMenuCurrentPageAncestorLevel1.gif') 6px 10px no-repeat;
    color: #8a111f;
}   
     
ul#sidebarMenu li.current_page_ancestor a:hover, ul#sidebarMenu li.current_page_ancestor a:focus, ul#sidebarMenu li.current_page_ancestor a:active { 
    background-color: #fff;
}
    
ul#sidebarMenu ul li.page_item {        
    background: #ddebf0 url('./images/sidebarMenuDotted.gif') left top repeat-x;
    padding-top: 1px;
    padding-bottom: 0;
} 
     
ul#sidebarMenu ul li.page_item a:link, ul#sidebarMenu ul li.page_item a:visited {
    background: url('./images/sidebarMenuPageLevel2.gif') 23px 13px no-repeat;
    padding: 7px;
    padding-left: 35px;
    height: 1%; /* ie fix */
    font-weight: bold;
    font-size: 0.78em; 
    color: #e2001a;       
    text-transform: none;
    text-decoration: none;
}   
    
ul#sidebarMenu ul li.page_item a:hover, ul#sidebarMenu ul li.page_item a:focus, ul#sidebarMenu ul li.page_item a:active {
    background-color: #fff;
}
     
ul#sidebarMenu ul li.current_page_item a:link, ul#sidebarMenu ul li.current_page_item a:visited {
    background: #ddebf0 url('./images/sidebarMenuCurrentPageLevel2.gif') 23px 10px no-repeat;
}

ul#sidebarMenu ul li.current_page_item a:hover, ul#sidebarMenu ul li.current_page_item a:focus, ul#sidebarMenu ul li.current_page_item a:active {
    background-color: #ddebf0;
}


ul#sidebarLinks {
    border: 2px solid #72909a;
    margin-bottom: 40px;
}
    
ul#sidebarLinks li {
    background: url('images/sidebarLinksDotted.gif') left bottom repeat-x;
    padding-bottom: 1px;    
}
    
ul#sidebarLinks li.last_item {
    background: none;   
}
    
ul#sidebarLinks li a:link, ul#sidebarLinks li a:visited {
    display: block;
    background: url('images/sidebarLinksIcon.gif') 10px 9px no-repeat;  
    padding: 5px; 
    padding-left: 25px;
    font-weight: bold;
    font-size: 80%;
    line-height: 120%;
    text-decoration: none;
}
    
ul#sidebarLinks li a:hover, ul#sidebarLinks li a:focus, ul#sidebarLinks li a:active {
    text-decoration: underline;
} 


#sidebar .boxImage img { 
    margin-bottom: 40px;  
}

#sidebar .boxImage a:link img, #sidebar .boxImage a:visited img {
    border: 1px solid #fff;   
}

#sidebar .boxImage a:hover img, #sidebar .boxImage a:focus img, #sidebar .boxImage a:active img {
    border: 1px solid #e2001a;   
}


#sidebar .simpleBox {
    margin-bottom: 40px;
    font-size: 0.8em;
}


#sidebar .blueBox {
    border: 2px solid #72909a; 
    margin-bottom: 40px; 
    padding: 8px;
    font-size: 0.8em;
    line-height: 1.3em;
    color: #222;   
}


#sidebar .redBox {
    border: 5px solid #e2001a;
    margin-bottom: 40px;   
}


#sidebar .redBox h5 {
    color :#1c4c5c;
    font-size: 1.2em;
    font-weight: normal;
    padding: 8px;
    border-bottom: 1px solid #e2001a;
}


#sidebar .redBox .boxContent {
    padding: 8px;
    font-size: 0.8em;
    line-height: 1.3em;
    color: #222;
}


#sidebar .blogInfos {
    border: 2px solid #72909a; 
    margin-bottom: 40px; 
    font-size: 0.8em;
    color: #222;  
}

#sidebar .blogInfos ul li {
    background: url('./images/sidebarMenuDotted.gif') bottom repeat-x;
    pading-bottom: 1px;   
}

#sidebar .blogInfos ul li.last {
    background-image: none;
    pading-bottom: 0;   
}

#sidebar .blogInfos ul li a:link.cat, #sidebar .blogInfos ul li a:visited.cat {
    display: block;
    background: url('./images/sidebarMenuCurrentPageLevel2.gif') 8px no-repeat;
    padding: 6px;
    padding-left: 20px;
    font-weight: bold;
    color: #e2001a;    
    text-decoration: none;
}

#sidebar .blogInfos ul li a:link.open, #sidebar .blogInfos ul li a:visited.open {
     background: url('./images/sidebarBlogInfosTabOpen.gif') 6px no-repeat;  
}

#sidebar .blogInfos ul li .blogInfosContent {
    padding: 6px;
    padding-top: 0px;
    padding-left: 20px;
}

#sidebar .blogInfos ul li .blogInfosContent a:link, #sidebar .blogInfos ul li .blogInfosContent a:visited {
    color: #222;
}

#sidebar .blogInfos ul.categories {
    list-style-position: inside;
    list-style-image: url('./images/entryListIcon.gif');     
}

#sidebar .blogInfos ul.categories li {
    background: 0;
    pading: 0;
    margin-bottom: 5px;    
}

        
    
    #contactBox
    {
        border: 2px solid #72909a;
        margin-bottom: 25px;
        font-size: 0.8em;
    }       

    #contactBox .contactContent {
        padding: 10px;
        padding-left: 25px;
        padding-top: 5px;
        line-height: 140%;
    }
    
    #contactBox a.link, #contactBox a.link:visited
    {
        display: block;
        padding: 5px;
        font-weight: bold;
        text-decoration: none;
        line-height: 120%;
        background: url('images/sidebarLinksIcon.gif') 8px 9px no-repeat;   
        padding-left: 25px;
    }      
    
    #contactBox a.link:hover, #contactBox a.link:focus
    {
        text-decoration: underline;
    }

    #contactBox .firstLink {
        background: url('images/sidebarMenuDotted.gif') left bottom repeat-x;
        padding-bottom: 1px; 
    }
    
    a.gegenAKW:link, a.gegenAKW:visited
    {
        display: block;
        background: url('images/GegenAKW.png') no-repeat;  
        width: 125px;
        height: 55px; 
        color: #fff;
        padding-top: 25px;
        padding-left: 185px;
        font-weight: bold;
        text-decoration: none;
        font-family: verdana;
        margin-bottom: 30px;
    }
    
    a.gegenAKW:hover, a.gegenAKW:focus
    {
        background: url('images/GegenAKWHover.png') no-repeat;  
    }
    
    a.spendenBanner:link, a.spendenBanner:visited
    {
        display: block;
        background: url('images/Spenden.gif') no-repeat;  
        width: 310px;
        height: 70px;
        margin-bottom: 40px;
    }
    
    a.spendenBanner:hover, a.spendenBanner:focus
    {
        background: url('images/SpendenHover.gif') no-repeat;  
    }
/* .sidebar */



/* content */
#content {
    width: 550px;
    float: left;
}
/* .content */



/* post elements */
.post {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 40px;
}

.post h3{
    margin: 15px 0 15px;
    font-weight: bold;
    font-size: 1.4em;
    color: #e2001a;
}

.post h3 a:link, .post h3 a:visited {
    text-decoration: none;   
}
 
.post h3 a:hover, .post h3 a:focus, .post h3 a:active {
    text-decoration: underline;   
}

.sticky h3.postTitle, .sticky .postDate { display: none; }

.post .postInfos {
    font-size: 0.7em;
    font-weight: bold;
}

.post .postInfos a {
   color: #000;
}

.post .postComments {
    background: url(./images/commentsIcon.gif) 0 3px no-repeat;
    padding-left: 18px;
    float: right;
}

.post .postCats {
    margin-top: 30px;
    font-size: 0.8em;
    font-weight: bold;
}

.post .flashvideo, .page .flashvideo {
    display: block;
    float: left;
    border: 1px solid #000;
    margin: 5px 10px 5px 0;
}

.entry {
    color: #222;
    font-size: 0.8em;   
}

.entry h1,
.entry h2,
.entry h3,
.entry h4,
.entry h5,
.entry h6 {
    margin: 20px 0 10px;   
    color: #212121;
    font-weight: bold;    
}

.entry h1 {
    font-size: 1.4em;   
}

.entry h2 {
    font-size: 1.3em;    
}

.entry h3 {
    font-size: 1.2em;    
}

.entry h4 {
    font-size: 1.1em;     
}

.entry h5 {
    font-size: 0.9em;    
}

.entry h6 {
    font-size: 0.8em;   
}


.entry hr {
    background-color: #ccc;
    border: 0;
    color: #ccc;
    height: 1px;
    width: 100%;
    margin: 20px 0;
}

.entry blockquote {
    margin-left: 20px;
    border-left: 3px solid #ddd;
    padding-left: 5px;   
}


.entry ul {
    margin-bottom: 10px;
    list-style-type: none; 
}

.entry ul li{
    line-height: 1.6em;
    background: url(./images/entryListIcon.gif) 0 8px no-repeat;
    padding-left: 12px;
}

.entry ol {
    margin-bottom: 10px;
    list-style-position: inside;
    list-style-type: decimal;   
}

.entry ol ol {
    list-style-type: lower-alpha;   
}


.entry img {
    border: 0;
}

.entry a:hover img, .entry a:focus img, .entry a:active img {
    border: 0;
}

.entry img.noborder {
    border: 0;
}

.entry a:hover img.noborder, .entry a:focus img.noborder, .entry a:active img.noborder {
    border: 0;
}

.entry img.alignright {
    margin: 10px;
    margin-right: 0;
    margin-top: 0;
}

.entry img.alignleft {
    margin: 10px;
    margin-left: 0;
    margin-top: 0;
}


.entry p {
    line-height: 1.5em;
    margin-bottom: 10px;   
}


.entry a.more-link {
    font-weight: bold;  
    font-size: 0.9em; 
    text-decoration: none;
}

.entry a.more-link:hover, .entry a.more-link:focus, .entry a.more-link:active {
    text-decoration: underline;
}
/* .post elements */



#single .post {
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 50px;   
}



/* comments elements */
#commentList {
    list-style-type: none;   
}

#commentList li.comment {
    border: 1px solid #eee;
    padding: 10px;
    margin-bottom: 10px;
    font-size: 0.8em;
}

#commentList li.secound {
    border: 1px solid #f2f1e9;
    background: #f8f8f4;   
}

#commentList li.comment p {
    margin: 0.8em 0;
    line-height: 1.2em;
}

#commentList li.comment .date {
    float: right;
    font-size: 0.9em;
}


#respond p {
    font-size: 0.8em;
    margin: 1em 0;
}

#respond .textInput {
    border: 1px solid #ddd;
    padding: 2px;
}

#respond input#submit {
    background: #fff;
    border: 1px solid #ddd;
    padding: 2px 4px;
    font-weight: bold;    
}
/* .comments elements */



/* post article navigation */
.navigation {
    font-size: 0.8em;
    font-weight: bold;   
}
/* .post article navigation */



/* footer */
#footer {
    background: #559db3;
    border-bottom: 3px solid #fff;   
}

ul#footerMenu {
    height: 22px;  
    padding: 3px 0;
}

ul#footerMenu li {
    color: #fff;
    line-height: 22px;
    font-size: 0.8em;
}
    
ul#footerMenu li.page_item {
    float: right; 
    margin-left: 15px;  
}
    
ul#footerMenu li.page_item a:link, ul#footerMenu li.page_item a:visited {
    padding: 1px 2px;
    border: 1px solid #559db3;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
}
    
ul#footerMenu li.page_item a:hover, ul#footerMenu li.page_item a:focus, ul#footerMenu li.page_item a:active {
     background: #e2001a;
     border-color: #fff;
}
    
ul#footerMenu li.current_page_item a:link, ul#footerMenu li.current_page_item a:visited, 
ul#footerMenu li.current_page_item a:hover, #ul#footerMenu li.current_page_item a:focus, #ul#footerMenu li.current_page_item a:active {
     background: transparent;
     border: 1px solid #559db3;
     border-bottom: 5px solid #fff;
}
/* .footer */



/* contactForm */
#contactForm {
    background: #e2001a;
    padding: 20px 0;  
}


#contactForm .content {
    color: #fff;  
}


#contactForm .error{  
    margin-left: 95px; 
}


#contactForm h6 {
    background: url('./images/contactFormTitleBg.gif') no-repeat;
    padding-top: 10px;
    padding-left: 95px; 
    height: 50px;
    font-size: 1.4em;
}

#contactForm h6 a:link, #contactForm h6 a:visited {
    background: url('./images/contactFormShowIcon.gif') right no-repeat;
    padding-right: 45px;
    text-decoration: none;
    color: #fff;   
}

#contactForm h6 a:hover, #contactForm h6 a:focus, #contactForm h6 a:active {
    background-image: url('./images/contactFormShowIconHover.gif');
}

#contactForm h6.active a:link, #contactForm h6.active a:visited {
    background-image: none;    
}


#contactForm a#closeButton {
    display: none;
    float: right;
    background: url('./images/contactFormCloseIcon.gif') right no-repeat;
    padding-right: 22px;
    color: #fff;
    font-size: 0.8em;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;   
}


#contactForm form {
    margin-top: 5px;
    font-size: 0.8em;  
    padding-left: 95px; 
}


#contactForm fieldset {
    border: 0;   
}


#contactForm fieldset.left {
    float: left;
    width: 385px;
}


#contactForm fieldset.right {
    float: right;
    width: 385px;
}


#contactForm fieldset legend {
    display: none;
}


#contactForm fieldset label {
    display: block;
    font-weight: bold;
}


#contactForm fieldset ul li {
    margin-bottom: 15px;
}


#contactForm fieldset .textInput {
    width: 380px;
    border: 1px solid #000;
    padding: 2px;   
}


#contactForm fieldset textarea {
    width: 380px;
    border: 1px solid #000;
    padding: 2px;   
}


#contactForm input#submitButton {
    float: right;
    margin-top: 20px;
    background: #fff;
    padding: 2px 6px;
    border: 1px solid #aaa;
    color: #111;
    font-weight: bold;   
}
/* .contactForm */



/* successful and error elements */
.successful {
    padding: 6px;
    background-color: #fffbcc;
    border: 1px solid #ffdb55;
    margin-bottom: 40px;
    font-weight: bold;
    font-size: 0.8em;
}

.error {
    color: #000;
    padding: 6px;
    background: #ffebe8;
    border: 1px solid #cc0000;
    margin-bottom: 40px;
    font-weight: bold;
    font-size: 0.8em;
}
/* .successful and error elements */