/* Makeshift CSS Reset */  
<!--

h1 {font-size:14pt;
    color:#FF8000;
    margin-top:0cm;
    margin-bottom:0cm;
    margin-left:0cm;
    font-family:Verdana;
    text-align: center;
}
h2 {font-size:14pt;
    color:#FF8000;
    margin-top:0cm;
    margin-bottom:0cm;
    margin-left:0cm;
    font-family:Verdana; }
h3 {font-size:12pt;
    color:#FF8000;
    margin-top:0cm;
    margin-left:0cm; }

/* Tell the browser to render HTML 5 elements as block */  
header, head, footer, aside, nav, article {
    display: block;
    font: 13px monospace, Arial, sans-serif;
}  

body {
    margin: 0 auto;
    margin-top: 45px;
    width: 100%;
    font: 13px monospace, Arial, sans-serif;
    color:#FF8000;
    background: black;
    background-color: #123456;
    background-image: url('../img/space-1579231_1920.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    
    width:984px;
    padding-left: 10px;
    margin-top:-50px;
}

::-webkit-scrollbar {
        width: 6px;
        height: 6px;
}

::-webkit-scrollbar-button:start:decrement {
        background-color: #202020;
        display: block;
        height: 0px;
}
::-webkit-scrollbar-button:end:increment {
        background-color: #202020;
        display: block;
        height: 0px;
}

::-webkit-scrollbar-button:vertical:increment {
        background-color: #202020;
}

::-webkit-scrollbar-track-piece {
        background-color: #202020;
        -webkit-border-radius: 3px;
}

::-webkit-scrollbar-thumb:vertical {
        height: 50px;
        background-color: #ccc;
        -webkit-border-radius: 3px;
}

::-webkit-scrollbar-thumb:horizontal {
        width: 50px;
        background-color: #ccc;
        -webkit-border-radius: 3px;
}

.head {
    height:546px;
    background-position: 12px -20px;
    background-image:url('../img/Trundicho_Wangerooge_970.jpg');
    background-repeat:no-repeat;
}

.maincontent {
    width:100%;
    padding-left: 10px;
    margin-top:-50px;
}

a { font-weight:bold; color:#CD3700; }
a:link { font-weight:bold; color:#CD3700; }
a:visited { font-weight:bold; color:#CC1100; }
a:focus { font-weight:bold; color:#C73F17; }
a:hover { font-weight:bold; color:#C73F17; cursor: pointer; }
a:active { font-weight:bold; color:#C73F17; }

a img {
    border:none;
}

p {  
    padding-bottom: 22px;  
} 

nav { 
    left: 0;
}

table, td, th {
    border: 0px solid yellow;
    padding: 0px;
}

.nav_rotate {
    margin-top: 110px;
    margin-left: 689px;
    width: 225;
    text-align: right;
    -moz-transform: rotate(-6.2deg);  /* FF3.5+ */
    -o-transform: rotate(-6.2deg);  /* Opera 10.5 */
    -webkit-transform: rotate(-6.2deg);  /* Saf3.1+, Chrome */
}

nav ul {  
    margin: 0px -30px;  
    list-style: none;  
}

nav ul li {  
    float: left;
}  

nav ul li a {
    display: block;
    padding-left:14px;
    padding-right:14px;
    font-size: 17px;
    line-height: 40px;
    text-align: center;  
    text-decoration: none;  
    color: black;
}  

nav ul li a:link {color: #222222; }

nav ul li a:visited { color: #222222;}

nav ul li a:active { color: black;}

nav ul li a:hover {  
    color: #222222;
    background-color:#C73F17;
}  

nav ul li.selected a {  
    color: black;
}

.crosslinks {
    margin-top:40px;
    margin-left:40px;
}

.discography {
    background-color:#202020;
    font-size:8pt;
    padding:5px;
    -moz-border-radius:5px;
    -khtml-border-radius:5px;
}

.discography:hover {
    background-color:#1b1b1b;
}

.discography_table {
    margin:5px;
}

.tweet {
    background-color:#202020;
    padding:5px;
    margin-left:5px;
    margin-right:5px;
    -moz-border-radius:5px;
    -khtml-border-radius:5px;
    list-style-type:none;
}

.tweet:hover {
    background-color:#1b1b1b;
}

.date {
    background-color:#202020;
    padding:5px;
    margin-left:5px;
    margin-right:5px;
    -moz-border-radius:5px;
    -khtml-border-radius:5px;
    list-style-type:none;
}

.date:hover {
    background-color:#1b1b1b;
}

.border {
    background-color: #202020;
    border:5px solid #555555;
    border-style: double;
    border-radius: 8px;
    border-color: #808080;
    width: 465px; 
    max-height: 380px;
    height: 355px; 
    -moz-border-radius:8px;
    -khtml-border-radius:8px;
    position:relative;
    margin-top: 0px;
    overflow:hidden;
}

.termin {
    width:425px;padding:10px;
}

.album_border {
    position:absolute;
    margin-left:270px;
    width:445px;
    height:345px;
    padding:20px;
    max-height:none;
    border: 5px solid #999999;
    overflow:visible;
    padding:5px;
    margin-top:-200px;
    visibility:hidden;
    background-color:#eeeeee;
    -moz-border-radius:5px;
    -khtml-border-radius:5px;
}

.divNavi {
    position:relative; 
    margin-top: 0px;
    padding-top: 10px;
    height:40px;
    width: 100%;
    text-align: center;
    z-index:100;
    background-color: #191919;
    opacity: 0.95;
}

.divNaviBottom {
    position:absolute; 
    height:27px;
    bottom:0px;
    width: 100%;
    text-align: center;
    z-index:100;
    background-color: #191919;
    opacity: 0.93;
}

.divNavi:hover {
    background-color: #292929;
}

.divNaviBottom:hover {
    background-color: #292929;
}

.viewContent {
    padding: 5px;
}

-->