html, body {
height:100%;
min-height: 100.1%;
text-align: center;
margin: 0;
padding: 0;
background: #87A06D url(/images/bg_04.jpg) repeat-x;
}

body {
font-size: 62.5%;
font-family: Arial, Helvetica, sans-serif;
color: #333333;
}

#main {
width: 735px;
min-height: 100%;
margin: 0 auto 0 auto;
padding: 0;
border-left: 1px solid #006600;
border-right: 1px solid #006600;
background: #F3F4EC url(/images/bg_main_02.jpg) repeat-y;
text-align:left;
}

#header {
width: 735px;
height: 138px;
margin: 0;
padding: 0;
background: #FFFFFF url(/images/bg_header.jpg) no-repeat;
text-indent: -5000px;
}

#content {
width:515px;
margin: 20px 10px 0 200px;
padding: 0;
background: transparent;
font-size: 1.3em;
}

/* bugbase */
.zero { /* hilft angeblich gegen allerlei */
   visibility: hidden;
   overflow: hidden;
   margin: 0;
   padding: 0;
   line-height: 0;
   font-size: 0;
   height: 0;
   width: 0;
}

.clear {
	clear:both;
}


#navigation {
position: fixed;
height: 100%;
width: 180px;
background: transparent;
margin: 20px 0 0 0;
padding: 0;
float: left;
font-size: 1.2em;
}

#navigation ul {
width: 150px;
margin: auto;
padding: 0px;
border: none;
}

#navigation li {
list-style-type: none;
font-size: 0.9em;
font-variant: small-caps;
letter-spacing: 0.2em;
margin: 2px;
padding: 2px 0 2px 0;
}

#navigation a:link, #navigation a:visited {
width: 150px;
display: block;
text-decoration: none;
text-align: left;
color:#486F5B;
padding: 5px;
background: #F1F1E7;
border-top: 1px solid #CCCFBC;
border-right: 1px solid #CCCFBC;
border-bottom: 1px solid #CCCFBC;
border-left: 1px solid #CCCFBC;
}

#navigation a:hover, #navigation a:active {
background: #DCE2DC;
border-top: 1px solid #9EAF9E;
border-right: 1px solid #9EAF9E;
border-bottom: 1px solid #9EAF9E;
border-left: 1px solid #9EAF9E;
}


#footer {
width: 725px;
height: 16px;
margin: 0;
padding: 5px;
border-left: 1px solid #006600;
border-right: 1px solid #006600;
background: #006600;
text-align:left;
font-weight: bold;
color: #F6F6EF;
}

#footer a:link, #footer a:visited {
text-decoration: none;
font-weight: bold;
color: #F6F6EF;
background: none;
}

#footer a:hover, #footer a:active {
color: #F6F6EF;
background: none;
text-decoration: underline;
}

a:link, a:visited{
color: #800000;
text-decoration: underline;
}

a:hover, a:active {
background: #DFDED3;
}

a.extern {
background:  url(file:///I|/webs/osterz-neu/web/images/navi/icon_extern.gif) right center no-repeat;
padding-right: 13px;
}
	
a:hover.extern {
background: #DFDED3 url(../images/navi/icon_extern.gif) right center no-repeat;
padding-right: 13px;
}

/*
a[href^="http://"]::after {
color: #006600;
content: " \2197";
display: inline;
}
*/

h1 {
padding-left: 20px;
margin: 0;
color: #486F5B;
background: #F1F1E7 url(/images/bg_h1_04.png) repeat-y; /* url(../images/bg_button.jpg) */
font: italic small-caps bold 1.3em "Trebuchet MS", Arial, Helvetica, sans-serif;
letter-spacing: 0.1em;
border-top: 1px solid #CCCFBC;
border-bottom: 1px solid #CCCFBC;
}

h2 {
margin: 25px 0 10px 0;
padding: 2px 0 5px 15px;
color: #486F5B;
background: #F1F1E7 url(/images/bg_h1_04.png) repeat-y;
font: italic bold 1.1em "Trebuchet MS", Arial, Helvetica, sans-serif;
border-top:1px solid #E1B378;
border-bottom:1px solid #E1B378;
}

h3 {
margin: 15px 0 -10px 0;
padding: 0 0 0 15px;
color: #486F5B;
font: 1.0em "Trebuchet MS", Arial, Helvetica, sans-serif;
border-bottom:1px dotted #006600;
}

table.gitternetz {
border-collapse: collapse;
}

#content ul {
list-style-image: url(/images/bullet_arrow_01.png);
line-height: 150%;
}

table.gitternetz th {
background: #DDDDD2;
border: 1px solid #CCCCCC;
padding: 5px;
}

table.gitternetz td {
border: 1px solid #CCCCCC;
vertical-align: top;
padding: 5px;
}

/* Formularelemente */

input, select, textarea {
padding: 3px;
border: 1px solid #CCCCCC;
background: #F6F6F3;
}

input:focus, select:focus, textarea:focus {
border: 1px solid #FF9900;
}

form.button {
background:  url(file:///I|/webs/osterz-neu/web/css/%27images/bg_button.jpg%27);
}

/* floatende Bilder */
.fl {
float: left;
margin: 0 15px 15px 0;
padding: 2px;
border: 1px solid #CCCCCC;
}

.fr {
float: right;
margin: 0 0 15px 15px;
padding: 2px;
border: 1px solid #CCCCCC;
}