.opacity75 {
filter:alpha(opacity=75);
-moz-opacity:.75;
opacity:.75;
} 




body { 
font-size:100.1%; /*** Don't change this setting. Make all other 
font-sizes in % (preferred) or ems ***/ 
} 
a { 
text-decoration: none; 
font-weight: bold; 
outline: none; 
} 
a:visited { 
} 
a:active { 
} 
a:hover { 
text-decoration: underline; 
} 
strong, b { 
font-weight: bold; 
} 
hr { 
margin: 0px; /* fixes xhtml N6 bug where the hr sits to the left*/ 
color: #ccc; /* for ie */ 
background-color: #ccc; /* for everyone else */ 
height: 1px; 
} 
p { 
font-size: 101.0%; 
padding-bottom: 12px; 
text-align: left;
} 
li { 
font-size: 90%; 
line-height: 1.1em; 
margin-top: 0.3em; 
margin-bottom: 0.2em;
list-style: circle;
} 
ul { 
margin-top: 1.0em; 
margin-bottom: 1.0em; 
} 
td { 
font-size: 90%; 
} 
hr { 
margin-top: 2.0em; 
margin-bottom: 2.0em; 
} 
img { 
border: 0; 
} 
/*** the following styles and notes are (c) Copyright 
Big John @ www.positioniseverything.net ***/ 
div,p{margin:0} 

.italics-test, .italics-test-side { 
font-style: italic; 
text-align: justify; 
} 

/*** 
The following fixes prevent justified italic text 
from destroying the layout in IE/win. The problem 
is that those properties together make IE force the 
container wider, which in this type of floated layout 
causes a float drop. 
Pre-IE6 gets "width: 100%" and "overflow: hidden", 
while IE6 gets "width: auto" and "overflow: visible, 
which is the default, but explicitly stating it seems 
to keep IE6 happy. IE6 also needs to see the 
"height: 1%" to give it some kind of box dimension. 
Browser coddling we call it. Finally, Bruno Fassino 
found that "word-wrap: break-word;" disarranged the 
justified text in IE5.5 and 6, so it is defaulted to 
"normal" for this text. 
If you don't need justified and italicized text then 
forget all these fixes. 
Although, ClevaTreva adds, I have seen some odd 
behavior with normal justified text in IE, so 
this may be worth remembering. 
***/ 

/* \*/ 
* html .italics-test, * html .italics-test-side { 
overflow: hidden; 
width: 100%; 
o\verflow: visible; 
w\idth: auto; 
he\ight: 1px; 
word-wrap: normal; 
} 
/* */ 


/* Styles for BMP */ 

* { 
/* border: 1px green dotted; */ 
/* Reset everything */ 
zoom: 1; 
} 

html { } 

A { text-decoration: none; 
color: #FF3333; 
} 

a:link {color:#0000ff;} 
a:visited {color:#dddddd;} 
a:hover {color:#ff0000;} 
a:active {color:#ff0000;} 

body { 
text-align: center; 
background-color: #ffb450; 
background-image: url("bg02x.jpg"); 
background-attachment: fixed; 
background-repeat: repeat; 
font:70%/120% Verdana, Arial, Helvetica, sans-serif; 
color: #510007; 
} 

h1, h2, h3, h4, h5, h6 { 
margin-top: 10px; 
font-weight: normal; 
color: #a0000e; 
} 

h1 { 
font-size: 180%; 
line-height: 180%; 
} 

h2 { 
font-size: 180%; 
line-height: 180%; 
} 

h3 { 
font-size: 140%; 
line-height: 140%; 
} 

#side h1 { 
font-size: 120%; 
line-height: 100%; 
} 

#side h2 { 
font-size: 100%; 
line-height: 100%; 
} 

#side h3 { 
font-size: 90%; 
line-height: 100%; 
} 

#outercontainer { 
text-align:left; 
width: 720px; 
margin-left: auto; 
margin-right:auto; 
} 

#innercontainer { 
display:block; 
float:left; 
background-image: url("bg02xdim.jpg"); 
_background-image: url("leitbild_bg01_400dim.jpg"); 
background-attachment: fixed; 
text-align:left; 
width: 720px; 
position:relative; 
left:0; 
top:0px; 
border-top: 1px #a0000e solid; 
padding: 0 0 0 0; 
margin: 0 0 0 0; 
} 

#header { 
background-image: url("waves5.gif"); 
width:720px; 
height:180px; 
text-align:center; 
} 

#header h1 { 
visibility: hidden; 
} 

#menu { 
float:left; 
position:relative;
display:inline; 
top:0px; 
left:-424px; 
width:120px; 
margin-top: 12px; 
_left:-424px; /* IE6- Hack */ 
} 

#menu ul, #menu ol, #menu li { 
list-style-type: none; 
list-style: none;
margin:0; 
padding:0;
list-style-type: none;
} 

#menu ul li { 
margin-bottom: 2px;
} 

#menu a { 
padding-bottom: 0px; 
padding-left: 10px; 
padding-right: 2px; 
padding-bottom: 2px; 
margin-bottom: 0px; 
height: 24px; 
width: 107px; 
_width: 107px; 
text-decoration: none; 
color: #510007; 
display: block; 
font-size: 95%; 
line-height: 24px; 
font-weight: bold; 
border: 0px; 
border: 1px #aa0000 solid;
border-right: 0;
} 

#menu a:link { 
background-image: url("mnulink.png"); 
} 

#menu a:visited { 
background-image: url("mnuvisited.png"); 
} 

#menu a:hover { 
background-color: #aa2222;
background-image: url("mnuover.png"); 
} 

#menu a:active { 
color: white; 
} 

#main { 
position:relative; 
display:inline; 
top:0px; 
left:120px; 
float: left; 
width: 405px; 
color: #510007; 
border-right: 0px #a0000e double; 
border-left: 1px #a0000e dotted; 
padding-bottom: 16px; 
padding-left: 9px; 
padding-right: 6px; 
} 

/* #main .margins { 
margin-left: 10px; 
margin-right: 6px; 
border: 1px green solid; 
} */ 

#main P { font-size: 100%; 
line-height: 14px; 
} 

#main H1 { 
margin-top: 10px; 
padding-left: 32px; 
font-size: 220%; 
line-height: 120%; 
font-weight: normal; 
text-align: middle; 
color: #a0000e; 
} 

#main A { text-decoration: none; 
color: #FF3333; 
} 

#main a:link {color:#0000ff;} 
#main a:visited {color:#dddddd;} 
#main a:hover {color:#ff0000;} 
#main a:active {color:#ff0000;} 

#side { 
position:relative; 
display:inline; 
float: right; 
top:0px; 
width: 160px; 
color: #510007; 
font-size: 95%; 
line-height:100%; 
padding: 0px 4px 8px 4px; 
margin-top: 12px; 
} 

#side h1 { 
padding-left: 6px; 
font-size: 120%; 
line-height: 120%; 
margin-bottom: 6px; 
color: #a0000e; 
} 

#bottom { 
float:left; 
background-image: url("rocks6.gif"); 
background-repeat: no-repeat; 
width:720px; 
height:50px; 
text-align:center; 
line-height: 22px; 
border-top: 1px #a0000e solid; 
color: #aaaaaa; 
} 

#bottom a { 
font-size: 90%; 
text-decoration: none; 
color: #dddddd; 
} 

#main td {
	border-bottom: 1px #888888 dotted;
}