* {
margin : 0;
padding : 0;
top : 0;
left : 0;
}
body {
text-align : center;
font-family : tahoma, helvetica, arial, sans-serif;
}
#central {
margin-right : auto;
margin-left : auto;
margin-top : 10px;
position : relative;
width : 750px;
text-align : left;
clear : both;
}
#header {
background-image : url(images/header.jpg);
position : relative;
height : 96px;
width : 750px;
left : 0;
top : 0;
}
#navlist {
position : absolute;
top : 21px;
left : 407px;
white-space : nowrap;
}
#navlist li {
display : inline;
list-style-type : none;
}
#navlist a {
font-family : Tahoma;
font-weight : bolder;
display : inline;
position : absolute;
text-align : center;
color : #fff;
text-decoration : none;
}
#n1 {
left : 0;
}
#n2 {
left : 88px;
}
#n3 {
left : 175px;
}
#n4 {
left : 259px;
}
#text {
font-family : tahoma, helvetica, arial, sans-serif;
font-size : 12px;
font-weight : normal;
text-align : justify;
color : #858789;
margin-bottom : 20px;
padding-left : 10px;
}
#text.rot a {
color : #812629;
}
#text.violett a {
color : #b153c7;
}
h1 {
font-size : 16px;
margin-top : 5px;
margin-bottom : 7px;
}
.einrueck {
margin-left : 20px;
text-indent : -20px;
}
#content {
margin-top : 100px;
margin-left : auto;
position : absolute;
width : 750px;
}
#spalte {
width : 354px;
margin-left : 7px;
height : 100px;
border : 2px solid #64970c;
float : left;
font-size : 12px;
color : #64970c;
overflow : auto;
}
#spalte a {
color : #ce7210;
}
#spalte a:hover {
color : #64970c;
}
#spalte2 {
background : url('images/glas_rot.jpg') no-repeat;
padding-left : 105px;
margin-right : 7px;
width : 250px;
height : 100px;
border : 2px solid #731e21;
font-size : 12px;
color : #731e21;
float : right;
overflow : auto;
}
#spalte2 a {
color : #ce7210;
}
#spalte2 a:hover {
color : #731e21;
}
#spalte3 {
margin-top : 5px;
padding-left : 105px;
margin-left : 7px;
width : 250px;
background : url('images/vogel_blau.jpg') no-repeat;
height : 100px;
border : 2px solid #3c6393;
float : left;
font-size : 12px;
color : #3c6393;
overflow : auto;
}
#spalte3 a {
color : #ce7210;
}
#spalte3 a:hover {
color : #3c6393;
}
#spalte4 {
margin-top : 5px;
margin-bottom : 20px;
background : url('images/blume_violett.jpg') no-repeat;
padding-left : 105px;
margin-right : 7px;
width : 250px;
height : 100px;
border : 2px solid #69297e;
font-size : 12px;
color : #69297e;
float : right;
overflow : auto;
}
#spalte4 a {
color : #ce7210;
}
#spalte4 a:hover {
color : #69297e;
}
#l_spalte1 {
background : url('images/07_donau.jpg') no-repeat;
margin-left : 7px;
padding-top : 4px;
padding-left : 120px;
padding-right : 4px;
margin-bottom : 20px;
width : 250px;
height : 156px;
border : 2px solid #64970c;
font-size : 11px;
text-align : justify;
color : #858789;
float : left;
overflow : auto;
}
#l_spalte2 {
margin-right : 10px;
padding-left : 6px;
padding-right : 6px;
padding-top : 5px;
width : 330px;
height : 155px;
border : 2px solid #64970c;
font-size : 12px;
text-align : justify;
color : #858789;
float : right;
overflow : auto;
}
#s_spalte {
margin-right : 7px;
margin-left : 7px;
padding-left : 18px;
padding-right : 18px;
padding-top : 5px;
width : 180px;
border : 2px solid #3c6393;
font-size : 12px;
text-align : justify;
color : #858789;
float : right;
overflow : auto;
}
#g_spalte {
margin-right : 7px;
margin-left : 10px;
padding-left : 12px;
padding-right : 12px;
padding-top : 5px;
width : 180px;
height : 370px;
border : 2px solid #812629;
font-size : 12px;
text-align : justify;
color : #858789;
float : right;
overflow : auto;
}
#k_spalte {
margin-right : 7px;
margin-left : 10px;
padding-left : 12px;
padding-right : 12px;
padding-top : 5px;
width : 230px;
height : 530px;
border : 2px solid #b153c7;
font-size : 12px;
text-align : justify;
color : #858789;
float : right;
overflow : auto;
}
#footer {
clear : both;
background-color : #ffffff;
position : relative;
height : 50px;
background-image : url(images/footer.jpg);
background-repeat : no-repeat;
background-position : right bottom;
}
#footer a {
color : #fff;
}
#footer a:hover {
color : #fff;
}