/* commented backslash hack v2 \*/
html, body{height:100%;}
/* end hack */
body {
padding: 10px 0 0 0;
margin: 0;
color: #000000;
background: url(back_left.jpg) no-repeat;
}
#outer{
height:100%;
min-height:100%;
margin-left:180px;
margin-right:150px;
background:#FFF;
border-left:1px dotted #93CCB9;
margin-bottom:-30px;
color: #000000;
}
.csc-mailform {
width: 280px;
}
#all {
width:expression(document.body.clientWidth > 1060? "1060px": "auto" );
height:100%;
min-height:100%;
max-width: 1060px;
}
html>body #outer{
height:auto;
} /*for mozilla as IE treats height as min-height anyway*/
#header{
position:absolute;
top:0;
left:0;
height:113px;
background: #93CCB9 url(tropfen_head.jpg) no-repeat;
overflow:hidden;
color: #FFF;
width: 100%;
max-width: 1060px;
}
#menu_oben {
width:100%;
margin: 91px 0 0 10px;
}
#left {
position:relative;/*ie needs this to show float */
width:180px;
float:left;
margin-left:-179px;/*must be 1px less than width otherwise won't push footer down */
}
#login {
margin: 20px 0 0 10px;
}
* html #left {padding-bottom:52px ;margin-right:-3px;}/*fix gap in ie next to float and clear footer because we've moved float too far left*/
#left p {padding-left:3px;padding-right:2px}
#right p {padding-right:1px;padding-left:1px;}
#right {
position:relative;/*ie needs this to show float */
width:140px;
float:right;
margin-right:-139px;/*must be 1px less than width otherwise won't push footer down */
}
* html #right {padding-bottom:52px ;margin-right:-150px;}/* stop float drop in ie */
#footer {
width: 100%;
clear:both;
height:30px;
border-top:1px solid #999;
border-bottom:1px solid #999;
background-color: #93CCB9;
color: #FFF;
text-align:center;
position:relative;
font-family: Verdana, Arial, sans-serif;
font-size: 70%;
}
* html #footer {/*only ie gets this style*/
\height:32px;/* for ie5 */
he\ight:30px;/* for ie6 */
}
#clearheader{height:108px;}/*needed to make room for header*/
#clearfooter{clear:both;height:30px;}/*needed to make room for footer*/
* > html #clearfooter {float:left;width:100%;}
div,p {margin-top:0}/*clear top margin for mozilla*/
* html #centrecontent {height:1%;margin-bottom:12px}/* combat IE's 3 pixel jog */
#centrecontent {float:right;width:100%;position:relative;margin: 0 -0.5%;}
.outerwrap {
float: left;
width: 99%;
}
a:link, a:visited {
text-decoration: none;
color: #3CB099;
font-weight: bold;
}
a:hover {
text-decoration: underline;
}
h1 {
font-size: 120%;
color: #000000;
font-family: Verdana, Arial, sans-serif;
padding: 0px 10px 5px 10px;
}
h2 {
font-size: 120%;
color: #000000;
font-family: Verdana, Arial, sans-serif;
padding: 0px 10px 5px 10px;
}
h3 {
font-size: 0.85em;
color: #000000;
font-family: Verdana, Arial, sans-serif;
}
P.bodytext {
font-size: 85%;
color: #000000;
font-family: Verdana, Arial, sans-serif;
padding: 0px 10px 5px 10px;
}
P.bodytext A {
font-weight: bold;
}
.form {
padding: 10px 0 5px 10px;
}
.tx-newloginbox-pi1 {
font-size: 85%;
color: #000000;
font-family: Verdana, Arial, sans-serif;
padding: 0px 10px 5px 10px;
}
.imgtext-table {
padding: 0 0 5px 10px;
}
#menu_oben ul {
list-style: none;
margin:0;
padding: 0;
font-weight: bold;
font-size: 0.75em;
}
#menu_oben li {
padding: 0 20px 0 0;
float:right;
font-family: Verdana, Arial, sans-serif;
}
#menu_oben li a {
color:#FFF;
}
li *.active_oben {
color:#4B8C3A;
}
#menu_oben ul a:visited {
color:#FFF;
text-decoration:none;
}
#menu_oben ul a:hover {
color:#FFF;
text-decoration:underline;
}
#left ul {
list-style: none;
margin: 0 0 0 0;
padding: 10px 20px 0 10px;
text-align: left;
font-weight: bold;
font-size: 0.75em;
font-family: Verdana, Arial, sans-serif;
}
#left ul ul {
padding: 0 0 0 15px;
}
li *.no {
margin: 2px 0;
padding: 2px;
color: #3CB099;
}
li *.active {
color: #999;
border-bottom: #999 1px solid;
}
#left ul a {
display: block;
width: 100%;
text-decoration: none;
}
#left ul a:link {
display: block;
width: 100%;
text-decoration: none;
color: #3CB099;
border-bottom: #3CB099 1px dotted;
}
#left ul a:visited {
display: block;
width: 100%;
text-decoration: none;
color: #3CB099;
border-bottom: #3CB099 1px dotted;
}
#left ul a:hover {
display:block;
color: #FFF;
text-decoration: none;
background-color: #4B8C3A;
}
label.left {
float: left;
text-align: right;
width: 5em;
margin-right: .3em;
font-family: Verdana, Arial, sans-serif;
}
input[type=text], select {
float: left;
}
input.right {
float: left;
width: auto;
clear: both;
margin-left: 5.3em;
margin-right: .3em;
}
.inputtext {
float: left;
border: dotted 1px;
border-color: #3CB099;
font-family: Verdana, Arial, sans-serif;
margin: 0 0 5px 0;
}
.right {
background: #3CB099;
color: #FFF;
border: solid 1px;
}
input[type=checkbox].right,
input[type=radio].right,
input[type=submit].right {
margin-left: 6.3em;
}
form br {
clear: both;
}
.tx-guestbook-list-header { background-color: #93CCB9; color: #FFFFFF; font-weight:bold; }
.tx-guestbook-list-row { background-color: #FFFFFF; }
.tx-guestbook-list-rowleft { background-color: #FFF; }
.tx-guestbook-list-entrycomment-title {font-weight: bold; }
.tx-guestbook-list-entrycomment { font-style: italic; }
.tx-guestbook-list-small { font-size: 9px; color: #666666; }
.tx-veguestbook-pi1-browsebox TD { font-size: 9px; color: #666666; }
.tx-veguestbook-pi1-browsebox-strong, .tx-ttnews-browsebox-SCell { font-weight: bold; }
.tx-veguestbook-pi1-browsebox-SCell { background-color: #EEEEEE; }
.tx-guestbook-latest-header { background-color: #539521; color: #FFFFFF; font-weight:bold; }
.tx-guestbook-latest-row { background-color: #FFFFFF; }
.tx-guestbook-latest-small { font-size: 9px; color: #666666; }
.tx-guestbook-form-inputfield-med { border-style: solid; border-width: 1pt; border-color:#333333; font-size:12; color:#333333; width:100; height:20; }
.tx-guestbook-form-inputfield-big { border-style: solid; border-width: 1pt; border-color:#333333; font-size:12; color:#333333; width:150; height:20; }
.tx-guestbook-form-textarea { border-style: solid; border-width: 1pt; border-color:#333333; font-size:12; color:#333333; width:250; }
.tx-guestbook-form-obligationfield { color: #CC0000; }
.tx-guestbook-form-error { color: #CC0000; }