@import url('layout.css');

*
{
        margin: 0;
        padding: 0;
}

body
{
        background: #eee;
        color: #444;
        font-family: arial, helvetica, sans-serif;
        font-size: 100.1%;
        padding: 0px;
        text-align: center;
}

/* ################   Position ################  */
#all
{
    background: #fff;
    margin: 0 auto ;
    position: relative;
    color: #333;
    font-size: 0.8em;
  /* max-width: 75em; */
    max-width:1050px;
    text-align: left;
    padding:0 !important
}

#page
{
        padding: 0px 25px 20px 7px;
        margin: 0 0 0 18px;
        position:relative
}

#easybook,
#simplecal
{     padding: 0px 25px 20px 25px;
}

#header
{
        margin: 0;
        text-align:right;
        padding:0 ;
        position:relative;
}

#contentarea,
#contentarea2
{
        margin: 7em 0 0 0;
        padding: 0px 15px 30px 15px;
        max-width:100%;
}

#wrapper
{
        width:74%;
    padding:0;
    position:relative;
    float:left
}

#wrapper2
{
        margin:0em 0 0px 0%;
        padding:0;
        border-left:solid 0px #eee;
}

#navi
{
        margin: 0;
        position:relative;
        padding:10px 10px 10px 0 ;
        text-align:right
}

/* Schriftgrösse, Suche, Styles und Sprache */

#leiste
{
        margin:0;
        text-align:right !important;
        display:block;
        padding:0px 0 0 0;
        position:relative;
}


#leiste form {
        width:12em;
        text-align:left;
        padding: 0 0 0 0px;
        position:absolute;
        right:5px;
        top:6px;
}

#leiste ul
{
        margin:0 13em 0 0;
        padding:0;
}

#navi ul
{   padding:5px 0 5px 0  ;}

#left
{
        float: left;
        margin:0;
        width: 30%;
        padding:0em;
        position:relative;
}

#wrapper2 #left
{
        width:22%
}

#right
{
        float:right;
        width: 24.0%;
        padding:2px 0px 10px 3px  ;
        border:solid 0px #000;
}

#bild
{
        margin: 0 0 20px 0px;
        position:relative;
        overflow:hidden
}

#bild2
{
        margin: 0 0 20px 0px;
        position:relative;
        min-height:13em}

#bild2 img,
#bild img
{
        max-width:750px;
}

#main2
{
        margin:0px 0 0px 2px;
        padding:0;
        float:left;
        width:67%;
        overflow:hidden;
}

#main
{
        margin: 0;
        padding: 0px 0px 10px 0px;
        position: relative;
        min-height:300px;
        overflow:hidden
}

/* overflow:hidden entfernt wegen datepicker */



/* ###################### generell ###################### */
.unsichtbar,
.u2,
.invisible,
#hilfe form label
{
        display: inline;
        height: 0px;
        left: -3000px;
        position: absolute;
        top: -2000px;
        width: 0px;
        z-index: 200;
}


.skiplinks
{
        line-height:0px;
        list-style-type:none ;
        display:inline !important;
        padding:0 !important;
        margin:0px !important;
        height:0px !important;
        height:0 !important;
        float:right;
        border:0
}

.skiplinks li
{
        list-style-type:none;
        line-height:0px !important;
        list-style-type:none ;
        display:inline;
        padding:0 !important;
        margin:0;
        height:0px !important;
        border:solid 0px #00ff00
}


.skiplinks li a.startseite:link,
.skiplinks li a.startseite:visited
{
        display: inline;
        height: 0px !important;
        left: -3000px;
        position: absolute;
        top: -2000px;
        width: 0px;
        z-index: 200;
        border:0;
        padding:0;
        line-height:1px !important
}

#header ul.skiplinks li a.u2:active,
#header ul.skiplinks li a.u2:focus,
#header ul.skiplinks li a.startseite:active,
#header ul.skiplinks li a.startseite:focus
{
        background-color:#000000;
        color:#FFFFFF;
        display:block;
        font-size:1em;
        height:2em;
        left:0;
        line-height:1.2em;
        margin-top:0;
        padding:10px 10px 15px;
        position:absolute;
        top:0;
        width:15em;
        z-index:10000000;
}

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


/* ###############  main * ########################### */
.leading
{
        margin: 0px ;
        padding: 20px 10px 15px 7px ;
        position: relative;
        background:url(../images/dotted.gif) repeat-x bottom left
}

.leading_separator,
.row_separator
{
        border-top: dotted 0px #006699;
        display: inline;
        height: 1px !important;
        font-size:1px;
        line-height:1px !important
}

.article_separator
{
        border-top: dotted 10px #006699;
        display:none;
        margin: 0;
        height:10px
}

.blog
{
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 18px;

}

.cols1
{
        display: block;
        float: none !important;
        margin: 0 !important;
}

.cols2
{
        width: 44%;
}

.cols3
{
        width: 30%;
}

.column1,
.column2
{

        margin: 0 5px 0 0;
        position: relative;
}

.column2,
.column1
{
        float: left;
        margin: 0;
}

.article_row .column1
{
padding:10px 10px 10px 7px
}

.column2
{
        float: right;
        margin: 0;
        width: 44%;
        padding-left:10px !important;
}

.article_row
{
        margin: 0;
        padding: 0 0px 0 0px;
        overflow: hidden;
        margin-top:15px;
}

.article_column
{
        padding: 10px 10px 30px 7px;
        margin: 0 0px 0 0px  !important;
        overflow:hidden;
        background: url(../images/dotted.gif) repeat-x bottom left
}

#logo
{
        position:absolute;
        top:4.5em;
        border:solid 0px #000;
        width:50em;
        left:20px;
        color:#444
}

#logo h1
{
        font-size:2.2em;
        border:solid 0px #000;
        padding:0;
        font-weight:normal;
        position:absolute;
        top:-3000px;
        left:-3000px

}

#logo img
{
        float:left;
        margin:0 10px 0 0px
}