body { 
margin: 0;
padding: 0;
font-family: Arial, Helvetica, Verdana, san-serif;
background-color: #e4d2b8;
font-size: 101%; 
}
/* font-size 101% is set to avoid an Opera bug, and tiny and unreadable sizes less than 8px high. 
Starting from here, all font sizes can be defined in percent or em. 
The following font sizes should render identically in all browsers on 
all platforms: 69%, 76%, 86% and 93%. (according to einfachfueralle.de) */

em {
font-style: normal;
font-weight: bold;}

#navi {
position: absolute;
top: 15px;
left: 15px;
margin: 0;
padding: 0;
width: 9em;
border: 1px solid #e4d2b8;

}

#navi ul{
margin: 0;
padding: 0;
list-style-type: none;

}

#navi li {
margin: 2px 0 0 0;
padding: 0;
border: 1px solid #525252;
}

#navi li a {
padding: 5px 3px 5px 33px;
display: block;
background-color: #dfbe8d;
text-decoration: none;
color: #000000;
font-size: 93%;
}

#navi li a:visited {
color: #000000;
}

#navi li a:hover {
text-decoration: underline;
background-color: transparent;
background-image: url(../grafik/menuetatze.gif);
background-repeat: no-repeat;
background-position: left;
}

#navi li a.standpunkt {
background-color: #ff9900;
background-image: url(../grafik/menuetatze.gif);
background-repeat: no-repeat;
background-position: left;
text-decoration: none;
color: #000000;
}

#navi ul ul {
margin: 0;
padding: 0;
list-style-type: none;
background-color: #ff9900;
}

#navi li li {
margin: 0 0 0 20px;
padding: 0;
border: 1px solid #ff9900;
}

#navi li li a {
padding: 4px 3px 4px 20px;
display: block;
background-color: transparent;
text-decoration: none;
color: #000000;
font-size: 86%;
}

#navi li li a:visited {
color: #000000;
}

#navi li li a:hover {
text-decoration: underline;
background-color: transparent;
background-image: url(../grafik/menuetatze-klein.gif);
background-repeat: no-repeat;
background-position: left;
}

#navi li li a.standpunkt {
text-decoration: none;
background-color: #ff9900;
background-image: url(../grafik/menuetatze-klein.gif);
background-repeat: no-repeat;
background-position: left;
color: #000000;
}

#banner {
position: relative;
/*relative position so that it can be a container for the two absolute paws*/
top: 16px;
width: 74%;
/*should be same width as #text*/
/* 12em left margin and 74% width for Firefox, Opera7, IE6 and IE7; 13em left margin and 98% width for IE5/win ;*/
height: 6.5em;
min-height: 100px;
margin: 0 2em 0 12em;
background-color: #f09c00;
text-align: center;
font-family: Verdana, Arial, san-serif;
border: 1px solid #000000;
}


#ie5-only #banner {
margin: 15px 2em 0 13em;
width: 98%;
}


#banner h2 {
margin: 22px 0 0 0;
padding: 0;
}

#pfote-links {
position: absolute;
top: 0;
left: 0;
}

#pfote-rechts {
position: absolute;
top: 0;
right: 1px;
}

#text {
margin: 15px 2em 0 12em;
/*top margin = distance that the banner box is pushed down */
padding: 25px 15px;
width: 74%;
background-image: url(../grafik/tatze.gif);
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
line-height: 1.2;
border: 1px solid #e4d2b8;
}

#ie5-only #text {
margin: 15px 2em 0 13em;
width: 98%;
}

#text h5 {
margin: 25px 0 0 0;
font-size: 1.2em;
font-family: Courier, monospace;
}

.author {
margin: 10px;
font-size: 0.8em;
font-style: italic;
}

#text p {
margin: 0.5em 0;
/*line-height was already defined in #text to avoid the peek-a-boo bug in IE6; although 
defining width should also do the trick, but you never can tell with IE, can you...*/
font-size: 93%;
}

.quote {
font-family: Courier, Monaco, monospace;}

#text a {
color: #000000;
text-decoration: underline;
}

#text a:visited {
color: #000000;
}

#text a:hover {
color: #585858;
text-decoration: none;
}


.imgright {
float: right;
width: 300px;
margin: 15px;
border: 2px solid #ffffff;
}

.imgleft {
float: left;
width: 300px;
margin: 15px;
border: 2px solid #ffffff;
}

.imgsardegna {
margin: 20px 0;
border: 2px solid #ffffff;
}

#footer {
clear: both;
text-align: center;
margin: 0 2em 0 12em;
padding: 25px 15px;
width: 74%;
color: #cc6600;
border: 1px solid #e4d2b8;
}


#ie5-only #footer {
margin: 15px 2em 0 13em;
width: 98%;
}


#footer h4 {
font-size: 90%;
}