* {
margin : 0;
padding : 0;
border : 0;
}
html, body {
height : 100%;
}
body {
background-color : #ffffff;
font : 100.01%/1.4 sans-serif;
text-align : left;
font-family : 'frutiger linotype', frutiger, verdana, sans-serif;
}
#wrapper {
width : 974px;
}
#left {
width : 136px;
float : left;
min-height : 100%;
height : 100%;
}
#right {
width : 838px;
margin-left : 136px;
}
#top {
height : 34px;
background : #000000;
}
#topbar {
min-height : 34px;
background : url(images/interactive.gif);
background-repeat : no-repeat;
background-position : top right;
}
#content {
margin-top : 1px;
margin-left : 15px;
}
#topnav {
height : 20px;
background : #5384bb;
margin-bottom : 15px;
}
#topnav ul {
margin-left : 20px;
}
#topnav li {
padding-left : 22px;
padding-right : 22px;
font-size : 0.75em;
height : 20px;
float : left;
display : block;
line-height : 20px;
color : #ffffff;
}
#topnav a {
color : #ffffff;
text-decoration : none;
}
#topnav a:hover {
color : #ffa300;
}
#line-middle {
background : url(images/contbg-middle.gif);
min-height : 100%;
height : 100%;
width : 823px;
}
#contbg-line-bottom {
background : url(images/contbg-line-bottom.gif);
width : 823px;
height : 10px;
}
#contbg-line-top {
background : url(images/contbg-line-top.gif);
width : 823px;
height : 10px;
}
#footline {
width : 823px;
height : 17px;
background : url(images/foot-line.gif);
}
h1 {
font-size : 1em;
color : #575757;
text-align : right;
border-bottom : 2px solid #ffa300;
width : 803px;
margin-left : 8px;
}
div.hell, div.dunkel, div.head {
width : 783px;
padding : 10px;
margin-left : 8px;
background : #e0eefe;
}
div.dunkel {
background : #c0ddfe;
}
div.head {
background : #ffffff;
border-top : 1px solid #ffa300;
border-bottom : 1px solid #ffa300;
}
h2 {
font-size : 0.85em;
font-weight : 600;
margin-top : 10px;
}
td {
font-size : 0.75em;
vertical-align : top;
padding-bottom : 5px;
}
td.head {
font-weight : 600;
padding-right : 5px;
}
p, li {
font-size : 0.75em;
}
ul.cont {
padding-left : 30px;
padding-top : 10px;
padding-bottom : 10px;
}
p a:link, p a:visited, p a:active, p a:hover, td a:link, td a:visited, td a:active, td a:hover {
text-decoration : none;
color : #ff5400;
}
p a:visited, td a:visited {
color : #2c6502;
}
p a:hover, td a:hover {
text-decoration : underline;
}
p.both {
text-align : center;
font-size : 0.7em;
}
p.left:after, p.right:after, p.both:after {
content : ".";
height : 0;
visibility : hidden;
display : block;
clear : left;
}
p.right:after {
clear : right;
}
p.both:after {
clear : both;
}
* html p {
height : 1px;
}
img.right {
float : right;
margin-left : 10px;
}
img.left {
float : left;
margin-right : 10px;
}
img.valid {
margin : 5px 10px;
}
img.logo {
margin-bottom : 80px;
}
form {
width : 630px;
padding : 0;
border : 2px solid #ffffff;
margin-bottom : 15px;
background : #e0eefe;
padding : 10px;
}
p.error {
color : #d30000;
}
input, textarea {
border : 1px solid #c0ddfe;
}
input.reset, input.submit {
width : 99px;
height : 26px;
padding : 3px 20px;
background : url(images/submit-bg.jpg);
border : 0;
}
input.reset:hover, input.submit:hover {
background : url(images/submit-bg-r.jpg);
color : #5384bb;
}
textarea {
width : 400px;
height : 250px;
}
td.legend {
padding-right : 15px;
vertical-align : top;
}
table.form td {
text-align : left;
font-size : 80%;
}
table.form td.submit {
text-align : right;
padding-right : 5px;
}