* {margin: 0; padding: 0;}
html, body {height: 100%; background-color: #31274C;}

body {text-align: center; /* horizontal centering for IE Win quirks */}

#abstand { 
	width: 1px;
	height: 50%;		
	margin-bottom: -245px; /* half of container's height */
	float: left;}

body {
  color: #000000;
	font-size: 16px;
	background-color: #31274C;
  font-family: Arial Narrow;
  margin:  0; 
	padding: 0;
  text-align: center;  /* Zentrierung im Internet Explorer! */}	
	
div#aussen {
	margin: 0 auto;
	position: relative; /* puts container in front of distance */
	text-align: left;  
  width: 860px;
	max-width: 860px;
	min-width: 860px;
	height: 490px;
	max-height: 490px;
	min-height: 490px;
	clear: left;}
	
#logo { 
	height: 100px;
	overflow: hidden;
	background-image: url(site/images/logo.png);
	background-repeat: no-repeat;
  clear: left;}

div#inhalt {
  margin: 0;
  padding: 0;
	overflow: auto;
	background-color: #fff;		
	background-image: url(site/images/hintergrund.jpg);
	background-repeat: no-repeat; 
	width: 640px;
	max-width: 640px;
	min-width: 640px;
	height: 390px;
	max-height: 390px;
	min-height: 390px;}
  
div#navigation {	
  margin: 20px 0 0 50px; 
	padding: 0; 
	width: 150px;
	max-width: 150px;
	min-width: 150px;
	height: 390px;
	max-height: 390px;
	min-height: 390px;
	float: left;}
	
#inhalt a:link, #inhalt a:visited, #inhalt a:active{
    color: #31274C;
    text-decoration: none;
    font-family: Arial Narrow;
    font-size: 12px;
    font-weight: bold;}
	 
#inhalt a:hover  {
     color: #000;
     text-decoration: none;
     font-family: Arial Narrow;
     font-size: 16px;
     font-weight: bold;}
	 
#box {
	 float: left;
 	 margin: 20px 0 0 20px;
	 border: 2px solid #000000;
   width: 300px;
 	 height: 335px;
 	 background: #ffffff;}

.frame {
 	 overflow: auto;
   width: 290px;
 	 height: 325px;
	 padding: 5px;}
	 
h1 { font-size: 16px; font-family: Arial Narrow; color: #31274C; padding: 0 5px 10px 0;}
h2 { font-size: 11px; font-family: Arial Narrow; color: #31274C; padding: 0 5px 5px 0; text-align:center}
img {border: 0; margin-left: 10px;}
.bold {font-weight: bold; font-size: 16px; font-family: Arial Narrow;}
.bold-red {font-weight: bold; font-size: 14px; font-family: Arial Narrow;color: #72000D;}
p {padding: 0 5px 10px 0;}
.mitte {text-align: center;}
.underline {text-decoration: underline;}
.counter {font-weight: bold; text-align: center; color: #31274C}

#navi1 {
	float: left; 
	width: 40px;
    margin: 20px 20px 0 20px;}

#bild {
	float: left; 
	width: 286px;
    margin: 155px 10px 0 0;}