/*
Theme Name: SPD Theme
Theme URI: http://spd-
Description: Ein Worpdress-Theme im aktuellen SPD Design.
Version: 1.0 Beta
Author: Marcel Kliemannel
Author URI: http://wwww.SPDZweiPunktNull.de
Tags: red, white, custom header, fixed width, two columns
*/

body { text-align: center; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:80%; background: #c4c4c4 url(./images/struktur/bg_body.jpg) repeat-x; color: #000; margin: 0px; padding: 0px; }

hr { clear: both; }

img, a img { display:block; border: 0; color: #000;font-weight: bold; font-size: 0.83em; }
a img { text-decoration: underline; }

a { text-decoration:underline; color: #000; }
a:hover, a:focus, a:active { text-decoration:none; color: #000; }

strong { font-weight:bold; }

p { margin: 0; padding: 0; }

.foatLeft { float: left; }
.foatRight { float: right; }
.clearBoth { clear: both; }

ul { list-style-type: none; margin: 0; padding: 0; }
li { margin: 0; padding: 0; }

#page { width: 800px; margin: 30px auto; text-align: left; }
#header { width: 800px; }
#headerRightContainer { width: 500px; float: right; }

#headerSearch { background: #505050; text-align: right; height: 31px; }
#headerSearchForm { float: right; }
#headerSearchForm label { float: left; text-transform: uppercase; color: #fff; font-size: 1.2em; font-weight: bold; padding: 1px 0 0 0; }
#headerSearchForm #query { color: #000; font-size: 0.9em; text-transform: none; font-weight: bold; width: 120px; border: 1px solid #d7d7d7; margin: 5px 0 0 0; padding:0; }
#headerSearchForm input.submit{ height: 27px; color: #fff; font-weight: bold; text-decoration: underline; background: #505050; }

#headerNavigation { background-color: #d7d7d7; height: 32px; margin-bottom: 10px; width: 100%; }
#headerNavigation li { display: block; margin: 0; padding: 0; list-style-type: none; float: left; }
#headerNavigation li a { display: block; height: 24px; padding: 0 10px; line-height: 24px; text-align: center; font-size: 1.2em; font-weight: bold; text-decoration: none; color: #000; text-transform: uppercase; border-bottom: 4px solid #d7d7d7; border-top: 4px solid #d7d7d7; }
#headerNavigation li a:hover { background-color: #fff; border-bottom: #E2001A 4px solid; border-top: #fff 4px solid; }
#headerNavigation .current_page_item a, #headerNavigation .current_page_item a:hover { background-color: #E2001A; border-bottom: #E2001A 4px solid; border-top: #E2001A 4px solid; color: #fff; }
#headerNavigation .current_page_parent a, #headerNavigation .current_page_parent a:hover, #headerNavigation .current_page_ancestor a, #headerNavigation .current_page_ancestor a:hover { background: #505050; color: #fff; border-bottom: #505050 4px solid; border-top: #505050 4px solid; }

#footerNavigation { background-color: #505050; height: 32px; margin-top: 10px; width: 500px; }
#footerNavigation li { display: block; margin: 0; padding: 0; list-style-type: none; float: right; }
#footerNavigation li a { display: block; height: 24px; padding: 0 10px; line-height: 24px; text-align: center; font-size: 0.9em; font-weight: bold; text-decoration: none; color: #fff; text-transform: uppercase; border-bottom: 4px solid #505050; border-top: 4px solid #505050; }
#footerNavigation li a:hover { background-color: #505050; border-bottom: #fff 4px solid; border-top: #505050 4px solid; }
#footerNavigation .current a, #footerNavigation .current a:hover { background-color: #E2001A; border-bottom: #E2001A 4px solid; border-top: #E2001A 4px solid; color: #fff; }
#footerNavigation .left { height: 24px; padding: 0 10px; line-height: 24px; text-align: left; font-size: 0.9em; font-weight: bold; text-decoration: none; color: #fff; border-bottom: 4px solid #505050; border-top: 4px solid #505050; float: left; }

h2 { color: #000; font-weight: bold; font-size: 1.8em; margin: 0; padding: 0; }
h2 a, h2 a:hover { text-decoration:none; color: #000; }

h6 { color: #000; font-weight: bold; font-size: 1.4em; margin: 0; padding: 0; }
h6 a, h6 a:hover { text-decoration:none; color: #000; }

h3 { margin: 0; margin-bottom: 5px; font-size: 1.1em; }
h3 a { text-decoration: none; background-color: #E2001A; color: #fff; padding: 0 2px; }
h3 a:hover { background-color: #505050; text-decoration: none; color: #fff; padding: 0 2px; }

h5 { color: #E2001A; font-weight: bold; font-size: 1.4em; margin: 0; padding: 0; }
h5 a, h5 a:hover { text-decoration:none; color: #E2001A; }

.post { background: #fff; padding: 5px; margin-bottom: 10px; }
.entry { margin: 0; padding: 0; line-height: 1.5em; }
.entry ul { list-style-image: url(./images/struktur/bg_ulList.gif); margin-left: 20px; line-height: 20px; }

.indexMainInfoBox { background-color: #d7d7d7; float: left; width: 280px; padding: 5px; margin-bottom: 10px; }
.indexMainInfoBox p { line-height: 1.5em; }

.redBox { background-color: #E2001A; color: #fff; }
.redBox h4 { background-color: #930000; padding: 5px; margin: 0; text-transform: uppercase; font-weight: bold; color: #fff; }
.redBox p { color: #fff; font-size: 1.1em; line-height: 1.3em; }
.redBox a, .redBox a:hover { text-decoration: none; color: #fff; }

.whiteBox { background-color: #fff; color: #000; }
.whiteBox h4 { background-color: #505050; padding: 5px; margin: 0; text-transform: uppercase; font-weight: bold; color: #fff; }
.whiteBox p { color: #000; font-size: 1.1em; line-height: 1.3em; }

#sidebar { width: 290px; float: right; }
.cat-item { font-weight: bold; margin: 5px; }
.cat-item a { text-decoration: none;  } 

#pageNavigation { width: 290px; margin-bottom: 11px; }
#pageNavigation li { margin-bottom: 3px; }
#pageNavigation .page_item a { text-decoration: none; display: block; width: 260px; line-height: 25px; background-color: #d7d7d7; text-transform: uppercase; font-weight: bold; font-size: 1.2em; padding: 5px 15px;}
#pageNavigation .page_item a:hover { display: block; text-decoration: none; width: 255px; border-right: 5px solid #E2001A; background-color: #fff; color: #000; }
#pageNavigation .current_page_item a, #pageNavigation .current_page_item a:hover { color: #fff; width: 255px; background-color: #E2001A; border-right: 5px solid #E2001A; }
#pageNavigation .current_page_ancestor a, #pageNavigation .current_page_ancestor a:hover { color: #fff; width: 255px; background-color: #505050; border-right: 5px solid #505050; }

#pageNavigation .page_item ul { background-color: #d7d7d7; margin-bottom: 3px; padding-top: 3px; border-right: 5px solid #505050; } 
#pageNavigation .page_item ul li { margin-bottom: 0px; } 
#pageNavigation .page_item ul a { margin-bottom: 3px; text-decoration: none; display: block; width: 250px; background-color: #d7d7d7; font-weight: bold; font-size: 1.1em; padding: 1px 15px; color: #000; text-transform: none; border-right: 5px solid #d7d7d7; }
#pageNavigation .page_item ul a:hover { color: #000; width: 250px; background-color: #fff; border-right: 5px solid #E2001A; }
#pageNavigation .page_item ul .current_page_item a, #pageNavigation .page_item ul .current_page_item a:hover { background-color: #E2001A; border-right: 5px solid #E2001A; color: #fff; }

.pagePhoto { border: 1px solid #C0C0C0; padding: 3px; background-color: #fff; }

.alignright { float: left; }
.alignright { float: right; }
.navigation { margin-bottom: 10px; margin-top: 30px; font-weight: bold; font-style: italic; }