/*______________________________________________________________
kubit-orange: #eb5f20
Blau-t?rkis:	#009ee0
Grau Navigation rechts inaktiv: #43474d
Navigation rechts aktiv: #6f7680
________________________________________________________________*/
/* reset.css .........................................................*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}
del,ins{text-decoration:none;}
/* EOF reset.css......................................................*/

/* fonts.css :::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
body {
	font-size: 10pt;
	*font-size:small; /* for IE */
	*font:x-small; /* for IE in quirks mode */ 
	font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
}

select,
input,
button,
textarea {
	font:99% ;
	/*ist h?sslich
	font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;*/
	font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
}

table {
	font-size:inherit;
	font:100%;
        font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
}
/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,
code,
kbd,
samp,
tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}
/*EOF fonts.css::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/*=======================================================================================*/

* { 
  box-sizing: border-box; 
}
html, body, tr, td {
	margin: 0px;
	padding: 0px;
	border: 0px; 
	width: 100%;
        font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
}

h1,h2,h3,h4,h5,h6{
    font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
    color:#065786;
}

h1 {
	font-size: 1.5rem;
/*	color: #990033;*/
/*	color:#eb5f20;*/
	font-weight: bold;
	margin-top: 17px;
	text-align: left;
}
h2 {
	font-size: 1.3rem;
	font-weight: bold;
/*	color: #009ee0;	*/
}
h3 {
	font-size: 1.1rem;
/*	color: #990033;*/
}
h4, h5, h6 {
	font-size: 1rem;
	font-weight: bold;
}

strong {
	font-weight: bold;
	color: #000000;
}


/*=======================================================================================*/

html{
background: #0b466b; /* Old browsers */
background: -moz-linear-gradient(top, #0b466b 0%, #0b8fca 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0b466b), color-stop(100%,#0b8fca)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #0b466b 0%,#0b8fca 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #0b466b 0%,#0b8fca 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #0b466b 0%,#0b8fca 100%); /* IE10+ */
background: linear-gradient(to bottom, #0b466b 0%,#0b8fca 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b466b', endColorstr='#0b8fca',GradientType=0 ); /* IE6-9 */
}
table{
    margin-top:1.3rem;
    margin-bottom: 1.3rem;
}
th{
    font-weight: bold;
    font-size: 1.2 rem;
}
#centrieren {
    display: block;
    margin:3rem auto;
    width: 90%;
}
	
/*Auf dem Bildschirm angezeigtes Logo*/
#logo {
    width: 100%;
    text-align: right;
    margin-bottom: 3rem;
}
#logo img{
    width: 300px;

}
#main{        
    background-color: white;
    border-radius: 0.5rem; 
    padding: 3rem 2rem 3rem 2rem;
    box-shadow: 0.2rem 0.3rem 0.5rem #182b38;
    margin-bottom: 1rem;
}
footer{
    text-align:right;  
    margin:0.7rem;
}
#footerNav a,#footerNav a:visited {
    padding: 0.7rem;
    color: white;
    text-decoration: none;
    box-shadow: 0.1rem 0.1rem 0.5rem #01639a;
    border-radius: 0.2rem; 
}
#footerNav a:hover,#footerNav a:active {
    color:  #009ee0;
    text-decoration:underline;  
}
#kontaktAdresse{
    border-radius: 0.2rem; 
    padding: 0.5rem;
    box-shadow:  0.1rem 0.1rem 0.5rem #01639a;
    margin-bottom: 1rem;
    color: white;
    text-align: center;
}
#kontaktAdresse a{
    text-decoration: none;
    color: white;
}
.copyright{
    text-align: center;
    color: #009ee0;
    margin-top: 3rem;
    margin-bottom: 1rem;
}
#fussLogo{
    text-align: right;
    width: 100%;
    padding-top: 2rem;
}
#accordion h3{
    width: 95%;
    text-align: center;
    font-size: 1.1rem;
    font-weight: bold;
    box-shadow: 0.1rem 0.1rem 0.3rem #ddd;
    border: 1px;
    border-style: solid;
    border-color: #009ee0;
    background-color:rgba(0,158,224,0.2);
    margin: 1rem 0;
    border-radius: 0.5rem; 
    box-shadow: 0.1rem 0.1rem 0.15rem #aaa;
}
#accordion h3:hover{
    background-color:rgba(0,158,224,0.6);
    box-shadow: 0.1rem 0.1rem 0.15rem #999;
}
#accordion h4, #accordion p{
    margin-top: 1rem;
    margin-bottom: 1rem;
}
#accordion img{
    width: 100%;
    margin: auto;
}
#accordion li{
    list-style: square;
    margin-left: 3rem;
}
#accordion div{
    background-color: #F4F5EB;
    margin: 1rem;
    border-radius: 0.5rem; 
}

.fehlerMeldung{
    color: red;
    font-weight: bold;
}
.linkAufPdf a img{
  margin-right: 0.3rem;  
}

form{
    margin-top: 3rem;
    margin-bottom: 3rem;
}
input{
    margin: 2rem 0 0 0;
    padding:0.5rem;
}
/*.Seriennummer, .Ausstelldatum{
    display: inline;
}*/
/*.LizenzPfad{
    margin-bottom: 3rem;
    background-color: #efefef;
}*/
.ausgabeLizenzDetails{
     background-color: #eee;
}
.nobr { 
    white-space:nowrap; 
}
div.Produktliste ol li{
    list-style-position: inside;
    list-style-type: square;
}


table.lizenzTabelle tr td{
    background-color: #eee;
    margin: 1px;
    border-color: white;
    border-width: 1px;
    border-style: solid;
    padding:0.2rem;
}

.lfdNr {
    width:1.5rem;
}
.Ausstelldatum   {
        width:12rem;
}
.Produktliste  {
        width:20rem;
}
.LizenzPfad {
            width:20rem;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (min-width: 761px){
    #centrieren {
    width: 50%; 
    }
    #accordion h3{
    width: 70%;
    margin: 1rem auto;
    }  
}