div.container {
width: 80% !important;
max-width: 1650px;
margin: 160px auto 20px auto;
overflow: hidden;
min-height: 650px;
padding: 2px 0 0 5px;
background-color: #fbfcfc;
box-shadow: 1px 1px 7px 1px #888888;
position: relative;
display: block;
}

h2 {font-family: 'Open Sans', sans-serif;}

@media all and (min-width: 1921px) {
div.container {
margin: 160px 200px 20px 120px;
}
}

.center {text-align:center;}
.center-left {margin-left:35%;text-align:left;}

@media all and (max-width: 1080px) {
div.container {width: 100% !important;margin: 160px 0 20px 0 !important;min-height:1400px;}
.center-left {margin-left:0%;text-align:left;}
}



/* HEADER */
header {
width: 100%;
max-width: 1920px;
/*background-color: #56658F !important;*/
background-color: #00a0f5;
top: 0;
left: 0;
z-index: 10;
margin-bottom: 20px;           /* establish flex container */
position: absolute;
display: block;
height: 150px;
vertical-align: middle;
padding: 0;
}

header>a>img {
width: 270px;
margin: 2% 0 0 1%;
}

@media all and (max-width: 1080px) and (min-width: 721px) {
header>a>img {
width: 270px;
}
}

@media all and (max-width: 570px) {
header>a>img {
width: 150px;
margin-top: 2%;
}
}

menu {
display: inline;
position: relative;
width: 200px;
font-family: "Tahoma", "Geneva", sans-serif;
margin: 10px 0px 10px 10px;
}
.menu {
text-decoration: none;
color: black;
}

.menu:hover {
text-decoration: underline;
}
@media all and (max-width: 1080px) and (min-width: 721px) {
menu {
width: 150px;
}
}
@media all and (max-width: 720px) {
menu {
width: 120px;
}
.menu {
margin: 2px 0px 2px 0px;
}
}



login {
display: inline-block;
position: relative;
float: right;
height: 80%;
}

.logindropdown {height: 150px;z-index: 0;width: 151px;background-color: 00a0f5 !important;color: #00a0f5;font-family: "Tahoma", "Geneva", sans-serif;display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-align: center;
        justify-content: center;}

.logindropdown-content {display: none;position: fixed;z-index: 2;text-align: left;height: 99%;float:right;z-index:50;right:0;top:0%;}

.logindropdown-content a {
    text-decoration: none;
    display: block;
    z-index: 1;
}


a.link {
display: block;
text-decoration: none;
color: white;
font-size: 40px;
margin: 45px 40px auto 0;
cursor:pointer;
text-align:center;
}

a.link:hover {

}


.linkdrop {
width: 104px;
padding: 20px 15px 20px 15px;
background-color: #026397;
text-decoration: none;
color: white !important;
font-size: 12pt;
/*box-shadow: 1px 1px 6px 1px white;*/
border: 1px solid white;
text-align: center;
font-family: 'Open Sans', sans-serif;
}

.linkdrop:hover {
width: 104px;
background-color: white;
color: #00a0f5 !important;
padding: 20px 15px 20px 15px;
border: 1px solid #00a0f5;
text-decoration: none;
/*box-shadow: 1px 1px 6px 1px white;*/
}

.linkdroplog {
width: 120px;
padding: 20px 15px 20px 15px;
background-color: #026397;
text-decoration: none;
color: white !important;
font-size: 14px;
/*box-shadow: 1px 1px 6px 1px white;*/
border: 1px solid white;
font-family: 'Open Sans', sans-serif;
}

.linkdroplog:hover {
background-color: white;
color: #00a0f5 !important;
border: 1px solid #00a0f5;
text-decoration: none;
/*box-shadow: 1px 1px 6px 1px white;*/
}


@media all and (max-width: 1080px){

login {
width: 100px;
margin-top: 2px;

}


header {margin-bottom: 40px;}

.logindropdown {z-index: 1;color: white !important;float:right;}

.logindropdown:hover {
text-decoration: none;
z-index: 1;
}

login>a>img {
margin-top: 35px;

}

login>a {
margin-top: 0px;
}


div.logindropdown-content {width: 80%;right:0%;}

.linkdrop {
width: 99.7%;
font-size: 40px !important;
padding: 40px 0px 40px 0px;
background-color: #026397;
}

.linkdrop:hover {
width: 99.7%;
font-size: 40px !important;
padding: 40px 0px 40px 0px;
}

.linkdroplog {
width: 97.3%;
font-size: 40pt;
border: 1px solid white;
padding: 40px 0px 40px 15px;
}

.linkdroplog:hover {
width: 97.3%;
font-size: 40pt;
border: 1px solid #00a0f5;
}

a.link {font-size: 50px !important;}
}


@media all and (max-width: 570px) {
header {
padding: 0px 0px 0px 0px;
vertical-align: middle;
margin: 0 0 10px 0;
margin-bottom: 0;
}
a.link img {
width: 35px;
}
menu {
font-size: 10pt;
width: 30px;
}

.menu {
margin: 0px 0px 0px 0px;
}

.logindropdown {
    cursor: pointer;
    z-index: 1;
    width: 101px;
    padding: 8px 0px 8px 0px;
    background-color: white;
    text-align: center;
    font-size: 25pt;
    color: white !important;
}

.logindropdown:hover {
width: 101px;
padding: 8px 0px 8px 0px;
border: 1px solid white;
text-decoration: none;
z-index: 1;
box-shadow: 1px 1px 6px 1px white;
}

login {
margin-top: 10px;
}

.linkdrop {
width: 69px;
font-size: 16pt !important;
}

.linkdrop:hover {
width: 69px;
}
.logindropdown-content a:first-child {margin-top: 0.30em !important;}

.logindropdown-content {width: 70px;}

}
/* END HEADER ------------------------ -----------------------------------------------------*/

/* INDEX */
body {
max-width: 1920px;
}
	
	
.categ {
margin-top: 900px;
max-width: 1400px;
padding-left: 20%;
display: block;
min-height: 1000px;
}

@media all and (min-width: 1080px) and (max-width: 1399px) {
.categ {
margin-top: 830px;
padding-left: 10%;
max-width: 1400px;
}
}

@media all and (min-width: 1400px) {
.categ {
margin-top: 900px;
max-width: 1920px;
padding-left: 10%;
}
}

table {
width:80%;
margin-left: 100px;
}

td>a>img {
vertical-align: middle;
margin-right: 2%;
}

a.menulist {
text-decoration: none;
color: #1b1b1b;
font-family: "Tahoma", "Geneva", sans-serif;
text-align: middle;
}

a.menulist:hover {
text-decoration: none;
color: #026397;
}

p>img {
    display: inline-block;
    padding-left: 30%;
}

div.mobile {
display: none;
}


.socialshare {float: right;width: 20%;height: 100px;}
.socialshare div {display:inline;margin:0 10px 0 0;}
.googlebut {}
.fb-share-button {}
div.whatsapp {display: none;}
.fb-xfbml-parse-ignore {color:#00a0f5;font-size:30px;}
.gshare {color:#00a0f5;font-size:30px;}
.wshare {color:#00a0f5;font-size:30px;}
.printad {color:#00a0f5;font-size:30px;}

@media all and (max-width: 1080px) {

.socialshare {float: right;width: 430px;height: 180px;}
.socialshare div {margin:0 30px 0 0;}
.socialshare div a i {font-size:120px;}
div.whatsapp {display: inline;}
div.print {display: none;}



.categ {
width: 100%;
margin-top: 750px;
padding-left: 0;
height: 800px;
}
.mobile {
display: none;
}
.nomobile {
display: none;
}
table {
width:100% !important;
margin-left: 10px !important;
}
td {
min-width: 50%;
}
p>img {
width: 100%;
padding-left: 1px !important;
display: inline;
}
td>a {
font-size: 22pt;
}
.mobile {
display: block !important;
margin: 60% 0 0 0;
}

.mobile td {
height: 80px;
vertical-align: middle;
border-bottom: 1px solid grey;
}

div.mobile img {
width: 70px;
}
}

@media all and (max-width: 720px) {
.categ {
width: 100%;
margin-top: 500px;
}
.nomobile {
display: none;
}
td>a {
font-size: 19pt;
}

a.menulist {
font-family: "Arial Narrow", "Arial", sans-serif;
}
.mobile {
display: block !important;
margin: 60% 0 0 0;
}
}

@media all and (max-width: 570px) {
td>a {
font-size: 15pt;
}
div.mobile img {
width: 35px;
}
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
/* END INDEX -----------------------------------------------------------------------------*/


/* navigator categorii INDEX -----------------------------------------------------*/


/*.indexcateg {
width: 30%;
background-color: ;
display: inline-block;
margin: 10px 0 0 0;
}*/

.indexdropdown {
display: block;
width: 44%;
font-family: 'Poppins', sans-serif;
border: 1px solid #026397;
cursor: pointer;
height: 277px;
float: left;
}



.indexdropdown[id=aussen] {
background: url("categ-icon/index-aussen.jpg") no-repeat center;
background-size: 180px;
}
.indexdropdown[id=innen] {
background: url("categ-icon/index-innen.jpg") no-repeat center;
background-size: 180px;
}
.indexdropdown[id=auto] {
background: url("categ-icon/index-auto.jpg") no-repeat center;
background-size: 180px;
}
.indexdropdown[id=haus] {
background: url("categ-icon/index-haus.jpg") no-repeat center;
background-size: 180px;
}
.indexdropdown[id=elektro] {
background: url("categ-icon/index-elektro.jpg") no-repeat center;
background-size: 110px;
}
.indexdropdown[id=sonstiges] {
background: url("categ-icon/index-sonstiges.jpg") no-repeat center;
background-size: 120px;
}

.indexnavItem {
display: block;
font-family: 'Poppins', sans-serif;
font-size: 24pt;
padding: 0;
}

.indexnavItem img {
vertical-align: middle;
margin-right: 15px;
width: 80px;
}


.indexdropdown-content {
    display: none;
    position: relative;
    height: 274px;
    overflow: hidden;
    font-size: 100%;
    font-family: 'Poppins', sans-serif;
    background-color: white;
    /*transition-duration: 1s;*/
border: 2px solid #00a0f5;
padding: auto;
overflow: auto;
overflow-y:auto;
overflow-x:auto;
}



.indexdropdown-content a {
text-align: left;
float: left;
width: 46.5%;
margin: auto auto;
padding: 1.7% 1.4% 1.7% 1.4%;
display: block;
border: 1px solid white;
background-color: #026397;
color: white;
text-decoration: none;
font-family: "Tahoma", "Geneva", sans-serif;
}



.indexdropdown-content a:hover {
background-color: white;
color: #026397;
border: 1px solid #026397;
transition: 0.5s;
text-decoration: none;
}


@media all and (min-width: 1081px) {
.indexdropdown-content[id=auto] a {
text-align: left;
float: left;
width: 96.8%;
margin: 0 0 0 0;
padding: 2.4% 1.4% 2.4% 1.4%;
display: block;
border: 1px solid white;
background-color: #026397;
color: white;
text-decoration: none;
font-family: "Tahoma", "Geneva", sans-serif;
}

.indexdropdown-content[id=auto] a:hover {
background-color: white;
color: #026397;
border: 1px solid #026397;
transition: 0.5s;
text-decoration: none;
}

.indexdropdown-content[id=haus] a {
text-align: left;
float: left;
width: 46.2%;
margin: 0 0 0 0;
padding: 3.4% 1.4% 3.4% 1.4%;
display: block;
border: 1px solid white;
background-color: #026397;
color: white;
text-decoration: none;
font-family: "Tahoma", "Geneva", sans-serif;
}

.indexdropdown-content[id=haus] a:hover {
background-color: white;
color: #026397;
border: 1px solid #026397;
transition: 0.5s;
text-decoration: none;
}

.indexdropdown-content[id=elektro] a {
text-align: left;
float: left;
width: 46.2%;
margin: 0 0 0 0;
padding: 3.4% 1.4% 3.4% 1.4%;
display: block;
border: 1px solid white;
background-color: #026397;
color: white;
text-decoration: none;
font-family: "Tahoma", "Geneva", sans-serif;
}

.indexdropdown-content[id=elektro] a:hover {
background-color: white;
color: #026397;
border: 1px solid #026397;
transition: 0.5s;
text-decoration: none;
}
}

@media all and (max-width: 1366px) {
.indexdropdown-content {
    font-size: 80%;
}
.indexdropdown-content a {
padding: 2.1% 1.4% 2.0% 1.4%;
width: 46.8%;
}
.indexdropdown-content[id=auto] a {
padding: 3.6% 1.4% 3.5% 1.4%;
}
.indexdropdown-content[id=haus] a {
padding: 4.8% 1.5% 4.8% 1.5%;
width: 46.6%;
}
.indexdropdown-content[id=elektro] a {
padding: 4.9% 1.4% 4.8% 1.4%;
width: 46.8%;
}
}

@media all and (max-width: 1440px) and (min-width: 1367px)  {
.indexdropdown-content {
    font-size: 100%;
}
.indexdropdown-content a {
padding: 1.55% 1.4% 1.5% 1.4%;
width: 46.8%;
}
.indexdropdown-content[id=auto] a {
padding: 3.0% 1.4% 2.9% 1.4%;
}
.indexdropdown-content[id=haus] a {
padding: 4.2% 1.5% 4.1% 1.5%;
width: 46.6%;
}
.indexdropdown-content[id=elektro] a {
padding: 4.2% 1.4% 4.2% 1.4%;
width: 46.8%;
}
}

@media all and (max-width: 1680px) and (min-width: 1441px) {
.indexdropdown-content {
    font-size: 100%;
}
.indexdropdown-content a {
padding: 1.3% 1.4% 1.3% 1.4%;
width: 46.7%;
}
.indexdropdown-content[id=auto] a {
padding: 2.5% 1.4% 2.5% 1.4%;
}
.indexdropdown-content[id=haus] a {
padding: 3.6% 1.5% 3.5% 1.5%;
width: 46.6%;
}
.indexdropdown-content[id=elektro] a {
padding: 3.6% 1.4% 3.6% 1.4%;
width: 46.8%;
}
}

@media all and (max-width: 1920px) and (min-width: 1681px) {

.indexdropdown {
padding: 4px 0 0 0;
}

.indexdropdown-content {
    font-size: 100%;
    overflow-x:hidden;
    overflow-y:auto;
	border: 0;
    height: 273px;
    line-height: 22px;
}
.indexdropdown-content a {
padding: 1% 1.4% 1% 1.4%;
width: 46.8%;
}
.indexdropdown-content[id=auto] a {
padding: 2.0% 1.4% 2.0% 1.4%;
}
.indexdropdown-content[id=haus] a {
padding: 3.0% 1.5% 2.9% 1.5%;
width: 46.6%;
}
.indexdropdown-content[id=elektro] a {
padding: 2.9% 1.4% 2.9% 1.4%;
width: 46.8%;
}
}


.indexdropdown-content p a img {
vertical-align: middle;
width: 40px;
}

@media all and (max-width: 1080px) {
.indexdropdown {
width: 49%;
}
.indexdropdown-content {
font-size: 18pt;
border: 0;
}
.indexdropdown-content a {
width: 98%;
padding: 20px 2px 20px 5px;
}
.indexdropdown-content[id=auto] a {
width: 98%;
padding: 20px 2px 20px 5px;
}
.indexdropdown-content[id=haus] a {
width: 98%;
padding: 20px 2px 20px 5px;
}
.indexdropdown-content[id=elektro] a {
width: 98%;
padding: 20px 2px 20px 5px;
}
.indexdropdown[id=aussen] {
background: url("categ-icon/index-aussen.jpg") no-repeat center;
background-size: 45%;
}
.indexdropdown[id=innen] {
background: url("categ-icon/index-innen.jpg") no-repeat center;
background-size: 45%;
}
.indexdropdown[id=auto] {
background: url("categ-icon/index-auto.jpg") no-repeat center;
background-size: 45%;
}
.indexdropdown[id=haus] {
background: url("categ-icon/index-haus.jpg") no-repeat center;
background-size: 45%;
}
.indexdropdown[id=elektro] {
background: url("categ-icon/index-elektro.jpg") no-repeat center;
background-size: 25%;
}
.indexdropdown[id=sonstiges] {
background: url("categ-icon/index-sonstiges.jpg") no-repeat center;
background-size: 27%;
}
}

/* END navigator ctegorii INDEX -----------------------------------------------------*/


/* lista subcategorii stanga -----------------------------------------------------*/
a.selectsubkat {
color: black;
}

lista {
float: left;
width: 25%;
max-height: 1500px;
border-right: 1px solid grey;
border-bottom: 1px solid grey;
padding-right: 1.5%;
padding-left: 1.5%;
margin-bottom: 10px;
font-family: calibri;
}

listafirme {
float: left;
width: 230px;
border-right: 1px solid grey;
border-bottom: 1px solid grey;
padding-right: 20px;
max-height: 1500px;
margin-left: 10px;
font-family: calibri;
}

ul.tree {
padding: 0px 0px 5px 0px;
}

@media all and (max-width: 720px) {
lista {
min-width: 500px !important;
}
ul.tree>li {
margin-bottom: 6px !important;
}
li>span>a {
font-size: 16pt;
}
}
tree {color: grey;}
tree>a {color: grey;font-family: 'Open Sans', sans-serif;text-decoration: none;}

tree>a:hover {color: blue;}


ul.tree>li {
list-style-type: none;
padding: 0px 0px 2px 5px;
background-color: #00a0f5;
color: white;
margin: 0px 0px 2px 0px;
}

ul.tree>li.selectsubkat {
list-style-type: none;
padding: 0px 0px 0px 5px;
background-color: #026397;
margin: 0px 0px 2px 0px;
border: 1px solid #778899;
}

ul.tree>li.selectsubkat>span>a {
color: white;
}

li>span>a {
text-decoration: none;
color: white;
}

li>span>a:hover {
color:black;
text-decoration: none;
cursor: pointer;
}

@media all and (max-width: 1080px) {
lista {width: 95%;border:none;}
ul.tree>li {margin-bottom: 6px !important;}
li>span>a {font-size: 18pt;width: 100%;}
ul.tree {display:none;}
tree>a {font-size:26px;}
}







/* END lista subcategorii stanga -----------------------------------------------------*/

/* START afisare liste anunturi -----------------------------------------------------*/



table.listads {
font-family: arial;
font-size: 12pt;
margin: 0 auto 0 auto;
border-bottom: 1px solid #d1cfcf;
width: 90%;
height: 110px;
padding: 10px 2% 10px 2%;
}

table.listads:hover {
font-family: arial;
font-size: 12pt;

background-color: #f0eded;
}


/*titlu si o parte din text*/
.listads tr:nth-child(1) td:first-child {
width: 580px;
}

/*poza*/
.listads tr:nth-child(1) td:nth-child(2) {
min-width: 120px;
position: relative;
text-align: right;
}

/*gol*/
.listads tr:nth-child(2) td:first-child {
min-width: 50px;
position: relative;
}

/*data*/
.listads tr:nth-child(2) td:nth-child(2) {
min-width: 180px;
text-align: left;
}

/*location*/
.listads tr:nth-child(2) td:nth-child(3) {
width: 270px;
text-align: left;
}

@media all and (max-width: 1080px) {
table.listads {width: 90%;align: center;padding:25px 2% 25px 2%;}
/*titlu si o parte din text*/
.listads tr:nth-child(1) td:first-child {
width: 81%;
}

/*poza*/
.listads tr:nth-child(1) td:nth-child(2) {
min-width: 19%;
position: relative;
text-align: right;
}

/*gol*/
.listads tr:nth-child(2) td:first-child {
min-width: 5%;
position: relative;
}

/*data*/
.listads tr:nth-child(2) td:nth-child(2) {
min-width: 30%;
text-align: left;
}

/*location*/
.listads tr:nth-child(2) td:nth-child(3) {
width: 30%;
text-align: left;
}
}



texta {
font-size: 11pt;
}

adtitle {
font-size: 14pt;
}

.pagination {text-align:center;font-family: 'Open Sans', sans-serif;}
.pagination a {text-decoration:none;}
.currentpage { background-color:#026397; color: white; padding: 4px;}
.nextpage {background-color:#00a0f5; color: white; padding: 3px 8px;}
.lastpage {background-color:#00a0f5; color: white; padding: 3px 8px;}
.prevpage {background-color:#00a0f5; color: white; padding: 3px 8px;}
.disabled {background-color:#00a0f5; color: white; padding: 3px 8px;opacity:.50;display:none;}

text {
float: right;
position: relative;
width: 71%;
}

text.firme {
float: right;
position: relative;
width: 71%;
margin:0 60px 0 0;
}

under {
font-family: arial;
font-size: 8pt;
float: left;
}



@media all and (max-width: 1080px) {
.listads tr:nth-child(2) td:nth-child(2) {
width: 30%;
text-align: left;
}
.listads tr:nth-child(2) td:nth-child(3) {
width: 45%;
text-align: left;
}
text {
width: 100% !important;
margin: 0;
display: block;
}
adtitle {
font-size: 24pt;
}
under {
font-family: arial;
font-size: 16pt;
float: left;
margin-top: 15px;
}
texta {
font-size: 18pt;
}
.pagination {font-size: 38px;}
.pagination span {margin:0 10px 0 0;}
}

/*@media all and (max-width: 1366px) and (min-width: 1081px) {
text {
position: absolute;
max-width: 70%;
}
}*/

img.time {
width: 13px;
}

img.time:after {
width: 10px;
}

img.location {
width: 9px;
}

img.upload {
max-width: 100px;
max-height: 85px;
object-fit: cover;
}

@media all and (max-width: 1080px) {
img.upload {
max-width: 140px;
max-height: 120px;
object-fit: cover;
}
img.time {
width: 16px;
}
img.location {
width: 12px;
}
}

p>img {
display: inline-block;
padding-left:10%;
}

data {
margin-left: 10px;
}

loc {
margin-left: 10px;
}

ang {
float: right;
}

tr>td>a {
color: blue;
text-decoration: none;
}
/* END afisare liste anunturi -----------------------------------------------------*/


.selectsearch {
margin: 0;
	width: 70px;
    padding: 6px 4px;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing:content-box;
    height: 20px;
    box-shadow: 1px 1px 1px #ccc, 0 5px 5px #eee inset;
border-radius:2px;
vertical-align: middle;
}

.searchform {
margin: 2% auto 2% auto;
padding: 3% 0 3% 0;
background-color: #026397;
text-align: center;
width: 90%;
}

form.searchform>input[id=keyword] {
width: 250px !important;
margin-left: 20px;
border: 1px solid #aaa;
display: inline-block;
height:25px;
padding:6px 9px;
box-shadow: 1px 1px 1px #ccc, 0 3px 5px #eee inset;
border-radius:2px;
vertical-align: middle;
}

form.searchform>input[id=searchplz] {
width: 50px !important;
margin-left: 20px;
border: 1px solid #aaa;
display: inline-block;
height:25px; 
padding:6px 9px;
box-shadow: 1px 1px 1px #ccc, 0 3px 5px #eee inset;
border-radius:2px;
vertical-align: middle;
}

button.searchbut {
vertical-align: middle;
}

span.shownrads {
font-size: 16pt;
font-family: 'Open Sans', sans-serif;
}

@media all and (max-width: 1177px) {
.searchform {
margin: 2% auto 2% auto;
padding: 3% 0 3% 0;
text-align: center;
}
text {
width: 70%;
}
table.listads {
width: 90%;
}
}


@media all and (max-width: 1080px) {
.searchform {
padding: 3% 5% 3% 5%;
width: 80%;
margin: 4% auto 5% auto;
text-align: center;
}


form.searchform>input[id=keyword] {
display: inline;
width: 45% !important;
font-size: 20pt;
height: 65px;
padding: 0;
}

form.searchform>input[id=searchplz] {
margin-left: 14px;
font-size: 20pt;
height: 65px;
width: 10% !important;
vertical-align: middle;
padding: 0;
}

.searchform select {
font-size: 20pt;
height: 50px;
width: 100px;
vertical-align: middle;
}

button.searchbut {
font-size: 26pt !important;
padding: 10px 17px 10px 17px;
margin-left: 2%;
vertical-align: middle;
}
button.searchbut:hover {
font-size: 26pt !important;
padding: 10px 17px 10px 17px;
margin-left: 2%;
}

span.shownrads {
font-size: 20pt;
}
}

@media all and (max-width: 960px) {
.searchform {
padding: 3% 2% 3% 2%;
width: 90%;
margin: 4% auto 5% auto;
}
}

@media all and (max-width: 860px) {
.searchform {
padding: 3% 2% 3% 2%;
width: 90%;
margin: 4% auto 5% auto;
}
button.searchbut {
font-size: 22pt !important;
}
button.searchbut:hover {
font-size: 22pt !important;
}
form.searchform>input[id=keyword] {
display: inline;
margin-left: 0;
width: 40% !important;
}
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}


/* CHAT div ---------------------------------------------------------*/

/* dropdown fiecare chat*/

.navItem {
    background-color: #a7ea8c;
    color: black;
    padding: 1px;
    font-size: 16px;
    border: 1px solid #778899;
    cursor: pointer;
    margin: 2px;
    display: block;
}

.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 1px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    position: relative;
}



.dropdown {
    position: relative;
    display: block;
    border: 1px solid #d8d8d8;
    padding: 3px;
    
}

.dropdown-content {
    display: none;
    position: relative;
    min-height: 100px;
    overflow: hidden;
    margin-bottom: 20px;
    margin: auto;
    
}

.dropdown-content p {
    color: black;
    text-decoration: none;
    display: block;
    position: relative;
}


.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}

.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}

/* END dropdown fiecare chat*/



.angeboteundchat {
float: right;
width: 40%;
text-align: right;
margin: 10px 0px 10px 0px;
display: block;
}

div.chat {
width: 35%;
height: 330px;
overflow: auto;
overflow-y:auto;
overflow-x:auto;
float: right;
/*border-bottom: 1px solid grey;*/
margin-bottom: 2em;
align: right;
position: relative;
}

div.chatfirma {
width: 35%;
height: 330px;
overflow: auto;
overflow-y:auto;
overflow-x:auto;
float: right;
/*border-bottom: 1px solid grey;*/
margin-bottom: 2em;
align: right;
border-left: 1px solid #dedddd;
}

p.chatleft {
padding: 2px;
width:95%;
margin-left: auto;
margin-right: auto;
background-color: #DCDCDC;
font-size:10pt;
overflow: hidden;
font-family: 'Open Sans', sans-serif;
}
p.chatright {
overflow: hidden;
padding: 2px;
width:95%;
margin-left: auto;
margin-right: auto;
background-color: #87CEFA;
font-size:10pt;
text-align: right;
font-family: 'Open Sans', sans-serif;
}

chat {
font-size:10pt;
width: 250px;
}

.me {
float: right;
display:inline-block;
text-align: right;
margin-bottom: 4px;
background-color: #b6d8fd;
padding: 1px 4px 1px 4px;
border-radius: 10px;
}

.other {
display:inline-block;
text-align: left;
padding: 1px 4px 1px 5px;
border-radius: 10px;
background-color: #DCDCDC;
margin-bottom: 4px;
}

chatdate2 {
float: right;
font-size: 7pt;
padding: 1px 2px 1px 2px;
vertical-align: middle;
display: block;
}

chatdate1 {
float: left;
font-size: 7pt;
padding: 1px 2px 1px 2px;
vertical-align: middle;
display: block;
}


@media all and (max-width: 1080px) {
div.chat {
display: block;
width: 420px !important;
/*border-bottom: 1px solid grey;*/
margin-right: 50px;
height: 400px;
}
div.chatfirma {
display: block;
width: 420px !important;
/*border-bottom: 1px solid grey;*/
margin-right: 50px;
height: 400px;
}
.angeboteundchat {
width: 380px !important;
display: block;
text-align: left;
margin-left: 400px;
font-size: 20pt;
font-family: 'Open Sans', sans-serif;
}
.navItem {
    font-size: 22pt;
}
p.chatleft {
font-size: 18pt;
width: 410px;
}
p.chatright {
font-size: 18pt;
width: 410px;
}
chatdate1 {
font-size: 12pt;
}
chatdate2 {
font-size: 12pt;
}
}
/* END div CHAT ------------------------------------------------------- */

/* START afisare anunt ----------------------------------------------------- */

div.adopen {
width: 90%;
min-height: 500px;
margin-left: 50px;
}


div.adopentext {
float: left;
width: 60%;
padding-bottom: 10px;
font-family: 'Open Sans', sans-serif;
}

p.beschreibung {
font-size: 12pt !important;
font-family: 'Open Sans', sans-serif;
}

p.standort {
font-size: 12pt !important;
}
p.standort img {
width: 11px;
padding: 0;
}

a.gplus img {
width: 60px;
}


p.ad-loc {font-size:14px;font-family: 'Open Sans', sans-serif;}
p.ad-loc i {font-size:20px;margin:0 6px 0 0;}
p.ad-title {font-size:30px;font-family: 'Open Sans', sans-serif;}

nrang {
font-family: 'Open Sans', sans-serif;
font-size: 9pt;
float: right;
margin-top: 3em;
margin-bottom: 1em;
display: block;
}
table.showangebot {
font-size: 10pt;
margin-top: 10px;
width: 70%;
}
table.showangebot tr:nth-child(1) td:nth-child(1) {
width: 42%;
}
table.showangebot tr:nth-child(1) td:nth-child(2) {
width: 58%;
}

input[name=gegenangebot] {
width: 130px;
vertical-align: middle;
display: block;
padding: 5px 5px 5px 5px;
}
input[name=angebotsum] {
width: 130px;
vertical-align: middle;
display: block;
padding: 5px 5px 5px 5px;
}
label {
font-family: 'Open Sans', sans-serif;
}


@media all and (max-width: 1080px) {
p.ad-loc {font-size:18px;}
p.ad-loc i {font-size:28px;margin:0 10px 0 0;}
p.ad-title {font-size:40px;}
nrang {
background: url('ok-s.png') no-repeat;
background-position: center bottom;
}
nrang {
float: left;
width: 170px;
margin-top: 100px;
height: 110px;
font-size: 10pt;
}

input[name=gegenangebot] {
width: 230px;
vertical-align: middle;
display: block;
padding: 5px 5px 5px 5px;
font-size: 18pt;
}
input[name=angebotsum] {
width: 230px;
vertical-align: middle;
display: block;
padding: 5px 5px 5px 5px;
font-size: 18pt;
}
label {
font-size: 18pt;
}

table.showangebot {
font-size: 18pt;
margin-top: 10px;
width: 90%;
}
table.showangebot tr:nth-child(1) td {
}
div.adopentext {
width: 99%;
}
div.adopen {
width: 100%;
margin-left: 5px;
}
view {
font-size: 14pt !important;
}
p.beschreibung {
font-size: 18pt !important;
}
p.standort {
font-size: 18pt !important;
}
p.standort img {
width: 18px;
}

a.facebox>img {
}
}


/* END afisare anunt -------------------------------------------------------- */


/* START afisare anunturi CP -------------------------------------------------------- */
div.div-adsusercp {
display: none;
}
.div-adsusercp-img {
display: none;
}
aa {
display: none;
}

table.tab-adsusercp {
margin-left: 15px;
font-family: calibri;
}

.titlucp {
font-size: 14pt;
}

@media all and (max-width: 1080px) {
h2 {
font-size: 34pt;
margin: 0;
font-family: calibri;
}

table.tab-adsusercp {
display: none;
}

div.div-adsusercp {
display: inline-block;
width: 100%;
z-index:5;
font-family: calibri;
}

.div-adsusercp-unu a {
font-size: 40pt;
text-decoration: none;
color: blue;
float: left;
width: 90%;
font-family: 'Open Sans', sans-serif;
}
.div-adsusercp-doi {
font-size: 20pt;
float: left;
width: 60%;
font-family: 'Open Sans', sans-serif;
}
.div-adsusercp-doi img {
vertical-align: center;
padding-left:0;
margin-top: 30px;
}
.div-adsusercp-tre {
font-size: 26pt;
float: left;
width: 60%;
margin: 0;
margin-top: 20px;
font-family: 'Open Sans', sans-serif;
}
.div-adsusercp-pat {
font-size: 26pt;
float: left;
width: 60%;
font-family: 'Open Sans', sans-serif;
}

.div-adsusercp-img {
display: inline-block;
margin: 25px 5px 5px 40px;
}
.div-adsusercp-img img {
width: 300px;
}
a.adsss {
display: block;
background-color: black;
}
}



/* END afisare anunturi CP -------------------------------------------------------- */


.log:hover {
background-color: white;
color: #DC143C;
padding: 7px 20px 7px 20px;
border-style: solid;
border-color: #DC143C;
}

.log {
padding: 7px 20px 7px 20px;
background-color: #DC143C;
text-decoration: none;
color: white;
font-size: 13pt;
}

.insert:hover {
background-color: #f70505;
color: white;
padding: 7px 20px 7px 20px;
}

.insert {
padding: 7px 20px 7px 20px;
background-color: white;
text-decoration: none;
color: #f70505;
font-size: 13pt;
border: 1px solid #f70505;
box-shadow: 1px 1px 1px #888888;
}

.ads {
border: 1px solid black;
font-size: 12pt;
padding: 5px 13px 5px 13px;
background-color: #00a0f5;
color: white;
box-shadow: 1px 1px 1px #888888;
text-decoration: none;
font-family: calibri;
}

.ads[disabled] {
border: 1px solid black;
font-size: 12pt;
padding: 5px 13px 5px 13px;
background-color: #db0808;
color: grey;
box-shadow: 1px 1px 1px #888888;
text-decoration: none;
font-family: calibri;
}

.ads:hover {
border: 1px solid black;
font-size: 12pt;
padding: 5px 13px 5px 13px;
background-color: #026397;
color: white;
cursor: pointer;
font-family: calibri;
}
.ads[disabled]:hover {
border: 1px solid black;
font-size: 12pt;
padding: 5px 13px 5px 13px;
background-color: #db0808;
color: grey;
cursor: pointer;
}

.adsgreen {
border: 1px solid black;
font-size: 12pt;
padding: 5px 13px 5px 13px;
background-color: #2a9921;
color: white;
box-shadow: 1px 1px 1px #888888;
text-decoration: none;
font-family: calibri;
width: 98px;
}

.adsgreen:hover {
border: 1px solid black;
font-size: 12pt;
padding: 5px 13px 5px 13px;
background-color: #37af2d;
color: white;
cursor: pointer;
font-family: calibri;
width: 98px;
}

.genbut {
border: 1px solid black;
font-size: 10pt;
margin-top: 2px;
-moz-padding-start: 7px;
-moz-padding-before: 4px;
-moz-padding-end: 7px;
-moz-padding-after: 4px;
-webkit-padding-start: 7px;
-webkit-padding-before: 4px;
-webkit-padding-end: 7px;
-webkit-padding-after: 4px;
margin-bottom: 0.1em;
background-color: #DC143C;
color: white;
box-shadow: 1px 1px 1px #888888;
cursor: pointer;
}

.genbut:hover {
border: 1px solid black;
font-size: 10pt;
margin-top: 2px;
-moz-padding-start: 7px;
-moz-padding-before: 4px;
-moz-padding-end: 7px;
-moz-padding-after: 4px;
-webkit-padding-start: 7px;
-webkit-padding-before: 4px;
-webkit-padding-end: 7px;
-webkit-padding-after: 4px;
margin-bottom: 0.1em;
background-color: white;
color: #DC143C;
}

.searchbut {
border: 1px solid white;
font-size: 12pt;
margin-top: 2px;
padding: 7px 12px 7px 12px;
vertical-align:middle;
margin-left: 10px;
background-color: #00a0f5;
color: white;
box-shadow: 1px 1px 1px #888888;
cursor: pointer;
}

.searchbut:hover {
border: 1px solid white;
font-size: 12pt;
margin-top: 2px;
padding: 7px 12px 7px 12px;
margin-left: 10px;
background-color: 026397;
color: white;
}

.forminput {
width: 530px;
}

.forminput>label {
	display: inline-block;
	width: 150px;
}

.forminput>span {
	display: inline-block;
	font-size: 10pt;
}

.forminput>input.check {
width: 10px;
vertical-align: middle;
}

.forminput>input {
	border: 1px solid #aaa;
	display: inline;
	width: 210px;
	height:20px; 
    padding:6px 9px;
box-shadow: 1px 1px 1px #ccc, 0 3px 5px #eee inset;
border-radius:2px;
margin-bottom: 5px;
}
	
.forminput>select {
	width: 220px;
    padding: 6px 4px;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing:content-box;
    height: 20px;
    box-shadow: 1px 1px 1px #ccc, 0 5px 5px #eee inset;
border-radius:2px;
margin-bottom: 5px;
}

.forminput>textarea {
	display: inline-block;
   box-shadow: 1px 1px 1px #ccc, 0 5px 5px #eee inset;
border-radius:2px;
vertical-align: middle;
margin-bottom: 5px;
}
	
.forminput>option {
	width: 200px;
	height:20px;
	 box-sizing: border-box;
	}



div.profil {
margin: 160px auto 20px auto;
max-width: 80%;
min-height: 450px;
padding:0px !important;
align: center;
padding-top: 2px;
background-color:  #fbfcfc;
box-shadow: 1px 1px 5px #888888;
overflow: hidden;
padding-bottom: 10px;
}

div.rating {
width: 500px;
display: inline;
max-height: 450px;
overflow: auto;
overflow-y:auto;
overflow-x:auto;
float: right;
position: relative;'
}

div.rating>p {
font-size: 10pt;
}

/* form input format */

div.form-group {
padding-bottom: 10px;
margin-left: 0px;
vertical-align: middle;
}

div.form-group>p {
margin-left: 200px;
font-size: 10pt;
}

div.form-group>span>a {text-decoration:none;color:blue;}

label.form-control {
display: inline-block;
margin-left: 5px;
font-size: 12pt;
width: 200px;
}

div.form-group>button {
margin-left: 100px;
}

input.form-control {
border:1px solid #aaa;
display: inline-block;
width: 290px;
height: 40px;
padding: 0px 0px 0px 5px;
box-shadow: 0px 0px 1px #ccc, 0px 0px 0px #eee inset;
border-radius: 2px;
margin-bottom: 0.3em;
vertical-align: middle;
}

	input.form-control[type=checkbox] {
/*	border: 0;
	display: inline-block;
	background-color: #00a0f5;*/
	width: 30px;
	height: 25px;
	padding: 0px 0px 0px 0px;
	box-shadow: 0px 0px 0px, 0px 0px 0px;
/*	border-radius: 2px;
	margin-bottom: 0.4em;
	vertical-align: middle;*/
	display: ;
	opacity: 0.000001;
	position: relative;
}
label.checkbox {
	display: inline-block;
	margin-left: 5px;
	font-size: 10pt;
}
input.form-control[type=checkbox] + span.firefox {
  display:inline-block;
  border:2px solid #026397;
  border-radius:3px;
  width:20px;
  height:20px;
  background:#00a0f5;
  vertical-align:middle;
  margin-left: -30px;
}
input[type=checkbox]:checked + span.firefox {
  background: url("check-white.png") center no-repeat;
  background-size: 22px;
  width: 20px;
  height: 20px;
  border: 2px solid #026397;
}



@media all and (max-width: 1080px) {
	input.form-control[type=checkbox] {
/*	border: 0;
	display: inline-block;
	background-color: #00a0f5;*/
	width: 40px !important;
	height: 40px;
	padding: 0px 0px 0px 0px;
	box-shadow: 0px 0px 0px, 0px 0px 0px;
/*	border-radius: 2px;
	margin-bottom: 0.4em;
	vertical-align: middle;*/
	display: inline;
	opacity: 0.000001;
	position: relative;
	margin: 0;
}
label.checkbox {
	display: inline-block;
	margin-left: 5px;
	font-size: 18pt;
	  vertical-align:middle;
}
input.form-control[type=checkbox] + span.firefox {
  display:inline-block;
  border:2px solid #026397;
  border-radius:3px;
  width:35px;
  height:35px;
  background:#00a0f5;
  margin-left: -30px;
}
input[type=checkbox]:checked + span.firefox {
  background: url("check-white.png") center no-repeat;
  background-size: 37px;
  width: 35px;
  height: 35px;
  border: 2px solid #026397;
}
}



div[id=check] {
margin-bottom: 2em;
	padding: 0;
}
	
select.form-control {
 background-position: center right;
    background-repeat: no-repeat;
    border: 1px solid #AAA;
    border-radius: 2px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    color: #555;
    font-size: inherit;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
     -webkit-user-select: none;
    -moz-user-select: none;
    -webkit-padding-end: 20px;
    -moz-padding-end: 20px;
    -webkit-padding-start: 2px;
    -moz-padding-start: 2px;
    font-size: 11pt;
    height: 40px;
width: 295px;
display: inline-block;
margin-bottom: 0.3em;
padding: 8px 0px 7px 5px;
    background: url("select.jpg") no-repeat right #fff;
     background-size: 14px;
    -webkit-appearance: none;
    -moz-appearance: none;
vertical-align: middle;
}


textarea.form-control {font-family: 'Open Sans', sans-serif;height:300px;width:600px;
	display: inline-block;
 box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
border-radius:2px;
vertical-align: middle;
   white-space: pre-wrap;
     -webkit-user-select: none;
    -moz-user-select: none;
    -webkit-padding-end: 20px;
    -moz-padding-end: 20px;
    -webkit-padding-start: 2px;
    -moz-padding-start: 2px;
     background-position: center right;
    background-repeat: no-repeat;
    border: 1px solid #AAA;
    border-radius: 2px;
      -webkit-user-select: text !important;
  -khtml-user-select: text !important;
  -moz-user-select: text !important;
  -ms-user-select: text !important;
  user-select: text !important;
}
	
option.form-control {
width: 205px;
height: 40px;
font-size: 11pt;
 box-sizing: border-box;
}

select[name=datum1] {
width: 95px;
height: 41px;
vertical-align: middle;
margin-top: 2px;
}

input[name=txt_datum] {
width: 120px;
vertical-align: middle;
}

input[name=txt_preis] {
width: 95px;
vertical-align: middle;
height: 41px;
}

select[name=txt_preisopt] {
width: 120px;
height: 41px;
vertical-align: middle;
margin-top: 1px;
}

@media all and (max-width: 1080px) {
div.form-group {
position: relative;
width:98%;
margin-left: 0px;
}

div.form-group>p {
margin-left: 5px !important;
}

.ads {
font-size: 35pt !important;
margin-top: 10px;
}

.form-group button.adsgreen {
font-size: 35pt !important;
margin: 20px 0 20px 0;
width: 234px;
margin-left: 209px;
}

 button {
font-size: 18pt !important;
}


select.form-control {
font-size: 22pt !important;
height: 100px !important;
width: 92% !important;
background-size: 20px;
margin-bottom: 0em;
}

input.form-control {
border: 1px solid #aaa;
display: inline;
width: 90% !important;
height: 80px !important;
padding: 8px 8px;
box-shadow: 1px 1px 1px #ccc, 0px 0px 0px #eee inset;
border-radius: 2px;
font-size: 34px !important;
margin-bottom: 0;
}

input.form-control[id=txt_preis] {
width: 110px !important;
display: inline;
}


select.form-control[name=txt_preisopt] {
width: 208px !important;
display: inline-block;
}

label.form-control {
display: block;
margin-left: 5px;
margin-bottom: 5px;
width: 400px !important;
font-size: 22pt !important;
margin-top: 1em !important;
}

textarea.form-control {width: 90%;font-size: 34px !important;padding:5px 5px;width:93%}


}


/* END form input format */

p.login, form.login {
text-align: center;
}

h2 {
padding-left:1% !important;
}

@media all and (max-width: 1080px) {

.extra {
font-size: 18pt !important;
}
}


input::-webkit-calendar-picker-indicator {
  display: none;/* remove default arrow */
}

datalist {
    content: url("select.jpg");
    margin-left: -20px; 
    padding: .1em;
    pointer-events:none;
}

 input[type=checkbox] {
	border:1px solid #aaa;
box-shadow: 1px 1px 1px #ccc, 0px 0px 0px #eee inset;
margin-bottom: 0.3em;
    }
    
p.agb {max-width: 1200px !important;font-size: 12px;margin-left:100px;margin-right:100px;text-align: justify;text-justify: inter-word;font-family: 'Open Sans', sans-serif;}
.footerfiles h3 {margin-left:100px;font-family: 'Open Sans', sans-serif;}
.footerfiles h2 {margin-left:110px;}
ul.agb li {margin:0 0 10px 100px;text-align: justify;text-justify: inter-word;font-family: 'Open Sans', sans-serif;font-size: 12px;}
p.agb a {text-decoration: none;color: blue;}


@media all and (max-width: 1080px) {
p.agb {
font-size: 20px;
margin-left:20px;
margin-right:20px;
}
h3 {
padding-left:3%;
font-size: 18pt;
}
ul {
font-size: 20px;
}
}

div.scategfirme {
display: none;
}

table.listfirme {
font-family: calibri;
padding-left: 30px;
height: 90px;
width: 100%;
}

table.listfirme tr:nth-child(1) td:nth-child(2) a {
font-size: 16pt;
}

table.listfirme tr:nth-child(1) td:nth-child(1) {
width: 10%;
}

table.listfirme tr:nth-child(1) td:nth-child(2) {
width: 70%;
padding-left: 20px;
}

table.listfirme tr:nth-child(1) td:nth-child(3) {
width: 20%;
text-align: left;
border-left: 1px solid #cbcaca;
padding: 10px;
}

@media all and (max-width: 1080px) {
table.listfirme tr:nth-child(1) td:nth-child(2) a {
font-size: 24pt;
}
table.listfirme tr:nth-child(1) td:nth-child(2) under {
font-size: 12pt;
}
table.listfirme tr:nth-child(1) td:nth-child(2) {
padding-left: 20px;
width: 50%;
}
div.scategfirme {
padding: 5px 30px 20px 30px;
background-color: #026397;
display: block;
text-align:center;
}
.scategfirme>p {color: white;font-size: 30px;margin:0 0 0 0;}
.scategfirme>form>select {
font-size: 20pt;
width: 420px;
height: 40px;
}
listafirme {
width: 700px;
border: none;
margin: 1% 5% 2% 15%;
}
.scategfirme>form>button {
font-size: 20pt;
margin-bottom: 10px;
}
.scategfirme>form>button:hover {
font-size: 20pt;
}
listafirme>ul {
display: none;
}
}

div.description {
font-size: 32pt;
color: #026397;
display: block;
left: 0;
position: absolute;
    width: 100%;
    max-width: 1920px;
    font-family: 'Open Sans', sans-serif;
    margin-top: 180px;
    text-align: center;
}

@media all and (max-width: 1366px){
div.description {
font-size: 28pt;
}
}

div.banner {
margin: 0;
padding: 0;
text-align: center;
box-sizing: border-box;
margin-top: 310px;
background-color: #026397;
width: 100%;
max-width: 1920px;
display: block;
left: 0;
position: absolute;
}



.banner>img {
width: 60%;
height: auto;
margin: 4% 0 4% 0;
}

div.line1 {
height: 2px;
background-color: #DC143C;
margin: 15px 0 20px 0;
display: block;
position: relative;
}

.footerfiles {
margin-top: 700px;
}

@media all and (min-width: 1401px) {
.footerfiles {
margin-top: 900px;
}
}

@media all and (max-width: 1080px) {
div.banner {
    position: absolute;
    margin-top: 290px;
 	margin-left: 0%;
 	text-align: center;
}
.banner>img {
width: 80%;
height: auto;
}
div.description {
margin-top: 170px;
}
}

@media all and (max-width: 720px) {
div.banner {
    margin-top: 230px;
}
.banner>img {
width: 80%;
height: auto;
}
div.description {
margin-top: 150px;
font-size: 22pt;
}
}

.impressum {
margin-top: 30px;
background: url(impressum.png);
background-size: 580px;
height: 300px;
background-repeat: no-repeat;
}
.impressumdiv {
margin: 140px 100px 0 100px;
min-height: 450px;
max-width: 1200px;
overflow: hidden;
}

@media all and (max-width: 1080px) {
.impressum {
margin-top: 50px;
background: url(impressum.png);
background-size: 600px;
height: 300px;
background-repeat: no-repeat;
}
.impressumdiv {
margin: 160px 2px 100px 2px;
min-height: 450px;
max-width: 1200px;
overflow: hidden;
}
}



.nopage {margin:200px auto 200px auto;text-align:center;}
.nopage p {padding: 12px; display: block; color: black; font-size: 18px;font-family: 'Open Sans', sans-serif;}

.green {color:#0DF414;}

.ratalign {display: block;margin: 10px;}
	
button {align: center;margin-left: 1px !important;}
	
.black_overlay {display: none;position: fixed;top: 0%;left: 0%;width: 100%;height: 100%;background-color: black;z-index: 1001;-moz-opacity: 0.8;opacity: .80;filter: alpha(opacity=70);}
.white_content {display: none;position: fixed;top: 20%;left: 35%;min-width:400px;min-height: 200px;padding: 40px 20px 40px 20px;border: 10px solid #00a0f5;background-color: white;z-index: 1002;overflow: auto;text-align:center;}
.closesign {float:right;color:black;font-size:30px;margin:-45px -20px 0 0;}
.white_content p {font-family: 'Open Sans', sans-serif;}
p.login {font-family: 'Open Sans', sans-serif;}
p.login>a {text-decoration: none;color:blue;}
.titlucp>a {text-decoration: none;color:blue;}

@media all and (max-width: 1080px) {
.white_content p {font-family: 'Open Sans', sans-serif;font-size:36px;}
.white_content img {width:120px;}
p.login {font-size: 24pt;}
input.form-control {margin: auto;}
form {margin-top: 20px !important;}
}

/* footer ------------------------ */
span.space{margin-top: 100px;}
line {max-width: 1920px;background-color: #00a0f5;height: 30px;padding-bottom: 25px;/*position: absolute;*/display: block;}
line2 {max-width: 1920px;background-color: #026397;height: 15px;display: block;}
footer {max-width: 1920px;/*position: absolute;*/display: block;margin: 20px 0 0 0;/*box-shadow: 1px 1px 3px 1px black;*/}
foot {margin-left: 10%;padding: 40px 0px 30px 0px;position: relative;display: inline;width: 750px;float: left;font-family: "Tahoma", "Geneva", sans-serif;}
social {float: right;padding: 40px 0px 30px 0px;display: inline;width: 18%;position: relative;}
social>a {margin-right: 20px;}
foot2 {font-size: 10pt;color: black;position: relative;border-top: 1px solid grey;display: block;width: 100%;overflow: auto;padding: 10px 0px 20px 0px;text-align: right;font-family: "Tahoma", "Geneva", sans-serif;}
a.foot {text-decoration: none;color: black;margin:10px 40px 0 0;font-size: 10pt;}
.foot:hover {text-decoration: underline;color: #026397;    -webkit-transition: .4s all;    -moz-transition: .4s all;    -ms-transition: .4s all;    -o-transition: .4s all;    transition: .4s all; }

@media all and (max-width: 1080px){
footer {padding: 0px 0px 0px 0px;font-size: 12pt;}
foot {margin-left: 15%;margin-bottom: 30px !important;margin-top: 20px !important;padding: 0px 0px 0px 0px !important;position: relative;width: 40%;}
a.foot {display: block;font-size:20px;margin:20px 40px 0 0;}
foot2 {min-width: 721px;}
social {margin-top: 35px;float: left;width: 25%;}
}

/* END footer ----------------------- */




.firma-ad-left {width: 35%; float: left; font-size: 14px;font-family: 'Open Sans', sans-serif;}
.firma-ad-left, .infomsg a {text-decoration:none;color:blue;}

span.error {color: red;font-family: 'Roboto', sans-serif;text-align: center;font-size: 14px;}

label a {text-decoration:none;color:blue;}

.infomsg {font-family: 'Open Sans', sans-serif;text-align:center;font-size:16px;}

.info-box {position: relative;display: inline;}
.info-box i {font-size:18px !important;}
/*.info-box:hover span.helptext {display:inline;}*/
span.helptext {display:none;font-size: 12px;width: 245px;vertical-align: middle;word-wrap: break-word;font-family: 'Open Sans', sans-serif;text-align: center;border-radius: 5px;padding: 5px 0;z-index:2;border:2px solid #026397;position: absolute;}

.cookieinfo {position: fixed;left: 0px;right: 0px;height: auto;min-height: 21px;z-index: 2147483647;background: #026397;color: white;line-height: 21px;padding: 8px 18px;font-family: verdana, arial, sans-serif;font-size: 16px;text-align: center;bottom: 0px;opacity: 1;}
.cookiespan {display:block;padding:5px 0 5px 0;}
.cookiespan-link {font-weight:bold;color:white;}
.cookieinfo-close {float:right;display:block;padding:5px 8px 5px 8px;min-width:100px;margin-left:5px;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;}

@media all and (max-width: 1080px) {
span.helptext {font-size: 24px;width: 450px;margin:0 0 0 -480px;background:white;}
.info-box i {display:inline !important;font-size:36px !important;}
.cookieinfo {font-size:30px;}
.cookiespan {line-height: 34px;}
.cookieinfo-close {font-size:40px;padding:10px 15px 12px 15px;}
}

.inserat-done {font-family: 'Open Sans', sans-serif;padding:0 0 0 15px;}

div.kontakt {width: 100%;margin: 0 0 300px 0;font-family: 'Open Sans', sans-serif;}

#file1, #file2, #inputfile, #inputfile2 {display:none;}
#fileupload1, #fileupload2 {width: 80px !important;cursor: pointer;margin:0 0 20px 210px;}
#fileupload1 i, #fileupload2 i {font-size:50px;}
#blah, #blah2 {width:0;margin:0 0 10px 210px;display:none;vertical-align: middle;}
label[for=inputfile], label[for=inputfile2] {margin:0 0 0px 0px !important;display:block;}
#clearfile1, #clearfile2 {display:none;font-size:20px;}
.bearbeiten {float: left; width:70%;}
.imgedit {max-width: 150px; max-height: 200px; width: auto; height: auto;}
div.imagini {float: right;margin-right: 100px;width: 185px;}
img[src=xdel.png] {vertical-align: middle;padding: 5px;}
div.imagini>p {vertical-align: middle;display: inline-block;}

div.imagini p:nth-child(2) {text-align: center;width: 85%;}

div.imagini p:nth-child(4) {text-align: center;width: 85%;}


@media all and (max-width: 1080px) {
.bearbeiten {width:97%;}
.imgedit {max-width: 300px; max-height: 350px;}
div.imagini {margin-right: 200px;width: 200px;}
div.kontakt {width: 100%;margin:0 0 0 0;}
.kontakt div {margin:0 0 20px 0;}
#fileupload1, #fileupload2 {margin:0 20px 0 10px;}
#fileupload1 i, #fileupload2 i {font-size:60px;}
#blah, #blah2 {width:0;margin:0 0 10px 2px;}
}