html {
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	background-color: #defca7;
	height: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 80%;
	line-height: 150%;
	font-family: Arial, Tahoma, sans-serif;
}

.main {
	height: 100%;
	width: 700px;
	margin: auto;
}

.header {
	background-color: #ffffff;
	width: 680px;
	padding: 10px;
}

#navigation {
	background-color: #ffffff;
	text-align: left;
	width: 680px;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
}

#subnavi{
	background-color: #ffffff;
	text-align: left;
	width: 635px;
	padding-left: 55px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

#content {
	background-color: #ffffff;
	text-align: left;
	width: 570px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 85px;
	padding-right: 45px;}

.footer {
	background-color: #ffffff;
	width: 680px;
	padding: 10px;
}
a {
	color: #000000;
	text-decoration: none;
}
a:link {
	color: #000000;
	text-decoration: none;
}
a:visited {
	color: #000000;
	text-decoration: none;
}
a:hover {
	color: #000000;
	text-decoration: none;
}
a:active {
	color: #000000;
	text-decoration: none;
}
a :focus{
	color: #000000;
	text-decoration: none;
}
.hauptmenue {
	background-image: url(../images/head_background.gif);
	background-color: #ffffff;
}
.einrueckung {
	width: 39px;
} 
.reiter_inaktiv {
	background-image: url(../images/head_inaktiv_reiterbackground.gif);
	vertical-align: middle;
	width: 88px;
	text-align: center;
}
.reiter_aktiv {
	background-image: url(../images/head_aktiv_reiterbackground.gif);
	vertical-align: middle;
	width: 88px;
	text-align: center;
	font-weight: bold;
}
.reiter_abstand {
	width: 6px;
}
h1 {
	background-image: url(../images/modulhead_unterstrich.gif);
	background-position: 0px 7px;
	font-weight: bold;
	font-size: 150%;
	vertical-align: top;
	height: 40px;
}
h2 {
	background-image: url(../images/modulabschnitt_unterstrich.gif);
	background-position: 0px 2px;
	font-weight: bold;
	font-size: 120%;
	vertical-align: top;
	height: 20px;
}
h3 {
	background-image: url(../images/modulabschnitt_unterstrich.gif);
	background-position: 0px 2px;
	font-weight: bold;
	font-size: 120%;
	vertical-align: top;
	height: 20px;
	text-align: right;
}
h4 {
	font-weight: bold;
	font-size: 110%;
	vertical-align: top;
	height: 5px;
	text-align: left;
}
.reiterunten {
	background-image: url(../images/reiter_background.gif);
	background-color: #ffffff;
	text-align: left;
}

.klein {
	font-size: 85%;
}

.colmli {
	float: left;
	text-align: left;
	width: 40%;
}
.colmre {
	float: right;
	text-align: left;
	width: 60%;
}

.spli {
	float: left;
	text-align: left;
	width: 10%;
}
.spmi {
	float: left;
	text-align: left;
	width: 30%;
}
.spre {
	float: right;
	text-align: left;
	width: 60%;
}

.bildre {
float: right;
margin-right: 0;
margin-top: 0;
margin-left: 10px;
margin-bottom: 5px;
border: 1px solid #000000;
}
.bildli {
float: left;
margin-right: 10px;
margin-top: 0;
margin-left: 0;
margin-bottom: 5px;
border: 1px solid #000000;
}

  ul#Navi {
    text-align: center;
    border: 1px solid #fff;
    margin: 0;
		padding: 0;
  }
  ul#Navi li {
    list-style: none;
    display: inline;
    margin: 0;
		padding: 0;
  }

  ul#Navi a {
    float: left;
		width: 4.5em;
    margin: 0.5em;
		padding: 0.1em 1em;
    text-decoration: none;
    border: 1px solid #000000;
    background-color: #ffffff;
  }
  * html ul#Navi a {  /* Korrektur fuer IE 5.x */
    width: 4.5em;
    w\idth: 4.5em;
  }

  ul#Navi div {
     clear: left;
  }

  #umenue {
	padding-left:30px;
  }

  #umenue a {
  margin-right: 0.6em;
	padding: 0.1em 1em;
	border: 1px solid #000000;
	background-color: #ffffff;
  }
.hide {
display: none;
}
#invis {
color: #defca7;
background-color: #defca7;
text-decoration: none;
border: 0px;
}
#invis a {
color: #defca7;
background-color: #defca7;
text-decoration: none;
border: 0px;
}
#invis a:link {
color: #defca7;
background-color: #defca7;
text-decoration: none;
border: 0px;
}
#invis a:visited {
color: #defca7;
background-color: #defca7;
text-decoration: none;
border: 0px;
}
#invis a:hover {
color: #defca7;
background-color: #defca7;
text-decoration: none;
border: 0px;
}
#invis a:active{
color: #defca7;
background-color: #defca7;
text-decoration: none;
border: 0px;
}
#invis a:focus {
color: #defca7;
background-color: #defca7;
text-decoration: none;
border: 0px;
}