/* --------------------------------------------------------------
	$Base	<!--<!--link href="/styles/prosilver/theme/j4u_base.css" rel="stylesheet"-->
-------------------------------------------------------------- */

h5 {
    color: white;
    text-align: center;
    vertical-align: middle;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    margin: 0.2em 0 0.2em 0;    
}

h6 {
    color: white;
    text-align: left;
    vertical-align: middle;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    margin: 0.2em 0 0.2em 0;    
}

#pagination ul
{
    list-style-type: none;
    text-align: right;
}

#pagination ul li {
    display: inline;
}

#pagination ul li a
{
    text-decoration: none;
}

#pagination li.nothighlight a{
    color: #3B66A1;    
    background-color: #DCDDE2;    
    padding: .5em;
    margin: 3px;
    border-radius: 3px;
}

#pagination li.highlight a{
    color: white;
    background-color: #3B6680;
    padding: .5em;
    margin: 3px;
    border-radius: 3px;
}

#pagination ul li a:hover
{
    color: white;
    background-color: #3B6680;
}

.ampelimagebutton a {
    text-decoration: none;
    border-width: 4px;
    border-style: outset;
/*  Die Farbe der dargestellten 3D-Ränder im gedrückten und nicht gedrückten
    Zustand zu kontrollieren, gelang mir erst, indem ich border-color: #DDD
    eingefügt habe, vorher wurde standardmäßig immer die Farbe der Oberfläche
    des Buttons verwendet.    */
    border-color: #DDD;     
    border-radius: 5px;
}

.ampelimagebutton a:hover, a:visited {
    text-decoration: none;
    border-width: 4px;
    border-style: inset;
/*  Die Farbe der dargestellten 3D-Ränder im gedrückten und nicht gedrückten
    Zustand zu kontrollieren, gelang mir erst, indem ich border-color: #DDD
    eingefügt habe, vorher wurde standardmäßig immer die Farbe der Oberfläche
    des Buttons verwendet.    */
    border-color: #DDD;
    border-radius: 5px;
}

.lemisuche {
    width: 50%;
    /*width: 20px;*/
    box-sizing: border-box;
    border: 2px solid #09f;
    border-radius: 6px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    background-color: white;
    background-image: url('/images/searchicon.png');
    background-position: 10px 10px; 
    background-repeat: no-repeat;
    padding: 9px 20px 9px 40px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;    
}

.lemisuche:focus {
    width: 100%;
}

.lemispezinput {
    width: 184px;
    box-sizing: border-box;
    border: 1px solid #AED0EA;
    border-radius: 6px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    background-color: white;
    background-position: 10px 10px; 
    background-repeat: no-repeat;
    padding: 4px 20px 4px 5px;
}

.buttonlemispez {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 3px 3px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    margin: 2px 2px;
    -webkit-transition-duration: 0.5s; /* Safari */
    transition-duration: 0.5s;
    cursor: pointer;
}

.buttonlemispez2 {
    background-color: white; 
    color: black; 
    border: 2px solid #008CBA;
    border-radius: 8px;
}

.buttonlemispez2:hover {
    background-color: #F632A0;
    color: white;
    border: 2px solid #fffa90;
    border-radius: 8px;
}

.linelemispez {
    list-style-type: none;
    background-color: #E1EBF2;
    text-align: center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    padding: 5px 5px 5px 5px;
}

main {
	position: relative;
}

#info-box {
	border: 1px solid black;
	/*height: auto;*/
	height: 15mm;
	padding: 10px;
	position: absolute;
	/*right: 5em;*/
        left: 0px;
        right: 0px;
	top: 0px;
        bottom: 0px;
	width: 30mm;
        border-radius: 8px;
        background: linear-gradient(to bottom, turquoise, white);
}

/*.bg1	{ background-color: #ECF3F7; }
.bg2	{ background-color: #e1ebf2; }
.bg3	{ background-color: #cadceb; }*/
.bg4	{ background-color: #F9FABE; }
.bg5	{ background-color: #FAE0E0; }
.bg6	{ background-color: #C8FAC8; }
.bg7	{ background-color: #FF9999; }
.bg8	{ background-color: #FFCC66; }
.bg9	{ background-color: #FFFF33; }
.bg10	{ background-color: #FF66CC; }
.bg11	{ background-color: #99FFFF; }
.bg12	{ background-color: #ECF3F7; }
/*.bg13	{ background-color: #FFFFFF; }*/

ul.j4u_chbxlist li {
    list-style-type: none;
    display: inline-block;
    padding: .3em;
    border-style: solid;
    border-width: thin;
    border-color: #3B66A1;
    float: left;
    line-height: 1.5em;
    /*text-align: center;*/
    margin: .5em;
    align-items: center;
    align-self: center;
}

ul.li.j4u_chbxlist {
    align-items: center;
    text-align: center;
}

a.pdf {
	background-image: url("/styles/prosilver/theme/images/pdf.gif");
        float: right;
        background-repeat: no-repeat;
        text-align: right;
}

td .pdf {
    text-align: right;
}
/*
a.print, a.pdf, a.sendemail, a.fontsize {
	display: block;
	overflow: hidden;
	height: 18px;
	text-indent: -5000px;
	text-align: right;
        align: right;
	background-repeat: no-repeat;
}
*/