body, html {
height: 100%;
padding: 0;
margin: 0;
}
/*----------------------Hintergrunddarstellung----------------------------------*/
body {
font: 78%, arial, helvetica, serif;
background: black url(images/body-bg.jpg)repeat-x;
text-align: center;
}
#gesamt { text-align: left;
margin: 0 auto 0 auto;
padding: 0;
width: 900px;
}
#hintergrund { background: url(images/Entwurf2_13.jpg) no-repeat;
width: 900px;
height: 250px;
padding: 0;
/* margin-left: -10px; */
}
#footer {
background: url(images/footer.jpg) center bottom no-repeat;
text-align: center;
vertical-align: bottom;
color:#999;
padding-bottom: 0px;
margin-bottom: -5px;
line-height: 21px;
}
#footer img a {border-style: none;
padding-bottom: -3px;}
*html #footer { width: 900px;
height: 45px;
padding: 0;
margin: 0px 0px 0px 0px;
}
*+html #footer { width: 900px;
height: 45px;
padding: 0;
margin: 0px 0px 0px 0px;
}
table { float: left;
width: 900px;
min-height: 200px;
margin: 0 auto 0 auto;
padding: 0;
background: url(images/back2.gif) repeat-y;
}
input {
background: url(images/input.png);
color: #fff;
border-style: none;
width: 116px;
}
input:focus {
background: url(images/inputhover.png);
color: #fff;
border-style: none;
width: 116px;
}
input:hover {
background: url(images/inputhover.png);
color: #fff;
border-style: none;
width: 116px;
}
input[type=text] {
background: #202020;
color: #fff;}
input[type=text]:focus {
background: #303030;
color: #fff;}
textarea { background: #202020;
color: #fff;}
textarea:focus { background: #303030;
color: #fff;}
select, option { background-color: #202020;
color: #fff;}
/*--------------------------------------------Überschrift--------------------------------------------------------*/
#name { margin: 0;
margin-left: -3000px;
line-height: 3px;
padding: 0; }
/*--------------------------------------------Inhaltstabelle-------------------------------------------------------*/
td {vertical-align: top;
}
td ul {
width: 95px;
font-size: x-small;
list-style-type: none;
line-height: 19px;
text-align: center;
padding: 0px 0px 0px 3px;
margin: 0px 0px 0px 32px;
}
td ul.sub {
width: 65px;
font-size: x-small;
list-style-type: none;
line-height: 19px;
text-align: center;
padding: 3px;
margin: 0px 0px 0px 12px;}
*html td ul { margin-top: 0px;}
*+html td ul { margin-top: 0px;}
td ul li { border-bottom: 1px solid #002100;
}
td ul li a { text-decoration: none;
display: block;
font-size: 0.9em;
color: #fff;
}
/*Pseudoklassen Navi Seite*/
td ul li a:link, td ul li a:visited {
background: url(images/butnonactive.gif) no-repeat;}
td ul li a:hover, td ul li a:active {
background: url(images/butactive.gif) no-repeat;}
td ul li.aktiv a:link, td ul li.aktiv a:visited, td ul li.aktiv a:hover, td ul li.aktiv a:active {
background: url(images/butactive.gif) no-repeat;}
td ul.sub li a:link, td ul.sub li a:visited {
background: transparent; }
td ul.sub li a:hover, td ul.sub li a:active {
background: transparent;
color: #002100; }
td ul.sub li.aktiv a:link, td ul.sub li.aktiv a:visited, td ul.sub li.aktiv a:hover, td ul.sub li.aktiv a:active {
background: transparent;
color: #002100; }
/*-------------------------*/
div.willkommen {
font-size: small;
font-weight: bold;
font-style: italic;
text-align: center;
color: #151515;
padding-left: 10px;
}
div.willkommen img {
float: left;
margin-top: -18px;
}
*html div.willkommen {margin-top: 20px;
}
*+html div.willkommen {margin-top: 20px;
}
td p img {
float: right;
padding-right: 8px;
}
td div.zitimg img { padding-top: 20px;
padding-left: 35px;}
td div.zitate {
font-size: 1.00em;
font-weight: bold;
font-style: italic;
text-align: center;
color: #002100;
width: 80px;
padding-left: 38px;
line-height: 12px;
}
td div.zitate span {
font-size: 0.8em;
}
* html td ul div.zitate { margin: 0;}
*+ html td ul div.zitate { margin: 0;}
td ul div.zitate span { font-size: 0.8em;
}
div.rechts {
float: left;
width: 600px;
color: #001700;
font-weight: bold;
margin-top: 90px;
padding-bottom: 20px;
padding-left: 10px;
}
div.rechts span {
font-style: italic;
}
div.rechts img {
display: block;
padding: 0;
margin: 0;
max-width: 500px;}
div.rechts p {
font-size: small;
}
div.galerie {
float: left;
padding-left: 10px;
color: #cccccc;
font-weight: bold;
min-height: 400px;
}
div.galerie input {
color: #fff;
}
div.galerie img { display: block;
float: left;
vertical-align: top;
max-width: 550px;
border: groove 5px #202020;
padding: 0;
margin: 0;
}
h3 a { color: #002100;}
h2 { color: #002100;}
table.kontakt { margin: 0;
margin-left: 10px;
width:300px;
background: url(images/back3.gif);
}
/* --------------------Tabelle Ende, Navi oben (herausgelöst)-------------------------*/
/*Navibox*/
#container {
position: absolute;
left: 60%;
top: -10px;
width: 20em;
text-align: center;
}
*html #container {
top: 3px;
left: 50%;}
*+html #container {
top: 3px;
left: 50%;}
#nav, #nav ul {
float: left;
width: 36em;
color: #fff;
list-style: none;
line-height: 1;
background: transparent;
font-weight: bold;
padding: 0;
z-index: 10;
}
#nav a{
display: block;
width: 10em;
w\idth: 6em;
color: #fff;
text-decoration: none;
padding: 0.25em 2.395em; }
*html #nav a {
paddi\ng: 0.285em 2.385em 0.29em 2.385em;}
*+html #nav a {
paddi\ng: 0.285em 2.385em 0.29em 2.385em;}
#nav a.content {
border: solid;
border-width: 0.09em;
}
#nav li { float: left;
padding: 0;
width: 10em;
margin:0;
}
#nav li ul {
position: absolute;
left: -999em;
height: auto;
width: 14.4em;
w\idth: 13.9em;
font-weight: normal;
border-width: 0.1em;
margin: 0;}
*html #nav li ul {
marg\in: 0 0 0 -2em;}
*+html #nav li ul {
marg\in: 0 0 0 -4em;}
#nav li li { background: #303030;
padding-right: 1em;
width: 13em;
}
* html #nav li li {
padding: 0;
width: 9em;
}
*+ html #nav li li {
padding: 0;
width: 14em; }
#nav li ul a {
width: 13em;
w\idth: 9em;
}
#nav li ul ul {
margin: -1.75em 0 0 14em;
}
* html #nav li ul ul {
margin: -0.75em 0 0 9.5em;}
*+ html #nav li ul ul {
margin: -0.95em 0 0 7em;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
}
#nav li li:hover, #nav li li.sfhover {
background: #202020;
}
#nav li a:hover, #nav li a.sfhover {
text-decoration: underline;}