/**************************/
/*     Content Styles     */
/**************************/

img.left {
    margin: 0 15px 15px 0;
    float: left;
    clear: left;
}

img.right {
    margin: 0 0 15px 15px;
    float: right;
    clear: right;
}

p.small {
    font-size:80%;
}

p.big {
    font-size:140%;
}
p.eng {
    margin 0;
    line-height:1.1;
}
div.linkbutton, .linkbutton {
}

div.important, .important {
    clear: both;
    background: #eee;
    padding: 1em 2em;
    border: .3em solid red;
    margin: 1em 0;
}


.important p:first-child,
.warning p:first-child {
    margin-top: 0;
}
.important p, .warning p {
    margin: 1em 0 0;
}

span.highlight {
    font-weight: bold;
    letter-spacing: .06em;
    color:red;
}

._-_-_-_-_-_-_{}



/*******************/
/*      Start      */
/*******************/
#body {
    background: url(images/Fuesse1heller0.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
body {
	font: 12px/1.6 Verdana, Geneva, Arial, Helvetica;
    margin:0;
    padding:0;
}

body.print  {
    margin:10px;
    background:white;
}

table tr td {vertical-align: top;} /* Alle Spalteninhalte sollen oben beginnen */
form {
	margin: 0;
}
img {
	border: 0;
}

/*******************/
/*   Seitenkopf    */
/*******************/
.facebook {
    float:right;
    position:fixed;
    right:0;
    top:-5px;
    z-index:10;
    opacity:.6;"
}

.head {
    margin:0 auto;
    max-width:1400px;
}

.head h1 {
    margin:0 30% 0 0;
}
.head h1 img {
    margin-top:3rem;
    max-width:75%;
}

/*******************/
/*    Navigation   */
/*******************/

.nav {
    width:100%;
    background: rgba(255,255,250, 0.5);
    margin:0;
    padding:0;
    display: inline-block;
    position:fixed;
    /* border:2px solid red; */
}
.nav ul {
    list-style-type: none;
    padding:0;
    /* float:right; */
    position:relative;
    /* right:50%; */
    margin:0 auto;
    max-width:962px;
}
.nav ul li span {
    background:#fec;
    padding:9px 15px 8px;
    margin:-9px -15px -8px;
}
.nav ul li a {
    display:block;
    color:black;
    text-decoration: none;
    border:none;
    margin: 0 -3px;
    padding: 0 3px;
}
.nav ul.menulevel1 li a:hover {
    background:#fffffa;
    padding:0 15px;
    margin:0 -15px;
}
.nav ul.menulevel1 > li {
    line-height:2.6;
    letter-spacing: .1em;
	color: #000;
    border-left:1px solid #aaa;
    border-right:1px solid #aaa;
    float:left;
    margin:0px 0 0px -1px;
    padding: 0 15px;
    white-space: nowrap;
    float:left;
    position:relative;
    /* left:50%; */
}
.nav ul li > a {
	color: #000;
}
.nav ul.menulevel1 li.sdocs a {
    text-decoration: underline;
}
.nav ul.menulevel1 li ul.menulevel2 li a {
    text-decoration: none;
}
.nav ul.menulevel1 li.sdocs ul.menulevel2 li.sdocs a {
    text-decoration: underline;
}
.nav ul.menulevel1 li.sdocs ul.menulevel2 li.sdocs ul.menulevel3 li a {
    text-decoration: none;
}

.nav ul ul {
    background: rgba(255,255,250, 0.6);
    position:absolute;
    visibility: hidden;
    width:180px;
    padding: 1px 0 0;
    margin-top:-1px;
}
.nav ul.menulevel2 {
    left:0px;
    z-index:15;
}
.nav ul.menulevel1 li ul li {
    line-height: 1.2;
    border:none;
    width:160px;
    white-space: normal;
    margin: 0;
    padding: 8px 5px 8px 15px;
    position:relative;
}
.nav ul.menulevel1 li ul.menulevel2 li a{
    color:black;
    margin: -8px -5px -8px -15px;
    padding: 8px 5px 8px 15px;
}
.nav ul.menulevel2 li span {
    background:#fec;
    margin: -8px -5px -8px -15px;
    padding: 8px 5px 8px 15px;
    display:block;
}
.nav ul ul ul {
    left:178px;
    top:0;
    z-index:20;
}
.nav li:hover > ul {
    visibility: visible;
}


/*******************/
/*      Inhalt     */
/*******************/

.wrapper {
    margin:0 auto;
    max-width:962px;
}
#content  {
    max-width:562px;
    background:rgba(255,255,250, 0.5);
    min-height:1000px;
    padding:0px 20px;
}
#languagemenu a:hover {
    border-right:5px solid #fff;
    border-top:5px solid #fff;
    border-bottom:5px solid #fff;
    border-radius:5px;
}
p  {
    margin:0 0 1em;
}

h1, h2, h3, h4 {
	font-size: 25px;
	/* font-weight: bold; */
    font-weight:normal;
	margin: 10px 0 15px ;
	/* color:rgb(255,255,245);
    font-family: Georgia, serif;
    letter-spacing: .05em; */
    line-height:1.2;
    text-shadow: 0 0 10px rgba(0,0,0,.7);
}
#content h1, #content h2, #content h3, #content h4 {
	color:rgb(255,255,245);
}
h5  {
    font-size: 20px;
    font-weight:normal;
    margin:1.5em 0 .5em;
    color:#555;

    font-family: Tahoma, sans-serif;
}
h6  {
    font-size: 15px;
    font-weight:bold;
    letter-spacing: .05em;
    margin:12px 0 6px;
	color:#620;
}


/*******************/
/*     Submenü     */
/*******************/
.submenu h4 {
    font: bold 12px/1.6 Verdana, Geneva, Arial, Helvetica;
    color:black;
    text-shadow:none;
    margin:4em 0 0;
}




/* ========= Vorherige / nächste Seite ======== */

#pagenav  {
    width:100%;
}
#pagenav td  {
    padding:0;
    margin:0;
    width:49%;
}
#pagenav td a  {
    display:block;
    text-decoration:none;
    color:#666;
}
#pagenav td a:hover  {
    color:red;
    background:#eee;
}
#pagenav .previous {
    text-align:left;
}
#pagenav .next {
    text-align:right;
}
#pagenav .top {
    text-align:center;
}


/* ======= Letzte Zeile ======= */

#copyright  {
    background:rgba(255,255,250, 0.5);
    padding:20px 20px 5px;
    max-width:562px;
    text-align:center;
    font-size:7pt;
    letter-spacing: 1px;
    margin:0;
    color:white;
}
#copyright a  {
    text-decoration:none;
    color:white;
    opacity: .8;
}
#copyright a:hover  {
    color:black;
    background-color:white;
    opacity: 1;
}


/**********************************/
/*          Responsiveness        */
/**********************************/

@media screen and (max-width: 900px) {
    .nav ul.menulevel1 li ul.menulevel2 {
        background: rgba(250,245,240,.8) !important;
    }
.nav ul ul ul {
    position:relative;
    left: 5px;
    background: rgba(245,240,235,1);
    padding:5px 0;
    margin:5px 0 10px;
}
.nav ul.menulevel1 li ul.menulevel2 li ul.menulevel3 li {
    position:relative;
    width:150px;
    white-space: normal;
    margin: 0;
    padding: 2px 5px 2px 25px;
}
.nav ul.menulevel1 li ul.menulevel2 li ul.menulevel3 li a{
    color:black;
    margin: -2px -5px -2px -15px;
    padding: 2px 5px 2px 15px;
}
.nav ul.menulevel2 li ul.menulevel3 li span {
    background:#fec;
    margin: -2px -5px -2px -15px;
    padding: 2px 5px 2px 15px;
    display:block;
}
.nav li:hover  ul {
    visibility: visible;
}
}