* {
    margin: 0; 
    padding: 0;
}

html { height:100%;}

body {
margin:0;
text-align:center;
background-color:#808080;
min-height: 101%;	
font-size: 100.01%;
font-size: 100.01%; 
position: relative; 
/* Vorgabe der Standardfarben und Textausrichtung*/     
color: #FFFFFFF;        
background: #808080;
text-align: left; 
behavior: url(htc/iehover.htc); /* IE *:hover */
}

/* Diese Angabe benötigt der Safari-Browser zwingend !! */
	.clearfix { display: block; } 
	
	/* Overflow-Methode zum Clearen der Float-Umgebungen */
	.floatbox { overflow:hidden; }
	
	/* IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
	#ie_clearing { display: none }

#raender { 
	width:800px; 
	margin-left: auto;
 	margin-right: auto;
	max-width:none;  /* min-width für fixes Layout abschalten */
	min-width:inherit;  /* max-width für fixes Layout abschalten */
}

#main {
text-align: left;    /* Seiteninhalt wieder links ausrichten */
margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
clear:both;
width: auto; 
min-height:101%;
border:0;
padding:0;
background-color:#FFFFFF;
background-image:url(../images/main_bg.jpg);
background-position:left top;
background-repeat:no-repeat;
}

#left {	
float: left;
width: 155px;
/*padding-top:36px;*/  
}	

#left_content {
margin-top:53px; 
margin-left: 1em; 
background:inherit;
position:relative; 
}

#right {	
float:right; 
width: 173px;
/*background-color:#a8b1d2;*/
}

#right_content {	
margin-left: 0em; 
margin-right: 0em;
position:relative; 
}

#middle {
	height:auto;
	width:auto;
	top: 0px;
  	margin-left: 180px; 
   	margin-right: 173px; 
}

#middle_new {
	position:relative;
	height:auto;
	width:800px;
	background-color:#ffffff;
	top: 0px;
	left:0px;
  	margin-left: 0px; 
   	margin-right: 0px; 
	display:box;
	color:#1451a0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#middle_content_new { 
margin-left: 1em; 
margin-right: 1em;
margin-bottom: 1em;
position:relative; 
}



#middle_content { 
margin-left: 0em; 
margin-right: 0em;
position:relative; 
}


/*.footer {
background-image:url(../images/foto_footer.gif);
background-position:bottom;
background-repeat:no-repeat;
height:556px;
}*/

/*.index{
background-image:url(../images/foto_hoch.jpg);
background-position:top;
height:400px;
background-repeat:no-repeat;
}*/

.box {
width:355px;
border: 1px solid #FFFFFF;;
background-color:#1451a0;
height:233px;
margin-top:10px;
margin-bottom:35px;
position:absolute;
padding-left:10px;
padding-top:10px;
float:none;
}

.boxtext {
margin-left:18px;
color:#FFFFFF;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}

.boxtext1 {
color:#FFFFFF;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}
/* Randabstände fixen */
#footer {
height:20px;
margin:0; 
padding: 1em; 
border-color: #FFFFFF; 
}

fieldset, img { border:0; }
select, input, textarea { font-size: 99% }

#header{
position:relative;
text-align:left;
border:0;
margin:auto;
width:950px;
padding:0;
}


/* #navlist li a:hover {
background-color:#FFFFFF;
}*/

#nav 
{
font-family:Arial, Helvetica, sans-serif;
margin-top:0px;
text-align:right;
width:173px;
height:237px;
font-size: 12px;
font-weight:bolder;
/*background-color:#a8b1d2;*/
background-image:url(../images/menu_background.gif);
	background-repeat:repeat-y;
list-style-type: none;
border:0;
list-style:none;
list-style-image:none;
position:relative;
}

#nav li.toplevel
{	padding-right:15px;
	padding-top:4px;
	padding-bottom:4px;
	}
	
#middle_content ul {
	color:#c66e1e;
	list-style-type:disc;
	list-style-position:inside;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
#left_content ul {
	color:#c66e1e;
	list-style-type:disc;
	list-style-position:outside;
	}
	
/*div {
	width: 100px;
	padding: 10px;
	border: 5px solid black;
	margin: 10px; }

* html div {  /* This is the Tan hack 
	width: 130px; 
	w\idth: 100px; }*/


 
ul a {
font-family:Arial, Helvetica, sans-serif;
color:#1451a0;
text-decoration:none;
}

ul a:visited{
color:#1451a0;
}

ul a:hover {
color:#FFFFFF;
}

ul a:active {
color:#FFFFFF;
}

/*li>ul {*/ /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	/*top: auto;
	left: auto;
}*/

/* lists nested under hovered list items */
/*li:hover ul, li.hover ul { 
	display: block;
}*/

	

p {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color:#1451a0;
}

h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bolder;
color:#c66e1e;
}

h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#1451a0;
}

h3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#c66e1e;
font-weight:bolder;
line-height:18px;
}

hr {
background-color:#a8b1d2;
color:#a8b1d2;
border:#a8b1d2;
margin-bottom:5px;
margin-top:5px;
width:400px;
height:1px;
}

a {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#666666;
text-decoration:none;
}

a:active{
color:#1e1e87;
}

a:visited{
color:#666666;
}

a:hover {
color:#1e1e87;
}

.boxtext a {
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
text-decoration:none;
}

.boxtext a:visited{
color:#ffffff;
}

.boxtext a:hover {
color:#999999;
}

.boxtext a:active {
color:#FFFFFF;
}