/*
THEME NAME: Staatsspion
THEME URI: http://blogpimp.de/
DESCRIPTION: Das Themevon staatsspion.de
VERSION: 1.0
AUTHOR: BlogPimp / Lothar Baier
AUTHOR URI: http://blogpimp.de/

BlogPimp Raster CSS Framework Screen Styles 
Based on the Work of: 
* Eric Meyer [meyerweb.com] 
* Olav Bjorkoy [bjorkoy.com] 
* Nathan Borror [playgroundblues.com] 
* Jeff Croft [jeffcroft.com] 
* Christian Metts [mintchaos.com] 
* Wilson Miner [wilsonminer.com] 
* Khoi Vinh [subtraction.com] 
--------------------------------------------------------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,
img,ins,kbd,q,s,samp,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,
tr,th,td {
  border			: 0;
  font-weight		: inherit;
  font-style		: inherit;
  font-size			: 100%;
  font-family		: inherit;
  vertical-align	: baseline;
  margin			: 0;
  padding			: 0;
}

html { 
  height			: 100.01%;
  margin			: 0;
  padding			: 0;
}

body {
  line-height		: 20px;
  font-family		: Arial, "Trebuchet MS", Tahoma, Verdana, "Lucida Sans Unicode", "Lucida Grande", Calibri, "Helvetica Neue", Helvetica, sans-serif;
  text-align		: center;
  margin			: 0 0 10px 0;
  background		: #d9d3af; 
  color				: #443a30;
  font-size			: 15px;
  text-align		: center;
}

table {
  border-collapse	: collapse;
  border-top		: 1px solid #b5ad86;
  border-left		: 1px solid #b5ad86;
  margin			: 0 0 10px 1px;
}

th,td {
  line-height		: 1.8;
  border-bottom		: 1px solid #b5ad86;
  border-right		: 1px solid #b5ad86;
  padding			: 0 10px;
}

caption,th {
  text-align		: left;
  font-weight		: bold;
}

td {
  text-align		: left;
  font-weight		: normal;
}

blockquote:before,
blockquote:after,
q:before,q:after {
  content			: "";
}

h1,h2,h3,h4,h5,h6 {
  font-weight    	: normal;
}

h1 {font-size:24px;line-height:40px;}
h2 {font-size:21px;line-height:40px;}
h3 {font-size:18px;line-height:40px;}
h4 {font-size:16px;line-height:20px;}
h5 {font-size:15px;line-height:20px;}
h6 {font-size:14px;line-height:20px;}

pre { 
  font-family		: Corbel, Verdana, "Bitstream Vera Sans", sans-serif;
  margin-bottom		: 10px;
  background		: #f4f4f4;
  border			: 1px solid #ddd;
  padding			: 18px;
}

code {
  font-family		: Consolas, "Bitstream Vera Sans Mono", "Courier New", Monaco, Courier, monospace;
}

p {
  text-align		: left;
  margin			: 0 0 10px;
}

p.small { 
  font-size			: 13px;
  margin-bottom		: 10px;
}

p.large {
  font-size			: 18px;
  line-height		: 40px;
}

p.quiet { 
  color				: #999;
}

small {
  font-size			: 13px;
  margin-bottom		: 10px;
}

a { 
  color				: #e62;
  text-decoration	: none;
}

a:hover {
  color				: #08d;
}

ul {
  margin			: 0 0 10px 33px;
  list-style-type	: disc;
}

ol {	
  list-style-type	: decimal;
  margin			: 0 0 10px 40px;
}

blockquote {
  color				: #743a30;
  font				: italic 15px/20px Georgia, Times, serif;
  margin			: 0 0 13px 20px;
}

em {
  font-style		: italic;
}

strong {
  font-weight		: bold;
}

.hide {				
  display			: none;
}

.clearer {		
  line-height		: 1px;
  height			: 1px;
  font-size			: 1px;
  border			: none;
  clear				: both;
  margin			: 0;
  padding			: 0;
}

.postclearer {		
  line-height		: 1px;
  height			: 1px;
  font-size			: 1px;
  border			: none;
  clear				: both;
  margin			: 0 0 9px;
  padding			: 0;
  background		: #232622; 
}

b {
  font-weight		: normal;
}

li a {
  display			: inline-block;
}

li a {
  display			: block;
}

/* ######################################################################### */
/* ########  Seitenkopf												######## */
/* ######################################################################### */
#kopf {
  height			: 200px;
  background		: #443a30 url(images/kopfback.jpg);
}

#kopfinnen {
  width				: 960px;
  margin			: 0 auto;
  text-align		: left;
  color				: #fff;
}

h1#logo {
  height		    : 200px;
  margin			: 0;
  width				: 960px;
  float				: left;
}

h1#logo a {
  background		: url(images/kopflogo.jpg) no-repeat top left;
  height		    : 200px;
  width				: 960px;
  display			: block;
  text-indent		: -999em;
}

/* ######################################################################### */
/* ########  Kopfmenü   											######## */
/* ######################################################################### */
#menubox {
  height			: 31px;
  margin            : 20px 0 0 0;
}

#menubox #menu {
  width				: 960px;
  margin			: 0 auto;
  text-align		: left;
  height            : 31px;
}

#menubox #menu ul {
  padding			: 0; 
  margin			: 0; 
  list-style-type	: none; 
  height			: 31px; 
  position			: relative; 
  background		: transparent url(images/menuback.jpg);
}

#menubox #menu ul li {
  float				: left;
}

#menubox #menu ul li a {
  display			: block; 
  float				: left; 
  height			: 31px; 
  line-height		: 31px; 
  color				: #443a30; 
  text-decoration	: none; 
  font-size			: 15px; 
  letter-spacing	: 1px;
  font-weight		: normal; 
  text-align		: center; 
  padding			: 0 0 0 12px; 
  cursor			: pointer;
  border			: none;
  background		: url(images/menunorm.jpg) no-repeat left top;
  margin			: 0 2px 0 0;
}

#menubox #menu ul li a b {
  float				: left; 
  display			: block; 
  padding			: 0 12px 0 0;
  font-weight		: normal; 
  background		: url(images/menunorm.jpg) no-repeat right top;
}

#menubox #menu ul li.current a {
  color				: #443a30; 
  background		: url(images/menuhigh.jpg) no-repeat left top;
}

#menubox #menu ul li.current a b {
  background		: url(images/menuhigh.jpg) no-repeat right top;
}

#menubox #menu ul li a:hover {
  color				: #443a30; 
  background		: url(images/menuhigh.jpg) no-repeat left top;
}

#menubox #menu ul li a:hover b {
  background		: url(images/menuhigh.jpg) no-repeat right top;
}

#menubox #menu ul li.current a:hover {
  color				: #443a30; 
  background		: url(images/menuhigh.jpg) no-repeat left top; 
  cursor			: default;
}

#menubox #menu ul li.current a:hover b {
  background		: url(images/menuhigh.jpg) no-repeat right top;
}

/* ######################################################################### */
/* ########  Inhalte       											######## */
/* ######################################################################### */
#contentkopf {
  width             : 960px;
  height            : 6px;
  background        : url(images/contentkopf.jpg);
  margin            : 0 auto;
  text-align        : left;
  font-size         : 1px;
  line-height       : 1px;
}

#contentmitte {
  width             : 960px;
  background        : url(images/contentmitte.jpg);
  margin            : 0 auto;
  text-align        : left;
}

#contentfuss {
  width             : 960px;
  height            : 6px;
  background        : url(images/contentfuss.jpg);
  margin            : 0 auto;
  text-align        : left;
  clear             : both;
  font-size         : 1px;
  line-height       : 1px;
}

#spalte1 {
  width             : 545px;
  float             : left;
}

#spalte1content {
  margin            : 12px 20px;
}

#spalte1content img {
  background        : #d9d3af;
  padding           : 4px;  
  margin            : 4px 10px 3px 0;
  float             : left;
  border-top        : 1px solid #fff;
  border-left       : 1px solid #fff;
  border-right      : 1px solid #b5ad86;
  border-bottom     : 1px solid #b5ad86;
}

h1.entry-title {
  font				: normal 24px/32px Georgia, Times, serif;
  border-bottom     : 1px solid #b5ad86;
}

.einzelseite .entry-title {
  margin-bottom     : 10px;
}

p.metatop {
  font-size         : 12px;
}

p.metafooter {
  font-size         : 12px;
  border-top        : 1px solid #b5ad86;
  border-bottom     : 1px solid #b5ad86;
  margin-bottom     : 30px;
  clear             : left;
}

/* ######################################################################### */
/* ########  Kommentare                                             ######## */
/* ######################################################################### */
#commentform .form-input input,
#commentform .form-textarea textarea {
  background        : #f3f2db;
  font-size         : 15px;
  padding           : 1px 3px 2px;
  margin            : 2px 0 0;
  border-right      : 1px solid #fff;
  border-bottom     : 1px solid #fff;
  border-top        : 1px solid #b5ad86;
  border-left       : 1px solid #b5ad86;
  width             : 250px;
  margin-bottom     : 10px;
}

#commentform .form-textarea textarea {
  width             : 496px;
}

#commentform .form-submit input {
  background        : #d9d3af;
  border-top        : 1px solid #fff;
  border-left       : 1px solid #fff;
  border-right      : 1px solid #b5ad86;
  border-bottom     : 1px solid #b5ad86;
  padding           : 1px 0 1px;
  text-align        : center;
  cursor            : pointer;
  width             : auto;
  margin-bottom     : 10px;
}

#commentform .form-submit input:hover {
  background        : #EDEBD6;
  color             : #08d;
}

ol li .comment-meta {
  font-size         : 13px;
}

ol li .comment-meta a {
  display           : inline;
}

#comment-list ol li,
#trackback-list ol li {
  margin            : 20px 0;
}

/* ######################################################################### */
/* ########  Kontakt                                                ######## */
/* ######################################################################### */
.contactform {
  position          : static;
  overflow          : hidden;
}

.contactleft {
  width             : 20%;
  text-align        : right;
  clear             : both;
  float             : left;
  display           : inline;
  padding           : 4px;
  margin            : 5px 0;
  font-weight       : normal;
}

.contactright {
  width             : 76%;
  text-align        : left;
  float             : right;
  display           : inline;
  padding           : 4px;
  margin            : 5px 0;
}

#c_form_2 input,
#c_form_2 textarea {
  background        : #f3f2db;
  font-size         : 15px;
  padding           : 1px 3px 2px;
  margin            : 2px 0 0;
  border-right      : 1px solid #fff;
  border-bottom     : 1px solid #fff;
  border-top        : 1px solid #b5ad86;
  border-left       : 1px solid #b5ad86;
  width             : 200px;
  margin-bottom     : 10px;
}

#c_form_2 textarea {
  width             : 380px;
  height            : 200px;
}

#c_form_2 input#contactsubmit {
  background        : #d9d3af;
  border-top        : 1px solid #fff;
  border-left       : 1px solid #fff;
  border-right      : 1px solid #b5ad86;
  border-bottom     : 1px solid #b5ad86;
  padding           : 1px 0 1px;
  text-align        : center;
  cursor            : pointer;
  width             : auto;
  margin-bottom     : 10px;
}

#contactsubmit:hover {
  background        : #EDEBD6;
  color             : #08d;
}

#c_form_2 input.contacterror {
  border            : 1px solid #ff0000;
  color             : #f30;
}

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

#sidebarkopf {
  width             : 415px;
  height            : 0px;
  background        : url(images/rechtsfullkopf.jpg);
}

#sidebarmitte {
  background        : url(images/rechtsfullmitte.jpg);
  padding           : 10px 10px 10px;
}

#search {
  margin            : 0;
  padding           : 0;
}

#search p {
  padding			: 0;
  margin			: 0;
}

#search h3 {
  width             : 196px;
  font-size         : 14px;
  line-height       : 25px;
  margin            : 0;
  padding           : 0;
  float             : left;
}

#search input#s {
  background        : #f3f2db;
  font-size         : 15px;
  padding           : 1px 3px 2px;
  margin            : 2px 0 0;
  border-right      : 1px solid #fff;
  border-bottom     : 1px solid #fff;
  border-top        : 1px solid #b5ad86;
  border-left       : 1px solid #b5ad86;
  width             : 136px;
}

#search input#searchsubmit {
  background        : #d9d3af;
  border-top        : 1px solid #fff;
  border-left       : 1px solid #fff;
  border-right      : 1px solid #b5ad86;
  border-bottom     : 1px solid #b5ad86;
  padding           : 1px 0 1px;
  text-align        : center;
  cursor            : pointer;
  width             : 45px;
}

#search input#searchsubmit:hover {
  background        : #EDEBD6;
  color             : #08d;
}

#sidebarfuss {
  width             : 415px;
  height            : 7px;
  background        : url(images/rechtsfullfuss.jpg);
  font-size         : 1px;
  line-height       : 1px;
}

/* ######################################################################### */
/* ########  Sidebar      											######## */
/* ######################################################################### */
#spalte2 {
  width             : 210px;
  float             : left;
}

#spalte2content {
  margin            : 10px 15px 12px 10px;
}

#spalte3 {
  width             : 205px;
  float             : right;
}

#spalte3content {
  margin            : 10px 15px 12px 10px;
}

#spalte2content h3,
#spalte3content h3 {
  font-size         : 16px;
  line-height       : 25px;
}

#spalte2content ul,
#spalte3content ul {
  list-style-type   : none;
  margin            : 0 0 20px;
}

#spalte2content ul li a,
#spalte3content ul li a {
  background        : #ecebd6;
  border-top        : 1px solid #fff;
  border-left       : 1px solid #fff;
  border-right      : 1px solid #b5ad86;
  border-bottom     : 1px solid #b5ad86;
  padding           : 1px 3px 2px;
  margin            : 0 0 2px;
  font-size         : 14px;
}

#spalte2content ul li a:hover,
#spalte2content ul li.current-cat a,
#spalte3content ul li a:hover,
#spalte3content ul li.current-cat a {
  background        : #e4e3cd;
  color             : #08d;
}

#spalte2content #rss-links ul li a {
  padding           : 1px 3px 2px 25px;
  background        : url(icons/rss.png) no-repeat 3px 2px;
}

#spalte2content #rss-links ul li a:hover {
  padding           : 1px 3px 2px 25px;
  background        : #e4e3cd url(icons/rss.png) no-repeat 3px 2px;
}

#about p {
  font-size         : 13px;
  line-height       : 18px;
  margin-bottom     : 8px;
}

#about img {
  background        : #d9d3af;
  padding           : 4px;  
  margin            : 4px 10px 3px 0;
  float             : left;
  border-top        : 1px solid #fff;
  border-left       : 1px solid #fff;
  border-right      : 1px solid #b5ad86;
  border-bottom     : 1px solid #b5ad86;
}

.p404 p, .p404p {
  margin-top        : 10px;
}

/* ######################################################################### */
/* ########  Seitennavigation                                       ######## */
/* ######################################################################### */
.pagebar {
  padding           : 5px 5px 4px;
  background        : #ecebd6;
  border-top        : 1px solid #fff;
  border-left       : 1px solid #fff;
  border-right      : 1px solid #b5ad86;
  border-bottom     : 1px solid #b5ad86;
  text-decoration   : none;
}

.pagebar a, 
.pageList .this-page {
  border            : 1px solid #9AAFE5;
  text-decoration   : none;
  padding           : 0px 6px 0px;
}

.pagebar a:visited {
  border            : 1px solid #9AAFE5;
  text-decoration   : none;
  padding           : 1px 6px 2px;
}

.pagebar .break {
  padding           : 1px 6px 2px;
  border            : none;
  background        : #fff;
  text-decoration   : none;
}

.pagebar .this-page {
  padding           : 1px 6px 1px;
  font-weight       : bold;
  background        : #e4e3cd;
  color             : #d30;
  margin-left       : 2px;
  border            : 1px solid #f30;
}

.pagebar a:hover {
  border-color      : #f30;
  background        : #e4e3cd;
  color             : #d30;
} 

#nav-below {
  padding           : 5px 5px 4px;
  background        : #ecebd6;
  border-top        : 1px solid #fff;
  border-left       : 1px solid #fff;
  border-right      : 1px solid #b5ad86;
  border-bottom     : 1px solid #b5ad86;
  text-decoration   : none;
  margin-top        : 20px;
}

#nav-below .nav-previous,
#nav-below .nav-next {
  padding           : 2px 5px;
  background        : #ecebd6;
  border-right      : 1px solid #fff;
  border-bottom     : 1px solid #fff;
  border-top        : 1px solid #b5ad86;
  border-left       : 1px solid #b5ad86;
  text-decoration   : none;
  width             : 47%;
  float             : left;
}

#nav-below .nav-next {
  float             : right;
  text-align        : right;
}

/* ######################################################################### */
/* ########  Seitenfuss    											######## */
/* ######################################################################### */
#seitenfuss {
  height            : 50px;
  margin-top        : 20px;
  background        : url(images/fussback.jpg);
}

#fuss {
  width             : 960px;
  margin            : 0 auto;
}

#fuss p {
  font-size         : 12px;
  text-align        : center;
  padding           : 15px 10px 0;
  color             : #c5bd96;
}

#fuss p a {
  color             : #5af;
}

#fuss p a:hover {
  color             : #f63;
}







