html
{
	min-height: 100%;			
	height: 100%;
	margin:  0px;
	padding: 0px;
	border:  0px;
}

body 
{
	font-family: Trebuchet, Arial, Verdana, San-Serif;
	font-size: 100%;
	min-height: 100%;			
	height: 100%;
	margin:  0px;
	padding: 0px;
	border:  0px;
	background-image:  url(../img/background/bg_kachel.gif);
	background-attachment: fixed;	
}

a
{
	color: #990000;
}

h1
{
	font-size: 140%;
	color: #327B7D;
	margin: 0px 0px 5px 0px;
}

h2, .subheadline
{
	font-size: 120%;
	margin: 0px 0px 3px 0px;
	color: #327B7D;
}

h3
{
	font-size: 100%;	
	margin: 0px 0px 0px 0px;
}

/* der containerheader samt zugehörigen elementen (navigation oben) */

#header
{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 281px;
	width: 855px;
	margin: 0px;
	padding: 0px;
	background-image:  url(../img/background/bg_header.jpg);
	background-repeat: no-repeat;
	background-position: top left;			
	z-index: 2;	
}

/* grauer rand */
#containerborder
{
	position: absolute;
	left:0px; 
	top:0px; 	
	width: 865px;
	min-height: 100%;
	heihght: 100%;
	background-image:  url(../img/background/bg_shadow.gif);
	background-repeat: repeat-y;
	background-position: right;	
	z-index: 1;		
}

*html #containerborder
{
	height: 100%;
}

@media not tty 
{ 
	#containerborder 
	{
		display: none;
	}
}

/* der allgemeine content container */

#container
{
	position: absolute;
	left:0px; 
	top:0px; 	
	width: 865px;
	min-height: 100%;
	background-image:  url(../img/background/bg_footer.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	background-color: white;
	z-index: 3;		
}


*html #container
{
	height: 100%;
}



/* der content samt zugehörigen elementen */

#content
{
	position: relative;
	left:0px; 
	top:0px; 	
	width: 865px;
	height: 100%;
	min-height: 700px;
	padding: 0px 49px 0px 176px;			
	max-width: 640px;	
	font-size: 90%;
	z-index: 3;
}

#content li
{
	padding-bottom: 8px;
}

#content li a
{
	font-weight: bold;
	text-decoration: none;
}

#content li a:hover
{
	text-decoration: underline;
}

#boxleft
{
	float: left;
	padding: 166px 0px 100px 0px;
	z-index: 4;	
}

.W350
{
	width: 350px;
	z-index: 30;		
}

.W470
{
	width: 470px;
	z-index: 60;		
}

#boxright
/* rechte spalte der index-seite (news) */
{
	font-size: 80%;
	float: right;
	padding: 166px 0px 100px 0px;		
	z-index: 4;	
}

.news
{
	width: 166px;	
}

.info
{
	width: 270px;	
}

#boxright p
{
	color: #666666;
	margin: 0px;
	padding: 0px;
}

#boxright p.date
{
	font-size: 110%;
	font-weight: bold;
	margin: 9px 0px 3px 0px;
}

#boxright p.subcontent
{
	margin: 0px 0px 16px 0px;
}

/* der linke navigation samt zugehörigen elementen (navigation oben) */

#navleft
{
	position: absolute;	
	left: 0px;
	top: 0px;
	width: 176px;
	margin: 281px 0px 0px 0px;
	padding: 0px;	
	z-index: 5;
}

#navleft ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#navleft li
{
	margin:  0px;
	padding: 0px;
	padding: 7px 0px 7px 0px;	
}

#navleft a
{
	font-weight: bold;
	color: #656F76;
	text-decoration: none;
	padding: 0px 0px 0px 25px;	
}

#navleft a.act, #navleft a:hover
{
	text-decoration: underline;
	color: black;
	background-image:  url(../img/navigation/navi_marker.gif);
	background-repeat: no-repeat;
	background-position: 12px center;	
}

/* die obere navigation samt elementen */

#navtop
{
	position: absolute;	
	width: 100%;
	font-size: 80%;
	right: 0px;
	top: 0px;
	padding: 0px;	
	z-index: 5;
}

#navtop ul
{
	float: right;
	margin: 0px 40px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
}

#navtop li
{
	float: left;
	padding: 1px 9px 1px 9px;
}

#navtop li.spacer
{
	float: left;
	color: white;
	padding: 0px 0px 0px 0px;
	background-image:  url(../img/navigation/navi_spacer.gif);
	background-repeat: no-repeat;

}

#navtop a
{
	font-weight: bold;
	color: white;
	text-decoration: none;
}

#navtop a:hover
{
	text-decoration: underline;
}

/* die pseudoklassen */

.header
{
	font-size: 100%;
	display: block;
	color: #3D4E5A;
	font-weight: bold;
}

.subheader
{
	font-size: 90%;	
	display: block;
	color: #3D4E5A;
}

.subbox
{
	margin-bottom: 20px;
}

.xbold
{
	font-weight: bold;
}

.greybold
{
	font-size: 90%;
	font-weight: bold;
	color: #CCCCCC;
}

.small
{
	font-size: 80%;
}

.teaser
{
	color: #3D4E5A;
	font-weight: bold;
}

#boxright .header
{
	margin: 4px 0px 0px 0px;	
}

.boximage
{
	border:1px solid #333333;
}

.boximagergt
{	
	float: right;
	border:1px solid #333333;
	margin: 0px 0px 5px 5px;
}
/* tabellendefinition */

table
{
	font-size: 100%;
}

.list01
{
	font-size: 90%;
	width: 460px;
	background-color: #F5F5F5;
}

.list02
{
	font-size: 90%;
	width: 460px;
	/* background-color: #F5F8F9; */
}

.formtable td
{
	padding-bottom: 3px;
}

.list01 th
{
	vertical-align: top;
	text-align: left;
	width: 80px;	
}

.list02 th
{
	vertical-align: top;
	text-align: left;
	color: #327B7D;
	width: 80px;	
}

td a
{
	font-size: 90%;
}

td.type01, form.type01
{
 	border-bottom: 1px dotted #DDDDDD; 
 	padding: 7px 0px 7px 7px; 	
}
 
td.type02
{
	width: 100%;
	padding: 7px;
 	vertical-align: top;
 	text-align: left;	
} 
 
td.type03
{
	padding: 7px 7px 7px 3px; 
 	vertical-align: bottom;
 	text-align: right;
 	border-bottom: 1px dotted #DDDDDD; 	
}

.inside td, .inside th
{
	padding-bottom: 5px;
}