/* Stylesheet für die Bernard-Craw-Internetpräsenz */

@charset "UTF-8";

a:active { 
	color: #0000ff; 
	text-decoration: underline; 
	}  

a:hover { 
	color: #CC2824; 
	text-decoration: underline; 
	}

a:link { 
	color: #0000ff; 
	text-decoration: underline; 
	}

a:visited { 
	color: #0000ff; 
	text-decoration: underline; 
	}

.verschoben {   /* Gedacht für interne Links, damit die Sprungmarke nicht unter der Kopfzeile verschwindet. */
  margin-top:-90px; 
  padding-top:90px; 
  }

address {
  margin-left: 50px;
  font-weight: bold;
  font-style: normal;
  }
  
#aktuelles {
	background-color: #e0f0ff;
	border-color: silver;
	border-width: 2px;
	border-style: ridge;
	border-radius: 15px;
	padding: 25px;
	margin: 25px;
	}
  
article.Beschreibung {
  display: table-cell;
  vertical-align: middle;
  }
  
/*article.buchbeschreibung {
  display: table-cell;
  } */

blockquote {
	font-style: italic;
	}

body { 
	background-image: url(bilder/Marmor2.gif);
  background-attachment: fixed; 
	font-family: Arial, sans-serif; 
	font-size: medium; 
	margin-left: 20px; 
	margin-right: 20px; 
	margin-top: 20px; 
	margin-bottom: 20px 
	}

div.bild {
  display: table-cell;
  width: 175px;
  vertical-align: middle;
  }

/*div.jwplayer {
  margin: 0 auto;
  } */

div.termin {
  display: table-cell;
  padding: 5px;
  vertical-align: top;
  }

.dreier div:nth-child(odd) {
  width: 33%;
  }

.dreier div:nth-child(2) {
  width: 34%;
  }

h1, h2 {
  text-align: center;
  }

h1 { 
	font-size: 2em; 
	}

h2 { 
	font-size:1.5em; 
	}

header#BCKopf {
  	position: fixed;
    top: 0px;
    left: 0px;
    z-index: 125;  /* Damit JWPlayer unter dem Header bleibt. */
    padding: 0px 0px 0px 80px;
    height: 80px;
    width: 100%;
    background-image: url(bilder/Marmor1.gif);
    display : table;
    width : 100%; 
  }

hr.trenner {
  clear: both;
  }
  
img {
	border: 0;
	}

.Leerraum {
  margin-left: 50px;
  }

.links {
  text-align: left;
  }

.linksaussen {
  float: left;
  }

main {
    margin: 90px 0px 0px 140px;
  }
  
section.main {
    margin: 90px 0px 0px 140px;
  }

nav#Navigationsmenu {
  	background-image: url(bilder/Marmor2.gif);
    position: fixed;
    top: 80px;
    left: 5px;
    margin: 0px;
    width: 140px;
    display : table;
    }

nav#Navigationsmenu ul {  
    padding: 0px;
    }

nav#Navigationsmenu li {  
    list-style-type: none;
    margin: 10px 0px 20px 0px;
    }

nav.Quernavigation {
    width: 100%;
    display: table;
    }

nav.Quernavigation a {
    text-align: center;
    display: table-cell;
    }
    
p {
  text-indent: 10px;
  margin: 0px 0px 0px 0px;
  }

p#datum {
  text-align: right; 
  font-style: italic;
  }

p.trenner {
  margin: 20px;
  clear: both;
  }

q {
	font-style: italic;
  quotes: none;
	}

.rechts { 
  text-align: right;
  }

.rechtsaussen {
  float: right;
  }

.schattiert {
  box-shadow: 5px 5px 10px rgba(0,0,0,0.6);
  }
  
/* .schattiert_weit {
  box-shadow: 15px 15px 30px rgba(0,0,0,0.6);
  }*/ 

section.buchvorstellung {
  display : table;
  width : 100%;
  }

.Seitenende { 
	text-align: center 
	}

span.buchtitel {
  font-variant:small-caps;
  color: #786DCA;
  }

.tabelle {
  display: table;
  }

table.doppelkopf {
  border: thin solid black;
  border-collapse: collapse;
  }

table.doppelkopf th, table.doppelkopf td {
  border: thin solid black;
  padding: 10px;
  }  

table.doppelkopf th {
  background-color: #C6D9D9;
  }

table.doppelkopf tr th:first-child {
  text-align: left;
  }
	
table.unsichtbar {
	border-width: 0; 
	border-collapse: collapse; 
  }
  
td {
	padding: 0px;
	vertical-align: top;
	}

ul.Navigationsliste li { 
  padding-top: 10px;
  }

.vierer div {
  width: 25%;
  }

.vollebreite {
  width: 100%;
  }

.zeile {
  display: table-row;
  }

.zelle {
  display: table-cell;
  padding: 5px;
  vertical-align: middle;
  }

.zentriert {
  text-align: center;
  }