body { 
        margin: 0; padding: 0; font-family: Verdana; font-size: 12px; 
        /* Scrollbalken für IE */
	scrollbar-arrow-color: #CC0033;
	scrollbar-base-color: #dddddd;
	scrollbar-face-color: #ffffff;
	scrollbar-highlight-color: #dddddd;
	}


/* ------------------- Seitenelemente - Positionierung ----------------- */
#page   { 
	position: relative;
	background-image: url("../images/navi_bg.gif"); 
	background-repeat: no-repeat; 
	background-position: -10px 200px; 
	width: 1040px; height: 700px;
	}
#ref_win { 
	position: relative;
	height: 400px;
	width: 600px;
	}

#logo { margin: 5px 0 0 26px; }

#navigation {
	font-size: 14px;
	position: absolute;
	top: 260px; left: 30px;
	width: 220px; height: 450px;
	}
#address {
	font-size: 10px;
	color: #999999;
	position: absolute;
	top:700px; /* 600px; */ left: 30px;
	}
#ref_win #address { position: relative; top: 100px; width: 200px; }
* html #ref_win #address { top: 130px; }
#address table { border-collapse: collapse; margin-bottom: 20px; }
#address table td { font-size: 10px; text-align: center; padding: 0 5px 10px 3px; }
#address a { color: #999999; }
#address table a { color: #ffffff; }
	
#illustration {
	position: absolute;
	top: 2px; right: 0;
	width: 150px; height: 139px; overflow: hidden;
	}
#ref_win #illustration { top: 70px; }
	
.headline { 
	position: absolute; 
	top: 85px; left: 300px;
	width: 590px;  
	border: 1px #999999 solid;
	padding: 30px 30px;
	}
#ref_win .headline { top: 165px; left: 130px; width: 360px; }
* html .headline { width: 650px; }
* html #ref_win .headline { width: 420px; }
	
#introbox {
	position: relative;
	top: 35px; left: 300px;
	width: 590px;
	padding: 0 30px; 
	border:1px #F3D0D4 solid;
	margin-bottom: 20px;
	}
* html #introbox { width: 650px; margin-bottom:10px; }

div.introbox {
	position: relative;
	top: 35px; left: 300px;
	width: 590px;
	padding: 0 30px; 
	border:1px #F3D0D4 solid;
	margin-bottom: 20px;
	}
* html div.introbox { width: 650px; margin-bottom:10px; }

div.multiCols {
	position: relative;
	top: 35px; left: 300px;
	width:650px;
	padding:0; 
	margin-bottom: 20px;
        font-size:11px;
	}
.multiCols .col {
  width:200px;
  border:1px #cccccc solid;
  margin:0 0 40px 0px;
  float:left;
}
.multiCols .col.first { margin-right:23px; }
.multiCols .col.last { float:right; }

.multiCols .col .content {
  padding:10px 10px;
}

.multiCols h2 { margin-top:0; }
.multiCols p { margin:0; font-size:11px; }

.col a:link, .col a:visited { color: #CC0033; font-weight: normal; text-decoration: none; }
.col a:hover, .col a:active { color: #333333; font-weight: normal; text-decoration: underline; }


#content {
        clear:both;
	position: relative;
	top: 35px; left: 330px;
	width: 390px;
	padding-right: 230px; padding-bottom: 30px;
	background-repeat: no-repeat;
	background-position: top right;
	}

#content.home { left:300px; width:420px; }

#ref_win #content { top: 80px; left: 160px; width: 360; padding: 0; }
* html #content { top: 70px; width: 620px; padding-bottom: 80px; padding-top: -10px; }
* html #ref_win #content { top: 100px; }


/* ------------------- Top-Navigation ----------------- */

#topnav { 
  position:absolute;
  top:10px; left:330px;
  width:520px;
  text-align:right;
  }
#topnav a:link, #topnav a:visited { color:#666666; text-decoration:none; }
#topnav a:hover, #topnav a:active { color:#cc0033; text-decoration:none; }

#topnav img { border:0; margin:0px 5px 0px 20px; vertical-align:bottom; }

/* ------------------- Inhaltselemente - Formate ----------------- */

p { margin: 7px 0;}
p.fehler { background-color: #ff9999; }
table {margin: 0 0 0 -7px; padding: 0; border: 0; }
td { font-size: 12px; padding-left: 5px; }

a img { border: 0; }

h1 {
	color: #999999;
	font-size: 19px; line-height: 24px; letter-spacing: 1px;
	margin: 0;
	}
h2 {
	color: #CC0033;
	font-size: 13px;
	margin-top: 10px;
	margin-bottom: 5px;
	}
h3 { font-size:14px; margin:15px 0 0 0; }
h3.refOverview { margin-bottom:0; font-size:12px; }

h4 { font-size:12px; margin:15px 0 0 0; color: #666666; }

p.home { margin-top: 0; }
p.ref { margin: 0 0 15px 0; }

ul { margin: 0; padding-top: 0; padding-left: 1.3em; }
ul li { margin-bottom: 8px; list-style-image:url("/images/li-bullet.gif"); }
ul.narrow { margin-top: -5px; margin-bottom: -5px; }
ul.narrow li { margin-top: 0; margin-bottom: 0; }
td ul {}
td ul li { margin:0; }

strong { font-weight: bold; color: #CC0033; }
em { font-style:normal; font-weight:bold; }

#content a:link, #content a:visited { color: #CC0033; font-weight: normal; text-decoration: none; }
#content a:hover, #content a:active { color: #333333; font-weight: normal; text-decoration: underline; }
p a:link, p a:visited { color: #CC0033; font-weight: normal; text-decoration: none; }
p a:hover, p a:active { color: #333333; font-weight: normal; text-decoration: underline; }

#content h3 a:link, #content h3 a:visited { color: #333333; font-weight: bold; text-decoration: none; }
#content h3 a:hover, #content h3 a:active { color: #CC0033; font-weight: bold; text-decoration: underline; }


/* ------------------- Navigation ----------------- */

#navigation a { color: #ffffff; text-decoration: none; display: block; margin-top: 12px; }
#navigation a:link, #navigation a:visited { color: #ffffff; font-weight: normal; text-decoration: none; }
#navigation a:hover, #navigation a:active { font-weight: normal; text-decoration: underline; }

#navigation a.aktiv:link, #navigation a.aktiv:visited, #navigation a.aktiv:hover, #navigation a.aktiv:active { color: #aaaaaa; font-weight: bold; text-decoration: none; }

ul.subnavi { margin-top: 0; }
ul.subnavi li {
	font-size: 12px; color: #ffffff;
	list-style-type: none;
	margin-bottom: 0;
        list-style-image:none;
	}
* html ul.subnavi li { margin-bottom: -10px; }

#navigation ul.subnavi li a.sub { margin-top: 3px; }
a.sub { margin-top: 3px; }

ul.subnavi li.aktiv { list-style-type: disc; }


.lightgrey { color:#CCCCCC; }
.red { color:#CC0033; }
.grey { color:#666666; }