html, body {
	margin: 0;
	padding: 0;
}

body{
	background-color: #EFEFEF;
	background-image: url("bilder/bg_body.gif");
	background-repeat: repeat-y;
}


/* ####################################################### */
/* #### Allgemein: Schriften, Listen, Links, Bilder ###### */

html, body, table, th, td, div, ul{
	font-family: "Trebuchet MS", "Bitstream Vera Sans", lucida, arial, helvetica, verdana, sans-serif;
	font-size:12px;
	line-height:1.35em;
	color:#333333;
}

a{
	text-decoration:none;
	color:#FF6600;
}

p{
	margin:0;
	padding:0;
}

h1{
	font-size:18px;
	color:#999999;
	margin: 25px 0 20px 0;
	line-height:1.1em;
}
h2{
	font-size:12px;
	color:#333333;
	margin: 20px 0 0 0;
}

dt { font-weight:bold; }
dd{
	margin:0 0 1.35em 1em;
	padding:0;
}

img{
	margin:0;
	padding:0;
	border:none;
}


/* ####################################################### */
/* #### Inhaltsbereiche ################################## */

div#header{
	position:absolute;
	top:0;
	left:0;
	width:757px;
	height:98px;
	background-color: #EFEFEF;
}

a#logo{
	position:absolute;
	top:19px;
	left:25px;
	z-index:4;
}

p#glossar{
	position:absolute;
	top:98px;
	left:165px;
	width:572px;
	height:24px;
	overflow:hidden;
	margin:0;
	background-color:#ffffff;
}

span#servicelexikon{
	position:absolute;
	top:98px;
	left:0px;
	width:165px;
	height:31px;
	background-image: url("bilder/service-lexikon.gif");
}

a#index{
	position:absolute;
	top:98px;
	left:737px;
	width:33px;
	height:24px;
	background-image: url("bilder/glossar.gif");
}
a#index:hover{
	background-image: url("bilder/glossar_hover.gif");
}

div#inhalt{
	position:absolute;
	top:140px;
	left:363px;
	width:372px;
	padding: 0 0 20px 0;
}

div#service{
	position:absolute;
	top:144px;
	width:163px;
}

div#detailauswahl{
	position:absolute;
	left:165px;
	top:144px;
	width:174px;
}

p#breadcrumb{
	position:absolute;
	top:80px;
	left:165px;
	font-weight:bold;
	color:#999999;
	line-height:20px;
}

div#werbung{
	position:absolute;
	left:503px;
	top:19px;
	width:234px;
	height:60px;
	overflow:hidden;
}

/* ####################################################### */
/* #### A-Z Navigation ################################### */

p#glossar a{
	display:block;
	float:left;
	height:20px;
	width:20px;
	overflow:hidden;
	margin:2px 2px 0 0;
	color:#FFFFFF;
	background-color:#CCCCCC;
	line-height:20px;
	font-weight:bold;
	text-align:center;
}
p#glossar a.aktiv{
	background-color:#FF6600;
}
p#glossar a:hover{
	background-color:#FF6600;
}


/* ####################################################### */
/* #### Service-, Partner- + Unter-Navigation ############ */

div#service ul,
div#detailauswahl ul{
	margin:0 0 20px 0;
	padding:0;
	font-weight:bold;
}

div#service li,
div#detailauswahl li{
	list-style-type: none;
	padding: 0 0 2px 0;
}

div#service ul li a{
	display:block;
	line-height:20px;
	padding: 0 3px 0 25px;
}
div#detailauswahl ul li a{
	display:block;
	line-height:20px;
	padding: 0 3px 0 13px;
}
div#service ul.menue li a{
	background-image: url("bilder/bg_servicemenue_a.gif");
	background-repeat: no-repeat;
	color:#999999;
}
div#service div#marginalien ul li a{
	background-image: url("bilder/bg_marginalien_ungerade_a.gif");
	background-repeat: no-repeat;
	color:#FFFFFF;
	background-color:#CCCCCC;
}
div#service div#marginalien ul li.gerade a{
	background-image: url("bilder/bg_marginalien_a.gif");
	background-repeat: no-repeat;
	color:#999999;
	background-color:#EFEFEF;
}
div#detailauswahl ul li a{
	background-image: url("bilder/bg_unternavigation_a.gif");
	background-repeat: no-repeat;
	color:#999999;
	background-color:#EFEFEF;
}


div#service ul.menue li a:hover,
div#service ul.menue li a.aktiv{
	background-image: url("bilder/bg_servicemenue_a_hover.gif");
	color:#FF6600;
}
div#service div#marginalien ul li a:hover{
	color:#FFFFFF;
	background-color:#FF6600;
}
div#detailauswahl ul li a:hover,
div#detailauswahl ul li a.aktiv{
	background-image: url("bilder/bg_unternavigation_a_hover.gif");
	color:#FF6600;
}

div#detailauswahl ul li#mehr a,
div#detailauswahl ul li#mehr a:hover{
	background-image: none;
}

div#marginalien h2{
	margin:20px 0 0 5px;
	color:#999999;
	font-size:12px;
	line-height:20px;
}

/* ####################################################### */
/* #### Punktliste mit Haken ############################# */

ul.leistungen{
	margin:0 0 1em 15px;
	padding:0;
}

ul.leistungen li{
	list-style-type: none;
	padding: 0 0 1em 17px;
	background-image: url("bilder/haken.gif");
	background-repeat: no-repeat;
}


/* ####################################################### */
/* #### Sitemap + Impressum Link ######################### */

p#info{
	margin:0;
	line-height:20px;
	padding: 0 0 0 25px;
	font-weight:bold;
	color:#999999;
}
p#info a{ color:#999999; }
p#info a:hover{ color:#FF6600; }


/* ####################################################### */
/* #### BreadCrumb-Trail ################################# */

p#breadcrumb a{	color:#999999; }
p#breadcrumb a:hover{ color:#FF6600; }