/*css_datei http://www.jahrbuch-guestrow.de/*/
/*[geka]2007*/
@import url("subcolumns.css");
/*ID fuer Seiten: #startseite, #kontakt, #impressum, #agb*/
/*#aktuell, #autoren, #sachwort, #jahrbuch, #partner*/
/*#buch1993, #buch1994, #buch1995, #buch1996, #buch1997, #buch1998, #buch1999*/
/*#buch2000, #buch2001, #buch2002, #buch2003, #buch2004, #buch2005, #buch2006, #buch2007*/
/*#buch2008, #buch2009, #buch2010, #buch2011*/

@font-face {font-family: 'FontAwesome';src: url('fontawesome-webfont.eot?v=4.6.3');
src: url('fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('fontawesome-webfont.woff?v=4.6.3') format('woff'), url('fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
font-weight: normal;font-style: normal;}
.fa {display: inline-block;font: normal normal normal 2em/1.5 FontAwesome;font-size: 2em;
text-rendering: auto;}
.fa-bars:before {content: "\f0c9";}
.fa-2x {font-size: 2em;}
a.extern:before{content:"\f14c"; padding-right: 4px;font-family:'FontAwesome';display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;/*-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;*/}

.invisible {display: inline;left: -1000px;overflow: hidden;position: absolute;top: -1000px;}
a.invisible {display:none;}
.image_container.float_right {float:right;margin:0 16px;position: relative;display: inline-block;}
.image_container.float_left {float:left;margin:0 16px;position: relative;display: inline-block;}
.image_container.float_above, .image_container.float_below {display: flex;align-items: center;justify-content: left;}

.flexslider .slides img {display: block;height: 176px !important;width: 360px !important;}
.flex-prev{
  background: url('../images/slider_right_arrow.png') no-repeat !important;
}
.flex-next{
  background: url('../images/slider_left_arrow.png') no-repeat !important;
}
.flex-control-paging li a{
  background: url('../images/slider_process1.png') no-repeat !important;
}
.flex-control-paging li a:hover {
    background: url('../images/slider_process2.png') no-repeat !important;
}
.flex-control-paging li a.flex-active{
  background: url('../images/slider_process2.png') no-repeat !important;
}
.flex-control-nav {bottom: 10px !important;}
.flex-control-nav li {display: inline-block;margin: 0 2px !important;}

.rsts-skin-default .rsts-prev, .rsts-skin-default .rsts-next {
border: 0 solid rgba(0,0,0,0.1);box-shadow: 0 0 2px rgba(0,0,0,0);}

.rsts-skin-default .rsts-nav-bullets a {
background-color: rgba(255,255,255,0.8);
box-shadow: 0 0 0 #777;
}
.rsts-skin-default .rsts-nav-bullets a.active {
background-color: #00a651;
box-shadow: inset 0 0 0 0 rgba(255,255,255,0.5),inset 0 0 0 0 rgba(0,0,0,0.3),0 0 0 0 #555;
}
.rsts-skin-default .rsts-prev {
    background-image: url('../images/slider_right_arrow.png');
    background-size: 30px,30px;left: 10px;
}
.rsts-skin-default .rsts-next {
    background-image: url('../images/slider_left_arrow.png');
    background-size: 30px,30px;
}
.rsts-skin-default .rsts-prev, .rsts-skin-default .rsts-next {
    text-decoration: none;
    display: block;
    width: 40px;
    height: 40px;
    margin: -20px 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    opacity: 1;
    cursor: pointer;
    color: rgba(0,0,0,0.8);
    text-shadow: 1px 1px 0 rgba(255,255,255,0.3);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    font-size: 0;
    box-shadow: 0 0 0 rgba(0,0,0,0.1);
}
.rsts-skin-default .rsts-nav {
    right: 145px;
}
.verzeichnis table {border: solid 0 #ffe !important;}
table {border:0 !important;}
.verzeichnis table tr:nth-child(n+2) td,  table tr:nth-child(n+2) td  {font-style: italic;padding-left: 174px;border: solid 0 #ffe !important;}
.verzeichnis td.vier {display:none;}
.autoren td.eins {display:none;}
.autoren table tr:nth-child(n+2) td  {font-style: italic;padding-left: 16px;}

/*.............allgemein.............*/
/*browserspezifisch vordefinierte Abstaende aller Elemente werden auf Null gesetzt*/
*{margin:0; padding:0;}
body{
 font-family:verdana, arial, helvetica, sans-serif;
 font-size:13px;
 color:#300; background-color:#ffe;
}

figcaption {
    font-size: 10px;
    padding-top: 10px;width:250px;height: 24px;
}

.ce_gallery {
    position: relative;
    overflow: visible;
    margin: 16px 8px;
    padding: 0;
    display: inline-block;
}
.ce_gallery ul {
    display: inline;
    list-style: outside none none !important;
}
.ce_gallery ul li {
    float: left;
    list-style: outside none none !important;
	margin: 5px 5px 5px 4px;
    padding: 0;
}
.ce_gallery ul li.col_1:after {clear:both;content:' ';display:block;font-size:0;
line-height:0;visibility:hidden;width:0;height:0;}

.layout_latest:after {clear:both;content:' ';display:block;font-size:0;
line-height:0;visibility:hidden;width:0;height:0;}

/*.............kleines Helferlein zum Positionieren.............*/
.clear{clear:both;}

h1{
 font-size:17px; font-style:italic;
 color:#00a651; background-color:#fff;
 padding-top:10px; padding-left:10px;
}

h2{
 font-size:15px; font-style:italic;
 color:#00a651; background-color:#fff;
 padding-top:10px; padding-left:10px; padding-bottom:10px;
}
h2 a {
 font-size:15px; font-style:italic;
 color:#00a651; background-color:#fff;
 margin-top:10px; padding-left:0px; padding-bottom:10px;
}
h3{
 font-size:14px; font-style:italic;
 color:#00a651; background-color:#fff;
 padding-top:10px; padding-left:10px;
}
.disabledLinkWrap, .browseLinksWrap a, .activeLinkWrap {
    padding: 0 1px;
  color:#00a651; background-color:#fff;
}
a {color:#00a651; background-color:transparent;}
img{border:none;}
.bildrechts{padding:10px; float:right;}
.team{text-align:right; font-style:italic; font-size:85%; font-weight:bold; color:#00a651; margin-top:-13px;}
div.csc-textpic div.csc-textpic-single-image img {padding:10px 6px;}

.toggler {background: #FFF  url("../images/ui_icon_toggel.png") 1px 1px no-repeat;
color: #00a651;font-weight: bold;line-height: 1.22em;font-size: 13px;cursor:pointer;padding: 0.2em 0.2em 0.2em 2.2em;}
.toggler.active {
background: #FFF url("../images/ui_icon_toggel_active.png") 1px 1px no-repeat;}


#myList-nav {
    margin-left: 6px;
}
#myList-nav a:link, #myList-nav a:visited, #myList-nav a:active {
    font-size: 13px;
    color: #996633;
    text-decoration: none;
    font-weight: bold;
    font-style: normal;
}
.ln-letters {
    overflow: hidden;
}
.ln-letters a {
    border-color: silver -moz-use-text-color silver silver;
    border-style: none;
    border-width: 0px;
    display: block;
    float: left;
    font-size: 0.9em;
    padding: 2px 6px;
}
.listNav {
    margin: 0 0 10px;
        margin-left: 0px;
}

/*.............Gesamtbereich zentriert.............*/
#alles{
 margin:10px auto;
 border:1px solid #963;
 width:780px;
 background-color:#fff;
}

/*.............Bereich oben.............*/
#oben{
 width:780px;
 height:196px;
}

/*.............oberer Bildbereich.............*/
#bild{
 /*width:780px;
 height:71px;
 background:url(../images/guestrow.jpg);
 background-repeat:no-repeat;*/
margin: 6px;width: 360px;height:176px;float:right;
}

/*.............transparenter Bildbereich.............*/
#transparenz{
 width:780px;
 height:30px;
/* background:url(../images/transparenz.jpg);
 background-repeat:no-repeat;*/
}

/*.............Datum php-Bereich.............*/
#datum{
/* float:left;
 padding:6px 20px;*/
}
.zeit{font-size:13px; color:#300; font-weight:bold; font-style:italic;}

/*.............Navigation oben.............*/
#navi_oben{text-align:left;}

#navi_oben #shortcuts {padding:6px 0px;}
#navi_oben li{
 list-style-type:none;
 display:inline;
 padding-left:12px;
}
#navi_oben li a:link, #navi_oben li a:visited, #navi_oben li a:active,
#navi_oben li a.active, #navi_oben li a.forward{
 font-size:13px; color:#300; font-weight:bold; font-style:italic; text-decoration:none;
}
#navi_oben li a:hover, #navi_oben li a:focus{
 font-size:13px; color:#00a651; font-weight:bold; font-style:italic; text-decoration:underline;
}
#navi_oben li a.aktiv{ font-size:13px; color:#00a651; font-weight:bold; font-style:italic;}

/*.............Alphabet.............*/
#alphabet ul{padding:3px 3px 0 10px;}
#alphabet li{
 list-style-type:none;
 display:inline;
 padding-right:5px;
}

a.buchstabe:link, a.buchstabe:visited, a.buchstabe:active{
 font-size:13px; color:#963; font-weight:bold; text-decoration:none;
}
a.buchstabe:hover, a.buchstabe:focus{
 font-size:13px; color:#00a651; font-weight:bold; text-decoration:underline;
}
.hell{color:#cb9;}

/*.............Navigation links.............*/
#navi{
 float:left;
 width:130px;
}

#navi ul{padding:10px; margin-bottom: 0px;}
#navi ul li ul{padding:10px 33px; margin-bottom: 0px;}

#navi li{
 list-style-type:none;
 padding-right:10px;
 padding-bottom:10px;
}
#navi a:link, #navi a:visited, #navi a:active{
 font-size:15px; color:#300; font-weight:bold; text-decoration:none;
}
#navi a:hover, #navi a:focus, #navi a.active, #navi a.forward{
 font-size:15px; color:#00a651; font-weight:bold; font-style:italic; text-decoration:none;
}
#navi li.aktiv a { font-size:15px; color:#00a651; font-weight:bold; font-style:italic;}

#navi ul li ul li a:link, #navi ul li ul li a:visited{
 font-size:13px; color:#300; font-weight:bold; text-decoration:none;
}
#navi ul li ul li a:hover, #navi ul li ul li  a:focus, #navi ul li ul li  a.active, #navi ul li ul li  a.forward {
 font-size:13px; color:#00a651; font-weight:bold; font-style:italic; text-decoration:none;
}
#navi ul li ul li.aktiv a, #navi ul li ul li a.active, #navi ul li ul li a.forward {
font-size:13px; color:#00a651; font-weight:bold; font-style:italic;}

/*.............Navigation Liste Jahrbuch.............*/
#navi .user-jahrbuch-pi1 ul{padding:0px 33px; margin-top: 0;}
* html #navi .user-jahrbuch-pi1 ul {margin: 0;}
#navi .user-jahrbuch-pi1 ul li{
 list-style-type:none;
 line-height:80%;
 padding-left:10px;
}
#navi .user-jahrbuch-pi1 ul li a:link, #navi .user-jahrbuch-pi1 ul li a:visited, #navi .user-jahrbuch-pi1 ul li a:active{
 font-size:13px; color:#300; font-weight:bold; font-style:italic; text-decoration:none;
}
#navi .user-jahrbuch-pi1 ul li a:hover, #navi .user-jahrbuch-pi1 ul li a:focus,
#navi .user-jahrbuch-pi1 ul li.aktiv a:link, #navi .user-jahrbuch-pi1 ul li.aktiv a:visited, #navi .user-jahrbuch-pi1 ul li.aktiv a:active{
 font-size:13px; color:#00a651; font-weight:bold; font-style:italic; text-decoration:underline;
}

/*.............Inhaltsbereich.............*/
#inhalt{width:647px; float:right; border-left:1px solid #963; margin-top:3px;}
* html #inhalt {width:644px; margin: 0 1px 0 1px;}

#inhalt p, .ce_form .widget{padding:10px;}
.ce_accordion{padding:4px 10px;}

#inhalt p a:link, #inhalt p a:visited, #inhalt p a:active{
 font-size:13px; color:#00a651; font-style:italic; text-decoration:underline;
}
#inhaltp p a:hover, #inhaltp p a:focus{
 font-size:13px; color:#963; font-style:italic; text-decoration:underline;
}
#inhalt #myList a:link, #inhalt #myList a:visited, #inhalt #myList a:active{
 font-size:13px; color:#00a651; font-style:italic; text-decoration:underline; font-weight: normal; font-style: italic;
}
#inhalt #myList a:hover, #inhalt #myList a:focus{
 font-size:13px; color:#963; font-style:italic; text-decoration:underline; font-weight: normal; font-style: italic;
}
#inhalt .user-jahrbuch-pi1 p a:link, #inhalt .user-jahrbuch-pi1 p a:visited, #inhalt .user-jahrbuch-pi1 p a:active,
#inhalt #myList-nav a:link, #inhalt #myList-nav a:visited, 
#inhalt #myList-nav a:active, 
#myList-nav a:link, #myList-nav a:visited, #myList-nav a:active{
 font-size:13px; color:#996633; text-decoration:none; font-weight: bold; font-style: normal;
}
#inhalt .user-jahrbuch-pi1 p a:hover, #inhalt .user-jahrbuch-pi1 p a:focus,
#inhalt #myList-nav a:hover, #inhalt #myList-nav a:focus,
#myList-nav a:hover, #myList-nav a:focus{
 font-size:13px; color:#00a651; font-style:italic; text-decoration:none; font-weight: bold; font-style: normal;
}
#inhalt #myList-nav a.none {color: #CCBB99;  font-style: normal;}
#myList-nav a.none {color: #CCBB99;  font-style: normal;}

#inhalt ul#myList li ul li .user-jahrbuch-pi1-autor {width: 120px; float: left;}
#inhalt ul#myList li ul li .user-jahrbuch-pi1-title {width: 340px; float: left;}
#inhalt ul#myList li ul li .user-jahrbuch-pi1-jahr {width: 60px; float: left; text-align: right;}
#inhalt ul#myList li ul li .user-jahrbuch-pi1-seite {width: 60px; float: left; text-align: right;}
#inhalt ul#myList li ul li {list-style-type: none; margin: 0; padding: 0; clear: both;}
#inhalt ul#myList li ul {margin: 0 0 0 6px; padding: 0;}
#inhalt ul#myList li {clear: both;}

#inhalt table tr.soatxt td {padding: 4px 0px 4px 48px; font-style: italic;}

.ln-letters a {
    border-color: silver -moz-use-text-color silver silver;
    border-style: none;
    border-width: 0px;
    display: block;
    float: left;
    font-size: 0.9em;
    padding: 2px 6px;
}
.ln-letters a.ln-last {border-right: 0px solid silver;}
.ln-letters a:hover, .ln-letters a.ln-selected {background-color: #FFF;}

#myList-nav {margin-left:6px;}

#inhalt .user-jahrbuch-pi1 p.soa a:link, #inhalt .user-jahrbuch-pi1 p.soa a:visited, #inhalt .user-jahrbuch-pi1 p.soa a:active, #inhalt .user-jahrbuch-pi1 p.soa a:hover {
  color: #00A651;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  padding-right: 12px;
  background: url("../images/pfeil-anno.png") no-repeat scroll center right transparent;
}

#verlag_links{float:left; width:320px;}

#verlag_rechts{float:right; width:280px;}

.aktuell{font-size:12px; line-height:125%;}

hr{
height:1px;
border:0 none;
border-top:1px solid #00a651;
margin:0 13px 0 6px;
padding:0;
}

.unterschrift{font-size:10px; font-style:italic; text-align:right;}

#inhalt .user-jahrbuch-pi1 h2,
#inhalt .user-jahrbuch-pi1 p {
maring-left: 5px;
}
#inhalt .csc-textpic-imagewrap {
padding: 10px 8px;
}
#inhalt dd.csc-textpic-caption {
font-size: 10px;
  padding-top: 10px;
}
/*.............Buchinfos.............*/
#inhalt_links{
 float:left;
 width:300px;
 height:370px;
/* background-color:#e2e2e2;*/
 margin:10px 0 0 0;
/* border:1px solid #963;*/
}
/*.............extra fuer InternetExplorer.............*/


/*.............Buchcover.............*/
#inhalt_rechts{
 float:right;
 width:300px;
 height:370px;
/*background-color:#e2e2e2;*/
 margin:10px 6px 0 6px;
/* border:1px solid #963;*/
}
#inhalt .user-jahrbuch-pi1 img {padding:0 20px 0 0; text-align:right;}
h5 {
    background-color: #FFFFFF;
    color: #00A651;
    font-size: 15px;
    font-style: italic;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-top: 10px;

}

/*.............Tabelle.............*/

.verzeichnis {
 background-color:/*#e6e6e6*/#ffd;
 border:none;
 width:580px;
 font-size:11px;
 margin-left:10px;
}

.eins{width:150px;padding: 10px;border: solid 0 #ffe !important;}
.zwei{width:380px;padding: 10px;border: solid 0 #ffe !important;}
.drei{width:50px;padding: 10px;border: solid 0 #ffe !important;}
.vier{width:50px;padding: 10px;border: solid 0 #ffe !important;}
td{vertical-align:top;}
.ce_text table {border: solid 0 #ffe !important;}

/*.............Auswahl.............*/

select{
 background-color:#fff; color:#963;
 border:1px solid #963;
 margin-left:10px;
 width: 60%;
}

/*.............Autorenliste.............*/
#alle_autoren{
width:600px; height:500px;
/*background-color:#e2e2e2;*/
background-color:#ffe;
border:1px solid #963;
padding:10px 0 10px 10px;
margin-top:10px;
margin-left:10px;
}

.abstand{padding-right:10px; width:100px;}

/*.............Sachwortverzeichnis.............*/
#sachwortverzeichnis{
width:600px; height:500px;
/*background-color:#e2e2e2;*/
background-color:#ffe;
border:1px solid #963;
padding:10px 0 10px 10px;
margin-top:10px;
margin-left:10px;
}

/*.............Partner + Sponsoren.............*/
#inhalt ul{padding:10px 0px 10px 27px;}
#inhalt li{
 list-style-type:disc;
 padding-bottom:2px;
}

/*.............Kontaktformular.............*/
#mailform {
width:90%;
/*height:300px;*/
margin-top:10px;
margin-left:20px;
}
.hallo{font-weight:bold; font-style:italic; font-size:85%;}
.mitte{text-align:center;}

.formbody {
border:1px solid #963;
height:auto;
text-align:right;
margin:0 6px;
}
label{
cursor:pointer;
clear:both;
float:left;
  font-weight: bold;text-align: left;
}
.checkbox_container label {width: 100%;}
fieldset {border: 0 solid #FFF;}
input, textarea, button {background-color:#ffe; color:#300;
border:1px solid #963; margin-left:6px;width: 60%;
}
input.checkbox {width: 5%;float:left;}

/*.............- Tabelle Bilder -.............*/
.present{background-color:#fff; border:none; width:620px; margin-left:3px;}

/*.............Bereich unten.............*/
#ich{
 padding-left:10px;
 padding-bottom:2px;
 width:780px;
 height:17px;
}

/*#ich p{font-size:10px;}*/
#ich a.geka:link, #ich a.geka:visited, #ich a.geka:active{
 font-size:85%; color:#963; font-style:italic; text-decoration:none; outline:none;
}
#ich a.geka:hover, #ich a.geka:focus{
 font-size:85%; color:#300; font-style:italic; text-decoration:none; outline:none;
}

/*.............- skiplink -.............*/
.nachoben{text-align:right;}
a.skip:link, a.skip:visited, a.skip:active, a.skip:hover, a.skip:focus{
 font-size:85%;
 font-style:italic;
 text-decoration:none;
}
a.skip:link, a.skip:visited, a.skip:active{
 color:#963; background-color:#fff;
}
a.skip:hover, a.skip:focus{
 color:#300; background-color:#fff;
}

/*.............- agb-link -.............*/
a.agb:link, a.agb:visited, a.agb:active{
 font-size:85%; color:#963; font-style:italic; text-decoration:none; outline:none;
}
a.agb:hover, a.agb:focus{
 font-size:85%; color:#00a651; font-style:italic; text-decoration:none; outline:none;
}

/*.............- sos-link -.............*/

a.sos:link, a.sos:visited, a.sos:active{
 font-size:13px; color:#000; font-style:italic; text-decoration:underline; outline:none;
}
a.sos:hover, a.sos:focus{
 font-size:13px; color:#f00; font-style:italic; text-decoration:underline; outline:none;
}

/*** subcolumns start ***/
div.subcol-50-50,div.subcol-33-33-33,div.subcol-33-66,div.subcol-66-33 {
  width: 100%;
  padding: 0 1px 0 1px;
  margin: 0 -1px 0 -1px;
  overflow:hidden;
}

.c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; overflow: hidden;}
.c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; overflow: hidden;}

.c25l, .c25r { width: 24.999%; }
.c33l, .c33r { width: 33,999%; }
.c50l, .c50r { width: 49.999%; }
.c66l, .c66r { width: 66,999%; }
.c75l, .c75r { width: 74.999%; }
.c38l, .c38r { width: 38.196%; } /* Goldener Schnitt */
.c62l, .c62r { width: 61.803%; } /* Goldener Schnitt */

.subc  { padding: 0 0.5em 0 0.5em; overflow: hidden; }
.subcl { padding: 0 1em 0 0; overflow: hidden;}
.subcr { padding: 0 0 0 1em; overflow: hidden;}

hr.clearer {
   width: 100%;
   height:0.1em;
   border:0;
   /*border-top-width: 4px;
   border-top-style: solid;
   border-top-color: #fff;*/
   clear:both;
   visibility: hidden;
}
/*** subcolumns end ***/

#sbOverlay {
    position: relative !important;
}


DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image {
float: left;width: 280px !important;}
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT {
position: relative;display: inline-block;overflow: visible;
width: 280px;}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
margin: 0;vertical-align: bottom;
width: 240px;height: auto;}

.pagination {
    text-align: center;
    width: 100%;
}
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
.pagination ul {
    display: inline;
    list-style-type: none;
    padding: 0;
    margin-left: 30px;
    margin-bottom: 24px;
}
.pagination ul li {
    display: inline;
    padding: 0 3px;
    margin-top: 4px;
}