/*Allgemein*/

body,html
{
height: 100%;
}

body
{
font-family: arial, verdana, helvetica, sans-serif;
font-size: 12px;
color: #7b7b7b;
margin: 0;
padding: 0;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-top: 0px;
background-color: #e6e6e6;
line-height: 1.4em;
text-align:center; /* horizontal centering for IE Win quirks */
scroll: no;

scrollbar-face-color: #f1f1f1; 
scrollbar-highlight-color: #f1f1f1; 
scrollbar-shadow-color: #f1f1f1; 
scrollbar-3dlight-color: #7b7b7b; 
scrollbar-arrow-color: #7b7b7b; 
scrollbar-track-color: #f1f1f1; 
scrollbar-darkshadow-color: #7b7b7b;
}

td, tr
{
font-family: arial, verdana, helvetica, sans-serif;
font-size: 12px;
margin: 0;
padding: 0;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-top: 0px;
}

p
{
line-height: 1.4em;
margin-bottom: 0px;
margin-top: 10px;
}

a:link img {border: 0;}
a:visited img {border: 0;}
a:active img {border: 0;}
a:focus img {border: 0;}
a:hover img {border: 0;}
a:link    {color: #002266;  text-decoration: none;}
a:visited,
a:active,
a:focus   {color: #002266;   text-decoration: none;}
a:hover   {color: #800; text-decoration: none;}

a.gl:link    {color: #7b7b7b;  text-decoration: none;}
a.gl:visited,
a.gl:active,
a.gl:focus   {color: #7b7b7b;   text-decoration: none;}
a.gl:hover   {color: #800; text-decoration: none;}


#distance { 
		width:1px;
		height:50%;
		background-color:#fc6;
		margin-bottom:-275px; /* half of container's height */
		float:left;
		}

#container {
		margin: 0 auto;
		position: relative; /* puts container in front of distance */
		text-align: left;
		height: 510px;
		width: 800px;
		clear: left;
		}


/*Headlines*/


h1, h2, h3
{
font-size: 16px;
font-family: arial, verdana, helvetica, sans-serif;
color: #291672;
font-weight: bold;
margin-top: 0;
margin-bottom: 20px;
line-height: 1em;
}


#top
{
height: 130px;
width: 800px;
margin: auto;
background-image: url(./images/rabsch-top.jpg);
}


#textbox
{
width: 800px;
height: 345px;
background-color: #f1f1f1;
background-image: url(./images/mittelteil.jpg);
text-align: left;
margin: auto;
}

#verlauf
{
position: absolute;
left: 50%;
width: 100%;
margin-left: -50%; /* negative Hälfte von width:100% */
top: 50%;
height: 510px;
margin-top: -255px; /* negative Hälfte von height:510px */
background-image: url(./images/verlauf.jpg);
}

#content
{
width: 640px;
height: 345px;
float: left;
overflow: auto;
scroll: auto;
}

#inhaltsfeld
{
margin: 65px 30px 20px 30px;
}

#navi
{
width: 140px;
height: 345px;
float: right;
text-align: left;
}

#bottom
{
width: 800px;
height: 35px;
background-image: url(./images/bottom.jpg);
}

hr
{
 border: 0px; /* Für Firefox und Opera */
 border-top: solid 1px #40beea;
 border-bottom: solid 1px #d4f4ff; /* Für I.Explorer (Seiten-Hintergrundfarbe!) */
}

.normal
{font-size: 13px;}

.menu
{
margin-top: 0px;
margin-bottom: 12px;
}

.bottomnavi
{font-size: 11px;
margin-top: 0px;}


a.sub:link    {color: #a3a3a3;  text-decoration: none;}
a.sub:visited,
a.sub:active,
a.sub:focus   {color: #a3a3a3;   text-decoration: none;}
a.sub:hover   {color: #291672; text-decoration: none;}

.botaktiv
{color: #291672; text-decoration: none;}


.center
{text-align: center;
margin: auto;}

.abstandoben
{margin-top: 80px;}

.navspace1
{margin-top: 40px;}

.navspace2
{margin-top: 25px;}

.linksfluss
{
float: left; 
margin-right: 20px;
margin-bottom: 10px;
clear: both;
}

.rechtsfluss
{
float: right; 
margin-left: 20px;
margin-bottom: 10px;
}

li.dd
{margin-top: 0;
margin-bottom: 0;
}