/* BASIC */

@font-face {
    font-family: 'bodoni_recut_fsregular';
    src: url('./font/BodoniRecut-Regular-webfont.eot');
    src: url('./font/BodoniRecut-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('./font/BodoniRecut-Regular-webfont.woff') format('woff'),
         url('./font/BodoniRecut-Regular-webfont.ttf') format('truetype'),
         url('./font/BodoniRecut-Regular-webfont.svg#bodoni_recut_fsregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'bodoni_recut_fsregular-turkish';
    src: url('./font/BodoniRecut-Regular-webfont-turkish.eot');
    src: url('./font/BodoniRecut-Regular-webfont-turkish.eot?#iefix') format('embedded-opentype'),
         url('./font/BodoniRecut-Regular-webfont-turkish.woff') format('woff'),
         url('./font/BodoniRecut-Regular-webfont-turkish.ttf') format('truetype'),
         url('./font/BodoniRecut-Regular-webfont-turkish.svg#bodoni_recut_fsregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bodoni_recut_fsitalic';
    src: url('./font/BodoniRecut-Italic-webfont.eot');
    src: url('./font/BodoniRecut-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('./font/BodoniRecut-Italic-webfont.woff') format('woff'),
         url('./font/BodoniRecut-Italic-webfont.ttf') format('truetype'),
         url('./font/BodoniRecut-Italic-webfont.svg#bodoni_recut_fsitalic') format('svg');
    font-weight: normal;
    font-style: italic;
}
.base-font {
	font-family: Lucida Sans Unicode, serif;	
}

html {
	background-color: whitesmoke;	
}
img[src=""], img[src="null"]  {
   visibility: hidden;
}

 body {
   font-family: Lucida Sans Unicode, serif;
   color: black;
   max-width: 1500px;
   margin: auto;
   background-color: white;
	 padding-top: 0em;
  }
.icon-spinner:before {
	content: "\e000";
}
.icon-spinner-2:before {
	content: "\e001";
}
.icon-spinner-3:before {
	content: "\e002";
}
.icon-spinner-4:before {
	content: "\e003";
}
.icon-spinner-5:before {
	content: "\e004";
}
.icon-spinner-6:before {
	content: "\e005";
}
.icon-spinner-7:before {
	content: "\e006";
}
.view-icon-top-right:after{
	font-family: 'UV_icomoon_ultimateawesome';
	color: gray;
   content: "\e362";
   position: absolute;
   right: -100px;
   top: -3px;
   z-index: 9000;
   background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
}

@keyframes anim-rotate {
	0% {
		transform: rotate(0);
	}
	100% {
		transform: rotate(360deg);
	}
}
.spinner {
	display: inline-block;
	font-size:4em;
	height: 1em;
	line-height: 1;
	margin: .5em;
	animation: anim-rotate 2s infinite linear;
	color: #fff;
	text-shadow: 0 0 .25em rgba(255,255,255, .3);
}
.spinner--steps {
	animation: anim-rotate 1s infinite steps(8);
}
.spinner--steps2 {
	animation: anim-rotate 1s infinite steps(12);
}



#titinfobody, #titaddinfotext, 
#quoteslist, #linktextcontent, #persbio,
#persaddinfotext, #textcache
{
/* -webkit-hyphens: auto;
 -moz-hyphens: auto;
 -ms-hyphens: auto;
 hyphens: auto;
 text-align: justify;
*/ 
}  
#linktextarea h1 {
	margin-bottom: 0.2em
}
#linktextarea .linksubtitle {
	margin-bottom: 2em;
	font-size: 150%
}


a { color:#333366; background:transparent; text-decoration:none; }
.showlink a { 
	color:#333366; background:transparent; 
	text-decoration:underline; 
}
.showlink a:hover,
.showlink a:active { color:#182E7A; 
  text-decoration:underline; 
  /*outline: 0 none; */
  background-color: #F5F5F5;
  }  

a.btn {
  text-decoration: none;
}
a.btn:hover,
a.btn:active { color:#182E7A; 
  text-decoration: none; 
  background-color: #F5F5F5;
  }  





/*
// conflicts with btn- ...
a:visited  { color:#006699; }*/

/*a:focus { text-decoration:underline; color:#000; background: #fff; 
  outline: 3px #f93 solid; 
  }*/
/*  a:hover,
  a:active { color:#182E7A; text-decoration:underline; outline: 0 none; }  
*/

  
a[href ^="http://"]:after {
	font-family: 'UV_icomoon_ultimateawesome';
  	font-size: 10px;
  	content: " \e686";
 }
/*
a[href ^="gopher://"] {
   color: #0066BB;
    background: url(./images/external.png) center right no-repeat;
    padding-right: 13px;
}
*/
/*
a[href ^="https://"] {
   color: #0066BB;
    background: url(./images/lock_icon.gif) center right no-repeat;
    padding-right: 16px;
}
*/
a[href ^="mailto:"]:after {
	font-family: 'UV_icomoon_ultimateawesome';
  	font-size: 9px;
  	content: "\e603";
  	color: gray;
  	padding-right: 2px;
  	padding-left: 1px;
  	position: relative;
  	top: -3px;
  	display: inline-block;
  	text-decoration: none;
}
/*a[href ^="news://"] {
   color: #0066BB;
    background: url(./images/news_icon.png) center right no-repeat;
    padding-right: 18px;
}*/
a[href ^="ftp://"] {
/*   color: #0066BB;*/
    background: url(./images/file_icon.gif) center right no-repeat;
    padding-right: 18px;
}
/*a[href ^="irc://"] {
   color: #0066BB;
    background: url(./images/discussionitem_icon.gif) center right no-repeat;
    padding-right: 18px;
}*/
a[href $=".ogg"], a[href $=".OGG"],
a[href $=".mid"], a[href $=".MID"],
a[href $=".midi"], a[href $=".MIDI"],
a[href $=".mp3"], a[href $=".MP3"],
a[href $=".wav"], a[href $=".WAV"],
a[href $=".wma"], a[href $=".WMA"] {
    background: url("./images/audio.png") center left no-repeat;
    padding-left: 19px;
}
a[href $=".ogm"], a[href $=".OGM"],
a[href $=".avi"], a[href $=".AVI"],
a[href $=".mpeg"], a[href $=".MPEG"],
a[href $=".mpg"], a[href $=".MPG"] {
    background: url("./images/video.png") center left no-repeat;
    padding-left: 19px;
}

/*a[href $=".zip"], a[href $=".ZIP"],*/
a[href $=".rar"], a[href $=".RAR"],
a[href $=".exe"], a[href $=".EXE"],
a[href $=".msi"], a[href $=".MSI"],
a[href $=".dmg"], a[href $=".DMG"],
a[href $=".gz"], a[href $=".GZ"],
a[href *=".gzip"], a[href *=".GZIP"] {
    background: url("./images/download.png") center left no-repeat;
    padding-left: 19px;
}
 a[href ^="http://www.facebook.com"] {
   /*background: url("./images/facebook_16x16.png") center left no-repeat;
   padding-right: 19px;*/
 }
/* No Icon for our website and external internals*/
a[href^="http://www.unionsverlag.com"]:after,  
a[href^="http://localhost"]:after,
a[href^=".."]:after,
a[href^="http://uv-e-book.wikidot.com"]:after,
#socialshareprivacy  a:after,
.mainlogoarea a:after {
	content: "";
}
.no-after:after {
	content: "" !important;
}

a[href $=".pdf"]:after, a[href $=".PDF"]:after,
a[href *=".pdf#"]:after, a[href *=".PDF#"]:after,
a[href *=".pdf?"]:after, a[href *=".PDF?"]:after {
	font-family: 'UV_icomoon_ultimateawesome';
  	font-size: 10px;
 	content: " \e4e2";
  	color: gray;
  	padding-right: 2px;
  	padding-left: 1px;
  	position: relative;
  	top: -3px;
  	display: inline-block;
  	text-decoration: none; 	
}
span.mainsearchgroup {
	display: inline-block;
	width: 5em;
	color: gray;
}  
.autoanchors li {
	margin-left: 1em;
}
.autoanchors li {
	text-indent: -1em;
}
.autoanchors li::first-line {
    /*text-indent: 1em;*/
} 
.gotop {
	color: gray;
	border: 1px solid transparent;
}
.gotop :hover {
	border: 1px solid lightgrey;
	text-decoration: none !important;
	background-color: Gainsboro;
}
.gotopmarker a {
	text-decoration: none !important;
	}

/*--- Headings | Überschriften ------------------------------------------------------------------------*/
h1,h2, h3,h4, .linksubtitle {
	font-family:'bodoni_recut_fsregular','bodoni_recut_fsregular-turkish' ;
	font-weight: normal;
}
h5 {font-weight: bold;}

/* for title page*/

.titpic .covernormal {
	width: 100%
}

.titarea-txt {
	clear: both;
	font-family:'bodoni_recut_fsregular','bodoni_recut_fsregular-turkish' ;	
	font-size: 110%;
	margin-bottom: 0em;
}
.titarea-txt h1.tauthor {
    font-size: 180%;
    	margin: 0em;
}
.titarea-txt h1.ttitle {
    font-size: 220%;
        	margin: 0.5em 0em 0.5em 0em;
}
.editiontype_text {
	margin: 0.5em 0em 0.5em 0em
}
.editiontype_text img {
	height: 20px;
	float:left;
	margin-top: 5px;
	margin-right: 3px;
}

#contentanchor h4 {
	border-bottom: 1px solid #7A7A7A;	
}

.hyphenate {
 -webkit-hyphens: auto;
 -moz-hyphens: auto;
 -ms-hyphens: auto;
 hyphens: auto;
}	
.no-hyphenate {
 -webkit-hyphens: none;
 -moz-hyphens: none;
 -ms-hyphens: none;
 hyphens: none;
}	
text-align-right {
	text-align: right;
}
.nowrap {
	white-space: nowrap;
}
.justify {
	text-align: justify;
}
.bodoni {
	font-family:'bodoni_recut_fsregular', 'bodoni_recut_fsregular-turkish';
	/*font-size: 120%;	*/
}
.background-gray {
	background-color: gray;
}
.background-gainsboro {
	background-color: Gainsboro;
}

.background-yellow {
	background-color:yellow !important;
}
.background-lightyellow {
	background-color:moccasin !important;
}

.background-khaki {
	background-color:khaki !important;
}

.background-lightgrey {
	background-color: lightgrey;
}
.background-inherit {
	background-color: inherit;
}
.background-red {
	background-color:red;
}
.background-lightyellow {
	background-color:lightyellow;
}
.background-black {
	background-color:black;
}
.background-transparent {
	background-color:transparent;
}


.color-gainsboro {
	color: Gainsboro;
}
.color-lightgrey {
	color: lightgrey;
}
.color-gray {
	color: gray;
}
.color-transparent {
	color:transparent
}
.color-black {
	color:black;
}

.color-warning {
	color:black;
	background-color: yellow;
	padding: 3px;
	font-size: 120%;
}
.color-error {
	color:black;
	background-color: red;
	padding: 3px;	
	font-size: 120%;	
}
.color-alarm {
	color:white;
	font-weight: bold;
	background-color: red;
	padding: 3px;	
	font-size: 120%;
}


/*
.bodoni-adjust-small {
	font-size: 133% !important;
}
.bodoni-adjust-big {
	font-size: 110%;
}
*/
.show-p p:after {
	content: "\00B6"
}
.big {
	font-size: 110%;
}
.bigger {
	font-size: 120%;
}
.biggest {
	font-size: 150%;
}
.huge {
	font-size: 300%;
}
.smaller {
	font-size: 70%;
}
.smallest {
	font-size: 50%;
}
.break-inside-avoid {
	-webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}
.border1px {
	border: 1px solid black !important;
}
.margintop2px {margin-top:2px}
.text-align-right {
	text-align: right;
}
.text-align-center {
	text-align: center;
}
.inline-title { font-variant: small-caps;}
.inline-title:after {content: ": ";}
.inline-block {
	display: inline-block;
}
.info-hover {
	background: white;
/*	position: relative;
	float: right;*/
}
.uvlogo {
	font-size: 90px;
	padding-left: 15px;
	line-height: 1;
	padding-bottom: 10px;
	color: #9B111E;		
} 
.uvlogo a {
	color: black;	
	
	opacity: 0.8;
}
.uvlogo a:hover {
	color: #800020;
/*	color: black;*/
	text-decoration: none;
}
.uvlogo-u {	margin-right: -3px;}
.uvlogo-s, .uvlogo-a {	margin-right: -1px;}
h1.hbar:before, h2.hbar:before,
.autoanchors h3:before {
   background-color: #e50000;
  	 opacity: 1;
    content: " ";
    display: inline-block;
    width: 0.7em;
    height: 0.7em;
    padding-right: 0;
    margin-right: 0.2em;
}    
h1.hbar, h2.hbar,
.autoanchors h3 {
	font-family:'bodoni_recut_fsregular', 'bodoni_recut_fsregular-turkish';
	font-size: 25px;
	letter-spacing: 0px;
	margin: 0em 0em 0.3em 0em;
	padding: 0px 0px 3px 0px; 
/*	color: #686868;
	color: #9B111E;
	color: #AE0C00;
	color: #e50000;	*/
	color: black;	
	line-height: 1em;
	overflow:visible;
   text-indent: -0.8em;
   margin-left: 0.8em;
}
h1.hbar:after, h2.hbar:after,
.autoanchors h3:after {
	position: relative;
   content: " ";
	display: block;
	width: calc(100% + 0.8em);
	margin-top: 3px;
	border-bottom: 1px solid #7A7A7A;
	left: -0.8em;
}    
ul,li { 
	list-style-type: none;
   list-style-position:inside;
   margin:0;
   padding:0; 
}  

.textcache ul, .linktextcontent ul {
   list-style: square outside; 
   margin-bottom: 0.5em;
   margin-left: 1em;
}
.textcache li, .linktextcontent li {
	margin-left: 1em;
   list-style: square outside;
   padding-left: 0.3em;	
   margin-bottom: 0px;
   
   
}
.textcache h2,
.textcache h3
 {
    border-bottom: 1px solid #000000;
    font-size: 24px;
    margin-bottom: 0.5em;
    margin-top: 2em;
    padding: 0 0 1px;
}
.simplebox h2 {
	margin-top: 0em;
	padding-top: 1em;
}	
.textcache .emphasize {
	margin-left: 2em;
}	


table {
	width: auto;
	border-collapse: collapse;
	margin-bottom: 0.5em; 
}
table caption { font-variant:small-caps; }
table.full { width:100%; }
table.fixed { table-layout:fixed; }

legend {
  padding: 0.2em 0.5em;
  border:1px solid lightgray;
  color:gray;
  font-size:80%;
	background-color: white;
  line-height: 100%;
  margin: 0 0 5px 5px;
  width: auto;
  }
/*label {
  float:left;
  width:15%;
  margin-right:0.5em;
  padding-top:3px;
  text-align:right;
  color: #464646;
  }*/
label.inline  {	width: auto;	text-align: left;}  
.inlabel, .fdlbl2{display: inline-block; float: none; color: #464646; margin-left: 1em; 
margin-right: 0.2em;margin-top:5px; vertical-align:top}
#el08 { /* Change width and height */
width:4em;
height:4em;
}

.btn-noborder {
	border: 0;
}
.margin-bottom-1em {
	margin-bottom: 1em;
}
.margin-bottom-05em {
	margin-bottom: 0.5em;
}
.margin-right-1em {
	margin-right: 1em;
}
.margin-right-05em {
	margin-right: 0.5em;
}

fieldset {padding-top: 0em; 
	border-top:1px solid lightgrey;
	border-left: 1px solid lightgrey;
	border-bottom:1px solid lightgrey;
	border-right: 1px solid lightgrey;
	background-color: #fffff0;
	
 	margin: 0.5em 0em 1em 0em;}
/*.editorfieldset {padding: 0em; border:0px solid grey; margin: 1em 0em 1em 0em}  */

/* GENERIC */
.commalist:after {
	content: ", ";
}
.commalist:last-of-type :after {
	content: none
}

.listitem /*:not(.carousel.item)*/{
  	width: 100%;
  	display: table;
  	/*display: table-row;*/
  	padding: 0em 0em 0.5em 0em;
  	margin: 0.5em 0em 0.0em 0em;
	border-bottom: 1px dotted lightgrey;
  	vertical-align: top;
  }
.item-line {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	border-bottom: 1px dotted lightgrey;
	clear: both;		
}
.item-line:last-of-type,
.listem:last-of-type {
	border-bottom: 0px none lightgrey;	
}
.item-block {
  	display: table;
  	width: 100%
  }
  .area {
  	margin-bottom: 4em;
  }
.no-margin-top {
	margin-top: 0px;
}  
.no-margin-bottom {
	margin-bottom: 0px;
}  

.line-compress {
	line-height: 90%;
}
/*.item:hover {background-color: #e0e0e0;}*/
/*.float_left { float:left; display:inline; margin-right:1em; margin-bottom:0.15em; }
.float_right { float:right; display:inline; margin-left:1em; margin-bottom:0.15em; }*/
.width_10perc { width: 10%;}
.width_15perc { width: 15%;}
.width_20perc { width: 20%;}
.width_25perc { width: 25%;}	 
.width_30perc { width: 30%;}	
.width_35perc { width: 35%;}	
.width_40perc { width: 40%;}	 
.width_50perc { width: 50%;}	
.width_80perc { width: 80%;}	
.width_85perc { width: 85%;}	 
.width_90perc { width: 90%;}	
.width_100perc { width: 100%;}	
.width_70px { width: 70px;}
.auto-width
 {width: auto}
.auto-height{height: auto;}
.clear_left, clear-left {clear:left}
.clear-both {clear:both}
.wrap {
	white-space:normal;
}

.callout {
	padding:15px;
	background-color:#ECF8FF;
	margin-bottom: 15px;
	margin-top: 15px;	
	border: 1px solid lightgray;
}
.callout-right {
	width: 35%;
	margin-left: 15px;
	float: right;	
}
.simplebox {
	border: 1px solid #DDDDDD;;
	padding: 1em;
	clear: both;
}
.simplebox-condensed {
	padding: 5px; 
}
.simplebox-notoppadding {
	padding-top: 0em; 
}


.radiolabel {
	position: relative;
	top: -5px;
	padding-right: 1em;
}

.read-more-area{
height: auto;
max-height: 9999px;
}
.fade-area {
max-height: 6.5em;
overflow:hidden;
position: relative;
}
.fade-area:after {
 content: "";
  text-align: right;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 3.5em;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 100%);
}  

.collapse-button-area {
/*background-color: yellow;*/
margin-top: 0.5em;
}
.collapse-end-btn{
/*	border-top: none;
	border-left: none;
	border-right: none;*/
/*	width: 100%;
	text-align: left;*/
	/*border-radius: 0;*/
}
.panel .accordion-toggle a:before
/*.panel .accordion-toggle div:before*/{
    /* symbol for "opening" panels */
    font-family: 	'UV_icomoon_ultimateawesome';
/*    content: "\e64f ";     chevron right */
	content: "\e671\00a0";    /* chevron down */        
    float: left;       
    color: grey;   
     position: relative;
    top: -3px;      
}
.panel .accordion-toggle a.collapsed:before
/*.panel .accordion-toggle div.collapsed:before */ {
    /* symbol for "collapsed" panels */
    font-family: 	'UV_icomoon_ultimateawesome';    
    content: "\e64f\00a0";    /* chevron down */ 
    position: relative;
    top: -3px;   
}
.panel .accordion-toggle .panel-title :hover{
	cursor: pointer;
}
.panel .panel-pure {
	border: 0px none !important;
	background-color: inherit !important;
	border-color: inherit;
}
.panel-pure .panel-heading {
	border: 0px none !important;
	background-color: inherit !important;
	border-color: inherit;
	padding: 0;
}
.panel-pure,
.panel.pure .panel-body {
	border-color: white;
}
.panel-group .panel-pure .panel-heading + .panel-collapse .panel-body {
    border-top: 0px none #DDDDDD;
    padding: 5px;
}

.imgshadow {
	border-top: 1px solid Gainsboro;
	border-left: 1px solid Gainsboro;
	border-right: 1px solid Gainsboro;
	border-bottom: 1px solid Gainsboro;
	-moz-box-shadow: 2px 2px 2px lightgrey;
	-webkit-box-shadow: 2px 2px 2px lightgrey;
	box-shadow: 2px 2px 2px lightgrey;
	margin-right: 5px;
	margin-bottom: 5px;
 } 
 
.portraitnormal, imagenormal {
	width: 200px;
	border: 1px solid Gainsboro;
	margin-right: 1em;
	margin-bottom: 0.5em;
/*	float: left;*/
}  
.covernormal {
	width: 160px;
	border: 1px solid Gainsboro;
	margin-right: 1em;
	margin-bottom: 0.5em;
/*	float: left;*/
}  

.covernormal-small, .portraitnormal-small, imagenormal-small {
	width: 70px;
	border: 1px solid Gainsboro;
	margin-right: 3px;
	margin-left: 1em;
	margin-top: 0px;
	margin-bottom: 3px;
} 
.covernormal-medium, .portraitnormal-small, imagenormal-small {
	width: 90px;
	border: 1px solid Gainsboro;
	margin-right: 3px;
	margin-left: 1em;
	margin-top: 0px;
	margin-bottom: 3px;
} 
.coverthumb, .portraitthumb {
	width: 50px;
	border: 1px solid Gainsboro;
	margin-right: 5px;
	margin-bottom: 5px;
	 } 
.coverthumbbig, .portraitthumbbig {
	width: 100px;
	border: 1px solid Gainsboro;
	margin-right: 5px;
	margin-bottom: 5px;
	 } 
.ebook-cover-list .coverthumbbig {
	margin-right: 20px;
	margin-bottom: 20px;
}
	 
.coverthumb-width, .portraitthumb-width {
	width: 50px;
	 } 	 
.glrythumb {
	height: 70px;
	border: 1px solid Gainsboro;
	margin-right: 3px;
	margin-bottom: 3px;
	 } 
.glrymini {
	height: 35px;
	border: 1px solid Gainsboro;
	margin-right: 3px;
	margin-bottom: 3px;
	 } 
	 	 
.covermini, .portraitmini {
	width: 40px;
	border: 1px solid Gainsboro;
	min-height: 20px;
	margin-right: 5px;
	margin-bottom: 5px;	
} 
.covermini-width, .portraitmini-width {
	width: 40px;
}
.shoplogo {
	width: 1em;
}
.covertiny, .portraittiny {
	width: 25px;
	border: 1px solid Gainsboro;
	margin-right: 5px;
	margin-bottom: 5px;	
} 
.covermicro, .portraitmicro {
	width: 15px;
	border: 1px solid Gainsboro;
	margin-right: 1px;
	margin-bottom: 1px;	
} 
/*
.covermicro, .portraitmicro {
    border: 1px solid Gainsboro;
    height: 1.9em;
    left: -0.35em;
    margin-bottom: 1px;
    margin-right: 1px;
    position: relative;
    top: -0.4em;
}
*/
.coversmall, .portraitsmall {
	width: 150px;
	border: 1px solid Gainsboro;
} 
 .coverrounded {
	border-top-right-radius: 10% 6%;
	border-bottom-right-radius: 10% 6%;			
	-webkit-border-top-right-radius: 10% 6%;
	-webkit-border-bottom-right-radius: 10% 6%;
	-moz-border-radius-topright: 10% 6%;
	-moz-border-radius-bottomright: 10% 6%;
 }
.logopreview {
	max-height: 120px;
	max-width: 300px;
}
/* does not work, why */
/*img[src*="dummy.jpg"] !important
{
	border: 3px solid red;
}*/

.title {	font-style: italic;}	 
.icon-greyed {color: #565656;}
.icon-input {
    border-bottom: 1px solid #D3D3D3;
    border-left: 1px solid #D3D3D3;
    border-top: 1px solid #D3D3D3;
    height: 14px;
    padding: 6px 5px 5px;
    position: relative;
    top: -7px;
    background-color: white;
}
.opaque {
	opacity: 0.3;
}
.no-border {
	border: 1px none solid !important;
}
.no-border > thead > tr > th, 
.no-border > tbody > tr > th, 
.no-border > tfoot > tr > th, 
.no-border > thead > tr > td, 
.no-border > tbody > tr > td, 
.no-border > tfoot > tr > td {
    border-top: 0px none #DDDDDD;
}
.bold {font-weight: bold}
.align-center {
	margin: auto;
}
.label-big {
	font-size: 100%;
}
.label.new {
    color: gray;
    background-color:yellow;
    display: inline-block;
    font-size: 12px;
    left: 0px;
    margin-right: 0;
    position: absolute;
    top: -8px;
    transform: rotate(-30deg);
}
.error {
	background-color:red;
	color:white;
	padding: 1px 3px;
	margin: 1px;
	}
.warning {
	background-color:yellow;
	text-color:black;
	padding: 1px 3px;
	margin: 2px 1px;
	}
	
.typo p {margin: 0; text-indent: 2em}
.empty {display: none;}
.push_half, .push-half {margin-top: 0.5em}
.push_one, .push-one {margin-top: 1em}
.push_two, .push-two {margin-top: 2em}
.push_three, .push-three {margin-top: 3em}
.collapse-area {
	height: 10em;
	overflow: hidden;
}
.initial p:first-child:first-letter{
    font-size: 130%;
    /*font-weight: bold;*/
}
.collapse-block .btn {
	border: 0;
}
.small-caps {font-variant: small-caps; }
.inherited-text:before {
	content: "\02c6";
	color: gray;
	background-color: yellow;
	display: inline-block;
}
/*.inline-editable:before {
	font-family: 'UV_icomoon_ultimateawesome';
	content: "\e640  ";
	color: gray;	
	display: inline;
}*/
.form-control-pseudo {
	background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    border-radius: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: black;
    display: block;
    font-size: 14px;
    line-height: 1.42857;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align: middle;
    width: 100%;
    padding: 2px;
    min-height: 2em;
}
.form-control {
    border-radius: 0 0 0 0;
    color: black;
}
.required {
/*	border-right: 3px solid #CCC;*/
	border-left: 3px solid #CCC;	
}

	

/* -----------------------------------------------------------*/
/* Main Pages Elements                                        */
/* ---------------------------------------------------------- */
#A2Z .btn{
	/* Alphabet for personlist et alia */
	width: 3em;
}
.browserwarning {
	border: 1px solid red;
	text-align: center;
	background-color: yellow;
}
#pagecontainer {
	background-color: white;
   padding: 5px 20px 5px 20px;
}
#pagefooter {
/*	background-color: #dedede;*/
padding: 15px;
 clear: both;
 position: relative;
 z-index: 10;
 height: 10em;
 margin-top: -10em;
 background-color: lightgray;
}
#pagecontainer { 
	padding-bottom: 10em;
	width: 100%
} 

.pagecontent {
	margin-top: 24px;
}	


#socialshareprivacy {
height: 10em;
/*	padding: 3px 3px 3px 15px;*/
/*background-color:#b0feff;*/
}
#mainfooter {
	background-color: lightgrey;
}
/* FOOTER acrobatics */
html, body, #pagecontainer { height: 100%; }
body > #pagecontainer { height: auto; min-height: 100%; }


/*#twitterareafp */
.fb-page {
	background-color: Gainsboro;
	border: 1px solid lightgrey;
}
a.twitter-timeline {
  /* Buttonish */
  display: inline-block;
  padding: 6px 12px 6px 30px;
  margin: 10px 0;
  border: #ccc solid 1px;
  border-radius: 3px;
  
  /* Text */
  font: normal 18px/18px Helvetica, Arial, sans-serif;
  color: #333;
  white-space: nowrap;
}
 
a.twitter-timeline:hover,
a.twitter-timeline:focus {
  background-color: #dedede;
}
 
/* Color Highlight for keyboard navigation */
 
a.twitter-timeline:focus {
  outline: none;
  border-color: #0089cb;
}

p.timeline-Tweet-text  {
    font-size: 12px !important;
    line-height: 14px !important;
}
  
#twitterstreamarea a , #twitterstreamarea-home a 
{ background: none; padding-right: 0px }
#twitterfoot {
	margin-top: -14px;
	padding-top: 0em;
	/*background-color:  #F0F1FF;*/
}
/* QUOTES */

#quotearea .item-block:before {
	/*content: "\00bb";*/
	font-size: 120%;
	display: table-cell;
	padding-top: 10px;
}
#quotearea p:after {
/*	content: "\00ab";*/
	/*font-size: 120%;
	display: table-cell;
	padding-top: 10px;*/
}

#quotearea .item-block {
	margin-top: 1em;
}
#quotearea .item-block p:first-letter {font-size: 140%;}
#quotearea p {
	margin-bottom: 0em;
}
.quotesource {margin-left: 1em; font-style: italic}

.powersearchtitle {font-variant: small-caps; }

.title-edition-btn {
	width: 100%;
	overflow: hidden;
	border: 1px solid Gainsboro;
	margin-bottom: 3px;
	padding: 2px 5px 2px 12px;
}
.title-edition-btn-active {	
    background-color: #fcf1e2;
    border-color: #EEA236;
    border-left: 2px solid  #e20019;
    border-right: none;
    color: black;
}
.title-manus p {
	margin: 0;
}

div.availtext{
	clear:both;
}


.othereditions {
	width: 100%;
	border-width:2px;
}
.otheredition {
	/*width: 12em;*/
	width: 100%;
}
.othereditions .othereditiondetail .operator {
	display: inline-block;
}
.othereditions .otheredition.otheredition-active {
	background-color: papayawhip;
	border: 2px solid black;
}
.buybox {
	border: solid 1px gray;
}

.news-domestic {
	border: 1px solid Gainsboro;
	background-color: #F5F5F5;
	
	padding-bottom: 4px;
	
}

/* DATATABLE */
#datatable-area {
		font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	}
#datatable-area table a {
	text-decoration: underline	
}
#datatable-area td, #datatable-area thead,
table.dataTable thead th {
	line-height: 1.2em;
	padding: 5px 2px 5px 2px;
}
#datatable-area tfoot,
table.dataTable tfoot th {
	background-color: lightgrey
}

.DTTT_Print h2 {
	display: block;
}	
.DTTT_Print .sorting {
	background: none;
}	

.autotable-title {
	border: 0px none !important;
	background-color: white;
	font-size: 150% !important;
	font-weight: normal !important;
	font-family:'bodoni_recut_fsregular', 'bodoni_recut_fsregular-turkish' !important;
	padding: 0.5em !important;
}
#autoDataTable_filter :after {
	content: "\00a0\00a0 (Spaltenweise filtern im Tabellenfuss) \00a0\00a0\00a0\00a0\00a0\00a0";
}

#spinner {
}
.pagelead {
	font-size: 140%;
	width:90%;
	/*font-style: italic;*/
}
/* GEO */
.geo_snippet {
	font-style: italic;
	padding-top: 0.5em;
}
.geo_snippet:before {
	content: "\00bb... ";
	font-size: 120%;
	font-weight: bold;
/*	display: table-cell;*/
	padding-top: 0.5em;
}
.geo_snippet:after {
	content: " ...\00ab";
	font-size: 120%;
	font-weight: bold;
/*	display: table-cell;*/
	padding-top: 0.5em;
}
.map-tooltip {
	border:thin 1px #eee;
	background-color:#FFFBF0;
	padding:5px;
	width: 120px;
	line-height: 1.3em;
	border: 2px solid gray;
  font-family: Lucida Sans Unicode, serif;
	
}
.map-ttTitle {
/* not working*/
	font-weight: bold;
}
.map-ttAction{
/* font-size not working */
	margin-top: 3px;
	font-style: italic;
	font-size: 75%;
}
.overlay-types {
/*	width: 20px;*/
	height: 20px;
}
.searchPersMarker {
	border: 1px solid gray;
	border-radius: 0px 8px 0px 0px;
	padding: 2px;
	max-width: 56px;
	background-color: white;
}

/* STATUS STYLES */
.status {
	font-weight: normal;
	/*color: black;*/
}
.label-option {
	display: block;
	padding-top: 2px;
	font-size: 100%;
}

/* COCKPIT */
/*.cockpit .nav > li > a {
margin-top: 5px;	
}
*/
body.cockpit {
	max-width: 100%;
}
.cockpit .nav > li small { 
color: gray;
}
.cockpit .nav-tabs > li > a {
    line-height: 0.95em;
    margin-left: 10px;
	background-color:lightgrey;
}

.cockpit .nav > li > a {
    padding: 5px 15px;
		color: black;
		 border-right: 1px solid gray;
 }
#cockpit-stepmenu {
 	background-color: xlightgrey;
   border-right: 1px solid black;
   border-top: none;
}
 }
.icon-kindle {
  	height: 12px;	
}
.cockpit .nav.nav-tabs .active a {
    background-color: white;
}

 .icon-kindle:before {
 	content: url('./images/icon-kindle.png');
 }
 
 /* FRONTPAGE */
 #mainmenu .navbar-toggle {
 	float: right;
 }
#topsearchfield { 
    padding-right: 30px;
}
#topsearchbox .topsearchimg {
 	display: inline-block;
/* 	vertical-align: top;*/
   position: absolute;
    right: 0;
    padding: 8px 5px; 	
    top: 0px;
 }
.uvlogo-collapsed {
	font-size: 50px !important;
	float: left !important;
	padding-left: 0px !important;
	padding-right: 5px !important;
	color: black !important;
} 
#abovemenu a {
	background: none;
}
#abovemenu .mainlogoarea, #topsearchbox, .topitem {
	position: relative;
	top: 10px;
}
.topitem {
    border: 6px solid yellow !important;
    font-family: "bodoni_recut_fsregular","bodoni_recut_fsregular-turkish";
    font-size: 115%;
		line-height: 1.1;
    margin-bottom: 10px;
    padding: 0.5em;
    text-align: center;
}
.topitem p {
	margin: 0;
}

#mainmenu {
	margin: 10px 0px 10px 0px;
}
#mainmenu .navbar-default {
    background-color: white;
    border: none;
/*    border-top: 1px solid lightgrey;
    border-bottom: 1px solid lightgrey;*/
    color:black;
    border-radius: 0px;
}    
#mainmenu .navbar-default .navbar-nav > li > a {
    color: black !important;
	font-size: 23px;
   padding-bottom: 0px;
    padding-top: 0px;
/*    border-right: 1px solid lightgrey;*/
/*    background-color: red;*/
}    
#mainmenu .navbar-nav > li > a {
/*    padding-bottom: 0px;*/
	line-height: 1.5em;
}
#mainmenu .navbar-default .navbar-nav > li > a:hover,
#mainmenu .navbar-default .navbar-nav > li > a:focus
 {
    background-color: #F5F5F5;
}  
#mainmenu .navbar-collapse {
    padding-left: 0;
    border-top: 1px solid lightgrey;
    border-top: 1px solid lightgrey;
    border-bottom: 1px solid lightgrey;    
} 
#mainmenu .navbar {
    margin-bottom: 0px;
    min-height: 0;    
}
#mainmenu .dropdown-menu > li > a {
	font-size: 120%
}
#mainmenu .navbar-default {
	border: none !important;
/* border-bottom: 1px solid lightgrey !important;*/
}
.carticon a {
 padding-right: 0px !important
}
.cartmenu {
 padding-left: 5px !important;
 padding-right: 5px !important; 
}
.mainfblogo {
	position: relative;
	padding-left: 20px;
	top: 0px;
}
/*#abovemenu .topsearchbox {
	position: relative; 
   bottom: -2em; 	
}
*/
.fporbituary {
	border: 8px solid black;
	text-align: center;
	font-size: 120%;
	padding: 1em 3em 1em 3em;
}


.anchorbox {
	cursor: pointer;
}
.anchorbox:hover{
	background-color:  #F3F3F3;
	/*border: 1px solid gray;*/
}
.anchorbox a:hover {
	text-decoration: none;
}

	div.cols2
	{
		-webkit-column-count: 2;
		-moz-column-count: 2; 
		column-count: 2;
		-webkit-column-gap: 1cm; 
		-moz-column-gap: 1cm; 
		column-gap: 1cm;  
		-webkit-column-rule: 1pt solid lightgrey;
		-moz-column-rule: 1pt solid lightgrey; 
		column-rule: 1pt solid lightgrey;      
	}
	
/* CART */

#cartheader span {
	padding: 3px;
	margin: 0px;
	border-bottom: 2px solid #cccccc;
	color: #cccccc
/*	background-color:#cccccc;*/
}
#cartheader span:before{
	content: ">\00a0"; 
}
#cartheader .cartheader-active {
	color: black; 
   border-bottom: 3px solid gray;
   padding-bottom: 2px;
}
#cartheader .cartheader-done {
   border-bottom: 3px solid gray;
   padding-bottom: 2px;
}
.basketcount {
   left: -10px;
    position: relative;
    top: -7px;
    background-color: lightgrey;
}
.dropdown-toggle .basketmenu {
/*	font-family: Lucida Sans Unicode, serif;*/
	font-size: 18px;
/*	padding: 0;
	margin:0;*/
/*	height: 5px;*/
	line-height: 50%;

}
.icon-cart-img {
	position: relative;
	top: 4px;
}
.basket-filled {
    color: white;
    background-color:red !important;	
}
#menulogin {
	/*font-family: Lucida Sans Unicode, serif;*/
	/*font-size: 1em;*/
}

 
/* CAROUSEL */
#fpcarousel {
border: 1px solid lightgrey; 
height: 300px;	
}
	
/*#fpcarousel, #fpcarousel .item { overflow: hidden; }
#fpcarousel {
	height: 400px;
}*/
#fpcarousel .carousel-inner > .item > img, 
.carousel-inner > .item > a > img {
   height: 320px;
   line-height: 1;
   /*max-width: 28%;*/
   /*
	-webkit-transform: rotate(-0deg);
	-moz-transform: rotate(-0deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0); 
	*/
	position: relative;
	top: -8px;  
	border: 1px solid lightgrey;
}

.carousel-caption {
	/*left: 32%;*/
	left: 210px;
   padding-bottom: 18px;
   right: 20px;
   color: #4c4c4c;
   padding-top: 5px;
   text-align: left;
   text-shadow: 0 0px 0px;
	font-family:'bodoni_recut_fsregular', 'bodoni_recut_fsregular-turkish';
	font-size: 130%; 
	   
    /*z-index: 10;*/
}
.carousel {
    height: 400px;
    overflow: hidden;
}
.carousel .item {
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -ms-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
 	background-color: #f8f8f8;    
}
.carousel .active.left, .carousel .active.right {
    left:0;
    opacity:0;
	filter: alpha(opacity=000); /* For IE8 and earlier */	 
    z-index:2;
}
.carousel .next, .carousel .prev {
    left:0;
    opacity:1;
	filter: alpha(opacity=100); /* For IE8 and earlier */	     
    z-index:1;
}
.carousel-control.left,
.carousel-control.right
 {
 	display: none;
/*    background-image: none;
    background-repeat: repeat-x;
*/}
.left.carousel-control
 {
	filter: none; /* For IE8 and earlier */	
	left: 160px;
   top: 5px;	 
	color: lightgrey;	   
}
.right.carousel-control
 {
	filter: none; /* For IE8 and earlier */
	color: lightgrey;	 
}

.carousel-caption h2 {
    margin-bottom: 10px;
    margin-top: 10px;
}
.carousel-caption .fpScrollText {
	font-size: 115%;
}

#fparticlearea .simplebox {
	border: 1px solid lightgrey;
	margin-bottom: 26px;
	background-color: #f8f8f8;
} 
#fparticlearea .anchorbox:hover{
	background-color:  #F3F3F3;
	border: 1px solid #cdcdcd;
} 
#fparticlearea h3 {
	padding-top: 0;
	margin-top: 0;
}
#fparticlearea .coverthumb {
    left: 13px;
    position: relative;
    top: -10px;
}
/*#fparticlearea .simplebox:nth-child(odd) {
	margin-right: 2%;
}*/

/* XXX */


/* -------------- BOOTSTRAP OVERRIDES */
/*
.panel {
    border-radius: 0px;
    box-shadow: none;
}
*/
#leporello {
	font-size: 85%;
}
#leporello p {
	margin: 0em;
}
#leporello .info-header {
	font-style: italic;
	margin: 0.5em 0em 0.5em 0em ;
}
.leporello-item {
	padding: 15px 0px 15px 0px;
}
#leporello .row  {
	border-bottom: 1px solid black;
}
#leporello img {
	max-width: 100%;
}
#leporello .covernormal {
	width: auto;
	margin: 0px;
	padding: 0px;
}
#leporello .lepo-portrait {
	margin-left: 1px;
	margin-right: 0px;
}
#leporello img[src=""]{
	/*Hide all empty images*/
	display: none;
}
#leporello img[src*="dummy"] {
/*	Hide dummies too*/
    display: none; 
}

/* JUBI --------------------------------------- */
.jubispectrum, .jubispektrum {color: white; background-image: url("/DAT/img/user/jubispektrum.png");}
.jubispectrum a, .jubispektrum a {color: white}
/*.background-img-fit {background-size: 180%}*/
.background-img-fit {background-size: 100%}
.jubirubrik {color: white; font-weight: bold; padding: 1px 0px 1px 0px}
.jubi-spektrum_1 {padding: 2px; color:white;background-color: #B41722}
.jubi-spektrum_2 {padding: 2px; color:white;background-color: #E3001B}
.jubi-spektrum_3 {padding: 2px; color:white;background-color: #E84F13}
.jubi-spektrum_4 {padding: 2px; color:white;background-color: #EF7F01}
.jubi-spektrum_5{padding: 2px; color:white;background-color: #F6A800}
.jubi-spektrum_6 {padding: 2px; color:white;background-color: #B1C204}
.jubi-spektrum_7 {padding: 2px; color:white;background-color: #44A22A}
.jubi-spektrum_8 {padding: 2px; color:white;background-color: #0180B5}
.jubi-spektrum_9 {padding: 2px; color:white;background-color: #009DD4}
.jubi-spektrum_10{padding: 2px; color:white;background-color: #22BAE3}
.jubi-spektrum_11{padding: 2px; color:white;background-color: #CF9FC5}
.jubi-spektrum_12{padding: 2px; color:white;background-color: #BB90BD}

	.favh1 {background-color: white}
	.favbox {background-image: none; background-color: white !important; 	border: 3px solid ;border-image:url("/DAT/img/user/jubispektrum.png") 30 30 round; }	
	.favpers {}
	.favname {font-size: 150%; color:white; line-height: 90%;  padding: 3px 3px 3px 3px}
	.favname a {color:white !important;}	
	.favname a:after {content: none !important}
	.favfunction {color: black; font-size: 60%; display: block; line-height: 100%; margin-top: 8px;padding-bottom: 5px;}
	/*.favbook {display: table; float: right; margin-right: 5px; margin-bottom: 0.5em;}*/
	.favbook {
    display: inline-block;
    float: left;
    margin-bottom: 0.5em;
    margin-right: 5px;
    text-align: right;
    width: calc(100% - 75px);
}
	.favauthor {margin-top: 12px;font-size: 130%;line-height: 100%;text-align: right; display: block}
	.favtitle {xbackground-color: yellow;font-size: 130%;line-height: 100%;text-align: right; display: block}		
	.favcover {margin-left: 5px}
	.favimg {max-width: 60px; position: relative; top: 10px; left: -5px;}
	.favtext {clear: both; margin-top: 10px}
	.favwhy {color:gray}
	.favexplain {font-size: 125%; line-height: 120%; background-color: lightyellow !important}
	.jubi-fplink {line-height: 105%}
	/*.favcontent {background-color: #FEF9ED; padding: 5px 5px 0px 5px;}*/
	#fp .favpers {
		/* reduce for frontpage only */
		font-size: 85%;
	}
	.editorialvs {	
		font-family:'bodoni_recut_fsregular','bodoni_recut_fsregular-turkish' ;		
		font-size: 150%;		
	}	

	#textmainarea .lead {
		font-family:'bodoni_recut_fsregular','bodoni_recut_fsregular-turkish' ;		
    font-size: 150%;
    line-height: 1.4;
    margin-bottom: 20px;
    position: relative;
    top: -1.5em;
}	
	.emphasize :before  {
  background-color: #e50000;
  	opacity: 1;
    content: " ";
		display: inline-block;
    width: 3em;
    height: 0.9em;
    padding-right: 0;
    margin-right: 0.5em;
}	
.info-hover {
	font: inherit;
}
/* CKEditor */
.CK-image-captioned {
	border: 1px solid Gainsboro;
	padding: 4px;
}
.CK-image-captioned > figcaption {
    display: table-caption;
    width: 100%;
    font-family: Lucida Sans Unicode,serif;
    font-size: 80%;
    line-height: 110%;
    padding: 4px 1px 2px 2px;
}

/*}*/