Cascading Style Sheet der Website ne_01.css
body, html {
background-color: #A6A6A6;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px 0px 0px 0px;
font-family: Arial, Helvetica, Geneva, sans-serif;
font-size: 12px;
color: #555555;
height: 100%;
min-height:100%; /* for mozilla etc*/
max-height: 100%;
}
.border_top {
width: 760px;
height: 30px;
margin-left: auto;
margin-right: auto;
background-image: url(../img/border_top.gif);
}
.border_middle {
width: 760px;
height: auto;
margin-left: auto;
margin-right: auto;
background-image: url(../img/border_middle.gif);
}
.border_bottom {
width: 760px;
height: 30px;
margin-left: auto;
margin-right: auto;
background-image: url(../img/border_bottom.gif);
}
#head {
width: 700px;
height: 20px;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 20px;
padding-top: 20px;
text-align: left;
}
#head-logo {
width: 170px;
height: 20px;
float: left;
}
#head-slogan {
width: 180px;
height: 20px;
font-size: 14px;
color: #999999;
float: left;
padding-left: 20px;
font-weight: bold;
}
#metanavi {
width: 330px;
height: 20px;
font-size: 11px;
line-height: 14px;
float: left;
text-align: right;
}
#main {
width: 700px;
padding-left: 30px;
padding-right: 30px;
background-image: url(../img/main_bg.gif);
}
#main_top {
width: 700px;
clear: both;
}
#main_bottom {
width: 700px;
clear: both;
}
#container_navigation {
width: 169px;
margin-right: 1px;
height: auto;
float:left;
}
#container_content {
width: 530px;
float: right;
}
.lightblue_top_container {
width: 169px;
height: 29px;
margin-right: 1px;
margin-bottom: 1px;
background-color: #C9D6EA;
float: left;
}
.lightblue_bottom_container {
width: 169px;
height: 22px;
padding-top: 7px;
margin-right: 1px;
border-top: 1px solid #FFFFFF;
background-color: #C9D6EA;
float: left; /**/
}
.lightblue_top_border {
width: 510px;
height: 22px;
border-bottom: 1px solid #FFFFFF;
background-color: #C9D6EA;
padding: 7px 0px 0px 20px;
font-size: 12px;
color: #555555;
text-align: left;
float: left; /**/
}
.lightblue_bottom_border {
width: 510px;
height: 24px;
border-top: 1px solid #FFFFFF;
background-color: #C9D6EA;
float: left; /*clear: both;*/
padding: 5px 0px 0px 20px;
}
#mainnavi {
width: 169px;
height: auto;
}
#locator {
width: 490px;
padding-top: 10px;
padding-left:20px;
padding-right:20px;
padding-bottom: 0px;
font-size: 11px;
}
#locator a {
font-size: 11px;
color: #000080;
line-height: 14px;
text-decoration: none;
}
#locator a:hover {
text-decoration: underline;
}
#main_content {
background-color: #EFF3F9;
margin: 0px;
padding: 0px;
}
#content {
width: 490px;
min-height: 150px;
padding-top: 20px;
padding-left:20px;
padding-right:20px;
padding-bottom: 20px;
}
#headerimage {
width: 530px;
height: 149px;
border-bottom: 1px solid #FFFFFF;
}
.left_container {
width: 290px;
height: 140px;
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
padding-bottom: 20px;
margin-right: 1px;
margin-bottom: 1px;
background-color: #ECECEC;
float: left;
}
.right_container {
width: 159px;
height: 140px;
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
padding-bottom: 20px;
margin-bottom: 1px;
background-color: #E1E1E1;
float: left;
}
.footer {
width: 510px;
height: 20px;
padding-top: 5px;
padding-left: 220px;
clear: both;
font-size: 11px;
color: #555555;
}
#news_container {
font-size: 12px;
line-height: 18px;
color: #555555;
}
#news_container a{
font-size: 12px;
line-height: 18px;
color: #000080;
text-decoration: none;
}
#news_container a:hover{
text-decoration: underline;
}
#news_content {
font-size: 12px;
line-height: 18px;
padding-top: 0px;
padding-bottom: 4px;
}
#news_head {
font-size: 12px;
line-height: 18px;
padding-top: 0px;
padding-bottom: 12px;
}
#news_teaser {
font-size: 12px;
line-height: 18px;
padding-top: 0px;
padding-bottom: 10px;
}
.news_image {
float: left;
margin-right: 10px;
margin-bottom: 5px;
}
.news_image_text {
font-size: 11px;
font-style: italic;
}
/* ALLGEMEINE TEXTFORMATIERUNGEN */
/* �berschriften */
h1 {
font-size: 14px;
font-weight: bold;
color: #000080;
margin-top: 0px;
margin-bottom: 15px;
padding: 0px 0px 0px 0px;
}
h2 {
font-size: 12px;
font-weight: bold;
color: #000080;
margin-top: 10px;
margin-bottom: 10px;
}
h3 {
font-size: 12px;
font-weight: bold;
color: #555555;
margin-top: 8px;
margin-bottom: 8px;
}
h4 {
font-size: 12px;
font-weight: normal;
color: #555555;
margin-top: 8px;
margin-bottom: 8px;
}
/* Textstile */
.bodytext {
font-size: 12px;
font-weight: normal;
color: #555555;
line-height: 18px;
margin: 0px 0px 18px 0px;
padding: 0px;
}
.bodytext a {
color: #000080;
text-decoration: none;
}
.bodytext a:hover {
text-decoration: underline;
}
.csc-form-label-req, .csc-form-label {
font-size: 12px;
line-height: 18px;
color: #555555;
}
/* Hyperlinks */
.mainnavi-level1-no A {
display: block;
background-color: #000080;
padding-left: 10px;
padding-top: 8px;
padding-bottom: 8px;
width: 159px;
height: 13px;
text-decoration: none;
border-bottom: 1px solid #FFFFFF;
font-size: 12px;
line-height: 13px;
color: #FFFFFF;
text-decoration: none;
}
.mainnavi-level2-no A {
display: block;
font-size: 11px;
line-height: 13px;
color: #000080;
background-color: #C9D6EA;
width: 149px;
height: 11px;
padding-left: 20px;
padding-top: 4px;
padding-bottom: 10px;
text-decoration: none;
}
.mainnavi-level2-act A {
display: block;
font-size: 11px;
line-height: 13px;
color: #000080;
background-color: #C9D6EA;
width: 149px;
height: 11px;
padding-left: 20px;
padding-top: 4px;
padding-bottom: 10px;
text-decoration: none;
font-weight: bold;
}
.mainnavi-level3-no A {
display: block;
font-size: 11px;
line-height: 13px;
color: #000080;
background-color: #C9D6EA;
width: 139px;
height: 11px;
padding-left: 30px;
padding-top: 0px;
padding-bottom: 12px;
text-decoration: none;
}
.mainnavi-level3-act A {
display: block;
font-size: 11px;
line-height: 13px;
color: #000080;
background-color: #C9D6EA;
width: 139px;
height: 11px;
padding-left: 30px;
padding-top: 0px;
padding-bottom: 12px;
text-decoration: none;
font-weight: bold;
}
.metanavi-no A {
font-size: 11px;
color: #555555;
margin-left: 5px;
margin-right: 5px;
text-decoration: none;
}
.metanavi-no A:hover {
color: #000080;
}
.lightblue_bottom_border a {
font-size: 11px;
line-height: 15px;
color: #000080;
text-decoration: none;
}
.lightblue_bottom_border a:hover {
text-decoration: underline;
}
.csc-sitemap {
padding-top: 0px;
padding-bottom: 0px;
}
.csc-sitemap a {
font-size: 12px;
color: #000080;
padding-top: 0px;
padding-bottom: 0px;
margin: 0px;
line-height: 18px;
text-decoration: none;
}
.csc-sitemap a:hover {
text-decoration: underline;
}
.csc-sitemap-level1 {
padding-top: 12px;
padding-bottom: 0px;
margin: 0px;
}
.csc-sitemap-level2 {
padding-top: 0px;
padding-bottom: 0px;
padding-left: 30px;
margin: 0px;
}
.csc-sitemap-level3 {
padding-top: 0px;
padding-bottom: 0px;
padding-left: 60px;
margin: 0px;
}
hr {
padding: 0px 0px 0px 0px;
border: 1px solid #C9D6EA;
border: none;
height: 1px;
background-color: #C9D6EA;
color: #C9D6EA;
width: 490px;
margin-bottom: 10px;
}
#hr {
border-bottom: 1px solid #CCCCCC;
width: 490px;
height: 5px;
margin-left: 20px;
margin-right: 20px;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-bottom: 0px;
}
ul {
margin: 0px;
padding-left: 20px;
padding-right: 20px;
}
li {
font-size: 12px;
color: #555555;
list-style: square;
padding-top: 5px;
padding-bottom: 5px;
}
li a {
color: #000080;
font-size: 12px;
text-decoration: none;
}
li a:hover {
text-decoration: underline;
}
img {
border: 0px;
}
Schlagworte: cascading style sheet, css, formate