body { margin: 0; padding: 0; color: hsl(0,0%,48%); font-size: 100%; 
font-family:'Lucida grande','Trebuchet MS', Tahoma, Verdana, Arial, Helvetica;
background-size:555px;
}


.container {
  padding-right: 5px !important;
  padding-left: 5px !important;
  margin-right: auto;
  margin-left: auto;
}


/* hyphens */
p, h2, h3, h4, h5 {
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
}

/* ....................................Metabild .................................. */	
/* ....folgender Code sorgt dafuer, dass in der Bild-Navi der Text unten steht .... */

	
#mainmenu { position:relative; margin-top:11px; }

.menuitem { width:100%; height: 99px; font-size:1em; margin:0 0 10px 0; }


.metabild { display:block; height:88px;
	background-size:80% auto; 
	background-repeat:no-repeat; 
	background-position:center;
	background-color:#111111;
	}

.top-section {
    height:70%;
	}

.bottom-section { background:white;
    height:30%;
    margin:0;
	}

.bottom-aligner {
    display: inline-block;
    height: 100%;
    vertical-align: bottom;
    width:2px; background-color:none;
	}

.bottom-content {
    display: inline-block; padding: 0 2px 0 2px; overflow:hidden;
	}
	
/* ------------------------- appmenu links ------------------------------ */

a.appmenu:link,
a.appmenu:visited { font-size: 2em; color:#000; text-decoration: none;
}
a.appmenu:hover,
a.appmenu:active,
a.appmenu:focus { color:#c59f09; text-decoration: none;
}

.ausgewaehlt {font-weight:900; color:#a1041b; }
.ausgewaehlt::before { content: "\f0e2  ";
    font-family: FontAwesome, fontawesome-webfont;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    }



#kopf {  margin-top: 10px; display:table;  }
#logo  {  display:table-cell; vertical-align:middle; }
#bezev {  display:table-cell; vertical-align:middle; }
h1 { font-size: 3em; color:#555555; }




/* ------------------------- Teaserliste ------------------------------ */

.teaserlistenbox { position:relative;
background-color:#f8ecb7; /* --------------- cb ----------------- */
margin-bottom:20px; 
padding: 15px;
border-bottom:1px solid black;
border-right:1px solid black;
/*height: siehe media query */
overflow:hidden; 
/* -webkit-box-shadow: inset 0px -15px 10px -6px rgba(173,171,171,1);
-moz-box-shadow: inset 0px -15px 10px -6px rgba(173,171,171,1);
box-shadow: inset 0px -15px 10px -6px rgba(173,171,171,1); */
}

/*  http://www.cssmatic.com/box-shadow  */

.teaserlistenbox img { 
width:100%; 
margin:auto;
}

h4 { font-size: 2.5em;
}
h4.startseite { 
margin:0; text-align:center; background-color:transparent !important;
/* font-size siehe media query unten */
}

.bildtext { font-size: 1.4em; color:#947a50; margin-top: 7px;
}

.teasertext { font-size: 1.5em;
}

.teaserlink { position:absolute;
bottom:0px;right:0px; padding: 4px 4px 4px 4px; background-color:#b5320a;
}
.backlink { display:inline; margin-right:4px;
padding: 4px 6px 4px 4px; background-color:#63a7b1;
}
.teaserlinkimartikel { position:absolute;
bottom:18px;right:15px; padding: 4px 4px 4px 4px; background-color:#b5320a;
}

a.weiter:link,
a.weiter:visited { font-size: 1.3em; color:#7e433a !important; text-decoration: none;
}
a.weiter:hover,
a.weiter:active,
a.weiter:focus { color:#c59f09; text-decoration: none;
}

.breadcrumb { font-size: 14px; 
  padding: 15px 5px;
  margin-bottom: 10px;
  list-style: none;
  background-color: transparent;
  color:#4249b8;
  border-radius: 4px;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  padding: 0 0px;
  color: #ccc;
  content: "/\00a0";
}
.breadcrumb > .active {
  color: #ad336c;
}
a.rex-breadcrumb {
 font-size: 14px !important; color:maroon; /* ------------- cb ----------------- */
}
ul.rex-breadcrumb a {
 font-size: 14px !important; color:maroon; /* ------------- cb ----------------- */
}
a.breadcrumb::before {
 content: ">";
}
a.breadcrumb:link,
a.breadcrumb:visited { font-size: 1.3em; color:#5f7391; text-decoration: none;
}
a.breadcrumb:hover,
a.breadcrumb:active,
a.breadcrumb:focus { color:#ad336c; text-decoration: none;
}

a.sprachwahl {
 font-size:1em; text-decoration:none; padding:0; margin:0;
}


/* ------------------------- bezevartikel ------------------------------ */

.bezevartikel { 
background-color:#f8ecb7; /* ---------------------- cb ---------------- */
margin-bottom:20px; 
padding: 8px;
}
.sonderkasten { 
background-color:#678796; 
margin-bottom:20px; 
padding: 8px;
}
.sonderkasten p { 
color:#fff !important;
}

.bezevartikel a:link,
.bezevartikel a:visited { font-size: 1.1em; color:#3893da; text-decoration: none;
}
.bezevartikel a:hover,
.bezevartikel a:active,
.bezevartikel a:focus { color:#ad2542; text-decoration: none;
}


.sonderkasten a:link,
.sonderkasten a:visited { font-size: 1.1em; color:#ecde23; text-decoration: none;
}
.sonderkasten a:hover,
.sonderkasten a:active,
.sonderkasten a:focus { color:white; text-decoration: none;
}



/* ------------------------- xxxxxxxxx ------------------------------ */


.bezevbildbox {   }
.bezevartikelbild { width:100%  }

.bezevartikel h3 { 
display:block; padding:0 0 12px 0;
border-bottom: 0px dashed #7e433a;
background-color:#fff; padding:5px; margin:5px;
}
.bezevartikel p { 
padding:5px; margin:5px;
}
.teaser { font-weight:bold; color:#7e433a; }

/* ------------------------- sitemap ------------------------------ */

#sitemax { 
padding:0; 
margin:0; list-style-type:none; text-decoration: none;
  } 
#sitemax li { 
list-style-type:none; text-decoration: none;
}

a.sitemapmenu:link,
a.sitemapmenu:visited { 
font-size: 1em; 
font-weight:bold; 
color:#fff;    
display:inline-block; text-decoration: none; text-indent:-10px;
}
a.sitemapmenu:hover,
a.sitemapmenu:active,
a.sitemapmenu:focus { color:red; text-decoration: none;
}

a.sitemapsubmenu:link,
a.sitemapsubmenu:visited { font-size: 1em; color:#fff; text-decoration: none;
}
a.sitemapsubmenu:hover,
a.sitemapsubmenu:active,
a.sitemapsubmenu:focus { color:#c59f09; text-decoration: none;
}


/* --------------------  Katalog ------------------------ */
.bibliothekliste {
margin-top:22px; }

h5 { font-family: verdana, tahoma;
font-size: 18px; display:block; padding-top:11px; border-top: 1px solid #2d98b7;}

.blue { color:#2d98b7;  }





/* --------------------  SDG blättern ------------------------ */
.vollebox  { background-color:white;
	display:table; padding:15px 0 0 0;
	width:100% }
.randbox { display: table-cell; width:25%; vertical-align: middle; text-align: center;  }
.mittelbox { display: table-cell; width:30% }

/* ------------------------------------------------------------------------ */	
a.pageswitch { font-family:'Trebuchet MS','Lucida Grande', Verdana, Arial;
	font-size: 4.0em; font-weight:normal; padding:0 1em 0 1em;
	color: black; text-decoration: none;
	}
a:link.pageswitch {
	color: black; border:0; text-decoration: none;
	}
a:visited.pageswitch {
	color: black; border:0; text-decoration: none;
	}
a:hover.pageswitch  {
	color:#a72a4e; border:0; text-decoration: none;
	}
a:active.pageswitch  {
	color:#a72a4e; border:0; text-decoration: none;
	}
a.rex-current.pageswitch {
	color:black; border:0; text-decoration: none;
	}		


/* ------------------------------------------------------------------------ */		
	
.galerieuebersicht { width:66px;height:66px; margin:5px; padding:0; }
.galerieauswahl { width:66px;height:66px; margin:5px; padding:0; }

.fussspalte { font-family:'Trebuchet MS','Lucida Grande', Verdana, Arial;
	font-size: 1.2em; font-weight:normal; padding:0 1em 0 1em;
	color: white; text-decoration: none;
	}
.fuss { font-family:'Trebuchet MS','Lucida Grande', Verdana, Arial;
	font-size: 1.2em; font-weight:normal; padding:0; margin:0;
	color: white; 
	}
.fussliste { font-family:'Trebuchet MS','Lucida Grande', Verdana, Arial;
	font-size: 1.2em; font-weight:normal; padding:0; margin:0;
	color: white; text-decoration: none; list-style:none;
	}
a.fusslink { font-family:'Trebuchet MS','Lucida Grande', Verdana, Arial;
	font-size: 1.2em; font-weight:normal; padding:0; margin:0;
	color: white; text-decoration: none;
	}
a:link.fusslink {
	color: white; border:0; text-decoration: none;
	}
a:visited.fusslink {
	color: white; border:0; text-decoration: none;
	}
a:hover.fusslink  {
	color:white; border:0; text-decoration: none;
	}
a:active.fusslink  {
	color:white; border:0; text-decoration: none;
	}
a.rex-current.fusslink {
	color:white; border:0; text-decoration: none;
	}	



/* Handys ------------------------------------------------------------------ */
@media only screen and (max-width: 767px)  {
a.pageswitch { font-size: 2.0em; }	
h4.startseite { font-size: 1.4em; }
.teaserlistenbox { height:100%; }
}

/* Tablets ------------------------------------------------------------------ */
@media only screen and (min-width: 768px)  {
a.pageswitch { font-size: 2.8em; }	
h4.startseite { font-size: 1.6em; }
}

/* Laptop ------------------------------------------------------------------ */
@media only screen and (min-width: 992px)  {
a.pageswitch { font-size: 3.4em; }	
h4.startseite { font-size: 1.8em; }
}

/* Desktop ------------------------------------------------------------------ */
@media only screen and (min-width: 1200px)  {
a.pageswitch { font-size: 3.4em; }	
h4.startseite { font-size: 1.4em; }
}

.rex-yform { font-size: 1.3em; }


/* styles by Marius */
form, dl {
	font-size: 150%;
}

dl > dd {
	padding-bottom: 10px;
}