html {
/* this is a hack to force scrollbars on at
all times so that the page does not jump
when going from short to long pages */
height: 100%;
margin-bottom: 1px;
}
body {
margin: 0;
padding: 0;
line-height: 135%;
font-family: Arial, Helvetica, sans-serif;
}
#indent {
margin: 36px 0px 0px 28px;
}
#text {
margin: 0px 0px 0px 210px;
width: 339px;
}
#textline {
margin: 0px 0px 5px 0px;
padding: 0px;
border: 0px;
}
#textline_unten {
margin: 15px 0px 5px 0px;
padding: 0px;
border: 0px;
}
span.pathway {
font-size: 0.7em;
margin-top: 0px;
color: #666;
}
#indent p {
margin: 10px 0px 15px 28px;
line-height: 135%;
font-size: 0.8em;
}
#rand p {
margin: 0px 0px 8px 0px;
line-height: 120%;
font-size: 0.65em;
color: #333;
}
#text p {
margin: 10px 0px 15px 0px;
line-height: 160%;
font-size: 0.8em;
color: #333;
}
img {
border: 0px;
}
img#rand {
margin: 12px 8px 8px 8px;
}
img#bild {
margin: 0px;
}
img#indego {
margin: 3px 60px 0px 0px;
float: right;
vertical-align:top;
}
span.bildtext {
display: block;
font-size: 0.7em;
margin: 5px 0 15px 0;
color: #666;
}
h1, h3 {
/* setup some more readable header spacing */
padding-bottom: 5px;
margin: 30px 0 0 0;
color: #4f8ec7;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}
h2 {
/* Main Text Title */
padding-bottom: 5px;
margin: 15px 0 15px 0;
color: #4f8ec7;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}
h4 {
/* Randboxen */
padding-bottom: 5px;
margin: 7px 0 0 0;
color: #4f8ec7;
line-height: 115%;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}
h5 {
/* News überschriften*/
padding-bottom: 0px;
margin: 10px 0 0 0;
color: #4f8ec7;
line-height: 110%;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}
/* FONT SIZES */
body {font-size: 12px;}
h1 {font-size: 135%;}
h2 {font-size: 125%;}
h3 {font-size: 120%;}
h4 {font-size: 100%;}
/* LINKS */
a:link,
a:visited {
color: #4f8ec7;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* PAGE SIZE */
html {
background: #fff url(../../images/bg.png) 0 0 repeat-x;
}
div#wrapper {
margin: 6px auto;
width: 912px;
padding: 0px 0px;
}
/* HEADER */
div#header {
width: 912px;
height: 175px;
background: url(../images/header-bg.png) 0 0 no-repeat;
}
div#header-1 {
margin: 0px 6px;
height: 51px;
padding: 4px
}
div#tabarea {
margin: 0 10px;
}
div#tabarea_l {
padding-left: 1px;
}
div#tabarea_r {
height: 51px;
padding-right: 1px;
}
a.mainlevel:link, a.mainlevel:visited {
padding-left: 10px;
color: #fff;
}
a.mainlevel:hover {
font-weight: bold;
}
#tabarea li a {
background: url(../images/hover_off.png) 0 0 repeat-x;
}
#tabarea li.active {
background: url(../images/hover.png) 0 0 repeat-x;
}
#tabmenu li a {
background-position: 100% 0;
}
#tabarea a:link, #tabarea a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.1em;
float:left;
display:block;
padding: 20px 12px 15px 12px;
color: #fff;
text-decoration: none;
}
#tabarea a:hover {
color: #fff;
background: url(../images/hover.png) 0 0 repeat-x;
}
#tabmenu {
padding: 0;
white-space: nowrap;
float: left;
}
#tabmenu ul {
float: left;
margin: 0;
padding: 0;
list-style: none;
}
#tabmenu li {
float: left;
margin: 0;
padding: 0;
}
#tabarea li.passive {
background: url(../images/hover_off.png) 0 0 repeat-x;
}
#tabarea li.active a {
background: url(../images/hover.png) 0 0 repeat-x;
}
/* MENU */
#menu {
width: 180px;
margin: 0px 0px 0px 0px;
float: left;
}
img#menuline {
margin: 0px;
padding: 0px;
width: 180px;
float: left;
}
div.menuarea {
margin: 0px;
padding: 0px;
}
#menuarea a:link, #menuarea a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.75em;
display: block;
width:130px;
padding: 5px 5px 5px 5px;
color: #4f8ec7;
text-decoration: none;
}
#menuarea a:hover {
color: #000;
}
#menumenu {
padding: 0;
white-space: nowrap;
}
#menuactive {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.75em;
display: block;
width:180px;
padding: 5px 5px 5px 5px;
color: #000;
}
#indent_1 {
margin: 0px 0px 0px 15px;
}
#indent_2 {
margin: 0px 0px 0px 30px;
}
/* CONTENT */
#mainbody {
color: #000;
padding: 22px 34px 34px 20px;
background: url(../images/content-bg.png) 0 0 repeat-y;
}
table {
border-collapse: collapse;
margin: 0px;
border: 0px;
padding: 0px;
}
table#mainbody_1 {
border-collapse: collapse;
margin: 0px;
border: 0px;
padding: 0px;
width: 858px;
}
td#left {
margin: 0px;
width: 559px;
border: 0px;
padding: 0px;
vertical-align: top;
}
td#leer {
margin: 0px;
width: 20px;
border: 0px;
padding: 0px;
}
td#right {
margin: 0px;
width: 279px;
border: 0px;
padding: 0px;
vertical-align: top;
}
tr {
margin: 0px;
border: 0px;
padding: 0px;
}
td {
margin: 0px;
border: 0px;
padding: 0px;
vertical-align: top;
}
/* Formular */
input, select, textarea {
font-size: 12px;
font-family: Arial, sans-serif;
color:#000000;
}
.blau {
font-family: Arial, sans-serif;
font-size: 0.7em;
color: #666;
vertical-align: top;
}
.button {
font-family: Arial, sans-serif;
font-size: 12px;
color: #000000;
}
.feld {
background-color:#f3f9ff;
padding-left:4px;
width:200px;
height:19px;
border:1px solid #c7c7c7;
color:#000;
}
.feld_zeilen {
background-color:#f3f9ff;
padding-left:4px;
width:200px;
height:60px;
border:1px solid #c7c7c7;
color:#000;
}
.feldkurz {
background-color:#f3f9ff;
padding-left:4px;
width:100px;
height:19px;
border:1px solid #c7c7c7;
color:#000;
}
.auswahl {
background-color:#f3f9ff;
height:19px;
width:200px; border:1px solid #c7c7c7;
}
/* FOOTER */
#footer {
color: #666;
text-align: left;
font-size: 0.8em;
padding: 9px 34px 2px 20px;
background: url(../images/footer-bg.png) 0 0 repeat-y;
}
div#alignleft {
float: left;
text-align: left;
}
div#alignright {
text-align: right;
}
#footer a:link, a:visited {
text-decoration: none;
color: #4f8ec7;
}
#footer a:hover {
text-decoration: none;
color: #000;
}