/*
Theme Name: volksLesen.tv
Theme URI: http://volkslesen.tv/
Description: volksLesen
Version: 1.0
Author: Ellen Lindner, Hans Siersleben
Tags: widgets


*/



/* 
global reset
-------------------------------------------------------------------------- */

* {
    margin: 0;
    padding: 0;
    text-decoration: none;
    list-style: none;
    font-weight: normal;
    color: black;
}

.header a {
    display: block;
    width: 995px;
    height: 14.1em;
    }

a {
    /* color: #666; */
    color: #494949;
}

a:hover,
a.aktiv,
li.current_page_item a {
    color: #ff6600;
}

ul {
  list-style: none;
}

/* 
body und Strukturelemente
-------------------------------------------------------------------------- */

body {
    font-size: 62.5%;
    margin: 0 auto;
}

#header {
    position: absolute;
    left: 0;
    width: 100%;
    height: 14.1em;
    background: black url(images/headerGanzeBreite.jpg) top left;
    z-index: 0;
    }
    
#wrapper .header {
  padding-bottom: 1.5em;
}    

#wrapper {
    margin: 0 auto;
    width: 995px;
    text-align: left;
    font-family: "Courier New", Courier, monotype;
    background: url(images/header.jpg) no-repeat top left;
    position: relative;
    z-index: 1;
}

#navi {
    width: 200px;
    position: relative;
}

#content {
    /* float: right; */
    margin-left: 202px;
    min-height: 200px;
}

.entry {
  /* width: 666px; 
  border: 1px solid;*/
}

#footer {
    /* border: 1px solid red;*/
    clear: both; 
    padding-bottom: 50px;
}


/* 
die Hauptnavi
-------------------------------------------------------------------------- */

#navi ul li a {
  font-size: 1.4em;
  font-weight: bold;
}

#navi ul li {
  line-height: 2em;
}

#navi ul li:last-child {
  margin-top: .7em;
}

#navi ul li.current_page_item a,
#sidebar #navi li.current-cat,
#sidebar #navi li.current-cat a,
li.current_page_item a {
    font-size: 1.6em;
}

#navi ul#hauptmenue {
  position: absolute;
  top: 44px;
}

#sidebar {
    position: absolute;
    top: 0;
}

.suchergebnis {
    padding-bottom: 1.4em;
}





/* 
irgendwelche Listen ...
-------------------------------------------------------------------------- */
ul.float {
  float: left;
  width: 50%;
  }


/* 
Textformatierungen und Verlinkungen
-------------------------------------------------------------------------- */

strong {
    font-weight: bold;
}

strong.suchwort {
    background: gray;
    color: white;
}

hr {
    height: 1px;
    background: white;
    border-top: 1px dotted gray;
    color: white;
    clear: both;
    margin: 2em 0 1em 0;
}
hr.clear  {
    clear: both;
    color: white;
    background: white;
    border: none;
}

h2 {
  margin: 0 0 .4em 0;  
  font-size: 1.8em;
}

h2.pagetitle {
    margin: 0 0 1em 0;
}

.post h2 {
  padding: 0 0 1em 0;
}

h2,
.post h2,
.post h2 a,
.centered h3 a {
  font-weight: bold;
}

.post>h3 {
    margin-bottom: .5em;
}

/* .post h2 a:hover {
  color: red;
} */

h3.abstand {
  margin-top: 1.5em;
}

h3,
.entry h3.jahr a,
.entry h3,
.entry h3 a {
  /* display: block; */
  font-size: 18px;
  font-weight: bold;
/*   color: black; */
  margin-bottom: 1.2em;
}

h3.jahr {
  margin-bottom: .7em;
}

.centered h3.head,
.centered h3.head a {
  margin-bottom: .7em;
  font-size: 14px;
}

.hentry h3 {
    margin-bottom: .4em;
}


.entry p {
  font-size: 1.4em;
  width: 640px;
  padding-left: 0em;
  margin: 0 0 1em 0;
}



p.abc {
  width: 810px;
  padding-left: 0;
  font-size: 1.6em;
  letter-spacing: -.15em;
  margin: 0em 0 2em 0;
}



#footer p {
    font-size: 12px;
}

.widecolumn .navigation {
  font-size: 1.4em;
  width: 660px;
  
}

.widecolumn .navigation .alignleft {
  float: left;
}
.widecolumn .navigation .alignright {
  float: right;
}

.post {
  clear: right;
  }



/* 
die Buecher der Vorleser mit dem CSS-Rollover
-------------------------------------------------------------------------- */

.storycontent {
    
}

.storycontent p:last-child {
    clear: both;
}

#content .storycontent .alignnone,
#content .entry p a img.alignnone {
    float: left;
    display: block;
    margin: 0 1em 1em 0;
}


.category-bibliothek .stretcher2 ul li {
  /* width: 50%; */
  float: left; 
}

ul li .bildblock  {
height: 160px;
}

.entry a img {
    border: none;
}

.bildblock {
    position: relative;
    float: left;
    padding: 1em 2em 0em 0;
    font-size: 1.4em;
    /* border: 1px solid gray; */
}

.bildblockImpressum {
    position: relative;
    float: right;
    padding: 0em 1em 150px 0;
    font-size: 1.4em;
    width: 320px;
}


li>.bildblock {
    padding-top: 0;
}


.einblendung a span.erklaerung {
display: none;
z-index: 1001;
}

.einblendung a {
color: #d94e41;
text-decoration: none;
}

.einblendung a:hover {
color: #223da6;
text-decoration: none;
} 

.bildblockImpressum .einblendung a:hover span.erklaerung,
.bildblock .einblendung a:hover span.erklaerung {
position: absolute;
left: 85px;
top: 16px;
display: block;
z-index: 1001;
width: 310px;
background: white;
padding: 1.5em 1em 2em 2em;
/* background: #E6E9EE; */
background: #fff;
border: 1px solid gray;
color: #4b4b49;
font-size: 14px;
cursor: pointer;
}


/* 
Presseschau
-------------------------------------------------------------------------- */

ul.presseschau {
  width: 350px;
  float: left; 
  font-size: 1.4em;
  padding-right: 3em;
}

ul.presseschau li {
    margin-bottom: .5em;
    border-bottom: 1px solid gray;
}

ul.presseschau li a img {
margin-top: .8em;
}



/* 
soll nicht angezeigt werden ...
-------------------------------------------------------------------------- */

.widecolumn .navigation,
.narrowcolumn .navigation,
p.nocomments,
.post>small,
.postmetadata,
.postmetadata>small,
h2>div,
h2.widgettitle,
.pagenav h2,
.categories h2,
#sidebar h2,
img.attachment-thumbnail,
label.screen-reader-text,
ol.commentlist,
h3#comments,
p>small,
#sidebar>ul>li>p,
#content h2 a,
li h2,
p.nocomments {
    position: absolute;
    left: -9999em;
    display: none;
}

/* bilder werden im ie6 angezeigt, was aber nicht der fall sein soll ... */
img.attachment-thumbnail { width: 0; height: 0; border: 1px solid white ; }








/* 
Accordion-Effekt
-------------------------------------------------------------------------- */

dl#acc {
  margin-top: 24px;
}

#Referenzen {
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	background-color: ;
}
.centered {
	width: 69.6em;
	text-align: left;
	margin-bottom: 0;
	padding: 0;
} 

.stretcher2 {
	background-color: #fff;
  font-size: 1.4em;
  margin-bottom: 2em;
}

.stretcher2 ul {
  float: left; 
  margin-right: 1.5em;
}

hr {
  color: white;
  background: white;
  border: none;
}

 



/* 
Suchfeld
-------------------------------------------------------------------------- */

#searchform {
  margin: 0;
  padding: 0;
  position: relative;
}

input#s {
  border: 1px solid black;
  width: 100px;
  position: absolute;
  left: 0;
}

#searchform input {
  height: 20px;
  border: 1px solid black;
  background: white;
  font-size: 1.3em;
  position: absolute;
  top: 0;
}

#searchform #searchsubmit {
  height: 22px;
  left: 110px;
}




/* 
breadcrumb
-------------------------------------------------------------------------- */

/* .breadcrumb {
  font-size: 1.3em;
  margin: 0 0 1em 203px;
}

.breadcrumb a {
  color: #666;
}

.breadcrumb a:hover {
  color: red;
} */



/* 
Kontaktformular
----------------------------------------------------------------------------- */

label {
    font-size: .8em;
}

textarea {
    width: 392px;
    border: 1px solid black;
}

p span.wpcf7-form-control-wrap input {
    width: 392px;
    border: 1px solid black;
}

p>input {  
  border: 1px solid black;
  background: white;
  font-size: 1em;
  width: 392px;
}

img.wpcf7-captcha-captcha-355 {
  /* border: 1px solid gray; */
}

p.captcha span.captcha-355 input {
  width: 75px;
  line-height: 24px;
  height: 24px;
  margin-right: 215px;
  float: right;
}

#wpcf7-f1-p13-o1 .wpcf7-response-output {
  border: 1px solid red;
  font-size: 1.4em;
  width: 287px;
  margin-left: 78px;
}

#wpcf7-f1-p13-o1 p {
  width: 392px;
}

p.captcha {
  height: 24px;
  padding: 0;
}

/* 
history back
-------------------------------------------------------------------------- */

p.historyBack a {
    position: absolute;
    left: 202px;
    top: 180px;
    width: 50px;
    font-size: 2em;
    font-weight: bold;
}



/* 
Newsletter-Anmeldung
-------------------------------------------------------------------------- */

input.radio {
    border: 1px solid;
    width: 50px;
}