@charset "ISO-8859-1";

/* ...................................... */
/* layout & programming                   */
/* Hermann W. Tesmer                      */
/* HWT-ART.studio                         */
/*                                        */
/* http://www.hwt-art.com                 */
/* info@hwt-art.com                       */
/*                                        */
/* all rights reserved                    */
/* copyright ©1998-2008 Hermann W. Tesmer */
/* ...................................... */

/* ------------------------------ Body ------------------------------ */

body {
background-color:#ffcc00;
font-size:12px;
font-family:Verdana,Arial,sans-serif;
}

/* ------------------------------ End Body ------------------------------ */

/* ------------------------------ Welcome ------------------------------ */

div#welcome {
position:relative;
top:200px;
left:120px;
width:550px;
}

/* nur fuer Internet Explorer <=V6*/
* html div#welcome {
position:relative;
top:212px;
left:120px;
width:550px;
}

/* ------------------------------ End Welcome ------------------------------ */

/* ------------------------------ &copy; ------------------------------ */

div#c {
position:fixed;
bottom:10px;
right:20px;
font-size:6pt;
text-align:right;
color:#ffffff;
}

/* nur fuer Internet Explorer <=V6*/
* html div#c {
position:fixed;
bottom:6px;
right:20px;
font-size:6pt;
text-align:right;
color:#ffffff;
}

/* ------------------------------ End &copy; ------------------------------ */

/* ------------------------------ Produkte2 ------------------------------ */

div#produkte2 a {
position:fixed;
top:80px;
right:50px;
margin-top:0px;
margin-left:0px;
padding:0px;
font-family:Verdana, Arial, sans-serif;
font-style:normal;
font-size:14pt;
text-align:left;
text-decoration:none;;
font-weight:normal;
color:#ffcc00;
}

div#produkte2 a:hover {
position:fixed;
top:80px;
right:40px;
margin-top:0px;
margin-left:0px;
padding:0px;
font-family:Verdana, Arial, sans-serif;
font-style:italic;
font-size:14pt;
text-align:left;
text-decoration:none;;
font-weight:bold;
color:#ffcc00;
}

div#produkte2 span {
position:fixed;
top:80px;
right:200px;
margin-top:0px;
margin-left:0px;
padding:0px;
font-family:Verdana, Arial, sans-serif;
font-style:italic;
font-size:14pt;
text-align:left;
text-decoration:none;;
font-weight:bold;
color:#ffcc00;
}

/* ------------------------------ End Produkte2 ------------------------------ */

/* ------------------------------ Header ------------------------------ */

div#kopfzeile {
position:fixed;
top:0px;
left:160px;
margin:0;
height:100px;
width:100%;
/* background-image:url(../grfx/banner_ssg.jpg); y-repeat:yes;  */
}

/* ------------------------------ End Header ------------------------------ */

/* ------------------------------ Footer ------------------------------ */

div#fusszeile {
position:fixed;
top:0px;
right:0px;
width:300px;
height:100%;
}

/* ------------------------------ End Footer ------------------------------ */

/* ------------------------------ rechts ------------------------------ */

div#rechts img {
position:fixed;
bottom:0px;
right:0px;
border:none;
min-width:200px;
height:100%;
float:right;
}

/* nur fuer Internet Explorer <=V6*/
* html div#rechts img {
position:fixed;
bottom:-4px;
right:-1px;
border:none;
width:200px;
height:100%;
float:right;
}

/* ------------------------------ End rechts ------------------------------ */

/* ------------------------------ Kreis ------------------------------ */

div#kreis img {
position:fixed;
top:0px;
right:0px;
width:350px; /* oder: 30%   ???*/
border:none;
float:right;
}

/* ------------------------------ End Kreis ------------------------------ */

/* ------------------------------ Kreis-klein ------------------------------*/

div#kreis-klein img {
position:fixed;
top:135px;
right:20px;
width:170px; /* oder: 30%   ???*/
border:none;
float:right;
}

div#kreis-klein li {
position:fixed;
top:200px;
right:34px;
width:150px; /* oder: 30%   ???*/
color:#ffcc00;
font-style:italic;
font-size:14pt;
text-align:center;
text-decoration:none;;
font-weight:bold;
list-style:none;
border:none;
float:right;
}

/* ------------------------------ End Kreis-klein ------------------------------ */

/* ------------------------------ Navigation ------------------------------ */

div#navback {
float:left;
position:fixed;
top:0px;
left:0px;
height:100%;
width:150px;
border-right-width:10px;
border-right-style:solid;
border-right-color:#ffffff;
background-image:url(../grfx/leiste_hoch.jpg);
}

ul#navigation {
list-style:none;
float:left;
color:#ffffff;
position:fixed;
top:0px;
left:0px;
height:100%;
width:150px;
margin:0px;
padding:3px 0 0 0;

}

ul#navigation li {
font-family:Verdana, Arial, sans-serif;
font-style:normal;
font-size:10pt;
margin-left:0px;
margin-bottom:10px;
padding:0 0 0 30px;
list-style:none;
}

ul#navigation a {
text-decoration:none;
font-weight:normal;
color:#ffffff;
list-style:none;
}

ul#navigation a:hover {
color:#ffcc00;
font-style:italic;
text-decoration:none;
font-weight:bold;
list-style:none;
}

ul#navigation span {
color:#ffcc00;
font-style:italic;
text-decoration:none;
text-transform:uppercase;
font-weight:bold;
list-style:none;
}

ul#navigation h1 {
position:relative;
top:2px;
left:-30px;
width:150px;
color:#000000;
font-style:normal;
font-size:11pt;
text-align:center;
text-decoration:none;
vertical-align:middle;
font-weight:normal;
list-style:none;
background-color:#ffcc00;
border-top:2px solid;
border-bottom:2px solid;
border-color:#ffffff;
}

/* ------------------------------ End Navigation ------------------------------ */

/* ------------------------------ Inhalt ------------------------------ */

div#head {
position:absolute;
top:0px;
left:0px;
width:550px;
margin-left:190px;
margin-right:250px;
text-align:justify;
float:left;
}

div#head-index {
position:relative;
top:0px;
left:190px;
width:550px;

margin-right:250px;
text-align:justify;
float:left;
}

div#head h1 {
position:absolute;
top:120px;
margin-right:250px;
font-size:26px;
text-decoration:none;
font-weight:bold;
font-style:italic;
text-align:left;
color:#0066CC;
}

div#head-index h1 {
position:absolute;
top:120px;
margin-right:200px;
font-size:26px;
text-decoration:none;
font-weight:bold;
font-style:italic;
text-align:left;
color:#0066CC;
}

div#head h2 {
position:absolute;
top:170px;
margin-right:250px;
font-size:14px;
color:#000000;
}

div#head h3 {
position:absolute;
top:240px;
margin-right:250px;
font-size:14px;
color:#000000;
}

div#inhalt-index {
position:relative;
top:200px;
left:0px;
height:100%;
margin-left:190px;
margin-right:250px;
text-align:justify;
float:left;
}

/* nur fuer Internet Explorer <=V6*/
* html div#inhalt-index {
position:relative;
top:200px;
left:0px;
height:100%;
width:40%;
margin-left:190px;
margin-right:350px;
text-align:justify;
float:left;
}

div#inhalt-index h2, h3 {
font-size:14px;
color:#000000;
}

div#inhalt-index p, ul {
font-size:14px;
color:#000000;
}

div#inhalt {
position:absolute;
top:200px;
left:0px;
height:100%;
margin-left:190px;
margin-right:250px;
text-align:justify;
float:left;
}

/* nur fuer Internet Explorer <=V6*/
* html div#inhalt {
position:absolute;
top:200px;
left:0px;
height:100%;
width:40%;
margin-left:190px;
margin-right:350px;
text-align:justify;
float:left;
}

div#inhalt h2, h3 {
font-size:14px;
color:#000000;
}

div#inhalt p, ul {
font-size:14px;
color:#000000;
}

div#inhalt a {
text-decoration:none;
font-weight:bold;
color:#0066CC;
list-style:none;
}

div#inhalt a:hover {
color:#FF6600;
font-style:italic;
text-decoration:none;
font-weight:bold;
list-style:none;
}

/* ------------------------------ End Inhalt ------------------------------ */

/* ------------------------------ Impressum ------------------------------ */

div#impressum h1 {
position:absolute;
top:120px;
margin-right:250px;
font-size:26px;
text-decoration:none;
font-weight:bold;
font-style:italic;
text-align:left;
color:#0066CC;
}

div#impressum {
position:absolute;
top:240px;
left:0px;
height:100%;
margin-left:190px;
margin-right:250px;
text-align:justify;
float:left;
}

div#impressum span {
font-size:14px;
font-weight:bold;
text-decoration:underline;
color:#000000;
}

div#impressum p, ul {
font-size:14px;
color:#000000;
}

div#impressum a {
text-decoration:none;
font-weight:bold;
color:#0066CC;
list-style:none;
}

div#impressum a:hover {
color:#FF6600;
font-style:italic;
text-decoration:none;
font-weight:bold;
list-style:none;
}

/* ------------------------------ End Impressum ------------------------------ */

/* ------------------------------ Show ------------------------------ */

div#show {
position:fixed;
bottom:0px;
left:0px;
width:181px; /* oder: 30%   ???*/
height:109px;
border:none;
float:left;
background-image:url(../grfx/detailkreis_sommer.gif);
/* background-image:url(../grfx/detailkreis_winter.gif);  */
}

/* nur fuer Internet Explorer <=V6*/
* html div#show {
position:fixed;
bottom:-4px;
left:0px;
width:181px; /* oder: 30%   ???*/
height:109px;
border:none;
float:left;
background-image:url(../grfx/detailkreis_sommer.gif);
/* background-image:url(../grfx/detailkreis_winter.gif);  */
}
/* ------------------------------ End Show ------------------------------ */