/***********************************************/
/* CSS-Style for NOE Design by BlueShadow 2008 */
/***********************************************/


html {
        display:block;
        font-family:Helvetica, sans-serif;
        text-align:center;
        margin:0px;
        padding:0px;
        height: 101%;
}
body {
        display:block;
        width:960px;
        color:#222;
        font-family:Helvetica, sans-serif;
        font-size:1em;
        line-height: 1.4em;
        text-align:center;
        margin: 0 auto;
        padding:0;
}
#header {
        width:auto;
        height:auto;
        color:#ffffff;
        margin: 0;
}
#logo {
        position:relative;
        height:auto;
        top:10px;
        z-index:1;
        width: 350px;
}
#logo a {
        color: #fff;
        text-decoration: none;
        display: block;
        width: 100%;
        height: 100%;
}
#logo img {
        display: block;
        margin: 0;
        width: 500px;
        height:auto;
        padding-left: 5px;
}
#name {
        position:relative;
        left:520px;
        top: 100px;
        width:200px;
        height:10px;
        z-index:2;
}
div.container {
        display:block;
        margin:0 15px 15px 0;
        width:950px;
        background-image: url(../images/textur5.jpg);
        background-color:#ffffff;
        padding:5px;
}
h1 {
        font-size:1.5em;
        padding:0;
        margin-top:0.5em;
}
h2 {
        font-size:large;
        padding:5px 0 5px 0;
        margin:0;
}
div.main {
        border-style:dashed;
        border-width:1px;
        border-color:#aaaa00; /*#a90532; /*#ff3333;*/
        padding:20px;
        text-align:left;
}
div.main:after {
        content: ".";
        clear: both;
        height: 0;
        visibility: hidden;
        display: block;
}
div.main {
        display: inline-block; /* Fixes IE/Mac */
}
/* Hides from IE-mac \*/
* html div.main {
        height: 1%;
}
div.main {
        display: block;
}
/* End hide from IE-mac */

div.main img {
        border-style:solid;
        border-width:1px;
        border-color:#aaaaaa;
        padding:2px;
        background-color:#ffffff;
        vertical-align:bottom;
}
div.navigation {
        float: left;
        width: 160px;
        height: 100%;
        padding:0;
}
div.navigation ul {
        margin:0;
        padding:0;
        list-style:none;
}
div.navigation li {
        margin:0;
        padding-top:8px;
        font-weight:bold;/*font-size:large;*/
}
div.navigation ul ul li {
        margin:0;
        padding:2px 0 0 8px;
        font-weight:normal;
}
div.navigation a {
        text-decoration:none;
        color:#a90532;
}
div.navigation a:hover {
        color:#000000; /*#d20746; /*#f16868;*/
}
#nicole {
        margin:70px 0 50px 0;
        border-style:solid;
        border-width:1px;
        border-color:#aaaaaa;
        padding:2px;
        background-color:#ffffff;
        vertical-align:top;
}
div.content {
        margin-left:0px;
}
div.text {
        /*        margin-right:340px;*/
        margin:0 0 0 170px;
        padding:0;
        height: 100%;/*        background-color:#0000ff;*/
}
div.text ul {
        padding:1px 0 2px 1.5em;
}
div.text li {
        padding:1px 0 2px 0;
}
div.pictureframe {
        float:right;
        width:384px;
        padding:0;
        margin:0 0 10px 20px;
        /*height:474px;*/
}
#imageright {
        width:385px;
        float:right;
        display: inline;
}
#imageright img {
        width:367px;
        height:476px;
}


img.floatright {
        float:right;
        display: inline;
        width: 113px;
        height: 150px;
        margin-left: 5px;
        margin-bottom: 5px;
}
div.smallimages {
        clear: right;
        left: 0;
}


.pictureframe a img {
        display: inline;
        width: 113px;
        height: 150px;
        margin-left: 3px;
        margin-bottom: 3px;
}

#imageData #numberDisplay {display: none !important}


#footer {
        padding:0;
        text-align:center;
        color:#ffffff;
}
#footer a {
        color:#ffffff;
}
.invisible {
        display:none;
}

a:link {
        color:#a90532;
        text-decoration:none;
}
a.linkright {
        margin-left: 10px;
}
a.mobile {
        color: inherit;
        text-decoration:none;
}



#kontakt {
        float:right;
        display: inline;
        width: 113px;
        margin-left: 3px;
margin-top:140px;
}

#kontakt a {
        color: #fff;
        text-decoration: none;
        text-transform:uppercase;

}

div.pages {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 100px;
        height: 100px;
        margin-right: 10px;

}

ul.pagination {
    display: inline-block;
    padding: 0;
    margin: 0;
            padding-top: 10px;
}

ul.pagination li {display: inline !important; list-style-type: none;}

ul.pagination li a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    font-size: 18px;
}

ul.pagination li a.active {
    background-color: #eee;
    color: black;
    border: 1px solid #ddd;
}
ul.pagination li a:hover:not(.active) {background-color: #ddd;}