/* ----------
Allgemein Layout 
   ----------- */
h1 {
	font-size: 16px;
	font-weight: bold;
	color: #003a72;
	margin: 0px;
	padding-bottom: 6px;
}
h2 {
	font-size: 18px;
	font-weight: bold;
	color: #003a72;
	margin: 0px;
}
h5 {
	font-size: 12px;
	font-weight: bold;
	color: #66c024;
	margin: 0px;
}
body {
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-image: url('grafiken/layout/background.jpg');
	background-repeat: no-repeat;
	background-color: #003A72;
	margin: 0px;
	padding: 0px;
}

a:link    					{  font-size: 10px;	color: #000000; text-decoration: underline; }
a:visited 					{  font-size: 10px; color: #000000; text-decoration: underline; }
a:hover   					{  font-size: 10px; color: #000000; text-decoration: none; }
a:active  					{  font-size: 10px; color: #000000; text-decoration: none; }

.content a:link    	{  font-size: 11px;	color: #000000; text-decoration: underline; }
.content a:visited 	{  font-size: 11px; color: #000000; text-decoration: underline; }
.content a:hover   	{  font-size: 11px; color: #000000; text-decoration: none; }
.content a:active  	{  font-size: 11px; color: #000000; text-decoration: none; }

#rechts-unten-zusatz-schatten a:link    	{  font-size: 11px;	color: #000000; text-decoration: underline; }
#rechts-unten-zusatz-schatten a:visited 	{  font-size: 11px; color: #000000; text-decoration: underline; }
#rechts-unten-zusatz-schatten a:hover   	{  font-size: 11px; color: #000000; text-decoration: none; }
#rechts-unten-zusatz-schatten a:active  	{  font-size: 11px; color: #000000; text-decoration: none; }

#footer a:link    	{  font-size: 11px;	color: #ffffff; text-decoration: underline; }
#footer a:visited 	{  font-size: 11px; color: #ffffff; text-decoration: underline; }
#footer a:hover   	{  font-size: 11px; color: #ffffff; text-decoration: none; }
#footer a:active  	{  font-size: 11px; color: #ffffff; text-decoration: none; }

ul 
{
	padding: 6px 0 6px 17px;
	margin: 0 0 0 0;
}

#footer
{
  font-size: 11px;
  color:#ffffff;
  text-align:center;
}

.menue_ueberschrift
{
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 3px;
  background-color:#66c024;
  font-size: 11px;
  font-weight: bold;
  color:#003A72;
}
.forminput
{
  background-color:#ccd7e2;
  color:#336699;
  font-size:12px;
  padding-left:2px;
  border-style:solid;
  border-color:#336699;
  border-width:1px;
}
.formbutton
{
  background-color:#ccd7e2;
  color:#336699;
  font-size:12px;
  font-weight:bold;
  border-width:1px;
  border-top: 1px solid white;
  border-left: 1px solid white;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
}
.formdatenschutz
{
  font-size: 9px;
}

#container_inhalt {
	position: relative;
	width: 100%;
	height: 100%;
}
#links {
	position: absolute;
	width: 194px;
	height: 100%;
	left: 0px;
	top: 0px;
}
#page_content {
	margin-right: 200px;
	margin-left: 221px;
	width: 550px;
	height: 100%;
}
#rechts-oben {
	width: 200px;
	height: 100%;
	position: absolute;
	left: 771px;
	right: 0px;
	top: 0px;
}
#rechts-unten {
	background-color: #ccd7e2;
	width: 220px;
	height: 240px;
	position: absolute;
	left: 771px;
	right: 0px;
	top: 115px;
}
/* ----------
Menü 
   ----------- */
.clink {
	font-size: 10px;
	font-weight: normal;
	left: 0px;
	width: 100%;
	position: static;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #d7f8bb;
	margin-bottom: 4px;
	margin-top: 4px;
}
.clink a {
	display: block;
	padding: 1px 1px 1px 5px;
	color: #003A72;
	text-align: left;
	text-decoration: none;
	background-image: url('grafiken/layout/dot.gif');
	background-repeat: no-repeat;
	background-position: 5px;
	padding-left: 15px;
}
.clink a:hover {
	background: #d7f8bb;
	background-image: url('grafiken/layout/menue-schatten-hell.gif');
	background-repeat: repeat-y;
	background-position: right;
	color: #003A72;
}
.clink a:active {
	background: #d7f8bb;
	background-image: url('grafiken/layout/menue-schatten-hell.gif');
	background-repeat: repeat-y;
	background-position: right;
	color: #003A72;
}
/* ----------
DIV Layouts 
   ----------- */
#menue {
	width: 200px;
	height: 389px;
	position: absolute;
	left: 21px;
	top: 115px;
	background-image: url('grafiken/layout/menue-background.jpg');
	background-repeat: no-repeat;
	background-color: #66c024;
	text-align: center;
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
	color: #003A72;
}
#menue-schatten {
	height: 383px;
	width: 100%;
	background-image: url('grafiken/layout/menue-schatten.gif');
	background-repeat: repeat-y;
	background-position: right;
	padding-top: 5px;
}
#rechts-unten-schatten {
	height: 100%;
	width: 100%;
	background-image: url('grafiken/layout/menue-schatten-rechts.gif');
	background-repeat: repeat-y;
	background-position: left;
}
#rechts-unten-zusatz {
	background-color: #ffffff;
	width: 220px;
	height: 170px;
	position: absolute;
	left: 771px;
	right: 0px;
	top: 360px;
}
#rechts-unten-zusatz-schatten {
	height: 100%;
	width: 95%;
	padding-left: 15px;
	background-image: url('grafiken/layout/menue-schatten-rechts-zusatz.gif');
	background-repeat: repeat-y;
	background-position: left;
}
#content-oben {
	height: 115px;
	margin-left: 1px;
}
#content-unten {
	height: 100%;
	background-color: #FFFFFF;
	padding: 10px;
	margin-bottom: 5px;
}
.content {
	padding: 0px;
	border-width: 1px;
	border-style: solid;
	border-color: #ccd7e2;
	padding: 10px;
}
#frau {
	width: 211px;
	height: 115px;
	position: absolute;
	left: 10px;
	top: 0px;
	background-image: url('grafiken/layout/frau.jpg');
	background-repeat: no-repeat;
}
/* ----------
Reiter Oben
   ----------- */
.content-oben-reiter {
}
.content-oben-reiter a {
	float: left;
	margin-top: 80px;
	margin-left: 2px;
	padding-top: 8px;
	width: 105px;
	height: 26px;
	text-align: center;
	text-decoration: none;
	color: #003A72;
	font-size: 15px;
	background: #66c024;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-width: 1px;
	border-color: #d7f8bb;
}
.content-oben-reiter a:hover {
	float: left;
	margin-top: 80px;
	margin-left: 2px;
	padding-top: 8px;
	width: 105px;
	height: 26px;
	text-align: center;
	font-size: 15px;
	background: #d7f8bb;
	text-decoration: none;
	color: #003A72;
}
.content-oben-reiter-on a {
	float: left;
	margin-top: 73px;
	margin-left: 2px;
	padding-top: 16px;
	width: 105px;
	height: 26px;
	text-align: center;
	font-size: 15px;
	background: #ffffff;
	text-decoration: none;
	color: #003A72;
}
/* ----------
Reitersystem
   ----------- */
#content-reitersystem {
	height: 26px;
	margin-left: 1px;
}   
   
#page-reitersystem {
	margin-right: 200px;
	width: 550px;
	height: 100%;
}

.content-reitersystem a {
	float: left;
	margin-left: 2px;
	padding-top: 6px;
	padding-left: 5px;
	padding-right: 5px;
	height: 19px;
	text-align: center;
	text-decoration: none;
	color: #003A72;
	font-size: 11px;
	
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-width: 1px;
	border-color: #ccd7e2;
}

.content-reitersystem a:hover {
	float: left;
	margin-left: 2px;
	padding-top: 6px;
	padding-left: 5px;
	padding-right: 5px;
	height: 19px;
	text-align: center;
	font-size: 11px;
	background: #d7f8bb;
	text-decoration: none;
	color: #003A72;
}
.content-reitersystem-on a {
	float: left;
	margin-left: 2px;
	padding-top: 6px;
	padding-left: 5px;
	padding-right: 5px;
	height: 19px;
	text-align: center;
	font-size: 11px;
	background: #d7f8bb;
	text-decoration: none;
	color: #003A72;

	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-width: 1px;
	border-color: #ccd7e2;
}