/* CLEARFIX */

.clearfix:after
{
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix
{
    display: inline-block;
}

html[xmlns] .clearfix
{
    display: block;
}

* html .clearfix
{
    height: 1%;
}

html {
     overflow: -moz-scrollbars-vertical;
     overflow: scroll;
}

/* END OF CLEARFIX */


body
{
    font-size: 62.5%;
    padding:0px;
    margin:0px;
    background: #eaeaea url(../img/background.jpg) repeat-x;
}

p
{
    font-size: 1.3em;
    font-family: Arial;
    line-height: 20px;
    color: #181818;
}


h3
{
    padding-top:3px;
    color:#3f78d6;
}


h5
{
    font-size:1.4em;
    color:#1c1c1c;
    font-family: Arial;
}


.menu-padding
{
    padding: 11px 0px 0px 0px;
}

.dotted-line
{
    width: 100%;
    height:1px;
    padding-bottom: 15px;
    background: transparent url(../img/dotted-line.png) repeat-x;
}

.dotted-line-subheadline
{
    width: 100%;
    height:1px;
    padding-bottom: 5px;
    background: transparent url(../img/dotted-line.png) repeat-x;
}

.startpage-link
{
    border:0px;
}

.list-headline
{
    font-size: 1.2em;
    font-family: Arial;
    line-height: 1.4em;
}

#startpage-box
{
     margin: 0 auto; 
     width: 875px; 
     height: 350px; 
     padding: 10px; 
     background: transparent url(../img/startpage-background.png) no-repeat;
}

#header
{
    width: 855px;
    position:relative;
    left: -11px;
    margin: 0 auto;    
}

#logo
{
    height:65px;  
}

#inner-wrapper
{
    margin: 0 auto;
    width:855px;
    float: left;
    background: #fafafa url(../img/wrapper-background.png) repeat-y;
}

#inner-wrapper-startpage
{
    margin: 0 auto;
    width:855px;
    background:white;
    float: left;
    background: #fff;
}


#inner-wrapper-topstripe
{
    margin: 0 auto;
    width:855px;
    height:15px; 
    background:#3f78d6;
}

#inner-wrapper-bottomstripe
{
    margin: 0 auto;
    width:826px;
    height:25px; 
    background:#3f78d6;
    float:left;
    padding: 10px 0px 5px 29px;    
}

#top-wrapper-shadow
{
    margin: 0 auto;
    background: transparent url(../img/top-wrapper-shadow.png) no-repeat;
    width: 895px;
    min-height: 479px;
    padding-left: 18px;
}

#top-wrapper-shadow-startpage
{
    margin: 0 auto;
    background: transparent url(../img/top-wrapper-shadow-startpage.png) no-repeat;
    width: 895px;
    min-height: 479px;
    padding-left: 18px;
}

#bottom-wrapper-shadow
{
    margin: 0 auto;
    background: transparent url(../img/bottom-wrapper-shadow.png) no-repeat;
    width: 917px;
    min-height: 225px;
    float:left;
    position:relative;
    top: -160px;
    left: -20px;
    z-index:-1;
}

#startpage-column
{
    padding: 0;
    margin: 0;
    height:319px;
}

#left-column
{
    width: 515px;
    padding: 0px 30px 30px 30px;
    margin: 15px 0px 0px 0px;
    float:left;
}

#right-column
{
    width: 220px;
    min-height: 479px;
    padding: 0px 30px 30px 30px; 
    margin: 15px 0px 0px 0px;
    float:right;
}

#menu
{
    padding:0;
    margin:0;
    float:left;
    text-align:left;
    position:relative;
    top:3px;
}

.menu-inactive-leftmost
{
     background: transparent url(../img/menu-inactive-leftmost.png);
     width: 51px;
     height: 34px;
     float:left;
}

.menu-active-leftmost
{
     background: transparent url(../img/menu-active-leftmost.png);
     width: 51px;
     height: 34px;
     float:left;
}

.menu-active-left
{
     background: transparent url(../img/menu-active-left.png);
     width: 65px;
     height: 34px;
     float:left;
}

.menu-active-right
{
     background: transparent url(../img/menu-active-right.png);
     width: 48px;
     height: 34px;
     float:left;
}

.menu-active-rightmost
{
     background: transparent url(../img/menu-active-rightmost.png);
     width: 22px;
     height: 34px;
     float:left;
}

.menu-inactive-rightmost
{
     background: transparent url(../img/menu-inactive-rightmost.png);
     width: 22px;
     height: 34px;
     float:left;
}

.menu-inactive-background
{
     background: transparent url(../img/menu-inactive-background.png) repeat-x;
     height:26px;
     float:left;
}

.menu-inactive-bridge
{
     background: transparent url(../img/menu-inactive-bridge.png) repeat-x;
     height:34px;
     width: 58px;
     float:left;
}

.menu-active-background
{
     background: transparent url(../img/menu-active-background.png) repeat-x;
     height:26px;
     float:left;
}

.menu-inactive-font
{
     font-family:  Arial;
     font-size: 1.3em;
     color: #1f1f1f;
     font-weight:bold;
     text-decoration:none;
     cursor:pointer;
}

.menu-inactive-font:hover
{
     color: #8f8f8f;
     text-decoration: underline;
}


.menu-active-font
{
     font-family:  Arial;
     font-size: 1.3em;
     color: #fff;
     font-weight:bold;
     text-decoration:none;
     cursor:pointer;
}

.menu-active-font:hover
{
     font-family:  Arial;
     font-size: 1.3em;
     color: #fff;
     font-weight:bold;
     text-decoration:none;
     cursor:pointer;
}

.normal-text-italic
{
    font-size: 1.3em;
    font-family: arial;
    line-height: 1.4em;
    font-style:italic;
}

.right-column-link
{
    font-size: 1.2em;
    font-family: Arial;
    text-decoration:underline;
    color:#3f78d6;
}

.right-column-link:hover
{
    font-size: 1.2em;
    font-family: Arial;
    text-decoration:none;
    color:#1e8fe4;
}

.failed-text
{
    font-size: 1.2em;
    font-family: Arial;
    text-decoration:none;
    color:red;
}

ul
{
    padding:0px 0px 2px 13px;
    margin:0;
}

ul li
{
    font-size: 1.3em;
    line-height: 20px; 
    font-family: Arial;
    list-style-type: disc;
    color: #414141;
}

.spacing-box
{
    width:100%;
    padding: 27px  0px 0px 0px;
}

.right-column-text
{
    font-size: 1.2em;   
}

.book-images
{
    padding:3px;
    border: 0px;
}

.page-images
{
    padding:2px;
    border: solid 1px #cacaca;   
}

.copyright-text
{
    font-size: 1.1em;
    font-family:  Arial;
    text-decoration:none;
    color:#fff;
}

.accordion-link
{
    font-size: 1.6em;
    font-family:  Arial;
    text-decoration:none;
    color:#1099ff;
}

.accordion-link:hover
{
    font-size: 1.6em;
    font-family:  Arial;
    text-decoration:none;
    color:#c7c7c7;
}

.accordion-link-active
{
    font-size: 1.6em;
    font-family:  Arial;
    text-decoration:none;
    color: Gray;
}

.accordion-button-active
{
    background: url(../img/tjanster-button-open.jpg) ;
    width:30px;
    height:30px;
    display:inline;
    float:left;
    position:relative;
    top: -11px;
}

.accordion-button-inactive
{
    background: url(../img/tjanster-button-closed.jpg) ;
    width:30px;
    height:30px;
    display:inline;
    float:left;
    position:relative;
    top: -11px;
}

.tjanster-infoblock-active
{
    background: url(../img/tjanster-button-open.jpg) no-repeat ;
    height:30px;
    padding: 0px 0px 0px 40px;
    font-size: 1.6em;
    font-family:  Arial;
    text-decoration:none;
    color:gray;
}

.tjanster-infoblock-inactive
{
    background: url(../img/tjanster-button-closed.jpg) no-repeat ;
    height:30px;
    padding: 0px 0px 4px 40px;
    font-size: 1.6em;
    font-family:  Arial;
    text-decoration:none;
}

.tjanster-font-active
{
    color:gray;
    text-decoration:none;
}

.tjanster-font-active:hover
{
    color:gray;
    text-decoration:none;
}

.tjanster-font-inactive
{
    color:#227dd1;
}

a
{
    color:#3f78d6;
}

a:hover
{
    color:#c7c7c7;
}

.kontakt-text
{
    font-family: Arial;
    font-size:1.2em;   
}

.accordion-div
{
    
}