/****************/
/*--- Links ----*/
/****************/

	a:link, a:visited, a:hover, a:active {
		color: #241356;
		text-decoration:none;
	}

	p a:link, p a:visited, p a:hover, p a:active,
	#content li a:link, #content li a:visited, #content li a:hover, #content li a:active {
		text-decoration: underline;
	}

	a:active, a:focus {
		font-weight: bold;
		text-decoration: underline !important;
		background: #eee;
	}
	
	.homelink a:active, .homelink a:focus {
		text-decoration: none !important;
		background: transparent;
	}

	a:hover {
		text-decoration: underline;
	}

	.active {
		
	}

/* navigation */


	#navigation a.inactive:link, #navigation a.inactive:visited, #navigation a.inactive:hover, #navigation a.inactive:active {
		color: #555 !important
	}

	#navigation a:link, #navigation a:visited, #navigation a:hover, #navigation a:active {
		color: #4C4467;
		line-height: 130%;
		padding: 0.75em 0;
		background: url(../ui/dot.gif) left bottom repeat-x;
		display: block;

	}

	#navigation a.active_sub:link, #navigation a.active_sub:visited, #navigation a.active_sub:hover, #navigation a.active_sub:active {
		background: 0 none !important;
		padding: 0.75em 0 0.5em 0;
	}
	
	#navigation a.active:link, #navigation a.active:visited, #navigation a.active:hover, #navigation a.active:active {
		color: #241356;
		font-weight: bold; 
	}
	
	#navigation ul ul a.active:link, #navigation ul ul a.active:visited, #navigation ul ul a.active:hover, #navigation ul ul a.active:active,
	#navigation ul ul a:link, #navigation ul ul a:visited, #navigation ul ul a:hover, #navigation ul ul a:active {
		padding: 0.3em 0;
		background: 0 none;
	}
	
/* infoBox */

	.teaserMore a:link, .teaserMore a:visited, .teaserMore a:hover, .teaserMore a:active,
	.infoBoxMore a:link, .infoBoxMore a:visited, .infoBoxMore a:hover, .infoBoxMore a:active {
		padding: 0 0 0 0.8em;
		background: url(../ui/more.gif) left center no-repeat;
		text-decoration: none !important;
	}
	
	.teaserMore a:hover, .infoBoxMore a:hover {
		text-decoration: underline !important;
	}
	
/* footer */

	#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
		font-weight: normal;
	}

/*********************/
/* Content-Elements  */
/*********************/

	h1 {
		font-weight: normal;
		font-size: 1.5em;
		color: #241356;
		margin: 0 0 1.4em 0;
		padding:  0.4em 0 0 2.667em;
		line-height: 150%;
	}

	h2 {
		font-size: 1.2em;
		font-weight: bold;
		padding-left: 3.3em;
		margin: 2em 0 1em 0;
		line-height: 150%;
	}

	h3 {
		font-size: 1.1em;
		font-weight: bold;
		padding-left: 3.7em;
		margin: 2em 0 1em 0;
		line-height: 150%;
	}

	p {
		padding-left: 4em;
		margin-bottom: 1em;
		line-height: 150%;
	}

	p.beschriftung {
		font-size: 85.7%;
		font-style: italic;
		/*padding-left: 4.7em;*/
	}
	
	p.infotext {
		color: #4C4467;
		background: url(../ui/infoBoxIcon.gif) left top no-repeat;
		margin-left: 2.5em;
		padding: 0.5em 0 0 3.5em;
		font-size: 1.067em;
	}

	abbr, acronym {
		color: #002F5B;
		font-weight: bold;
	}

	blockquote {
		background: #eee;
		padding: 1em;
		margin-bottom: 1em;
	}

	.content ol.referenz {
		font-size: 85.7%;
		font-style: italic;
	}
	
	.content ol.referenz li {
		margin-bottom: 0.4em;
	}
	
	.content ul, ol {
		padding-left: 4em;
		line-height: 130%;
	}

	.content ul ul, ol ol {
		margin-top: 0.5em;
		margin-bottom: 0em;
		font-size: 1em;
	}

	ol {
		padding-left: 5.7em;
	}
	
	.content ul li {
		background: url(../ui/listItem.gif) left 0.3em no-repeat;
		padding-left: 2.5em;
		margin-bottom: 0.5em;
	}

	.content ul li, ol li {
		padding-bottom: .3em;
	}

	img {
		border: none;
	}

/* content images */



/* tables */

	table {
		border-collapse: collapse;
		margin-bottom: 1em;
	}

	td, th {
		border: 1px solid #000;
		padding: 0.2em 0.4em;
	}
	
/* infoBox */

	.infoBox {
		padding: 1.5em 2em;
		margin: 2em 0 3em 0;
		border: 1px solid #E1DFE9;
		position: relative;
	}
	
	.infoBox p {
		padding-left: 0;;
	}
	
	.infoBox ul {
		padding-left: 0;
	}

	.infoBox ul li.infoBoxListItem {
		background: url(../ui/infoBoxIcon.gif) left 0.3em no-repeat;
		padding-left: 4.5em;
		padding-top: 0.5em;
		margin-bottom: 0.5em;
	}
	
	.infoBoxTitle {
		color: #4C4467;
		font-size: 1.167em;
	}

	.infoBoxMore {
		display: block;
		background: url(../ui/dot.gif) left bottom repeat-x;
		text-align: right;
		padding: 0 0 0.6em 0;
		font-weight: bold;
	}
	
	.infoBoxRO {
		position: absolute;
		right: -1px;
		top: -1px;
	}	
	
	.infoBoxLO {
		position: absolute;
		left: -1px;
		top: -1px;
	}	
	
	.infoBoxRU {
		position: absolute;
		right: -1px;
		bottom: -1px;
	}	
	
	.infoBoxLU {
		position: absolute;
		left: -1px;
		bottom: -1px;
	}
	
	p.imgDesc {
		color: #555;
		font-size: 0.9em;
		font-size: 0.917em;
		padding: 2em 0 2em 5em;
	}


/*********************/
/* Lists*/
/*********************/

	ul {
		list-style-type: none;
	}

/* definition lists */

	dl {
		font-size: 1.0833em;
	}
	
	dd {
		clear: both;
		float: left;
		width: 6.2em;
		display: block;
		padding-bottom: 0.5em;
	}	
	
	dt {
		width: auto;
		margin-left: 6.3em;
		display: block;
		padding-bottom: 0.5em;
	}

/* navigation */

	#navigation ul {
		
	}
	
	#navigation ul li {
		padding: 0 0 0 1.4em;
		background: url(../ui/navItem.gif) left 1em no-repeat;
		font-size: 1.167em;
	}
	
	#navigation ul ul {
		background: url(../ui/dot.gif) left bottom repeat-x;
		padding-bottom: 0.7em;
	}
	
	
	#navigation ul ul ul {
		background: none;
	}
	
	#navigation ul ul li {
		padding: 0 0 0 1em;
		background: 0 none;
		font-size: 0.85em;
		background: url(../ui/navArrow.gif) left 0.6em no-repeat;
	}	
	
	#navigation ul ul ul li {
		font-size: 1em;
	}

/****************/
/* teaser	  */
/************/

	.teaserElement {
		background: url(../ui/dot.gif) left bottom repeat-x;
		padding-bottom: 1em;
		margin-bottom: 1.5em;
		font-size: 0.917em;
	}
	
	.teaserElement p {
		padding-left: 0;
	}
	
	.teaserElementTitle {
		background: url(../ui/navItem.gif) left 0.3em no-repeat;
		padding: 0 0 0 1.5em;
		color: #4C4467;
		text-transform: uppercase;
		margin-bottom: 0.8em;
		font-weight: bold;
	}
	
	.teaserMore {
		display: block;
		text-align: right;
		font-weight: bold;
	}	
	
	.teaserMore span {
		display: none;
	}
	

/****************/
/* docCheck 	  */
/************/

	.dcHolder {
		background: url(../ui/DC_LU.gif) left bottom no-repeat;
		padding: 0;
	}
	
	.dcHolderInner {
		background: url(../ui/DC_RU.gif) right bottom no-repeat;
		padding: 0 0 18px 0;
	}
	
	.docCheck {
		background: url(../ui/DC_RO.gif) right top no-repeat;
		padding: 0 130px 0 0;
		margin:  3em 0 0 0;
	}
	
	.docCheckInner {
		background: url(../ui/DC_LO.gif) left top no-repeat;
		padding: 0 0 0 4.34em;
	}
	
	.docCheck h2 {
		padding: 0.2em 0 1em 0 !important;
		margin: 0 !important;
		font-size:1.5em;
	}
	
	#content .docCheck p {
		color: #555;
		font-size: 0.917em;
		padding: 0;
	}	
	
	.docCheck label {
		color: #555;
		font-size: 0.917em;
		width: 10em;
	}	
	
	.docCheck .floatholder input {
		border: 1px solid #A5ACB2;
		padding: 0.2em 0.4em;
		width: 10.8em;
	}
	
	#content input.submit {
		border: 0 none;
		padding: 0;
		margin-top: 1em;
		width: auto !important;
	}
	
	.dc {
		width: 10em;
		height: 1em;
		display: block;
		float: left;
		font-size: 0.917em;
	}

/****************/
/* Forms 	  */
/************/

	select, input, textarea { 
		font-size: 99%; /*Safari Fix*/
		margin-right:3px;
		overflow:hidden;
	} 

	form {
		
	}
	
	label {
		float: left;
		display: block;
		width: 9em;		
	}
	
/****************/
/* Tables     */
/************/

	table { 
		margin: 1.5em auto 1.5em 4em;
		padding-left: 0em;
		display: block;
	} 
	
	table td, table th { 
		padding: 0.2em;
	} 	
	
	table td p,table th p { 
		padding: 0 !important;
		margin: 0 !important;
                font-size: 85.7%;
	} 
	
	
/****************/
/* Fontsizer   */
/************/

	h1 {
		margin-right: 3em;
	}

	#fontsizer {
		float: right;
		padding-top: 1em;
	}
	
	#fontsizer span {
		float: left;
		display: block;	
	}

	#fontsizer a:link, #fontsizer a:visited, #fontsizer a:hover, #fontsizer a:active, #fontsizer a:focus {
		display: block;
		width: 1.5em;
		margin-left: 3px;
		padding: 0.2em 0;
		text-align: center;
		background: #dddbe8;
		border: 1px solid #aaa2c7;
		text-decoration: none !important;
	}	
	
	#fontsizer a:hover {
		background: #EEEDF3;
	}
	
	#innerContent {
		width: 100%;
		overflow: hidden;
		font-size: 100%;
	}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-

 * +- [WAI] ZMSGraphic

 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-

 */

.clearfloating {
	height: 0px;
	line-height: 0%;
	overflow: hidden;
}
	
#content div.ZMSGraphic p {
	color: #555;
	font-size: 0.9em;
	font-size: 0.917em;
	padding: 2em 0 2em 0;
}

#content div.ZMSGraphic {
		margin-bottom: 1.5em;
		padding-left: 4em;
	}

div.ZMSGraphic 
	{ 
	background-color:transparent; 
	margin: 0;
	}

div.ZMSGraphic.left 
	{
	text-align:left;
	}

div.ZMSGraphic.right 
	{
	text-align:right;
	}

div.ZMSGraphic.center 
	{
	text-align:center;
	}

div.ZMSGraphic.floatleft
	{ 
	float:left;
	}

div.ZMSGraphic.floatright
	{ 
	float:right;
	}

div.ZMSGraphic.center
	{ 
	text-align:center;
	}

div.graphic.alignleft
	{
	float:left;
	text-align:right;
	margin: 0 1em 1em 0;
	}

div.graphic.alignright
	{
	float:right;
	text-align:right;
	margin: 0 1em 0 1em;
	}

div.ZMSGraphic div.text
	{
	padding: 0px;
	}

a.zoom img.zoom
	{
	width: 23px;
	height: 21px;
	background: url(../ui/zoom.gif);
	}

.ZMSTeaserElement div.graphic.alignleft
	{
	margin: 0 1em 0.3em 0;
	}