@charset "UTF-8";

@import url(tabs.css);

body{
    /*background:#F7A616;*/
    
}

span{
    font-size:inherit;
}

#positioner{
    /* -- Neuer Ansatz, einen festen Bezug für absolut positionierte Elemente zu schaffen: -- */
    position:absolute;
}

#logo{
    position:absolute;
    right:10px;
    top:10px;
    width:335px;
}
#header{
    height:136px;
    padding:0px;
    background:url(../images/header.png) transparent no-repeat;
}
#header #topnav{
    left:10px;
    top:100px;
    right:auto;
    color:#C4D82D;
}


#headtxt{
    position:absolute;
    left:150px;
    top:75px;
    width:600px;
    height:60px;
    color:#666;
    overflow:auto;
}
#headtxt p{
    font-weight:bold;
    line-height:120%;
}

#main{

}

#einfuehrung{
    padding:10px;
    margin-bottom:10px;
    background:#fff;
}

#einfuehrung p{
    font-size:1.2em;
    color:#333;
}

#content-liste p.text, #content-liste p.klein{
    background:#E6E7EC;
}

p.anzeige{
    font-size:10px;
    margin-bottom:1px;
    text-decoration:italic;
}

p.norm_text_menue{
    font-size:10pt;
}

p strong{
    font-size:inherit;
}

li, #content-in li *{
    /*font-size:12px;*/
    font-size:inherit;

}
#content-in li{

}

.therapietext h3{
    margin-top:10px;
}

.bold{
    font-weight:bold;
}

.redbold{
    font-weight:bold;
    color:#B42625;
}

.center{
    text-align: center;
}

a.button, a.premiumbutton, #saveRelease, input.button /*, input[type=submit] */{
    -moz-box-shadow:inset 0px 1px 0px 0px #b3b3b3;
    -webkit-box-shadow:inset 0px 1px 0px 0px #b3b3b3;
    box-shadow:inset 0px 1px 0px 0px #b3b3b3;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #857e85) );
    background:-moz-linear-gradient( center top, #bdbdbd 5%, #857e85 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#857e85');
    background-color:#bdbdbd;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #eee;
    display:inline-block;
    color:#fffaff;
    font-family:arial;
    font-size:15px;
    font-weight:bold;
    padding:6px 24px;
    text-decoration:none;
    text-shadow:1px 1px 0px #000000;
}
a.button:hover,  #saveRelease:hover, input[type=submit]:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #857e85), color-stop(1, #bdbdbd) );
    background:-moz-linear-gradient( center top, #857e85 5%, #bdbdbd 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#857e85', endColorstr='#bdbdbd');
    background-color:#857e85;
}
a.button:active {
    position:relative;
    top:1px;
}

a.premiumbutton{
    padding:3px 10px;
    font-size:14px;
}

input.searchbutton{
    padding:3px 12px;
}

#headtxt{
    position:absolute;
    left:150px;
    top:75px;
    width:600px;
    height:60px;
    color:#666;
    overflow:auto;
}
#headtxt p{
    font-weight:bold;
    line-height:120%;
}

#tabsF {
    /*float:left;*/
    height:30px;
    width:700px;
    margin:0;
    background:transparent;
    font-size:93%;
    line-height:normal;
    border-bottom:0px solid #b22222;
    z-index:20;
}

/* Navigation links / rechts */
#navcontainer, #navcontainer-right{ 
    font-size: 9pt;
    font-weight:bold;
    color:#333;
    margin:0px;
    width:160px;
    border:0px solid #B42625;
    background: url(../images/navback.gif) #eee;
    height:977px;  
    border-bottom:1px solid #B42625;
}

#navcontainer .menubutton a.basic, #navcontainer-right .menubutton a, .menu-in-spezial{
    display: block;
    background-color: #FFFFFF;
    color: #333333;
    text-decoration: none;
    width: 156px;
    margin-left:2px;
    min-height:25px;
    background-image: url(../images/menue_a.jpg);
    background-repeat: repeat;   
}

#navcontainer a.plz-single{
    display:inline;    
    width:8px;
    margin:0px;
    padding:5px 1px;
    color: #333333;
    min-height:25px;
    background-image: url(../images/menue_single.jpg);
}


#navcontainer .plz-single{
    width:8px;
    background-image: url(../images/menue_single.jpg);
}


#navcontainer .menu-in, #navcontainer-right .menu-in, #navcontainer .menu-in-spezial-in{
    margin:0px 2px 0px 25px;
    padding:5px 0px;
}
/* html>body .navcontainer li a { width: auto; }*/

#navcontainer .menubutton a:hover, #navcontainer-right .menubutton a:hover{
    color: #A52620;
    background-image: url(../images/menue_a_hover.jpg);
}
#navcontainer a.plz-single:hover{
    background-image: url(../images/menue_single_hover.jpg);
}

#plzsuche{
    width:156px;
    margin-left:2px;
    overflow:hidden;
}

.kartenkopf{
    background:#fff;
    border-top:1px solid #ccc;
    width:150px;
    margin-left:6px;
    overflow:hidden;
}

#content-in{
    border:0px solid #B42625;
    background:#eee;
    padding:5px;
    min-height:600px;
}

#zentrierung{
    width:
}
/* Rechte Spalte */

#awards{

}

/* Suchbox */
.block-in{
    background:#eee;
    width:146px;
    margin-left:2px;
    padding:5px;
}

#shops{
    background:#eee;
    width:146px;
    margin-left:2px;
    padding:5px;
}

.redheadline, .redheadline2, .redheadline3, .redheadplz, div.headline-manuell-neu{
    background:#B22222;
    padding:3px;
    width:80%;
    color:#fff;
    font-weight:bold;
    font-size:16px;
}
.redheadline2{
    font-size:12px;
}
.redheadline3{
    font-size:10px;
    width:100%;
}

div.headline-manuell-neu{
    width:100%;
}


.redheadplz{
    text-align:center;
    width:745px;
    font-size:12px;
    margin-top:20px;
}

/* --- Banner -- */
#banner{
    position:absolute;
    top:152px;
    left:965px;
    width:120px;
    height:300px;
    border:0px solid green;
    color:#000; font-size:12pt;font-weight:bold;
}
#bannerleft{
    position:absolute;
    top:152px;
    left:-143px;
    width:120px;
    height:300px;
    border:0px solid green;
    color:#000; font-size:12pt;font-weight:bold;
}

.infotext-box{
    border:1px solid #666;
    background:#fff;
    font-size:10pt;
    padding:10px;
    margin:10px;
}

/* --- Erklärungsboxen mit Pfeil und Hinweis mit umgebenden Tabellen --- */
table.button-declaration td{
    vertical-align:center;
}

p.editinfo, p.editinfo2{

    font-style:italic;
    font-size:10pt;
    color:#000;    
    border:0px solid #000;
    border-width:0 0px 0 0;
    padding:10px;
    padding-left:100px;
    margin:10px;    
    background: #fff url('../images/hilfspfeil.jpg') no-repeat scroll 0% 50%;
    min-height:55px;
    overflow:visible;

}

p.editinfo2{
    background: #fff url('../images/hilfspfeil2.jpg') no-repeat;
}

#kalender-startseite{
    padding:5px;
    border:0px solid #B42625;
    background:#fff;
}

.kalender-menu-start{
    margin-bottom:5px;
}
#kalender-startseite a.menu{
    background:#B42625;
    font-weight:bold;
    color:#fff;
    padding:3px;
}

/*  Werbung rechts */
.ad{
    margin:17px 0;
}

ol.small li{
    font-size:10px;
}

div.debug{
    border:1px solid red;
    padding:3px;
    margin:5px;
    font-size:10px;
    font-weight:bold;
    background-color:#E3FF59;
}

div.debuginfo{
    background:#3399ff;
    font-size:8px;
}

div.hint{
    border:1px solid #ccc;
    background:#FFFF66;
    background-image:url("/files/images/hint.png");
    background-repeat:no-repeat;
    background-position:10px 50%;
    width:505px;
    padding:5px 5px 5px 40px;
}
a.map{
    background:url(../images/karte2.jpg); 
    display:block; 
    width:80px; 
    height:18px; 
    margin-top:5px;
    border:1px solid #222; 
    font-size:14px; 
    font-weight:bold; 
    color: #b42222; 
    padding-top:3px; 
    text-align:center;
}

@media print{
    #left{
        display:none;
    }
}

.btn{
    /*background-color: #FFFFFF;
    border: 1px solid #ccc;
    color: #333333;*/
}


.btn-xs {
    border-radius: 3px;
    font-size: 12px;
    line-height: 1.5;
    padding: 1px 5px !important;
}

.btn-sm {
    border-radius: 3px;
    font-size: 12px;
    line-height: 1.5;
    padding: 5px 10px;
}



#profilemap { 
    height: 600px; 
    border:1px solid red;
}

/* OpenLayers Image */
img.olAlphaImg{
    border:1px solid #111;
    border-width:1px 1px 4px 1px;
    box-shadow:5px 5px 8px #333;
}

form#therapeuten-finder + div img.olAlphaImg{
    border-width:0;
    box-shadow:none;
}


#OL_Icon_72_innerImage{
    border-width:0;
    box-shadow:none;
}

#therapeuten-suche {
    width: 200px;
    margin:5px;
    padding: 6px 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #333;
    -webkit-box-shadow: inset 0 0 4px 2px rgba(0,0,0, 0.5);
    -moz-box-shadow: inset 0 0 4px 2px rgba(0,0,0, 0.5);
    box-shadow: inset 0 0 4px 2px rgba(0,0,0, 0.5);
}
#therapeuten-suche:focus {
    outline:0;
    border:1px solid #900;
    -webkit-box-shadow: 0 0 5px 4px rgba(36,184,194, 0.10);
    -moz-box-shadow: 0 0 5px 4px rgba(36,184,194, 0.10);
    box-shadow: 0 0 5px 4px rgba(36,184,194, 0.10);
}

option{
    font-size:inherit;
}

.circular200 {
    width: 200px;
    height: 200px;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    overflow:hidden; /* Für Image-Element Variante */
    border:1px solid #000;

}

.tabth{
    background-color:#800000;
    padding:3px 10px;
    color:#fff;
}
.tabtd1{
    border-bottom:1px dashed #666;
    background:#ccc;
}
.tabtd2{
    border-bottom:1px dashed #666;
}

.tablastrow{
    margin-bottom:10px;
    padding:5px 0;
    
}
.tablastrow > div{
    border-bottom:0 !important;
}

.blink {
  animation: blink 1s steps(5, start) infinite;
  -webkit-animation: blink 2s steps(5, start) infinite;
}
@keyframes blink {
  to { visibility: hidden; }
}
@-webkit-keyframes blink {
  to { visibility: hidden; }
}

/* Buttons infobereich */
ul.nav-pills li a{
    background-color: #b22222;
    color:#fff;
}
ul.nav-pills li a:hover, ul.nav-pills li a:active, ul.nav-pills li a:focus{
    background-color: #e22222;
    color:#fff;
}

/* überschreiben der bootsrap eigenschaft #777 */
h1 small{
    color:inherit !important;
}

a.map{
    background:url(../images/karte2.jpg) !important; 
    display:block; 
    width:80px; 
    height:18px; 
    margin-top:5px;
    border:1px solid #222; 
    font-size:14px; 
    font-weight:bold; 
    color: #b42222; 
    padding-top:3px; 
    text-align:center;
    float:none !important;
}


