/*
 * Styles fuer cicero-bonn.de
 */
body	{
		background-image:	url(/icons/bg.gif);
		background-repeat:	repeat-y;
		background-color:	#cccccc;
		background-attachment:	fixed;
		color:			black;
	}
/**** Rahmen links (1 Bild, Buttons, Cicero-logo) ****/
#clinks	{
		position:		fixed;
		top:			0px;
		left:			10px;
		width:			365px;
	}
#clbild {
		width:			142px;
		height:			327px;
		position:		relative;
		top:			30px;
		left:			0px;
		float:			left;
	}
#clbildfr {
		height:			358px;
		width:			151px;
		float:			left;
	}
#clplogo {
		clear:			left;
	}
#cllogo	{
		width:			248px;
		height:			112px;
		position:		relative;
		left:			88px;
	}
/* Buttons fuer das kleine Menue links, auf dem weissen Balken */
div.buttonlinks, span.buttonlinks {
		width:			205px;
		height:			27px;
		margin-left:		6px;
		margin-bottom:		10px;
		padding-left:		0px;
		padding-right:		0px;
		text-align:		center;
		font-family:		"Arial", sans-serif;		
		font-weight:		bold;
		font-size:		80%;
		padding-top:		9px;
		white-space:		nowrap;
		float:			left;
		color:			#000000;
	}
a.buttonlinks {
		text-decoration:	none;
	}
a.buttonlinks:visited div, a.buttonlinks:visited span {
		background-image:	url(/icons/button-1.jpg);
	}
a.buttonlinks:hover div, a.buttonlinks:hover span {
		background-image:	url(/icons/button-2.jpg);
	}
a.buttonlinks:link div, a.buttonlinks:link span {
		background-image:	url(/icons/button-1.jpg);
	}
/* Alte Button-Dinge */
div.clbuttsp, span.clbuttsp {
		width:			175px;
		height:			27px;
		margin-left:		21px;
		margin-bottom:		10px;
		padding-left:		0px;
		padding-right:		0px;
		text-align:		center;
		font-family:		"Arial",sans-serif;
		font-weight:		bold;
		font-size:		80%;
		padding-top:		9px;
		white-space:		nowrap;
		float:			left;
		color:			#000000;
	}
a.button {
		text-decoration:	none;
	}
a.button:visited div, a.button:visited span {
		background-image:	url(/icons/button1.jpg);
	}
a.button:hover div, a.button:hover span {
		background-image:	url(/icons/button2.jpg);
	}
a.button:link div, a.button:link span {
		background-image:	url(/icons/button1.jpg);
	}
/***** Rechts: Hierarchie/Pfad ****/
span#pfad {
		position: relative;
		top: -18px;
		font-size: 55%;
		color: #606060;
		font-family: small/1.5em "Trebuchet MS", Arial, Verdana, sans-serif;
}
span#pfad a {
	  color: #606060;
}
span#pfad a:link {
		text-decoration: none;
}
span#pfad a:active {
		text-decoration: none;
}
span#pfad a:visited {
		text-decoration: none;
}
span#pfad a:hover {
		text-decoration: underline;
}

/***** Rechter Teil (exkl. Menue): Text und Bilder *****/
#crechts {
		position:		absolute;
		top:			0px;
		left:			382px;
		padding-right:		0px;
	}
div.content {
		max-width:		480px;
		/*overflow:		visible;*/
		padding-right:		10px;
	}
div.content img {
		border:			0px;
		float:			right;
		padding-top:		0px;
		padding-bottom:		10px;
		padding-right:		0px;
		padding-left:		10px;
	}
ol.content, ul.content {
		font-family: 	small/1.5em "Trebuchet MS", Arial, Verdana, sans-serif;
		font-size:		80%;
		line-height: 1,6em
	}
table.content {
		border:			0px;
		clear:			both;
		font-family: 	small/1.5em "Trebuchet MS", Arial, Verdana, sans-serif;
		font-size:		80%;
 
		line-height:		140%
	}
p.content {
		font-family:		small/1.5em "Trebuchet MS", Arial, Verdana, sans-serif;
		font-size:		0.8em;
		font-size-adjust:	none;
		font-style:		normal;
		font-variant:		normal;
		font-weight:		normal;
		line-height:		1.6em;
		margin:			0pt;		
		padding:		0pt;
	}
p.contentfuss {
		font-family:		small/1.5em "Trebuchet MS", Arial, Verdana, sans-serif;
		font-size:		0.6em;
		font-size-adjust:	none;
		font-style: normal;
		color: #606060;
		font-variant:		normal;
		font-weight: bold;
		line-height:		1.2em;
		margin:			0pt;		
		padding:		0pt;
	}

p.content a:link {
		color:			#000000;
		background:		none;
		font-weight:		normal;
		padding-left:		5px;
		padding-right:		5px;
		text-decoration:	none;
		border-bottom:		2px dotted #ffa500;
}
p.content a:visited {
		color:			#808080;
		background:		none;
		font-weight:		normal;
		padding-left:		5px;
		padding-right:		5px;
		text-decoration:	none;
		border-bottom:		2px dotted #808080;
}
p.content a:hover {
		color:			#ffffff;
		background:		none;
		font-weight:		normal;
		padding-left:		5px;
		padding-right:		5px;
		text-decoration:	none;
		border-bottom:		2px dotted #ffffff;
}
p.contentmitbild {
		clear:			both;
		font-family:	small/1.5em "Trebuchet MS", Arial, Verdana, sans-serif;
		font-size:		80%;
		line-height:		145%;
		float:			left;
		width:			280px;
		text-align:		left;
}
p.contentmitbild a:link {
		color:			#ffa500;
		background:		#ffffff;
		font-weight:		bold;
		padding-left:		5px;
		padding-right:		5px;
		text-decoration:	none;
}
p.contentmitbild a:visited {
		color:			#ababab;
		background:		#ffffff;
		font-weight:		bold;
		padding-left:		5px;
		padding-right:		5px;
		text-decoration:	none;
}
p.contentmitbild a:hover {
		color:			#ffffff;
		background:		#ffa500;
		font-weight:		bold;
		padding-left:		5px;
		padding-right:		5px;
		text-decoration:	none;
}
a.extlink:after {
		y-content:		"BABAB <img src='/externer-link.gif' class='extlink' width='16' height='16' />";
		content:		url('/externer-link.gif');
}
a.extlink img {
		border:			0px;
		padding:		0px;
		margin:			0px;
		float:			none;
		width:			16px;
		height:			16px;
	}
div.content h1, div.content h2, div.content h3 {
		clear:			both;
		font-family: 	small/1.5em "Trebuchet MS", Arial, Verdana, sans-serif;
		font-size:		80%;
		line-height: 140%
	}
div.content h1 {
		font-size:		16px;
	}
div.content h2 {
		font-size:		14px;
	}
p.contentwhitebox {
		clear:			both;
		font-family:	small/1.5em "Trebuchet MS", Arial, Verdana, sans-serif;
		font-size:		80%;
		line-height:		140%;
		color:			#000000;
		background:		#ffffff;
		padding-top:		6px;
		padding-bottom:		6px;
		margin-left:		0px;
		margin-right:		0px;
		margin-top:		0px;
		margin-bottom:		0px;
		padding-left:		15px;
		padding-right:		15px;
		border-left:		5px solid #ffa500;
		border-right:		5px solid #ffa500;
	}
table.contentwhitebox {
		font-family:	small/1.5em "Trebuchet MS", Arial, Verdana, sans-serif;
		font-size:		80%;
		line-height:		140%;
		background:		#ffffff;
		color:			#000000;
		padding-left:		5px;
		padding-right:		5px;
		padding-top:		3px;
		padding-bottom:		3px;
		margin-left:		0px;
		border-left:		5px solid #ffa500;
		border-right:		5px solid #ffa500;
	}
table.contentwhitebox td tt {
		font-size:		125%;
	}
table.contentwhitebox td {
		padding-right:		6px;
		padding-left:		6px;
	}
p.contenterrorbox {
		clear:			both;
		color:			#000000;
		background:		#ffffff;
		padding-top:		10px;
		padding-bottom:		10px;
		margin-left:		0px;
		margin-right:		0px;
		margin-top:		0px;
		margin-bottom:		0px;
		padding-left:		15px;
		padding-right:		15px;
		border-left:		5px solid #ff0000;
		border-right:		5px solid #ff0000;
		font-family:		monospace;
		font-size:		200%;
		font-weight:		bold;
	}
/**** sitemap ****/
body {
   font: 15px sans-serif;
   background-color: #fff;
   color: #000;
   padding: 0;
   margin: 0;
   }

DIV#sitemap {
   padding: 1em 1.5em;
   line-height: 20px;
   }

DIV#sitemap LI {
   padding: 0 0 0 24px;
   margin: 0;
   list-style-type: none;
   }
DIV#sitemap LI {
   background: url(../../graphics/extm.gif)
               no-repeat
               0% 0%;
   }
DIV#sitemap LI.last {
   background: url(../../graphics/exlm.gif)
               no-repeat
               0% 0%;
   }

DIV#sitemap A.file {
   background: url(../../graphics/exfilebw.gif)
               no-repeat
               0% 0%;
   padding: 0 0 0 17px;
   }
DIV#sitemap A.file:hover {
   background: url(../../graphics/exfilecolor.gif)
               no-repeat
               0% 0%;
   padding: 0 0 0 17px;
   }
DIV#sitemap A.folder {
   background: url(../../graphics/exfolderbw.gif)
               no-repeat
               0% 0%;
   padding: 0 0 0 23px;
   }
DIV#sitemap A.folder:hover {
   background: url(../../graphics/exfoldercolor.gif)
               no-repeat
               0% 0%;
   padding: 0 0 0 23px;
   }

DIV#sitemap UL {
   padding: 0 0 0 24px;
   margin: 0 0 0 -24px;
   list-style-type: none;
   }
DIV#sitemap UL {
   background: url(../../graphics/exim.gif)
               repeat-y
               0% 0%;
   }
DIV#sitemap UL.last {
   background-image: none;
   }

/********* Glossargedöns ************/
div.glossar {
		font-family:		small/1.5em "Trebuchet MS", Arial, Verdana, sans-serif;
		font-size:		100%;
	}
div.glossar a {
		padding-left:		5px;
		padding-right:		5px;
		color: #505050;
		background: #cccccc;
	}
div.glossar a:link {
		color: black;
		background:		#cccccc;
		font-weight:		normal;
		padding-left:		5px;
		padding-right:		5px;
		text-decoration: none;
}
div.glossar a:visited {
		color:			#505050;
		background:		#cccccc;
		font-weight:		normal;
		padding-left:		5px;
		padding-right:		5px;
		text-decoration: none;
}
div.glossar a:hover:visited {
		color:			#505050;
		background:		#ffa500;
		font-weight: normal;
		padding-left:		5px;
		padding-right:		5px;
		text-decoration:	none;
}
div.glossar a:hover:link {
		color: #ffffff;
		background: #ffa500;
		font-weight: normal;
		padding-left: 5px;
		padding-right: 5px;
		text-decoration: none;
}
div.glossar a:hover {
		color: #000000;
		background: #cccccc;
		font-weight: normal;
		padding-left: 5px;
		padding-right: 5px;
		text-decoration: none;
}
div#erkl {
		padding:		4px;
		font-size:		small;
		line-height:		1.4em;
		font-family:		small/1.5em "Trebuchet MS", Arial, Verdana, sans-serif;
		visibility:		hidden;
}
div#erkl table {
		border:			0px;
		width:			340px;
		background:		#dcdcdc;
		padding-left:		4px;
		padding-right:		4px;
		padding-top:		2px;
		padding-bottom:		6px;
		text-align:		right;
}
div#erkl table b {
		font-weight:		bold;
		padding-bottom:		4px;
		line-height:		200%;
}
td.glossarbuchstaben {
		text-align:		left;
		background:		#cccccc;
		color:			#ffffff;
		padding-top:		8px;
		padding-bottom:		0px;
		font-size:		100%;
		font-weight:		bold;
		margin-top: 4px;
		margin-bottom: 0px;
		white-space: nowrap;
	}
td.glossarbuchstaben span {
		background: #ffa500;
		padding-top: 0px;
		padding-bottom: 0px;
		padding-left: 24px;
		padding-right: 24px;
	}
div.glossardiv {
		float: left;
		background: #cccccc;
		color: black;
		width: 140px;
		margin-right: 5px;
	}
div.glossarbuchstabe {
		width: 70px;
		background: #ffa500;
		padding-top: 0px;
		margin-top: 4px;
		color: white;
		font-weight: bold;
		white-space: nowrap;
		text-align: left;
		padding-left: 20px;
		padding-right: 20px;
		font-family:		'Arial',sans-serif;
		font-size:		80%;
	}
div.glossardiv dt {
		font-family:            'Arial',sans-serif;
		font-size:		80%;
	}
div.glossardiv dt a {
		padding-left: 8px;
		padding-right: 8px;
		color: #505050;
	}
div.glossardiv dt a:link {
		color: black;
		background:		#cccccc;
		font-weight:		normal;
		padding-left:		8px;
		padding-right:		8px;
		text-decoration: none;
}
div.glossardiv dt a:visited {
		color: #505050;
		background:		#cccccc;
		font-weight:		normal;
		padding-left:		8px;
		padding-right:		8px;
		text-decoration: none;
}
div.glossardiv dt a:hover {
		color: white;
		background:		#ffa500;
		font-weight:		normal;
		padding-left:		8px;
		padding-right:		8px;
		text-decoration: none;
}
xdiv.glossardiv dt a:hover {
		color: #505050;
		background:		#cccccc;
		font-weight:		normal;
		padding-left:		8px;
		padding-right:		8px;
		text-decoration: none;
}
div.glossardiv dd {
		visibility: hidden;
		height: 1px;
		max-height: 1px;
		max-width: 10px;
		width: 9px;
		/*overflow: hidden;*/
		display:none;
	}

/******** DROPDOWN-MENU ********/
.drop	{
		font-family:		Verdana,Geneva,Arial,Helvetica,sans-serif;
		font-weight:		bold;
		font-size:		70%;
		padding-bottom:		20px;
		z-index: 5;
	}
.drop ul {
		padding:		0px;
		margin:			0px;
		list-style-type:	none;
		height:			2em;
		background:		#ffa500;
		z-index: 5;
	}
.drop ul ul {
		width:			16em;
		font-weight:		normal;
		z-index: 5;
	}
.drop ul li {
		float:			left;
		height:			2em;
		line-height:		2em;
		z-index: 5;
	}
.drop ul li#drophome {
		padding-top:		0px;
		height:			2em;
		margin-bottom:		2px;
		margin-top:		-2px;
		overflow:		hidden;
		z-index:		5;
	}
.drop ul li#drophome a {
		padding:		0px;
	}
#drophome img {
		border:			0px;
	}
.drop ul ul li {
		display:		block;
		width:			13em;
		height:			auto;
		line-height:		1em;
		z-index: 5;
	}
.drop a, .drop a:visited {
		display:		block;
		float:			left;
		height:			100%;
		font-size:		1em;
		text-decoration:	none;
		color:			#ffffff;
/*		background:		transparent; */
		background:		#FFA500;
		padding:		0 1.8em 0 0.8em;
		border-left:		1px solid #ffffff;
		border-right:		1px solid #ffffff;
		z-index: 5;
	}
.drop ul ul a, .drop ul ul a:visited {
		display:		block;
		background:		#E2E2E2;
		color:			#000000;
		width:			15.0em;
		height:			100%;
		line-height:		1em;
		padding:		0.5em 1em;
		z-index: 5;
	}
* html .drop ul ul a, * html .drop ul ul a:visited  {
 		width:			14em;
 		w\idth:			15em;
	}
.drop table {
		position:		absolute;
		left:			1px;
		top:			0px;
		width:			0px;
		height:			0px;
		font-size:		1em;
		z-index:		1;
	}
.drop ul ul ul a, .drop ul ul ul a:visited {
		background:		#C0C0C0;
		z-index: 5;
	}
.drop ul ul ul ul a, .drop ul ul ul ul a:visited {
		background:		#ACACAC;
		z-index: 5;
	}
.drop ul :hover a.sub1 {
		background:		#E2E2E2;
		font-style:		italic;
		z-index: 5;
	}
.drop ul :hover a.sub1:after {
		content:		"    >";
		font-weight:		bold;
		z-index: 5;
	}
.drop ul ul :hover a.sub2 {
		background:		#C0C0C0;
		font-style:		italic;
	}
.drop ul ul :hover a.sub2:after {
		content:		"    >";
		font-weight:		bold;
	}
* html .drop a:hover {
 		color:			#000000;
 		background:		#FFFFFF;
 		position:		relative;
 		z-index:		100;
 	}
.drop li:hover {
		position:		relative;
	}
.drop :hover > a {
		color:			#000000;
		background:		#FFFFFF;
	}
* html .drop ul ul a:hover {
 		color:			#000;
 		background:		#808080;
 		position:		relative;
 		z-index:		110;
 	}
.drop ul ul li:hover {
		position:		relative;
	}
.drop ul ul :hover > a {
		color:			#000;
		background:		#808080;
	}
* html .drop ul ul ul a:hover {
 		background:		#808080;
 		position:		relative;
 		z-index:		120;
 	}
.drop ul ul ul :hover > a {
		background:		#808080;
	}
.drop ul ul ul ul a:hover {
		background:		#808080;
		position:		relative;
		z-index:		130;
	}
.drop ul ul {
		visibility:		hidden;
		position:		absolute;
		height:			0;
		top:			1.8em;
		left:			2px;
		width:			14em;
	}
.drop ul ul ul {
		left:			6em;
		top:			19px;
		width:			14em;
	}
.drop ul :hover ul {
		visibility:		visible;
		height:			auto;
		padding-bottom:		3em;
		background:		transparent;
	}
.drop ul :hover ul ul{
		visibility:		hidden;
	}
.drop ul :hover ul :hover ul ul{
		visibility:		hidden;
	}
.drop ul :hover ul :hover ul {
		visibility:		visible;
	}
.drop ul :hover ul :hover ul :hover ul {
		visibility:		visible;
	}