/***********************************************/
/* umweltbundesamt.css                         */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size:101%;
text-align: left;
	color: #000000;
	margin: 0;
	padding: 0;
	height: 100%;
	background-color: #dfffdf;
}

sub {
vertical-align: -0.1em;
}

sup {
vertical-align: 0.1em;
}


a{
	color: #0033ff;
	text-decoration: none;
	outline: none;
}

a:link{
	color: #0033ff;
	text-decoration: none;
}

a:visited{
	color: #9C508D;
	text-decoration: none;
}

a:hover{
	color: #000000;
	text-decoration: none;
}

a:active{
	color: #000000;
	text-decoration: underline;
}

a:focus{
	color: #000000;
	text-decoration: underline;
}

#Logo a{
	background-color: transparent;
	outline: none;
}

#Logo a:link{
	background-color: transparent;
}

#Logo a:visited{
	background-color: transparent;
}

#Logo a:hover{
	background-color: transparent;
}

#Logo a:active{
	background-color: transparent;
}

#Logo a:focus{
	background-color: transparent;
}


td h1,td h2,td h3,td h4,td h5,td h6 {
margin:0;
}


h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	line-height: normal;
	text-decoration: none;
color: #000;
	margin-bottom: -0.4em;
}

h1 {
	font-size: 1.4em;
	font-weight: normal;
letter-spacing: 1.2px;
}

h2 {
	font-size: 1.4em;
	font-weight: normal;
letter-spacing: 1.2px;
}

h3 {
	font-size: 1.2em;
	font-weight: bold;
letter-spacing: 1.2px;
}

h4 {
	font-size: 1.0em;
	font-weight: bold;
letter-spacing: 1.2px;
}

h5 {
	font-size: 1.0em;
	font-weight: normal;
letter-spacing: 1px;
}

h6 {
	font-size: 1.0em;
	font-weight: normal;
	font-style: italic;
letter-spacing: 1px;
}


ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: circle;
}

.BildRechts img { margin: 1em 0em -1em 0em; padding: 0;}
dl.BildRechts { float: right; margin: 1em 0em 0em 1em;}
dl.BildRechts dt { margin: 0; }
/*verhindert das Einrücken und den Abstand nach oben*/
dl.BildRechts dd {  margin: 0; padding-left: 1em; font-size: 80%;} 



input.taste  {width:auto;
               height:auto;
			   text-align:center;
	background-color: #ffdaa5;
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: normal;
	color: #0033ff;
               border: 1px solid #000000; 
}


label.sitesuche{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #000000;
}

label.tableft { 
float: left; 
text-align: right; 
width: 30%; 
white-space:nowrap;
margin-left: 1%; 
margin-right: 1%; 
margin-bottom: -1.9em; 
 font-family: Arial,sans-serif;
 font-size: 100%;
 color: #333;
} 

label.tdufeldname { 
float: left; 
text-align: right; 
width: 20%; 
white-space:nowrap;
margin-left: 1%; 
margin-right: 1%; 
margin-bottom: -1.9em; 
 font-family: Arial,sans-serif;
 font-size: 100%;
 color: #333;
} 

#linkeSeite h3 { 
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	font-size: 120%;
	text-transform: none;
	line-height: normal;
	text-decoration: none;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	color: #000;
} 

#linkeSeite h4 { 
	margin-top: 0.5em;
	margin-bottom: 0.5em;
} 

#linkeSeite form { 
	line-height: normal;
} 


input.tabright { 
float: left; 
width: 30%; 
font-size: 100%;
clear: both; 
margin-left: 33%; 
margin-right: .5%; 
	line-height				:	normal;
} 

input.tdufeld { 
float: left; 
width: 30%; 
font-size: 100%;
clear: both; 
margin-left: 30%; 
margin-right: .5%; 
	line-height				:	normal;
} 

input.sitesuche { 
font-size: 100%;
	line-height				:	normal;
} 


textarea.tabright { 
float: left; 
width: 60%; 
 font-family: Arial,sans-serif;
 font-size: 100%;
clear: both; 
margin-left: 33%; 
margin-right: .5%; 
	line-height				:	normal;
} 


input[type=checkbox].tabright, 
input[type=radio].tabright { 
	line-height				:	normal;
} 

select.tabright { 
float: left; 
width: 66%; 
font-size: 100%;
clear: both; 
margin-left: 33%; 
margin-right: .5%; 
	line-height				:	normal;
} 

.submitbutton	{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
	line-height				:	normal;
}

.linkweiss {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	text-decoration: none;
	color: #FFFFFF;
}

.hinweisrot {color: #FF0000}

.hinweisgruen {color: #009900}

.hinweistransparent {
	background-color: #ffffff;
border: 1px solid #000000;
padding: 8px;
}


.kontaktformular	{
	line-height				:	200%;
	margin-top				:	1em;
}

.kontaktformular br { 
clear: both; 
} 

.acc {
border: #000000 solid; border-width: 0px 0px 1px;
font-weight: bold; color: #0000ff;
}

.fixfloat	{
	float					:	none;
	clear					:	both;
	width					:	1px;
	margin					:	0;
	padding					:	0;
	font-size				:	0px;
	line-height				:	0px;
	height					:	1px;
}

.separator	{
	font-size				:	1px;
	line-height				:	1px;
	height					:	3px;
	border-bottom			:	1px solid #BCBCD0;
	margin					:	10px 0 10px 0;
	padding					:	0;
}

.separator hr	{
	display					:	none;
}


.schlagwort {
	font-size: 1.2em;
	letter-spacing: 1px;
 font-weight: bold;
 color: #000000;
margin-left:10px;
}

.domainname {
font-family: Arial, Helvetica, sans-serif; 
font-size: 160%;
font-weight: bold;
color: #009900;
}

.datum {
padding-top: 0.5em;
font-family: Arial, Helvetica, sans-serif; 
font-size: 80%;
font-weight: normal;
color: #006600;
}

.einstelldatum {
margin-bottom: -0.7em;
font-family: Arial, Helvetica, sans-serif; 
font-size: .85em;
font-weight: normal;
color: #000000;
}


.klein {
font-family: Arial, Helvetica, sans-serif; 
font-size: 0.8em;
}

.navliste a:hover span.klein {
	line-height:100%;
}


acronym {
cursor:help;
  border-bottom: 1px dashed #000;
} 

.trennlinie{
	border-bottom: 1px solid #808080;
	width: 100%;
	height: 1px;
	margin-top: -0.9em;
}

.trennlinieoben{
	border-top: 1px solid #808080;
	width: 100%;
	height: 1px;
	padding-top: 1em;
}


table { table-layout:auto; caption-side: top; border-collapse:collapse;}
td { text-align: left; vertical-align:top; padding: 3px; border:1px solid #ccc; } 
th { text-align: left; vertical-align:top; padding: 3px; border:1px solid #ccc; } 

.zeilenhoehe{
	line-height:3px;
}

.tableohnerahmen { table-layout:auto; caption-side: top; border-collapse:collapse;}
.tableohnerahmen td { text-align: left; vertical-align:top; padding: 3px; border:0px solid #ccc; } 
.tableohnerahmen th { text-align: left; vertical-align:top; padding: 3px; border:0px solid #ccc; } 

.tablebgohne { table-layout:auto; caption-side: top; border-collapse:collapse; width:100%;}
.tablebgohne td { text-align:left; vertical-align:top; padding:2px; border:0px solid #ccc; line-height:1.2em; } 
.tablebgohne th { text-align:left; vertical-align:top; padding:2px; border:0px solid #ccc; } 


.tableohnerahmenrechts { text-align: right; vertical-align:top; padding: 10px; border:0px solid #ccc; } 
.tableohnerahmenlinks { text-align: left; vertical-align:top; padding: 10px; border:0px solid #ccc; } 

.tdmitrahmenmittig { 
text-align: center; 
border: 1px solid #000000;
height:84px; 
width:145px;
vertical-align: middle;
} 

.tdohnerahmen { 
border: 0px;
padding:0px;
} 

.tdohnerahmenmittig { 
table-layout:fixed;
text-align: center; 
border: 0px; 
border-collapse:separate;
height:84px; 
width:145px;
vertical-align: middle;
} 

.medienbereich { 
float: left; 
width: 80%; 
background-color: #ff9900;
font-weight: bold;
padding: 0.5em 0em 0.5em 0.5em;
}

.medientitel { 
float: left; 
width: 80%; 
background-color: #FFDAA5;
font-weight: normal;
padding: 0.5em 0em 0.5em 0.5em;
}

.medientext { 
float: left; 
width: 80%; 
font-weight: normal;
padding: 0.5em 0em 0.5em 0.5em;
}

.mediennummer { 
float: left; 
width: 80%; 
font-weight: bold;
padding: 0.5em 0em 0.5em 0.5em;
} 

.medienlink { 
float: left; 
width: 40%; 
font-weight: normal;
padding: 0.5em 0em 0.5em 0.5em;
}
.medienpreis { 
float: left; 
width: 40%; 
text-align: right;
font-weight: bold;
padding: 0.5em 0em 0.5em 0.5em;
} 


.hgptabelle { table-layout:auto; caption-side: top; border-collapse:collapse;}
.hgptabelle td { text-align: left; vertical-align:top; padding: 3px 3px 8px 3px; border:0px solid #ccc; } 
.hgptabelle th { text-align: left; vertical-align:top; padding: 3px; border:0px solid #ccc; } 

.projektetabelle 
{  font-family: Arial,sans-serif;
margin: 4px;
	line-height: normal;

}
.projektetabelle td 
{  font-family: Arial,sans-serif;
	line-height: normal;

} 
.projektetabelle th 
{  font-family: Arial,sans-serif;
	line-height: normal;
} 


.hgpzellegruen td { 
background-color: #dfffdf;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#Kopfhintergrund{
position:absolute;
top: 0;
left: 0;
height: 107px;
	padding: 0;
	margin: 0;
	background-color: #0A470B;
	/*background-image: url(https://www.umweltbundesamt.de/ubagrafik/green-markets_d.jpg);*/
	background-image: url(https://www.umweltbundesamt.de/ubagrafik/kopfbild.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 100%;
}



#Kopfhintergrund-e{
position:absolute;
top: 0;
left: 0;
height: 107px;
	padding: 0;
	margin: 0;
	background-color: #FFFFFF;
	/*background-image: url(https://www.umweltbundesamt.de/ubagrafik/green-markets_e.jpg);*/
	background-image: url(https://www.umweltbundesamt.de/ubagrafik/ubarundgang-e.png);
	background-position: 0% 0%;
	background-repeat: no-repeat;
	width: 100%;
}


#Logo{
position:absolute;
top: 0;
left: 0;
width: 100px;
text-align: left;
z-index:4;
}

#topbanner{
position:absolute;
top: 0;
left: 0;
width: auto;
text-align: left;
z-index:3;
}

#Logo img{
border: 0;
}

#topbanner img{
border: 0;
}

#topbanner a{
outline: none;
}

#Mitte{
float: left; 
top: 0px;
text-align: center;
width: 60%;
z-index: 5;
}

#bmuev {
float: right; 
width: 19%;
font-size: 0.8em;
text-align: right;
z-index: 6;
}

#bmuev img{
border: 0;
}


#linkeSeite{
  	clear: both;
	position: absolute;
	left: 0%;
	top: 132px;
	background-color: #dfffdf;
	width: 19%;
	height: 100%;
	padding: 9px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
z-index: 9;
}



#inhaltrahmen{
  	clear: both;
	position: absolute;
	left: 20.5%;
	top: 132px;
	font-size: 80%;
line-height:1.4em;
border-top: 0px;
border-bottom: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
margin: 0;
width:59%;
	height: auto;
	background-color: #ffffff;
z-index: 10;
}

#livewatch{
	clear: both;
	float:left;
bottom: 0px;
text-align: center;
width: 100%;
z-index: 5;
}

.mobil {
	background-image: url(verkehr/mobil/bilder/Banner-gruen.jpg);
	background-position: 0% 0%;
	background-repeat: repeat-x;
	background-color: #3E9A4D;
	height: 68px;
margin: 0;
padding: 0;
text-align: left;
}

#inhaltrahmenbreit{
  	clear: both;
	position: absolute;
	left: 0px;
	top: 131px;
	font-size: 80%;
border-top: 0px;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
border-left: 1px solid #000000;
margin: 0;
width:100%;
	height: auto;
	background-color: #ffffff;
z-index: 9;
}

#inhaltvoll{
float: left;
padding: 9px;
width: 97.3%;
height: auto;
background-color: #ffffff;
}

#inhaltvoll li {

padding-bottom: 0.5em;

}

#inhaltvollbreitwand{
  	float:left;
	font-size: 80%;
border-top: 0px;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
border-left: 1px solid #000000;
	padding: 10px;
margin: 0;
width:auto;
	height: 700px;
	background-color: #ffffff;
}

.bildimtextlinks {
  	float:left;
padding: 3px 8px 3px 0px;
	font-size: 80%;
}
.bildimtextlinkstest {
  	float:left;
margin: 3px 10px 3px 0px;
	font-size: 80%;
}
.bildinpublinks {
  	float:left;
	margin-right: 8px;
	font-size: 80%;
}
.bildimtextlinkspub {
  	float:left;
padding: 3px 10px 3px 0px;
	font-size: 80%;
}

.bildimtextrechts {
  	float:right;
padding: 3px 0px 3px 8px;
	font-size: 80%;
}

.landkarte {
padding: 0px;
}

.floatbeenden {
	float					:	none;
	clear					:	both;
}

#Servicebereich{
	position: absolute;
	right: 0px;
	top: 134px;
	padding: 9px 9px 9px 9px;
	width: 19%;
	font-size: 80%;
	background-color: #dfffdf;
	z-index: 8;
}

#Servicebereich img{
border: 0;
}

#Servicebereich h3{
margin-top: 0px;
}

#Servicebereich form{
width: auto;}



#spaltelinks{
	float: right;
	margin-left: 10px;
	width: auto;
	height: auto;
}

#spalterechts{
	width: auto;
	height: auto;
}

#unterbeidenspalten{
	clear: both;
	width: auto;
	height: auto;
}


#inhaltvollspaltelinks {
	float: left;
	margin: 0px;
	padding: 0;
	width: 48%;
	height: auto;
	background-color: #ffffff;
}


#inhaltvollspaltelinks p.trennlinie{
	border-bottom:none;
}

#inhaltvollspaltelinks ul.teaserliste
{
	list-style: inherit;
	padding-left: 5px;
	margin-bottom: -20px;
	border-bottom:none;
}

#inhaltvollspaltelinks ul.teaserliste li
{
	list-style: circle;
}


#inhaltvollspalterechts p.trennlinie{
	border-bottom:none;
}

#inhaltvollspalterechts ul{
    clear: both;
	list-style: square url(https://www.umweltbundesamt.de/ubagrafik/listpkt.gif); 
	margin-left: 0px;
	border-bottom: 1px solid #808080;
	padding-bottom:1em;
}

#inhaltvollspalterechts li{
	margin-left: 16px;
}

#inhaltvollspalterechts ul.teaserliste
{
	list-style: inherit;
	padding-left: 5px;
	margin-bottom: -20px;
	border-bottom:none;
}

#inhaltvollspalterechts ul.teaserliste li
{
	list-style: circle;
}

#inhaltvollspaltelinks ul{
	clear: both;
	list-style: square url(https://www.umweltbundesamt.de/ubagrafik/listpkt.gif); 
	margin-left: 0px;
	border-bottom: 1px solid #808080;
	padding-bottom:1em;
}

#inhaltvollspaltelinks li{
	margin-left: 16px;
}

#inhaltvollspaltelinks img {
  	float:right;
padding: 0.5em 0em 0.5em 0.5em;
	font-size: 80%;
	text-align:right;
}

#inhaltvollspaltelinks img.festlinks {
float:left;
	text-align:left;
padding: 0em 1em 1em 0em;
	font-size: 80%;}

#inhaltvollspalterechts img {
  	float:right;
padding: 0.5em 0em 0.5em 0.5em;
	font-size: 80%;
}

#inhaltvollspalterechts img.festrechts {
float:left;
	text-align:left;
padding: 0em 1em 1em 0em;
	font-size: 80%;}
	
#inhaltvollspalterechts img.festlinks {
float:left;
	text-align:left;
padding: 0em 1em 1em 0em;
	font-size: 80%;}
	


#inhaltvollspalterechts{
	float: right;
	margin: 0;
	padding: 0;
	width: 48%;
	height: auto;
	background-color: #ffffff;
}

#inhaltvollspaltelinks h4{
padding: 0;
margin-top: 0;
}

#inhaltvollspaltelinks h3{
padding: 0;
margin-top: 0;
margin-bottom: 0.2em;
}

#inhaltvollspaltelinks h2{
padding: 0;
margin-top: 0;
margin-bottom: 0.2em;
}

#inhaltvollspalterechts h2{
padding: 0;
margin-top: 0;
margin-bottom: 0.2em;
}

#inhaltvollspalterechts h4{
padding: 0;
margin-top: 0;
}

span.teaservoll{
	float: left;
	margin-left: 0px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 3px solid #808080;
	width: 100%;
	height: auto;
	background-color: #fff;
}

.teaservoll img{
	float: right;
	padding: 0px 0px 5px 5px;
}

span.teaserlinks{
	float: left;
	margin-left: 0px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 3px solid #808080;
	width: 45%;
	height: auto;
	background-color: #fff;
}

.teaserlinks img{
	float: right;
	padding: 0px 5px 5px 0px;
}

span.teaserrechts{
	float: right;
	margin-right: 0px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 3px solid #808080;
	width: 45%;
	height: auto;
	background-color: #fff;
}

.teaserrechts img{
	float: right;
	padding: 0px 5px 5px 0px;
}


/***********************************************/
/* Components                                  */
/***********************************************/


/************* #Horizontale Navigationsleiste **************/

#nav {
	position:absolute;
	left: 0;
	top: 107px;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 80%;
	font-weight: normal;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	background: #009900 url(https://www.umweltbundesamt.de/ubagrafik/nav-bg.gif) repeat-x top left;
	}
#nav li {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
		border-right: 1px solid #000;
white-space:nowrap;
	}
#nav a {
	float: left;
	padding: 3px 9px;
	text-decoration: none;
	border-bottom: none;
	color: #fff;
	}


#nav a:link {
	float: left;
	padding: 3px 9px;
	text-decoration: none;
	border-bottom: none;
	color: #fff;
	}
	

	
	#nav a:hover {
	color: #000;
	background: #ffdaa5 url(https://www.umweltbundesamt.de/ubagrafik/nav-bg-hov.gif) repeat-x top left;
	}

#nav a.active {
	background: #ffdaa5 url(https://www.umweltbundesamt.de/ubagrafik/nav-bg-hov.gif) repeat-x top left;
	color: #000000;
}

#nav a.focus {
	background: #ffdaa5 url(https://www.umweltbundesamt.de/ubagrafik/nav-bg-hov.gif) repeat-x top left;
	color: #000000;
}

li#Startseite a {
	margin-left: 10px;
		border-left: 1px solid #000;
	}



/*************** #pageName styles **************/

#pageName{
	margin: 0px;
	padding: 0px 0px 0px 10px;
}


/************** .feature styles ***************/


.feature{
	padding: 1px 10px 10px 10px;
	border-bottom: 3px solid #cccccc;
	margin-bottom: 5px;
width: auto;
}

.feature img{
	float: left;
	padding: 10px 10px 0px 0px;
}



/************** .story styles *****************/

.story{
	clear: both;
	border: 1px solid #cccccc;
	padding: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 80%;
	background-color: #ffffff;
}

.story p{
	padding: 0px 0px 10px 0px;
}


/************* #siteInfo styles ***************/


#Fusszeile{
	clear: both;
	width: auto;
	height: auto;
	padding: 9px;
	text-align:center;
	border-top: 1px solid #000000;
	font-size: 85%;
}

#copyright{
	width: 100%;
	text-align:center;
	font-size: 85%;
	color: #000000;
	background-color: #ffffff;
}

#minhoch{
	height: 57em;
	padding:0;
	margin:0;
}


/*********** #navBar link styles ***********/

#ersteEbene1 ul {list-style: none; padding-left:0; margin-top: -7px; margin-left:0px;}
#ersteEbene1 li {border: 1px solid #000000; margin-top: 1px; margin-bottom: 1px;}
#ersteEbene1 h3 {margin-bottom: 1em; margin-left:0px;}
#ersteEbene1 h4 {margin-bottom: 1em; margin-left:0px;}

#ersteEbene1 li a  {
	display: block;
padding: 1px;
	border-left: 5px solid #ff9900;
	background-color: #ffdaa5;
	color: #0033ff;
	text-decoration: none;
}

#ersteEbene1 li a:hover {
	display: block;
padding: 1px;
	background-color: #ffffff;
	color: #000000;
}

#ersteEbene1 li a:active {
	display: block;
padding: 1px;
	background-color: #ffffff;
	color: #000000;
}

#ersteEbene1 li a:focus {
	display: block;
padding: 1px;
	background-color: #ffffff;
	color: #000000;
}

#ersteEbene1 ul li a.active {
	display: block;
padding: 1px;
	background-color: #ffffff;
	color: #000000;
	text-decoration: none;
}



#ersteEbene2 ul {list-style: none; padding-left:0; margin-top: -7px; margin-left:0px;}
#ersteEbene2 li {border: 1px solid #000000; margin-top: 2px; margin-bottom: 2px;}
#ersteEbene2 h3 {margin-bottom: 1em; margin-left:0px;}

#ersteEbene2 li a  {
	display: block;
padding: 4px;
	border-left: 8px solid #ff9900;
	background-color: #ffdaa5;
	color: #0033ff;
	text-decoration: none;
}

#ersteEbene2 li a:hover {
	display: block;
padding: 4px;
	background-color: #ffffff;
	color: #000000;
}

#ersteEbene2 li a:active {
	display: block;
padding: 4px;
	background-color: #ffffff;
	color: #000000;
}

#ersteEbene2 li a:focus {
	display: block;
padding: 4px;
	background-color: #ffffff;
	color: #000000;
}

#ersteEbene2 a.active {

	display: block;
	padding: 4px;
	border-left: 12px solid #808080;
	background-color: #ffffff;
	color: #000000;
	text-decoration: none;
}



#zweiteEbene ul {list-style: none; padding-left:0; margin-top: -7px; margin-left:20px;}
#zweiteEbene li {border: 1px solid #000000; margin-top: 2px; margin-bottom: 2px;}

#zweiteEbene li a  {
	display: block;
	padding: 4px;
	border-left: 12px solid #ff9900;
	background-color: #FFE9C9;
	color: #0033ff;
	text-decoration: none;
}


#zweiteEbene li a:hover {
	display: block;
	padding: 4px;
	border-left: 12px solid #808080;
	background-color: #ffffff;
	color: #000000;
	text-decoration: none;
}

#zweiteEbene li a:active {
	display: block;
	padding: 4px;
	border-left: 12px solid #808080;
	background-color: #ffffff;
	color: #000000;
	text-decoration: none;
}

#zweiteEbene li a:focus {
	display: block;
	padding: 4px;
	border-left: 12px solid #808080;
	background-color: #ffffff;
	color: #000000;
	text-decoration: none;
}

#zweiteEbene li a.active {
	display: block;
	padding: 4px;
	border-left: 12px solid #808080;
	background-color: #ffffff;
	color: #000000;
	text-decoration: none;
}



/************** #rechteBereiche styles **************/

p.rechteBereiche {
	text-align: center;
}

.rechteBereiche a:hover {
	background:none;
}
	
	


/************** #Servicebereich styles **************/

#weitereinfos{
	list-style: square url(https://www.umweltbundesamt.de/ubagrafik/listpkt.gif); 
	margin-left: 18px;
	padding-left: 0;
}

#weitereinfos ul li{
	list-style: square url(https://www.umweltbundesamt.de/ubagrafik/listpkt.gif); 
	margin-left: -28px;
	padding-left: 0;
}

#weitereinfos a {
	color:#0033ff; 
	text-decoration: none;
}

#weitereinfos a:visited {
	color:#9C508D;
}

#weitereinfos a:hover {
	list-style: square url(https://www.umweltbundesamt.de/ubagrafik/listpkthv.gif); 
	color:#000000;
	background-color: #ffdaa5;
	text-decoration: none;
}

#weitereinfos a:active {
	color:#000000;
	background-color: #ff0000;
	text-decoration: none;
}
#weitereinfos a:focus {
	list-style: square url(https://www.umweltbundesamt.de/ubagrafik/listpkthv.gif); 
	color:#000000;
	background-color: #ffdaa5;
	text-decoration: none;
}

#weitereinfos2 {
	list-style: square url(https://www.umweltbundesamt.de/ubagrafik/listpkt.gif); 
	margin-left: 18px;
	padding-left: 0;
}

#weitereinfos2 ul li{
	list-style: square url(https://www.umweltbundesamt.de/ubagrafik/listpkt.gif); 
	margin-left: -28px;
	padding-left: 0;
}

#weitereinfos2 a {
	color:#0033ff; 
	text-decoration: none;
}

#weitereinfos2 a:visited {
	color:#9C508D;
}

#weitereinfos2 a:hover {
	list-style: square url(https://www.umweltbundesamt.de/ubagrafik/listpkthv.gif); 
	color:#000000;
	background-color: #ffdaa5;
	text-decoration: none;
}

#weitereinfos2 a:active {
	list-style: square url(https://www.umweltbundesamt.de/ubagrafik/listpkthv.gif); 
	color:#000000;
	background-color: #ffdaa5;
	text-decoration: none;
}
#weitereinfos2 a:focus {
	list-style: square url(https://www.umweltbundesamt.de/ubagrafik/listpkthv.gif); 
	color:#000000;
	background-color: #ffdaa5;
	text-decoration: none;
}


#service{
	list-style: square url(https://www.umweltbundesamt.de/ubagrafik/listpkt.gif); 
	margin-left: 18px;
	padding-left: 0;
}

#service ul li{
	list-style: square url(https://www.umweltbundesamt.de/ubagrafik/listpkt.gif); 
	margin-left: -28px;
	padding-left: 0;
}

#service a {
	color:#0033ff; 
	text-decoration: none;
}

#service a:visited {
	color:#9C508D;
}

#service a:hover {
	list-style: square url(https://www.umweltbundesamt.de/ubagrafik/listpkthv.gif); 
	color:#000000;
	background-color: #ffdaa5;
	text-decoration: none;
}

#service a:active {
	list-style: square url(https://www.umweltbundesamt.de/ubagrafik/listpkthv.gif); 
	color:#000000;
	background-color: #ffdaa5;
	text-decoration: none;
}
#service a:focus {
	list-style: square url(https://www.umweltbundesamt.de/ubagrafik/listpkthv.gif); 
	color:#000000;
	background-color: #ffdaa5;
	text-decoration: none;
}

#portale{
	list-style: square url(https://www.umweltbundesamt.de/ubagrafik/listpkt.gif); 
	margin-left: 18px;
	padding-left: 0;
}

#portale ul li{
	list-style: square url(https://www.umweltbundesamt.de/ubagrafik/listpkt.gif); 
	margin-left: -28px;
	padding-left: 0;
}

#portale a {
	color:#0033ff; 
	text-decoration: none;
}

#portale a:visited {
	color:#9C508D;
}

#portale a:hover {
	list-style: square url(https://www.umweltbundesamt.de/ubagrafik/listpkthv.gif); 
	color:#000000;
	background-color: #ffdaa5;
	text-decoration: none;
}

#portale a:active {
	list-style: square url(https://www.umweltbundesamt.de/ubagrafik/listpkthv.gif); 
	color:#000000;
	background-color: #ffdaa5;
	text-decoration: none;
}
#portale a:focus {
	list-style: square url(https://www.umweltbundesamt.de/ubagrafik/listpkthv.gif); 
	color:#000000;
	background-color: #ffdaa5;
	text-decoration: none;
}


#diagramm {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
z-index:6;
}

.navliste {
	list-style: square url(https://www.umweltbundesamt.de/ubagrafik/listpkt.gif); 
	margin-left: 18px;
	padding-left: 0;
}

.aktiv{
	background-color: #ffdaa5;
}


.navliste li ul li {
	list-style: square url(https://www.umweltbundesamt.de/ubagrafik/listpkt2.gif);
}

.navliste li ul li ul li{
	list-style: square url(https://www.umweltbundesamt.de/ubagrafik/listpkt3.gif);
}

.navliste li ul li ul li ul li{
	list-style: square url(https://www.umweltbundesamt.de/ubagrafik/listpkt4.gif);
}

.navliste li ul li{
	margin-left: -30px;
	padding-left: 0;
}

.navliste a {
	color:#0033ff; 
	text-decoration: none;
	background-repeat:no-repeat; padding:1px; margin:0px;
	/* Die Hintergrundangabe dient dazu, bei kleingeschriebenen Zusatzinfos wie: in German im IE die Zeilenhöhe beizubehalten */
}

.navliste a:visited {
	color:#9C508D;
}

.navliste a:hover {
	list-style: square url(https://www.umweltbundesamt.de/ubagrafik/listpkthv.gif); 
	color:#000000;
	background-color: #ffdaa5;
	background-repeat:no-repeat;
	text-decoration: none;
}

.navliste a:active {
	list-style: square url(https://www.umweltbundesamt.de/ubagrafik/listpkthv.gif); 
	color:#000000;
	background-color: #ffdaa5;
	text-decoration: none;
}
.navliste a:focus {
	list-style: square url(https://www.umweltbundesamt.de/ubagrafik/listpkthv.gif); 
	color:#000000;
	background-color: #ffdaa5;
	text-decoration: none;
}

.navliste li ul li a:hover {
	list-style: square url(https://www.umweltbundesamt.de/ubagrafik/listpkthv2.gif); 
	color:#000000;
	background-color: #ffdaa5;
	text-decoration: none;
}

.navliste li ul li a:active {
	list-style: square url(https://www.umweltbundesamt.de/ubagrafik/listpkthv2.gif); 
	color:#000000;
	background-color: #ffdaa5;
	text-decoration: none;
}
.navliste li ul li a:focus {
	list-style: square url(https://www.umweltbundesamt.de/ubagrafik/listpkthv2.gif);
	color:#000000;
	background-color: #ffdaa5;
	text-decoration: none;
}

.navliste li ul li ul li a:hover {
	list-style: square url(https://www.umweltbundesamt.de/ubagrafik/listpkthv3.gif); 
	color:#000000;
	background-color: #ffdaa5;
	text-decoration: none;
}

.navliste li ul li ul li a:active {
	list-style: square url(https://www.umweltbundesamt.de/ubagrafik/listpkthv3.gif); 
	color:#000000;
	background-color: #ffdaa5;
	text-decoration: none;
}
.navliste li ul li ul li a:focus {
	list-style: square url(https://www.umweltbundesamt.de/ubagrafik/listpkthv3.gif);
	color:#000000;
	background-color: #ffdaa5;
	text-decoration: none;
}

.navliste li ul li ul li ul li a:hover {
	list-style: square url(https://www.umweltbundesamt.de/ubagrafik/listpkthv4.gif); 
	color:#000000;
	background-color: #ffdaa5;
	text-decoration: none;
}

.navliste li ul li ul li ul li a:active {
	list-style: square url(https://www.umweltbundesamt.de/ubagrafik/listpkthv4.gif); 
	color:#000000;
	background-color: #ffdaa5;
	text-decoration: none;
}
.navliste li ul li ul li ul li a:focus {
	list-style: square url(https://www.umweltbundesamt.de/ubagrafik/listpkthv4.gif);
	color:#000000;
	background-color: #ffdaa5;
	text-decoration: none;
}


.selektion {
width: 400px;
}

.unsichtbar {
  position: absolute;
  top: -6000px;
  left: -6000px;
  height: 1px;
  width: 1px;
}

.standardformular {
	line-height: normal;
	margin-top: auto;
}

.umflussbeenden {
clear: both;
padding-top:10px;
}

.stellenangebotemotto {
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
font-style: normal;
font-size:160%;
text-align: right;
	color: #000000;
	height: auto;
}


.berufundfamilie {
height: 100px;
width: 100%;
background: url(service/grafik/berufundfamilie2.jpg) no-repeat 70px 10px;
}


.hinweis {
	background-color: #ffdaa5;
border: 1px solid #000000;
padding: 8px;
}

.marker-grau {
	background-color: #ccc;
}

.neu-rot {
	text-decoration: none;
	font-weight: bold;
	color: #FF0000;
	cursor: default;

}

.eingerueckt {
margin-left: 200px;
}

.hinweistafel {
	background-color: #dfffdf;
border: 1px solid #000000;
padding: 1em;
margin-left:auto;
margin-right:auto;
text-align:center;
width: 80%;
}

.hinweistafelinhalt {
	text-align:left;
}

#institution select {
width: 90%;
}

#mitgliedkbu {
float: left; 
text-align: left; 
width: 90%; 
margin-bottom: 1.9em; 
} 

.suchergebnisse {
padding:3px;
margin-right:5px;
}

.suchknopf {
margin-left:5px;
margin-top:-1px;
margin-bottom:1px;
width: 2em;
padding:0;
}


a.hilfstext {
		color: #000;
		border-bottom-color: #000;
		border-bottom-style: dashed;
		border-bottom-width: 1px;
        text-decoration: none;
			  background-color:#D5FFD5;
        }
a.hilfstext:hover {
              color: #000;
			  cursor: help;
              text-decoration:none;			  
			  background-color:#fff;
              }
a.hilfstext:visited {
              color: #000;
              text-decoration:none;
			  background-color:#fff;
              }			  
a.hilfstext span {
             visibility: hidden;
             position: absolute;
             left: auto;
			 right:200px;
			 top: auto;
             margin-top: 1em;
             padding: 0.5em;
             text-decoration: none;
			 width:60%;
			 height:auto;
			 color: #000;
             }
a.hilfstext:hover span {
                  visibility: visible;
                  border: 1px solid #000000;
                  color: #000;
                  background-color: #ffffe1;
                  text-decoration: none;
                  }
				  
				  
.tipps {
	height: 250px;
	width: 100%;
	border: 0;
	overflow:hidden;
}

.tipphoehe {
	height: 190px;
	width: 100%;
}



.hinweisschmal {
	float: left; 
background-color: #ffdaa5;
border: 1px solid #000000;
padding: 8px;
margin-right: 8px;
margin-bottom: 8px;
	height: auto;
	width: 30%;
}

.zertifikat {
	float:left;
z-index: 20;
width:auto;
height:auto;
}

.mauslupe {
	cursor: url(http://www.umweltbundesamt.de/ubagrafik/lup-kl.cur), move;
}

.verborgen {
	display: none;
}