#gallery_container {
    position:fixed;
    top:0px; left:0px;
    background-color:#aaaaaa;
    background-image:url(_img/back2.png);
    width:100%;
    height:100%;
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    overflow:scroll;
}

#gallery_container img{
    margin-top:30px;
    margin-bottom:30px;
}

#gallery_close {
    position:fixed;
    right:30px;
}

#gallery_prev {
    padding-bottom:15px;
}

#gallery_next {
    padding-bottom:15px;
}

#gallery_img {
    border:7px solid #ffffff;
    
    box-shadow: 0px 1px 4px #444444;
        -webkit-box-shadow: 0px 1px 4px #444444;
        -moz-box-shadow: 0px 1px 4px #444444;
}

/* generall */
.hidden {
    display: none
}
ul li {
    list-style-type:disc;
}
ol li {
    list-style-type:decimal;
}
a {
    color:#aa6735;
    text-decoration:underline;
    font-weight:bold;
}
a:hover {
    text-decoration:none;
}

code {
    font-size:10pt;
    font-family:monospace;
    background-color:#dddddd;
    border:1px solid #aaaaaa;
    padding-left:4px;
    padding-right:4px;
}

pre code {
    display:block;
    margin-left: 20px;
    font-size:10pt;
    font-family:monospace;
    background-color:#dddddd;
    border:1px solid #aaaaaa;
    padding-left:4px;
    padding-right:4px;
}

/* header */
h1#blogtitle, h1#blogtitle a{
    text-decoration:none;
    font-size:18pt;
    font-weight:bold;    
    padding:20px 0 0 15px;
    margin:0;
    color:#5598ca;
    background-color:#dddddd;
    height:35px;
    background-image:url(_img/tbg.png);
    border-width:0px;
}
h2#subtitle:before {
    content:none;
}
h2#subtitle {
    font-size:10pt;
    font-weight:bold;    
    padding:0 0 10px 40px;
    margin:0;
    color:#aa6735;
    background-color:#dddddd;
    background-position:0 -55px;
    background-image:url(_img/tbg.png);
    height:15px;
}

img.tex {
    vertical-align:middle;
}

/* menu */
#menu {
    float:left;
    width:15%;
    margin-left:1%;
}
#menu ul, #menu li{
    margin:0;
    padding:0;
    list-style-type:none;
}
#menu ul{
    padding-left:15px;
    border-collapse:collapse;
}
#menu ul, #menu ul ul ul{    
}

#menu ul ul, #menu ul ul ul ul{    
}


#menu li{

}
a.menulink {
    margin-top:-1px;
    padding:2px 0 2px 5px;
    display:block;
    color:#5598ca;
    font-weight:bold;
    text-decoration:none;
    font-size:11pt;
    width:100%;
    border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
    border: 1px solid #dddddd;
    border-collapse:collapse;
}
a.menulink:hover{
    color:#444444;
    background-color:#999999;
    background-image:url(_img/btn.png);
    border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
    box-shadow: 0px 1px 4px #444444;
        -webkit-box-shadow: 0px 1px 4px #444444;
        -moz-box-shadow: 0px 1px 4px #444444;
        
    text-decoration:underline;
}

/* content */
body {
    margin:0;
    background-color:#eeeeee;
    background-image:url(_img/back.png);
    padding:0;
    font-family:sans-serif;
    font-size:11pt;
    color:black;
}

h1 {
    font-size:14pt;
    padding:10px 0 0 0;
    font-weight:bold;    
    color:#5598ca;
    border-bottom:1px solid #5598ca;
    counter-reset: kap;
}
h1 a {
    text-decoration:none;
}

table, th, td, tr {
    border: 1px solid black;
    border-collapse:collapse;
} 

div.entrytext h1:before, div.preview h1:before {
    content: counter(kap) ' ';
}
div.entrytext h1, div.preview h1{
    font-size:12pt;
    padding:10px 0 0 10px;
    font-weight:bold;    
    color:#5598ca;
    border:none;

    counter-increment: kap;
    counter-reset: subkap;
}
div.entrytext h2:before, div.preview h2:before {
    content: counter(kap) '.' counter(subkap) ' ';
}
div.entrytext h2, div.preview h2 {
    font-size:10pt;
    padding:10px 0 0 20px;
    font-weight:bold;    
    color:#5598ca;

    counter-increment: subkap;
    counter-reset: subsubkap;
}
div.entrytext h3:before, div.preview h3:before {
    content: counter(kap) '.' counter(subkap) '.' counter(subsubkap) ' ';
}
div.entrytext h3, div.preview h3 { 
    font-size:9pt; 
    padding:10px 0 0 30px;
    font-weight:bold;    
    color:#5598ca;

    counter-increment: subsubkap;
}

#footer h1:before, #footer h2:before, #footer h3:before, #footer h4:before {
    content: '';
}

#dsq-footer {
    display: none;
}

.entryheader {
    color:#5598ca;
}

.entrydate {
    font-size:9pt;
    color:#cccccc;
}

.commentcount {
    font-size:9pt;
}

#content {
    padding:5px;
    background-color:#f6f6f6;
    background-image:url(_img/back3.png);
    margin-left:26%;
    width:45%;
    box-shadow: 0px 3px 12px #444444;
        -webkit-box-shadow: 0px 3px 12px #444444;
        -moz-box-shadow: 0px 3px 12px #444444;
        
    padding:15px;
    padding-left:9%;
    padding-right:9%;
    border-radius: 7px;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
    margin-bottom:40px;
    color:black;
    text-align:justify;
}

span.pre {
    white-space:pre-wrap;
    font-family:monospace;
}

.gallery_link{
    transform: rotate(1deg);
    display:inline-block;
    padding:0px;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;  
        -ms-transition: all 0.5s;  
        -o-transition: all 0.5s;  
    transition: all 0.5s
}

.gallery_link:nth-child(2n+1) {
    transform: rotate(3deg);
        -ms-transform: rotate(3deg);
        -webkit-transform: rotate(3deg);
        -o-transform: rotate(3deg);
        -moz-transform: rotate(3deg);
}
.gallery_link:nth-child(3n+1) {
    transform: rotate(-7deg);
        -ms-transform: rotate(-7deg);
        -webkit-transform: rotate(-7deg);
        -o-transform: rotate(-7deg);
        -moz-transform: rotate(-7deg);
}
.gallery_link:nth-child(7n+1) {
    transform: rotate(-4deg);
        -ms-transform: rotate(-4deg);
        -webkit-transform: rotate(-4deg);
        -o-transform: rotate(-4deg);
        -moz-transform: rotate(-4deg);
}
.gallery_link:nth-child(5n+1) {
    transform: rotate(-2deg);
        -ms-transform: rotate(-2deg);
        -webkit-transform: rotate(-2deg);
        -o-transform: rotate(-2deg);
        -moz-transform: rotate(-2deg);
}
.gallery_link:hover {
    transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
}

.gallery_link img{
    border:2px solid white;
    box-shadow: 0px 1px 4px black;
        -webkit-box-shadow: 0px 3px 12px #444444;
        -moz-box-shadow: 0px 3px 12px #444444;
    height:75px;
    margin:4px;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;  
        -ms-transition: all 0.5s;  
        -o-transition: all 0.5s;  
    transition: all 0.5s
}

.gallery_link img:hover{
    box-shadow: 0px 1px 6px black;
        -webkit-box-shadow: 0px 3px 12px #444444;
        -moz-box-shadow: 0px 3px 12px #444444;
    height:82px;
    margin:0px;
}