@font-face {
        font-family: 'DejaWebRegular';
        src: url('../fonts/dejaweb-webfont.eot');
        src: url('../fonts/dejaweb-webfont.eot?#iefix')
                format('embedded-opentype'), url('../fonts/dejaweb-webfont.woff')
                format('woff'), url('../fonts/dejaweb-webfont.ttf') format('truetype'),
                url('../fonts/dejaweb-webfont.svg#DejaWebRegular') format('svg');
        font-weight: normal;
        font-style: normal;
}

* {
        margin: 0;
        padding: 0;
}

body {
        font-size: 100.01%;
        padding: 0px;
        text-align: center;
        position: relative;
        background: #fff;
        color: #333;
        font-family: arial, helvetica, sans-serif;
}
body.contentpane
{padding:10px}
/* ###################### general ###################### */
#mobileselect {
        display: none
}

#all {
        margin: 0 auto;
        padding: 0px;
        text-align: left;
        color: #333;
        border: solid 0px #ddd !important;
        font-size: 0.8em;

}

#header {
        display: block !important;
        position: relative;
        padding: 0px;
        background: #fff;
        position: relative;
        z-index: 1
}

#back {
        margin: 0 auto;
        padding: 0px;
        max-width: 1020px;
     
}

#contentarea,#contentarea2 {
        position: relative;
        overflow: hidden;
        padding: 0px 20px !important;
        margin: 0;
        background: #fff url(../images/nature/box1.png) repeat-x;

}

#wrapper {
        width: 52%;
        float: left;
        position: relative;
        border-right:solid 1px #ddd;
        border-left:solid 1px #ddd;
        padding-left:15px
}

#wrapper2 {
        width: 72%;
        float: left;
        position: relative;
        padding-bottom: 20px;
        border-right: solid 1px #ddd
}

#wrapper2 .item-page {
        max-width: 660px
}

#main {
        padding: 10px 20px 20px 0px;
        position: relative;
        min-height: 420px;
}

#right {
        float: left;
        width: 20%;
        margin: 10px 0px 10px 2%;
        padding: 0px 0px 5px 0px;
        position: relative;
}

.unseen,.hidelabeltxt {
        display: inline;
        height: 0px;
        left: -3000px;
        position: absolute;
        top: -2000px;
        width: 0px;
}

/* ++++++++++++++  nav after content  ++++++++++++++ */
.left {
        padding-top: 0px;
        float: right;
        margin: 10px 0px 10px 0%;
        width: 22%;
        position: relative;

}

/* ++++++++++++++  nav before content  ++++++++++++++ */
.left1 {
        padding: 0px 10px 0 0px;
        float: left;
        margin: 10px 2% 10px 0%;
        width: 21%;
        position: relative;
    
}

.leftbigger {
        width: 24%
}

/* ###################### header ###################### */
.skiplinks,.skiplinks li {
        display: inline;
        height: 0px;
        line-height: 0;
        padding: 0 !important;
}

.skiplinks li a.u2 {
        display: inline;
        height: 0px;
        left: -3000px;
        position: absolute;
        top: -2000px;
        width: 0px;
}

.skiplinks li a.u2:active,.skiplinks li a.u2:focus {
        position: absolute;
        width: 13em;
        top: 10px;
        left: 10px;
        line-height: 1.5em;
        padding: 5px;
        font-weight: bold;
        height: 5em;
}

.wrap {
        border: 0;
        clear: both;
        float: none;
        font-size: 1px;
        height: 0;
        line-height: 1px;
        margin: 0;
        padding: 0;
        visibility: hidden;
}

.logoheader {
        border-top: solid 1px transparent;
        color: #fff;
        background: #fff
}

h1#logo {
        font-size: 3.5em;
        line-height: 1.0em;
        font-family: Arial;
        color: #333
}

#logo {
        margin: 20px 0;
        display: block;
        width: 425px;
        font-weight: normal;
        line-height: 1.5em;
        font-size: 3em;
        overflow: hidden
}

#logo img {
        display: block;
        float: left
}

#logo span {
        padding-left: 2px
}

#logo span.header1 {
        font-size: 0.4em;
        display: block;
        top: 0em;
        line-height: 1.1em;
        float: left;
        margin-top: 30px;
        font-family: 'DejaWebRegular', arial
}

#mainnavigation {
        background: #b22600 url(../images/awo/main2.png) repeat-x bottom left;
        padding-bottom: 7px
}

#bild {
        background: #eee url(../images/awo/verlauf.gif) bottom left repeat-x;
        min-height: 150px;
        border-top: solid 0px #cc0000;
        margin: 0;
        overflow: hidden
}

#header_outer {
        min-height: 180px;
        padding: 80px 0px 30px 0;
        margin-top: -1px;
        margin-left: 25px;
        background-repeat: no-repeat;
       background-position: 420px bottom;
    

}

#header_outer .kopfbildtext {
        width: 380px;
        color: #333;
    

   
}

#header_outer {
        font-size: 1.2em
}

#header_outer  h1 {
        font-weight: normal;
        line-height: 1.2em;
        font-family: 'DejaWebRegular', arial;
        font-size:1.6em
}

#bild img {
        float: right
}

.logoheader,#mainnavigation ul,#bild_inner {
        margin: 0 auto !important;
        padding: 0;
        text-align: left;
        font-weight: normal;
        line-height: 1.5em;
        max-width: 1020px;
      
}

#line {
        padding: 0px 0px 2px 2px;
        position: absolute;
        right: 20px;
        top: 0em;
        max-width: 48em;
}

/* ++++++++++++++  button for closing right column  ++++++++++++++ */
        /* ###################### main ###################### */
        /* ++++++++++++++  position  ++++++++++++++ */
.blog-featured {
        padding: 0;
}

.items-leading {
        padding: 0px 5px 10px 5px;
        overflow: hidden;
        margin-bottom: 10px
}

.row-separator {
        display: block;
        clear: both;
        margin: 0;
        border: 0px;
        height: 1px
}

.item-separator {
        display: none;
        margin: 0px;
}

.item-separator {
        border: solid 0px #333333;
}

.shownocolumns {
        width: 98% !important;
}

#top {
        margin: 0 0 20px 0;
        overflow: hidden
}

/* ++++++++++++++  blog  ++++++++++++++ */
.cols-1 {
        display: block;
        float: none !important;
        margin: 0 !important;
}

.cols-2 .column-1 {
        width: 46%;
        float: left;
}

.cols-2 .column-2 {
        width: 46%;
        float: right;
        margin: 0
}

.cols-3 .column-1 {
        float: left;
        width: 29%;
        padding: 0px 5px;
        margin-right: 4%
}

.cols-3 .column-2 {
        float: left;
        width: 29%;
        margin-left: 0;
        padding: 0px 5px
}

.cols-3 .column-3 {
        float: right;
        width: 29%;
        padding: 0px 5px
}

.items-row {
        overflow: hidden;
        padding: 20px 0 !important;
        border-bottom: solid 1px #eee;
}

#main .row-0
{padding-top:0 !important}
.column-1,.column-2,.column-3 {
        padding: 20px 5px;
}

.column-2 {
        width: 55%;
        margin-left: 40%;
}

.column-3 {
        width: 30%
}

.blog-more {
        padding: 10px 5px
}

/* ++++++++++++++  footer  ++++++++++++++ */
#bottom {
        overflow: hidden
}

.box {
        width: 27%;
        float: left;
        min-height: 190px;
}

.box1 {
        width: 36%;
        border-right: solid 1px #ddd
}

.box2 {
        width: 32%;
        padding-left: 2%
}

.box3 {
        width: 27%;
        float: right;
        border-left: solid 1px #ddd;
}

.box h3 {
        font-family: 'DejaWebRegular', Arial;
        font-weight: normal
}

#footer-inner {
        max-width: 1025px;
        margin: 0 auto;
        font-size: 0.8em;
        padding: 10px 15px 15px 0px;
}

#main .category-module {
        list-style-type: none;
        padding: 0;
}

.custom_pflege {
        padding-right: 130px;
        background-repeat: no-repeat;
        background-position: right bottom
}

#main ul#list {
        background: none repeat scroll 0 0 #FFFFFF;
        border-right: 0px dotted #CCCCCC;
        float: left;
        font-size: 0.9em;
        font-weight: normal;
        list-style-type: none;
        margin: 0 15px 0 0;
        padding: 20px 5px 15px 0;
        width: 170px;
        list-style-type: none
}

address.gross {
        color: #555;
        line-height: 1em;
        padding: 10px;
        position: absolute;
        right: 0;
        top: 0;
        width: 165px;
        border: solid 1px #ddd;
        background: #eee
}

#karte2 {
        position: relative
}

address.gross p {
        margin: 0 !important
}

#mobile_select {
        display: none
}

/* mobile */
@media screen and (max-width: 480px) {
	
        #mobile_select {
                display: block;
                border: solid 1px
        }
        #mobileselect {
                display: block
        }
        #wrapper2,#nav,.item,.box ,.search , .phrases-box , .ordering-box, p.counter{
                float: none !important;
                width: auto !important;
                margin: 0;
                border: 0
        }
        .box {
                border-bottom: solid 1px #ddd
        }
        #bild,#fontsize {
                display: none;
                float: none
        }
        .item {
                border-bottom: solid 1px #ddd;
                padding: 20px 0 !important
        }
        .item img {
                max-width: 100%
        }
        .items-row {
                border: solid 0px;
                margin: 0;
                padding: 0 !important
        }
        #line {text-align:center}
        .menu_technik {
                float: none !important;
                width: auto;
                margin-bottom: 0px !important;
                background:#ddd;
                padding:5px !important
        }
        #logo {
                margin-top: 60px
        }
        #line {
                width: 100%;
                right: 0;

        }
        #header form {
                margin-top: 0 !important;
                float: none;
                width: auto;
        }
        .search {
                padding: 0px;
                background:#ccc; text-align:center; padding:2px
        }
        .search input {border:solid 1px #777; border-radius:5px}
        #mainnavigation {
                background: #fff
        }
        #header  #cssmenu {
                padding: 0 !important;
        }

        #header   #cssmenu li a {
                font-size: 80% !important;
                padding: 7px 5px !important;
                border-radius: 4px;
                background: #b22600;
                margin: 2px;
                border: solid 1px #990000 !important;
        }
        #cssmenu li a .beschreibung {
                display: none
        }

        #mobile_select {
                width: 99%;
                height: 46px;
                line-height: 26px;
                text-indent: 10px;
                cursor: default;
                z-index: 1;
                border: solid 1px;
                color: #fff;
                background: #B22600; /* Old browsers */
                background: -moz-linear-gradient(top, #a90329 0%, #b22600 0%, #9e2300 99%)
                        !important; /* FF3.6+ */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a90329),
                        color-stop(0%, #b22600), color-stop(99%, #930200) );
                /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top, #a90329 0%, #b22600 0%, #930200 99%);
                /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top, #a90329 0%, #b22600 0%, #930200 99%);
                /* Opera 11.10+ */
                background: -ms-linear-gradient(top, #a90329 0%, #b22600 0%, #930200 99%);
                /* IE10+ */
                background: linear-gradient(top, #a90329 0%, #b22600 0%, #930200 99%);
                /* W3C */
                /* IE6-9 */
        }
        #mobile_select a {
                background: #b22600 url(../images/mobile/menu.png) right center
                        no-repeat;
                display: block;
                min-height: 40px
        }
        #mobile_select a:hover  #menuwrapper {
                display: block !important;
        }
        #mobile_select a span {
                position: absolute;
                left: -3000px;
                top: -3000px
        }
        #menuwrapper {
                border: solid 0px #000;
                overflow: hidden;
                background:#555
        }
        #menuwrapper ul li {
                float: none;
                display: block;

        }
#header          #menuwrapper ul li a
        {  border:0 !important}
        #menuwrapper ul li ul {
                position: relative !important;
                left: 0;
                top: 0;
                width: auto;
                padding:10px !important;
                border-radius:0;
                font-size:1em
        }
        #menuwrapper  li:hover ul {
                left: 0;
                top: 0em !important
        }
        h1#logo
        {width:100%; overflow:hidden; font-size:2.7em; margin-bottom:0;       }
 h1#logo img {width:80px }
        .box {float:none; width:100%}
        #phocaMap {max-width:100%}
           #main   ul.seniorenzentren li
           {padding:10px 0 !important}
        ul.seniorenzentren img {position:relative !important;}
        #main {padding:0}
        .pane-slider , .pane-down
        {margin:0 !important; padding:5px !important}
dl.search-results
                {border-top:0 !important; background:#fff !important}
#main dl.search-results dt.result-title {
    color: #fff;
    text-decoration: none;
    padding:10px 5px !important;
    display: block;
    background: #333 url(../images/mobile/arrow_white.png) center right
        no-repeat;
    -webkit-border-radius: 5px ;
    -moz-border-radius: 5px ;
    border-radius: 5px ;
    border: solid 0px #ccc;
    border-bottom: 0;
    text-align:left
}
#main dl.search-results dt.result-title:hover
                {background:#B22600}
        #main form fieldset.word {background:#eee}
.word input {width:60%; float:left; color:#333 !important}
        #main .word button.button {float:left; width:25%; overflow:hidden; -webkit-border-radius: 5px ;
    -moz-border-radius: 5px ;
    border-radius: 5px ; background:#555; color:#fff}
dl.search-results dt.result-title a {
    color: #eee !important;
    text-decoration: none;
    display:block

}

dl.search-results dd {
    background: #fff;
    padding: 10px;
    border: solid 0px #ccc;
    border-top: 0;

}

dl.search-results dd.result-created {
    padding-bottom:  10px ;
    -moz-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    margin-bottom: 10px
}


        #main .search
        {text-align:left; background:#fff}
#main  form fieldset>label {
    padding: 0 10px;
}

#main form fieldset {
    background: #fff;
    border: 1px solid #A9ABAD;
    margin: 10px auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 10px;
    margin: 15px 0
}

#main  form fieldset legend {
    text-transform: uppercase;
    font-weight: bold;
    text-shadow: #888 0 1px 0;
    margin-left: 20px
}

#main form fieldset.only {
    position: relative;
    padding: 15px 0
}

input[type="checkbox"] {
    position: absolute;
    right: 10%
}

#main  form fieldset input[type="checkbox"]+label {
    width: 90%;
    height: 27px;
    font: bold 14px/30px Arial, Sans-serif;
    background: url(../images/mobile/checkbox.png) top right no-repeat;
    position: relative;
    /* text-indent: 100px;*/
    display: block;
    margin-bottom: 5px;
    border-bottom: solid 1px #ddd;
    padding-bottom: 10px
}

#main form fieldset input[type="checkbox"]:checked+label {
    width: 90%;
    height: 27px;
    font: bold 14px/30px Arial, Sans-serif;
    background: url(../images/mobile/checkbox_on.png) top right no-repeat;
    position: relative;
    display: block;
    margin-bottom: 5px;
    border-bottom: solid 1px #ddd;
    padding-bottom: 10px
}

#main  form fieldset .phrases-box {
    position: relative;
    padding: 15px 0
}

input[type="radio"] {
    position: absolute;
    right: 0;
    clear: both
}

#main form fieldset input[type="radio"]+label {
    width: 100%;
    height: 27px;
    font: bold 14px/30px Arial, Sans-serif;
    position: relative;
    display: block;
    margin-bottom: 5px;
    border-bottom: solid 1px #ddd;
    padding-bottom: 10px;
    background: #fff
}

#main form fieldset input[type="radio"]:checked+label {
    width: 100%;
    height: 27px;
    font: bold 14px/30px Arial, Sans-serif;
    background: url(../images/mobile/radio.png) top right no-repeat;
    position: relative;
    display: block;
    margin-bottom: 5px;
    border-bottom: solid 1px #ddd;
    padding-bottom: 10px
}

.ordering-box {
    clear: both
}
	#jform_contact_message,#jform_contact_emailmsg { width:95% ; max-width:290px}
	#main form fieldset dt,    #main form fieldset dd
	 {float:none}
}