html{
background-color:transparent;
color:#666666;
font-family:verdana,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:100%;
line-height:normal;
margin:0pt;
padding:0pt;
text-align:center;
width:100%;font:;
}
body{
height:auto;
width:1024px;
}
h1{
background-color:transparent;
color:#2b853c;
font-size:25px;
font-weight:bold;
line-height:30px;
margin:0pt;
padding:0pt;
}
h2{
background-color:transparent;
color:#2b853c;
font-size:18px;
font-weight:normal;
line-height:20px;
margin:0pt;
padding:0pt;
}
h3{
background-color:transparent;
color:#2b853c;
font-size:16px;
font-weight:normal;
line-height:20px;
margin:0pt;
padding:0pt;
}
hr{
background:none;
border:4px solid #2b853c;
width:1024px;
}
br{
clear:both;
height:10px;
}
p{
line-height:15px;
text-align:left;
padding:0 0 10px 0;
}
img{
border:0;
}
a,a:link,a:active,a:visited{
background-color:transparent;
color:#2b853c;
text-decoration:none;
}
a:hover{
background-color:transparent;
color:#2b853c;
text-decoration:underline;
}
a.special,a.special:link,a.special:active,a.special:visited{
background-color:#fefefe;
border:2px solid #2b853c;
color:#2b853c;
padding:5px;
text-decoration:none;
}
a.special:hover{
background-color:#fcfcfc;
border:2px solid #2b853c;
color:#2b853c;
padding:5px;
text-decoration:underline;
}
/*hier kann man die werte für den head einstellen*/
.head{
margin:0;
padding:20px 0 0 0;
text-align:center;
width:1024px;
}
.logo{
position:absolute;
left:8px;
top:0;
};
/*das darf ruhig etwas prominenter stehen*/
.teaser{
font-size:16px;
height:20px;
font-weight:bold;
text-align:center;
}
/*container für den hauptbereich - damit man eine saubere struktur der seite bekommt*/
.body{
margin:0;
padding:0;
width:1024px;
}
/*linker navigations bereich - das float bewirkt, das der nachfolgende container rechts von diesem gwerendert wird*/
.navigation{
float:left;
margin:0;
padding:0;
text-align:left;
width:220px;
}
/*linkliste - ein bisschen css magie*/
ul.leftNav{
list-style-type:none;
margin:0;
padding:0;
}
ul.leftNav li{
background-color:#f1f1f1;
border:1px solid #f1f1f1;
height:auto;
margin:0;
padding:0;
}
ul.leftNav li a{
border:1px solid #f1f1f1;
display:block;
margin:0;
padding:3px;
}
ul.leftNav li a.active{
background-color:#cccccc;
border:1px solid #2b853c;
display:block;
margin:0;
padding:3px;
text-decoration:none;
}
ul.leftNav li a:active,
ul.leftNav li a:hover{
background-color:#cccccc;
border:1px solid #2b853c;
display:block;
margin:0;
padding:3px;
text-decoration:none;
}
.content{
float:left;
margin:0;
padding:0 10px;
width:580px;
}
.special{
float:left;
margin:0;
padding:0;
text-align:left;
width:200px;
}
/*linkliste - ein bisschen css magie*/
ul.specialNav{
list-style-type:none;
margin:0;
padding:0;
}
ul.specialNav li{
background-color:#f1f1f1;
border:1px solid #f1f1f1;
height:auto;
margin:0;
padding:0;
}
ul.specialNav li a{
border:1px solid #f1f1f1;
color:#666666;
display:block;
margin:0;
padding:3px;
}
ul.specialNav li a.active,
ul.specialNav li a:hover{
background-color:#cccccc;
border:1px solid #666666;
display:block;
margin:0;
padding:3px;
text-decoration:none;
}
}
.footer{
margin:0;
padding:20px 0;
}
/*Zusatzklasse zum floaten - muss mit clear wieder aufgehoben werden - endlosvererbung*/
.left{
float:left;
padding:0 5px 0 0;
width:285px;
}
.small{
font-size:75%;
}