
*  { font-family: "Times New Roman", Georgia; margin: 0; padding: 0; border-style: none; }
body  { background-color: navy }
h1 { color: #400; font-size: 60px; font-weight: 700; font-style: italic; line-height: 1.5em; text-decoration: underline overline; text-align: center; }
h1.hmain { color: #400; font-size: 80px; font-style: italic; font-weight: 800; line-height: 1.5em; text-decoration: underline overline; text-align: center; }
h2 { color: #400; font-size: 30px; font-style: italic; font-weight: 700; line-height: 1.5em; text-align: center; }
.bigimg    { margin-bottom: 10px; border: ridge 6px navy; position: relative; left: 5%;}
.buttimg { float: left; margin-right: 5px; }
.comment-h { color: navy; font-style: italic; font-weight: normal; font-size: medium; text-align: justify; float: none; clear: both; margin-bottom: 20px; position: relative; left: 5%; width: 80% }
.detailimg  { float: left; margin-right: 12px; border: ridge 6px navy; }
.diline  { position: relative; left: 5%; width: 90%; margin-bottom: 20px; }
.footer    { color: maroon; font-weight: bold; font-size: medium; font-family: "Times New Roman", Georgia, Times; text-decoration: none; text-align: center; clear: both; margin-top: 20px; padding-top: 10px; padding-bottom: 10px; border-top: 4px solid navy; border-bottom: 4px solid navy; position: static; width: 100% }
.footer-h { color: #fc3; font-weight: bold; font-size: medium; font-family: "Times New Roman", Georgia, Times; text-decoration: none; text-align: center; clear: both; margin-top: 20px; padding-top: 10px; padding-bottom: 10px; border-top: 4px solid navy; border-bottom: 4px solid navy; position: static; width: 100% }
.imgcomment { font-style: italic; font-weight: normal; font-size: medium; text-align: left; width: 20%; margin-right: 20px; float: left; }
.imgselector  { background-color: gray; float: left; margin-right: 10px; margin-bottom: 10px; border: ridge 5px navy; }
.imgselector:hover { background-color: gray; margin-right: 10px; float: left; border: ridge 5px orange; }
.imgselectorblock { width: 70%; float: left; margin-top: 30px; }
.imgtxtgroup { clear: both; margin-bottom: 20px; position: relative; left: 10%; width: 80%; }
.introduction  { font-style: italic; font-weight: normal; font-size: medium; text-align: justify; width: 65% ; margin-top: 30px; }
.mainmenue  { text-align: left; position: relative; left: 5%; width: 25%   ; float: left; margin-top: 30px; }
.mainmenue-h   { position: relative; left: 0; width: 100%; max-width: 1024px; padding-bottom: 20px; }
.mlink   { color: #000080; font-size: medium; font-style: italic; font-weight: bold; text-decoration: none; width: 80% ; margin-right: 10%; margin-bottom: 10px; border-bottom: 3px ridge #000080; border-right: 3px none #000080 ; }
.mlink-h     { color: #013f3f; font-size: medium; font-style: italic; font-weight: bolder; text-decoration: none; width: 18% ; float: left; margin-top: 10px; margin-left: 5%; border-right: 3px none #013f3f; border-bottom: 3px ridge #013f3f;; }
.mlink-h:hover { color: orange; font-size: medium; font-style: italic; font-weight: bold; background-color: maroon; text-decoration: none; margin-top: 10px; margin-left: 5%; width: 18%; float: left; border-right: 3px ridge #014a4a; border-bottom: 3px ridge #014a4a; }
.mlink:hover { color: orange; font-size: medium; font-style: italic; font-weight: bold; background-color: maroon; text-decoration: none; margin-right: 10%; margin-bottom: 10px; width: 80%; border-right: 3px ridge #000080; border-bottom: 3px ridge #000080; }
.tophead   { background-color: transparent; background-image: url(Backgrd/narrowhead-f01.jpg); background-repeat: no-repeat; border-bottom: 4px solid navy; width: 100%; height: 160px    }
.tophead-g1 { background-color: transparent; background-image: url(Backgrd/narrowhead-f03.jpg); background-repeat: no-repeat; width: 100%; height: 160px; border-bottom: 4px solid navy; }
.tophead-g2 { background-color: transparent; background-image: url(Backgrd/narrowhead-y01.jpg); background-repeat: no-repeat; width: 100%; height: 160px; border-bottom: 4px solid navy; }
.tophead-im1 { background-image: url(Backgrd/narrowhead-f02.jpg); background-repeat: no-repeat; border-bottom: 4px solid navy; width: 100%; height: 160px   }
.tophead-im2 { background-image: url(Backgrd/narrowhead-y01.jpg); background-repeat: no-repeat; width: 100%; height: 160px; border-bottom: 4px solid navy; }
.tophead-main   { background-image: url(Backgrd/bighead02.jpg); background-repeat: no-repeat; border-bottom: 10px solid navy; width: 100%; height: 380px   }
#container-g1  { background-color: transparent; background-image: url(Backgrd/karte03.jpg); background-repeat: repeat-y; background-position: 0 0; margin-left: -42%; position: absolute; left: 50%; width: 85% ; }
#container-g2 { background-color: transparent; background-image: url(Backgrd/karte02.jpg); background-repeat: repeat-y; background-position: 0 0; margin-left: -42%; position: absolute; left: 50%; width: 85%; }
#container-im1    { background-image: url(Backgrd/backcanvasblue02.jpg); background-repeat: repeat-y; margin-left: -42%; position: absolute; left: 50%; width: 85% ; }
#container-im2 { background-image: url(Backgrd/backcanvasblue02.jpg); background-repeat: repeat-y; margin-left: -42%; position: absolute; left: 50%; width: 85%; }
#container-main           { background-color: transparent; background-image: url(Backgrd/mainback.jpg); background-repeat: repeat-y; background-position: 0 0; position: absolute; left: 50%; margin-left: -42%; width: 85% ; }
#container-mod { background-image: url(Backgrd/backcanvasblue01.jpg); background-repeat: repeat-y; position: absolute; left: 50%; margin-left: -42%; width: 85% ; }
