/* Schriftarteneinbindung */
@font-face {
 font-family: 'Drawvetica Mini Medium';
 font-weight: 400;
 font-style: normal;
 src: local('Drawvetica Mini Medium'),
  url('https://tpl.rotering-net.de/fonts/drawveticamini-webfont.woff2') format('woff2'),
  url('https://tpl.rotering-net.de/fonts/drawveticamini-webfont.otf.woff') format('woff'),
  url('https://tpl.rotering-net.de/fonts/drawveticamini-webfont.ttf') format('truetype'),
  url('https://tpl.rotering-net.de/fonts/drawveticamini-webfont.eot') format('embedded-opentype');
}


/* Seite */
html {
 font-family: 'Verdana', 'Geneva', sans-serif;
 -ms-text-size-adjust: 100%;
 -webkit-text-size-adjust: 100%;
}

body {
	background-color: #021;
	color: #eee;
	font-size: 10pt;	
	margin: 0;
	padding: 0;
 width: 100%;
}

#content {
 margin: 2em auto;
 text-align: center;
 width: 500px;
}

footer {
 border-top: #335142 solid 1px;
 color: #335142;
 margin-bottom: 1em;
 text-align: center;
}


#word {
 font-family: 'Drawvetica Mini Medium', serif;
 font-size: 250%;
}

#wordselection {
 margin: 2em;
}

#worddata {
 
}

#wordtype {
 font-style: italic;
}


#redliststatus, p.redliststatus {
 border-radius: 0.5em;
 padding: 0.25em;
 margin: 0 auto;
 width: 200px;
}

#redliststatus a {
 color: inherit;
 width: 150px;
}

#redliststatus.leastconcern, p.redliststatus.leastconcern {
 background-color: #066;
 color: #fff;
}

#redliststatus.nearthreatened, p.redliststatus.nearthreatened {
 background-color: #066;
 color: #9c9;
}

#redliststatus.vulnerable, p.redliststatus.vulnerable {
 background-color: #c90;
 color: #ffc;
}

#redliststatus.endangered, p.redliststatus.endangered {
 background-color: #c63;
 color: #fc9;
}

#redliststatus.criticallyendangered, p.redliststatus.criticallyendangered {
 background-color: #c33;
 color: #fcc;
}

#redliststatus.extinctinthewild, p.redliststatus.extinctinthewild {
 background-color: #000;
 color: #fff;
}

#redliststatus.extinct, p.redliststatus.extinct {
 background-color: #000;
 color: #c33;
}

#wordlist-detailed {
 width: 100%;
}




/* Überschriften */
h1, h2, h3, h4, h5, h6 {
 font-family: 'Drawvetica Mini Medium';
	margin: 1em 0 0.3em;
}

h1 {
	font-size: 150%;
}

h2 {
	font-size: 300%;
}

h3 {
	font-size:110%;
}

/* Links */
a:link, a:visited {
 background-color: transparent;
	color: #77BBB6;
	text-decoration:none;
}

a:hover, a:active {
 outline: 0;
	text-decoration:underline;
}

h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited {
 color: inherit;
}




a.external {
 background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAAXNSR0IArs4c6QAAAAZiS0dEAN0ANQDoBFdNpgAAAAlwSFlzAAAewQAAHsEBw2lUUwAAAAd0SU1FB9kHDQ8UHmZSToEAAAB5SURBVBjThY+xDcAgDATjiIYxWMWr0HoGIjLDt6ziMWgZhTRxhAhRvnrbr9eZtg8B6ONM80JEyHytNalqfoIxxmNu9N6fADozH6qanR1aa6f5EEIC0K0dQN5XfKWUPCKICL2CqrpE2ecQM9Pqazdy3U1pheOMafvRBUUUOGFtBkmLAAAAAElFTkSuQmCC) no-repeat right center;
 padding-right: 15px;
}


/* Tabellen */
table {
 border-collapse: collapse;
 border-spacing: 0;
 text-align: left;
}

th, td {
 padding: 0.25em;
 vertical-align: top;
}

th {
 text-align: left;
}

table.horizontal-lines th {
 border-bottom: 2px solid #335142;
}

table.horizontal-lines td {
 border-bottom: 1px solid #335142;
}

table.horizontal-lines tr:last-child td {
 border: none;
}


/* Formulare */
fieldset {
	border:2px solid #555;
	border-top-width:18px;
	margin:0.3em 0;
	padding:0.3em;
}

legend {
	background-color:#555;
	color:cornsilk;
	font-weight:bold;
}

button, input, optgroup, select, textarea {
 font: inherit;
 margin: 0;
}

button, select {
 text-transform: none;
}

input[type=text], input[type=number], input[type=password], input[type=number], select, textarea {
 background-color: inherit;
	border: 1px solid #666;
	border-radius: 5px;
 color: #fff;
	font-family: inherit;
	font-size: 100%;
	padding: 0.2em;
}

input[type=text]:focus, input[type=password]:focus, input[type=number]:focus, select:focus, textarea:focus {
	border-color: #fff;
}

label {
	padding-left:0.5em;
}

textarea {
 width: 95%;
}

textarea.textarea-2-rows {
 height: 2.6em;
}

textarea.textarea-10-rows {
 height: 12.2em;
}




/* Bootstrap-Klassen */
.alert {
 border: 1px solid transparent;
 border-radius: 4px;
 margin-bottom: 20px;
 padding: 15px;
}

.alert-success {
 background-color: #D6E9C6;
 border-color: #DFF0D8;
}

.alert-info {
 background-color: #D9EDF7;
 border-color: #BCE8F1;
}

.alert-warning {
 background-color: #FCF8E3;
 border-color: #FAEBCC;
}

.alert-danger {
 background-color: #F2DEDE;
 border-color: #EBCCD1;
}

.bg-primary {
 background-color: #337AB7;
 color: #FFF;
}

.list-unstyled {
 list-style: outside none none;
 padding-left: 0;
}

.small {
 font-size: 85%;
}

.text-left {
 text-align: left;
}

.text-center {
 text-align: center;
}

.text-right {
 text-align: right;
}

.text-justify {
 text-align: justify;
}

.text-muted {
 color: #777;
}

.text-primary {
 color: #337AB7;
}

.text-success, .alert-success {
 color: #3C763D;
}

.text-info, .alert-infot {
 color: #31708F;
}

.text-warning, .alert-warning {
 color: #8A6D38;
}

.text-danger, .alert-danger {
 color: #A94442;
}





@media screen and (max-width:500px) {
 
 #content {
  width: 96%;
 }
 
}

@media print {
 
 body {
  background-color: #fff;
  color: #000;
 }
 
 #wordselection {
  display: none;
 }
 
}