/* Schrifteinbettung FF Clan */
@font-face {
    font-family:ClanWebPro-NarrMedium;
    font-weight: bold;
    src: url("/ins/cz/prj/jug/css3/fonts/ClanWebPro-NarrMedium.eot");
}
@font-face {
    font-family:ClanWebPro-NarrMedium;
    font-weight: bold;
    src: url("/ins/cz/prj/jug/css3/fonts/ClanWebPro-NarrMedium.woff") format("woff");
}


/* Allgemeine Seitendefinitionen */
#rechteSpalte { display: none; }
#content { width: 943px; padding-top: 0px; }
.artikeltext { overflow: visible; }


/* Schriftarten */
.nav-title, .nav-kap, .nav-kap a, .nr, h3.kapiteluschrift, h2.prologtitle, .spitzmarke  
{ font-family:"ClanWebPro-NarrMedium", Arial, sans-serif; line-height:normal; text-rendering:optimizelegibility; -webkit-font-smoothing:antialiased; zoom:1; }
#content, p 
{ font-family: Georgia, "Times New Roman", Times, serif; } 

/* Schriftgrößen */
.copyright, .bildunterschrift, .gi-gCopy
{ font-size: 10px; line-height: 14px; }
.nav-kap, .spitzmarke 
{ font-size: 12px; line-height: 12px; }
p, h1.gi-gDescriptionTitle
{ font-size: 14px; line-height: 22px; }
.nav-title, .nav-title a, .nr 
{ font-size: 18px; }
p.prolog, .quote
{ font-size: 20px; line-height: 24px; }
h2.prologtitle, h3.kapiteluschrift 
{ font-size: 56px; line-height: 56px; }
p.dropcap:first-letter 
{ font-size: 75px; line-height: 34px; }

/* Schriftfarben und -formatierung */
.nav-title, .nav-title a, .nr 
{ color: #c0c0c0; }
.nav-kap a, .title 
{ color: #FFFFFF; }
.spitzmarke 
{ color: #c9cdcf; }
.copyright
{ color: rgba(255, 255, 255, 0.9); }
h1.gi-gDescriptionTitle, .gi-gCopy, .gi-gDescWrapper
{ color: #555; }
h1.gi-gDescriptionTitle { font-style: normal; font-weight: 100; } 
h3.kaptiteluschrift, .spitzmarke, .copyright 
{ text-shadow: 0.5px 0.866px 5px rgb(0, 0, 0);}
.nav-title, .nav-kap, .nav-kap a, .nr, .spitzmarke 
{ text-transform:uppercase; }


/* Sticky Navi */
#nav-wrapper { width: 972px;  height: 40px; margin-left: -15px; margin-bottom: 3px; background-color: #4b494f; border-bottom: 1px solid #CCCCCC; z-index: 99; }
.nav-title, .nav-title a { float: left; margin-left: 5px; margin-top: 5px; }
.nav-kap { float: right; margin-top: 10px; }
.nav-kap a { padding: 0 10px; }


/* Elemente */
.kapitelintro { height: 530px; margin-bottom: 35px; }
.title { width: 340px; position: relative; top: -260px; margin-left: 50px; padding: 5px 0 0 5px; background-color: #000; opacity: 0.6;  }
.spitzmarke { margin-bottom: 5px;  }
h3.kapiteluschrift { margin: 5px 0 0 0; }

p { width: 490px; margin-left: auto; margin-right: auto; }
p.dropcap:first-letter { float: left; padding: 0px 4px 0px 0px; }

p.prolog { width: auto;  margin: 5px; }
h2.prologtitle {  margin-left: auto; margin-right: auto;  margin-top: 40px; margin-bottom: 15px; }

.video-inline 
{ width: 768px; margin-left: auto; margin-right: auto; }
.BG-inline 
{ width: 600px; margin-left: auto; margin-right: auto; margin-bottom: 30px; }
.quote 
{ position: relative; padding: 0;  max-width: 330px; }
.lightbox-vertical 
{ position: relative; padding: 0; max-width: 200px; }
.lightbox-horizontal
{ position: relative; padding: 0; max-width: 320px; }

.left 
{ float: left; margin: 10px 20px 10px 60px; }
.left-small 
{ float: left; margin: 10px 20px 10px 85px; }
.right 
{ float: right; margin: 10px 60px 10px 20px; }
.right-small 
{ float: right; margin: 10px 85px 10px 20px; }

.bildbox { display: inline-block; position: relative; margin-bottom: 4px; }
.bildunterschrift { font-style: normal; }
.BG-inline>.bildunterschrift { margin-left: 40px; }
.copyright { position: absolute; bottom: 2px; padding-left: 5px; right: 3px; text-align: right; }

.credits { width: 100%; background-color: #f3f3f3; margin-top: 40px; padding: 3px 0;}

.gi-gDescWrapper { overflow: hidden; }