@charset "utf-8";
/* CSS Document */

body {
	margin:0px auto;
	padding: 0px 0px;
	background-color: maroon;
	font-family: Arial, Helvetica, sans-serif;
	color:#6F6F6F;
}

p {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
/*	font-size: 12px;*/
    font-size: small;
	color:#5f5f5f;
    line-height: 140%;    
}

a {
color:#0075FF;
}

a:hover {
	text-decoration:none;
	color: gray;
}

h1, 
p.name, p.name a,
#tabs-1 h2, #tabs-2 h2, #tabs-3 h2, #tabs-4 h2 { 
    color: rgb(177,0,0); 
}

ul#navi li.active a,
ul#navi li a:hover {
    color:red;    
}

h1 {
	font-size: 20px;
    font-weight:normal;
    margin-top: 0px;
}
#content_buch h1 {
    font-size: 12px;
    font-weight:bold;
    color:gray;
}

h2 { 
    margin-top: 20px;
    font-size:14px;
    font-weight:normal;
    color: maroon;
}
h2.untertitel {
    color: #666;
}
h3 {
    font-weight:normal;
    color: maroon;
}
h4 {
    color:#2FA2FF;
    font-weight:normal;
}

#template {
    width:908px;
    height:100%;
    min-height: 780px;
    min-height: 600px;
    background-color:white;
    margin:0 auto;
}
#main {
    width:900px;
    margin:0 auto;
}

#header {
    width: 900px;
    height: 320px;
    margin-top: 4px; 
    /*background-image:url(img/header.png);
    background-repeat:no-repeat;*/
}

#header img.logo {
    float:left;
    margin-left: 65px;
    margin-top: -12px;
}
#header img.banner, 
#header img.headimage {
    float:left;
    margin-left: 0px;
    margin-top: 4px;
    z-index: 1;
}
#inheader {
padding: 0 0;
margin-top: 0px;
margin-bottom:10px;
}
#inheader_slogan p, #inheader p {
    font-family: 'times new roman', times, roman, serif;
    font-size: 36px;
    font-size: 38px;
    font-weight: bold;
    z-index: 2;
}
#inheader p {
    float:right;
    text-align:right;
    margin: 0 0;
    margin-top: -142px; /* bei einzeiligem Text*/
    /*margin-top: -185px;*/ /* bei zweizeiligem Text*/
    margin-right: 12px; 
    padding: 12px 24px;
    color: maroon; 
    z-index: 10;
    background-color: #ddd; 
    background-color: rgba(255,255,255, 0.5); 
}

#inheader_slogan p {
    float:left; 
    margin-top: -288px;
    margin-left: 12px;
    padding: 12px 24px;
    color: white;
    background-color: #666;
    background-color: rgba(0,0,0,.3); 
}

#inheader_slogan p a {
    text-decoration:none;
    color:white;
}
#topnavi {
    height: 36px;
    width: 580px;
    position:absolute;
    top: 260px;
    margin-left:20px;
   /* background-image:url(img/topnav.png);
    background-repeat:no-repeat;*/
    background-color: rgb(128,0,0);
    background-color: rgba(128,0,0,.65);
}

#navwidth {
width:700px;
float:left;
}

ul#navi {
  list-style-type: none;
  width: 100%;
  float: left;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 14px;
  margin: 0px 0px;
  padding: 0px 0 0 0;
  /*background-image:url(images/navigation/navigationblau.png);
  background-repeat:no-repeat;*/
  padding-left:30px;
}
 
ul#navi li {
  display: block;
  float:left;
  margin: 0px 0px 0 0px;
}
 
ul#navi li a {
  display: block;
  padding: 17px 15px;
  padding: 9px 15px;
  color: #fff;
  background-color: transparent;
  text-decoration: none;
}

ul#navi li.active a {
  /*color: #2FA2FF;*/
  background-color:#1F1F1F;
  background-color:rgba(31,31,31,0.85);
 /*border-top: black 8px solid;
 padding-top: 10px;*/
}
ul#navi li a:hover {
   background-color:#444;
   background-color:rgba(40,40,40,0.75);
}

#search form {
display:none;
padding-top:3px;
}

#leftsidebar_index {
    display:none;
}
#leftsidebar {
    width:200px; 
    float:left;
    margin-top: 2px;
}

#vertikalnav {
/*  width: 300px; */
  width: 200px; 
  margin-left: 23px;
  /*padding: 0px 0px 12px 12px;*/
  padding: 0px 0px;
}

#vertikalnav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#vertikalnav li { margin-top: 2px;}

#vertikalnav ul.default li a {
  display: block;
  height: 14px;
  color: #6F6F6F;
  text-decoration: none;
  padding: 10px 0px 14px 35px;
  border:1px solid silver;
}

#vertikalnav ul.default li a:hover { 
    background-color: #dddfe3;
}

#vertikalnav ul.book {
    margin-left: 20px;
}
#vertikalnav ul.book li {
    display:inline;
}
#vertikalnav ul.book li a {
    height: 100px;
    width:  70px;
    border:none;
}
#vertikalnav ul.book li img, 
#vertikalnav ul.book li a img {
    border: 1px #999 solid;
    margin: 2px 6px;
    
}
#vertikalnav ul.book li img.passiv {
    border: 1px red solid;
}
#vertikalnav ul.book li a:hover img {
    border: 1px red solid;
}
/* Schattenwurf */
#vertikalnav ul.book li a:hover img, 
#content_buch ul.books li a:hover img, 
#content img.foto,
#content div.imgbox img.foto,
#content_index img.foto, 
#content table.ivz tr td.logo-box {
    box-shadow: 5px 5px 3px #999;
	-moz-box-shadow: 5px 5px 3px #999;
    -webkit-box-shadow: 5px 5px 3px #999;
}
#content_index,
#content_buch, 
#content {
    width:630px;
    min-height: 408px;
    margin-bottom:10px;
    padding-right: 20px;
    float:right;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:small;
	color:#5f5f5f;
}
#content_index{
 float:none;
 text-align:justify;
 width: 870px;
 min-height: 300px;
}
#content_buch {
    width: 890px;
}

#content_buch ul.books li {
    display:inline;
}
#content_buch ul.books li a img{
    margin: 0px;
    border: #999 solid 1px;
}

#content_buch ul.books li a:hover img{
    border: red solid 1px;
}

.pcontent {
padding: 5px 0 15px 5px;
border-bottom:1px solid silver;
}

.readmore a{
color:#0075FF;
margin-top:10px;
display:block;
position:relative
}

#contentbottom {
/*background-color:#2A2A2A;*/
/*background-image:url(images/topnav.png);*/
/*width:860px;*/
/*height:100%;
padding: 7px 15px 7px 20px;
margin-top:4px;
color:white;*/
}


#contentbottomleft {
width:400px;
float:left;
}

#contentbottomleft h2 {
color:#2FA2FF;
}

#contentbottomright {
width:400px;
float:right;
}

#contentbottomright h2 {
color:#2FA2FF;
}

#footer {
background-image:url(images/topnav.png);
color:gray;
height:40px;
padding: 7px 15px 15px 20px;
}

#footer p {
    font-size:small;    
}
#footer a {
color:gray;
width:100%;
height:100%;
}

#end {
height:3px;
}
#content_index h1 {
    position:absolute;
    top: 250px;
    padding-left: 80px;
}
#content img {
	display:block;
	float:none;
	margin: 0;
}

#content img.foto,
#content div.imgbox img.foto,
#content_index img.foto {
    display:block;
	margin-top: 0px;
	margin-left: 13px;
    margin-right: 3px;
    margin-bottom: 4px;
	border: 1.5px #666 solid;
}

#content img.logo {
	display:block;
	float:right;
	margin: 0px;
	margin-left: 20px;
	margin-right: 10px;
	border:none;
}
#content p {
	margin-bottom: 16px; /* Grafiken in Autorenportrait */
	margin-right: 120px;
}

#content div.adress {
    margin: 0 0;
}
#content div.adress h1 {
    margin-top: 0ex; 
}
div.adress, 
div.person {
    display:block;
    width: 100%;
    margin: 12px;
    margin-left: 0px;
    padding-bottom:20px;
}
div.person {
    min-height: 125px;
}
div.adress_foto{
    width: 100%;
}
#content img.foto, 
div.adress img.foto, 
div.person img.foto, 
div.adress img.logo, 
div.person img.logo {
    float:right;
}
#content img.logo {
    margin-bottom: 0px;
}
#content div.adress img.logo {
    margin-right: 0px;
}
div.person img.foto {
    border:#ccc 1px solid; 
}
div.person img.email {
    border:none;
}
img.thema {
    margin-left:22px;    /* #subnavi ul li */
    margin-top:66px; /* Abstand zur Liste */
}
p.name, p.name a, 
#tabs p.name, #tabs p.name a {
    font-weight: normal;
    font-size:14px;
    margin: 0px;
    padding: 0.25ex 0; 
}
p.fon, p.adr, p.www,
#tabs p.fon, #tabs p.adr, #tabs p.www {
    font-weight: normal;
    margin: 0px;
    padding: 0.2ex 0.5ex; 
}
p.www a {
    color:#666;  
}
p.contact_person {
    font-size:18px;
}

/* spezielle Sitemap auf Startseite */
#sitemap_ee ul li {
    display:inline;
    /*font-size: 36px;*/
    /*font-size: xx-large;*/
    font-size: x-large;
     font-family: "Courier New", courier;
    line-height: 160%;
    /*white-space:nowrap;*/
    padding: 0.35ex 0 0.35ex 0;
}
#sitemap_ee ul li a {
    text-decoration: none;
    color: maroon;
    background-color: #ddd;
    padding: 0.35ex 0.2em 0.35ex 0.2em;
}
#sitemap_ee ul li a:hover {
    color: black;
    background-color: #ccc;
}

/* richtige Sitemap */
#sitemap ul li {
   /* font-size:13px;*/
    font-size:medium;
    font-weight: bold;
    list-style-type:none;
    padding: 1ex;
}
#sitemap ul li ul li {
   /* font-size:14px;*/
    font-size:medium;
    font-weight: normal;
    list-style-type:none;
    padding: 0.25ex;
}
form {
    width: 35em; 
}
div.formitem {
    margin-top: 6px; 
}
form h2 {
    margin-top: 1.5ex;
}
sup {font-size: smaller;}
/* jquery */
#tabs h2 {
    margin-top: 1ex;
}
#tabs p, 
#tabs ul li a, 
#tabs div.formitem {
    font-size: small;
}
#tabs {
    display:block;
    float:none;
    margin-bottom: 12px;
    width: 540px; /* 12.03.2014 */
    min-height: 348px;
}
#tabs-1 img, #tabs-2 img, #tabs-3 img, #tabs-4 img  {
    float:none;
    padding: 3px;
    border: 1px solid #ccc;
}
#tabs-1 h2, #tabs-2 h2, #tabs-3 h2, #tabs-4 h2  {
    font-size: smaller;
}
#akkordeon h2, 
#akkordeon div ul li, 
#akkordeon div p {
    font-size: small; 
}
#akkordeon h2 {
    font-size: small; 
    font-weight: bold;
    padding-bottom: 0ex;
}
#slideshow {
    margin-top: 160px;
    margin-top: 200px;
    margin-left: -364px;
    margin-bottom: 10px; 
}
#panorama  {
    margin-top: 120px;
    margin-top: 160px;
    margin-left: -350px;
    margin-bottom: 10px; 
    width: 853px;
    height:600px;
    border: 1px silver solid;
}
/* end */