*:focus { outline:none; }

body { background: url(../img/bg.gif) #eee; }

h2 { font-size:140%; color:#FFF; letter-spacing:1px; padding:10px; }
h3 { font-size:110%; line-height:140%; color:#000; letter-spacing:1px; margin-top:20px; margin-bottom:10px; padding:0; }
a:link, a:visited { color:#006699; text-decoration:none; }
a:active, a:hover { color:#B8848D; text-decoration:underline; }

.fn { color:gray; font-size:90%; display:inline-block; margin-left:5px; }

header { font-size:150%; color:#fff; background-color:#98a1a9; height:130px; margin:0 1px; }
header h2, header h3 { margin-left:110px; margin-top:0px; font-weight:normal; letter-spacing:2px;}
header h3 { margin-top:-10px; margin-left:120px; font-weight:normal;}
header h4 { margin-left:120px; font-weight:normal;}
.footer { border-top:1px solid #999; background-color:rgb(241,242,245); color:#999; text-align:center; padding:10px; letter-spacing:1px; }
.footer a { color:#444; }

.navbar .container-fluid { background-color: #6c748e; }

a.nav-link { color:white !important; }

.main-content { background-color:rgb(200,200,210); }
.main-content.transcription-selector { margin-top:-20px; padding-top:30px; padding-left:10px; }
.main-content.suchformular, .main-content.info-page { margin-top:-20px; }
.main-content.info-page { padding-left:10px; padding-right:10px; }
.short-info { margin-bottom:30px; text-align:justify; }
.info-text { margin-top:-20px; padding-left:10px; padding-top:30px;}

.transkription { line-height:150%; padding:5px 20px 10px 20px; background-color:#fff; margin:10px; }
.haupttitel { font-size:140%; line-height:150%; padding-top:20px; padding-bottom:20px; letter-spacing:1px; }
.untertitel { font-size:110%; letter-spacing:1px; }
.nummer { font-size:110%; }

.choose-transcription { margin-bottom:20px; }
.haupttitel_nr { font-weight:bold; }
.dropdown-menu { max-width:100%; overflow-x:ellipsis;}
.dropdown-menu li { max-width:100%; overflow-x:hidden; margin-right:10px;}
.dropdown-menu li *:hover { background-color:#6c748e !important; color:white !important; }
.dropdown-menu > li:nth-child(odd) { background: #f5f5f5; }

span[data-toggle="popover"] { color:#aaa; }
.popover.in { white-space:nowrap !important; color:#333; font-size:12px; }

a.print { font-size:150%; float:right; margin-top:20px; margin-right:20px; }

.strikethrough { text-decoration:line-through; }
.red { color:red; }
.gray { color:gray; }
.brown { color:brown; }
.green { color:green; }
.blue { color:blue; }

#suchcontainer { margin-left:10px; }

#error_msg { margin:20px; border:1px solid #cccccc; background-color:#ffffff; padding:30px 0; border-radius:5px; }

.results-found { margin-right: 20px; color:white; font-size:120%;}

.prev_next_buttons { text-align:right; margin-right:10px; }
.prev_next_buttons.bottom { padding-bottom:20px; }

input:hover, select:hover { border:1px solid #B8848D; }

.choose_letter { margin-bottom:10px; }
.choose_letter_selected { font-weight:bold; background-color:#ffffcc; }
.selected { background-color:#ffffcc; }

.treffer, .highlight { font-weight:bold; background-color:#FFFF99; padding:1px; margin:0px; letter-spacing:1px; color:#CC0000; }
.treffer a { font-weight:bold; background-color:#FFFF99; padding:1px; margin:0px; letter-spacing:1px; color:#CC0000; }

#pagination { margin:25px 0 15px 10px; }

/* Paraphrasen */
.paraphrasen h1 { font-weight:normal; font-size: 140%; line-height: 150%; padding-top: 20px; padding-bottom: 20px; letter-spacing: 1px; }
.paraphrasen h2 { font-size: 120%; line-height: 120%; color:#337ab7; padding:0; }
.paraphrasen ol { padding-left: 22px; margin:0; }
.paraphrasen p  { margin:0; }