﻿/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 08.05.2017, 09:35:43
    Author     : nana
*/
blockquote{
    border-left: 0px; 
}
table { 
    border-spacing: 12px;
    border-collapse: separate;
}
td{
    /*padding: 12px;*/
}
.footer{
    font-size: 12px;
}
.Überschrift {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 36px;
    color: #000;
    background-color: #CF9;
    padding: 0px 20px;
    margin: 0 0 0px;

}
.Angebote {
    text-align: center;
    font-weight: bold;
}
.rechts {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #CCC;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-top-color: #060;
    border-right-color: #060;
    border-bottom-color: #060;
    border-left-color: #060;
    color: #000;
    font-size: 16px;
    font-weight: bold;
}
unten {
    font-family: "Arial Black", Gadget, sans-serif;
    background-color: #060;
}
unten {
    font-family: "Arial Black", Gadget, sans-serif;
    background-color: #060;
}
.unten {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #060;
    color: #FFF;
    font-size: 11px;
}
unten {
    font-family: Arial, Helvetica, sans-serif;
}
.anklicken {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #0CF;
    font-size: 24px;
}
.inserieren {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #0CC;
    font-weight: bold;
    font-size: 24px;
}
.account {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #0C9;
}
.account div {
    font-weight: bold;
    font-size: 24px;
}
.titel{
    font-weight: bold;
}
.foto_00{
    width: 320px;
    height: 240px;
}
.immoLink{
    color: blue;
    font-weight: bold;
    text-decoration: underline;      
}
.immoLink:hover{
    color: blue;
}
.contact{
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #CCC;
    width: 297px;
    height: 652px;
}
.frame{
    height: 652px;
}

.fotoTitel{
    font-weight: bold;
    font-size: 16px;
    color: blue;
    /*background-color: silver;*/
    background-color: hsla(0, 0%, 100%, 0.5);
    position: absolute; 
    top: 527px; 
    width: 100%;
    line-height: 2em;
    text-align: center;
}
.closeButton{
    position: absolute;
    top: 5px;
    left: 840px; 
    cursor: pointer;
    padding: 5px;
    background-image: url('img/close.png');
    height: 24px;
    width: 102pX;
    border: 1px red;
}
.closeButton:hover{
    opacity: 0,7;
}


/* jssor slider arrow navigator skin 05 css */
/*
.jssora05l                  (normal)
.jssora05r                  (normal)
.jssora05l:hover            (normal mouseover)
.jssora05r:hover            (normal mouseover)
.jssora05l.jssora05ldn      (mousedown)
.jssora05r.jssora05rdn      (mousedown)
.jssora05l.jssora05lds      (disabled)
.jssora05r.jssora05rds      (disabled)
*/
.jssora05l, .jssora05r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 40px;
    height: 40px;
    cursor: pointer;
    background: url('img/a17.png') no-repeat;
    overflow: hidden;
}
.jssora05l { background-position: -10px -40px; }
.jssora05r { background-position: -70px -40px; }
.jssora05l:hover { background-position: -130px -40px; }
.jssora05r:hover { background-position: -190px -40px; }
.jssora05l.jssora05ldn { background-position: -250px -40px; }
.jssora05r.jssora05rdn { background-position: -310px -40px; }
.jssora05l.jssora05lds { background-position: -10px -40px; opacity: .3; pointer-events: none; }
.jssora05r.jssora05rds { background-position: -70px -40px; opacity: .3; pointer-events: none; }
/* jssor slider thumbnail navigator skin 01 css *//*.jssort01 .p            (
normal).jssort01 .p:hover      (normal mouseover).jssort01 .p.pav     
(active).jssort01 .p.pdn        (mousedown)*/
.jssort01 .p {    position: absolute;    top: 0;    left: 0;    width: 72px;    height: 72px;}
.jssort01 .t {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    border: none;}
.jssort01 .w {    position: absolute;    top: 0px;    left: 0px;    width: 100%;    height: 100%;}
.jssort01 .c {    
    position: absolute;    
    top: 0px;    
    left: 0px;    
    width: 68px;    
    height: 68px;    
    border: #000 2px solid;    
    box-sizing: content-box;    
    /*background: url('img/t01.png') -800px -800px no-repeat;*/    
    _background: none;}

.jssort01 .pav .c {   
top: 0px;    
_top: 0px;   
left: 0px;    
_left: 0px;    
width: 64px;    
height: 64px;    
border: white 4px solid;    
/*_border: #fff 2px solid;*/    
background-position: 50% 50%;
}
.jssort01 .p:hover .c {    
top: 0px;    
left: 0px;    
width: 64px;    
height: 64px;    
border: #fff 4px solid;    
background-position: 50% 50%;
}
.jssort01 .p.pdn .c {    
background-position: 50% 50%;    
width: 68px;    height: 68px;    
border: #000 2px solid;
}* html .jssort01 .c, * html .jssort01 .pdn .c, * html .jssort01 .pav .c {    /* ie quirks mode adjust */    width /**/: 72px;    height /**/: 72px;}