/*
 *	Farbwerte:
 *
 *	Startseite/
 *	Kontakt/
 *	Impressum/
 *	Philosophie:	#84B200
 *	Laus:			#FF7F00
 *	Zecke:			#00848B
 *	Mücke:			#971824
 *	Milbe:			#82ABE3
 *	Haustier:		#EE945E
 *
 *	Menüfarbe IE6:
 *	Laus:		#ffecd9 / #ffe5cc
 *	Zecke:		#d9edee / #cce6e8
 *	Mücke:		#f0ddde / #ead1d3
 *	Milbe:		#edf3fb / #e6eef9
 *	Haustier:	#f2dbce / #f2d4c2
 *	Fußzeile:	#dcebb2 / #c7d993
 *	
 *	
 *	
 */

/*
 *	Reset
 */
	
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, pre, blockquote,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, font, img, ins, kbd, q, s, samp,
	small, tt, var,	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		vertical-align: baseline;
	}
	
	:focus {
		outline: 0;
	}
	
	body {
		color: black;
		background: white;
	}
	
	ol, ul {
		list-style: none;
	}
	
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	
	caption, th, td {
		text-align: left;
		font-weight: normal;
	}
	
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: "";
	}
	
	blockquote, q {
		quotes: "" "";
	}


/*
 *	Allgemein
 */
 
	body {
		background-color: #F6F6F6;
		color: #000;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
        line-height: 12px;
	}
	
	a,
	a:LINK
	a:VISITED,
	a:ACTIVE,
	a:HOVER {
		color: #333;
		text-decoration: none;
	}

/*
 *	Basis-Layout
 */

	div#outerFrame {		
		margin: 37px auto;
		padding: 13px;
		width: 936px;
		height: 533px;
		background: url('../images/background_white.png') no-repeat transparent;
	}


/*
 *	Rahmen
 */
	
	div.topBanner,
	div.topBar,
	div#mainArea,
	div.mainBottomBar {
		background-color: #ffffff;
		padding: 0;
		width: 918px;	
		height: auto;	
	}
	
	div#outerFrame div.topBar {
		height: 19px;		
	}
		
	div.bottomBar {	
		padding-top: 28px;
		color: #fff;
		padding-right: 6px;
		float: right;
	}


/*
 * left part (logo)
 */
	div#outerFrame div.topBanner div.leftPart {
  		width: 918px;
  		height: 113px;
	}
	
	div#outerFrame div.topBanner div.leftPart img {
		margin: 22px auto auto 51px;
	}
	
/*
 *	topBar (primäre navigation)
 */
	div.topBar div.centerCenterPart ul.navigation {		
		font-size: 11px;
		font-weight: bold;
		margin-top: 2px;
	}

	div.topBar div.centerCenterPart ul.navigation li {
		background-color: #ebecee;				
		display: inline;
		float: left;
		margin-left: 2px;
		width: 228px;
		padding: 4px 0;
		line-height: 11px;
	}
	
	div.topBar div.centerCenterPart ul.navigation li > div,
	div.topBar div.centerCenterPart div.IONAS_CONTROL_BLOCK ul.navigation li.LAST > div {
		text-align: center;		
	}
	
	div.topBar div.centerCenterPart ul.navigation li.COUNT1 {		
		width: 228px;
		margin-left: 0;
	}
	
	div.topBar div.centerCenterPart ul.navigation li.LAST {
		margin-right:0;
	}
	
	div.topBar div.centerCenterPart ul.navigation li.PLACEHOLDER {
		clear: none;
		font-size: 11px;
		display: none;
	}
	
	div.topBar div.centerCenterPart ul.navigation li a {
		display: block;
	}
	
	div.topBar div.centerCenterPart ul.navigation li.COUNT1 a {
		color: #bbbab8;
	}
	
	div.topBar div.centerCenterPart ul.navigation li.COUNT1.ACTIVE,
	div.topBar div.centerCenterPart ul.navigation li.COUNT1:HOVER,
	div.topBar div.centerCenterPart ul.navigation li.COUNT1.ACTIVE a,
	div.topBar div.centerCenterPart ul.navigation li.COUNT1:HOVER a{
		background-color: #bbbab8;	
	}
	
	div.topBar div.centerCenterPart ul.navigation li.COUNT2 a {
		color: #f8b135;
	}
	
	div.topBar div.centerCenterPart ul.navigation li.COUNT2.ACTIVE,
	div.topBar div.centerCenterPart ul.navigation li.COUNT2:HOVER,
	div.topBar div.centerCenterPart ul.navigation li.COUNT2.ACTIVE a,
	div.topBar div.centerCenterPart ul.navigation li.COUNT2:HOVER a{
		background-color: #f8b135;	
	}
		
	div.topBar div.centerCenterPart ul.navigation li.COUNT3 a {
		color: #95c10a;
	}
	
	div.topBar div.centerCenterPart ul.navigation li.COUNT3.ACTIVE,
	div.topBar div.centerCenterPart ul.navigation li.COUNT3:HOVER,
	div.topBar div.centerCenterPart ul.navigation li.COUNT3.ACTIVE a,
	div.topBar div.centerCenterPart ul.navigation li.COUNT3:HOVER a{
		background-color: #95c10a;	
	}
	
	div.topBar div.centerCenterPart ul.navigation li.COUNT4 a {
		color: #e32118;
	}
	
	div.topBar div.centerCenterPart ul.navigation li.COUNT4.ACTIVE,
	div.topBar div.centerCenterPart ul.navigation li.COUNT4:HOVER,
	div.topBar div.centerCenterPart ul.navigation li.COUNT4.ACTIVE a,
	div.topBar div.centerCenterPart ul.navigation li.COUNT4:HOVER a{
		background-color: #e32118;	
	}	
	
	div.topBar div.centerCenterPart ul.navigation li.ACTIVE,
	div.topBar div.centerCenterPart ul.navigation li:HOVER,
	div.topBar div.centerCenterPart ul.navigation li.ACTIVE a,
	div.topBar div.centerCenterPart ul.navigation li:HOVER a {
		color: #fff;
		text-decoration: none;
	}


/*
 *	Content
 */

	div#mainArea {
		padding: 0;
		/*min-height: 448px;*/
	}
	
	table#main {
		width: 920px;
	}
	
	div#maincontent {
		margin-top: 26px;
		line-height: 17px;
		color: #000;
		font-size: 11px;
		height: 299px;
		overflow-y: auto; 
	}

	div#maincontent h1 {
		font-size: 12px;
		color: #000;
		font-weight: bold;
		text-decoration: none;
		margin: 0 0 3px;
	}
	
	div#maincontent h2 {
		font-size: 11px;
		color: #000;
		font-weight: bold;
		text-decoration: none;
		margin: 0 0 3px;
	}
	
	div#maincontent h3 {
		font-size: 10px;
		color: #000;
		font-weight: bold;
		text-decoration: none;
		margin: 0 0 3px;
	}

	div#maincontent ul {
		list-style: disc outside;
		margin: 5px 0 15px;
	}
	
	div#maincontent ul li {
		margin-left: 15px;
	}

	div#maincontent ol {
		list-style: decimal outside;
		margin-left: 30px;	
	}
	

	div#maincontent span.highlighted {
		font-weight: bold;
		color: #000;
	}
	
	td#contentTd div.centerPart {
		margin-left: 20px;
	}
	
	div#maincontent img.image_with_frame {
		border-style: solid;
		border-width: 2px;
		padding: 8px;		
	}
	

	/*
	 *	sekundäre Navigation
	 */

		table#main td.leftPart {			
			background-color: #EBECEE;
			background-repeat: no-repeat;
			background-position: left bottom;
    		/*height: 445px;*/
    		width: 228px;
		}

		table#main td.leftPart div.sideLeftTop {
			position: relative;
		}

		table#main td.leftPart div.sideLeftTopElement {
			position: absolute;
			left: 0;
			top: 0;
			z-index: 100;
		}

		table#main td.leftPart ul.navigation {
			width: 228px;
			margin: 0;
			position: relative;
			z-index: 200;
			padding-top: 2px;
		}
		
		table#main td.leftPart ul.navigation li div.span {			
			background: url('../images/vertical_navi_bg.png') repeat transparent; 
			border: solid #fff;
			border-width: 2px 0 0 0;
			font-size: 10px;
    		line-height: 10px;
    		padding: 6px 20px;
		}
		
		table#main td.leftPart ul.navigation li:hover div.span, 
		table#main td.leftPart ul.navigation li.ACTIVE div.span {
     		background-image: none;
		}
		
		table#main td.leftPart ul.navigation li.FIRST div.span {
			border-top-width: 1px;
		}

		table#main td.leftPart ul.navigation ul.navigation {
			padding: 0;
		}
		
		table#main td.leftPart ul.navigation ul.navigation li div.span {			
			border-width: 0;
		}

		table#main td.leftPart ul.navigation li a,
		table#main td.leftPart ul.navigation li a:active,
		table#main td.leftPart ul.navigation li a:link,
		table#main td.leftPart ul.navigation li a:visited {
			color: #7f8180;
			text-decoration: none;
			display: block;
		}

		table#main td.leftPart ul.navigation li:HOVER a,
		table#main td.leftPart ul.navigation li.ACTIVE a,
		table#main td.leftPart ul.navigation li.ACTIVE a:active,
		table#main td.leftPart ul.navigation li.ACTIVE a:link,
		table#main td.leftPart ul.navigation li.ACTIVE a:visited {
			color: #fff;
			text-decoration: none;
		}
		
		table#main td.leftPart ul.navigation li ul.navigation li div.span {
			background-image: url('../images/white_dot.png');
			background-repeat: no-repeat;
			background-position: 20px center; 
		}
		
		table#main td.leftPart ul.navigation li ul.navigation li a,
		table#main td.leftPart ul.navigation li ul.navigation li a:active,
		table#main td.leftPart ul.navigation li ul.navigation li a:link,
		table#main td.leftPart ul.navigation li ul.navigation li a:visited {
			padding-left: 10px;
		}
		
		table#main td.leftPart ul.navigation li.ACTIVE ul.navigation li a,
		table#main td.leftPart ul.navigation li.ACTIVE ul.navigation li a:active,
		table#main td.leftPart ul.navigation li.ACTIVE ul.navigation li a:link,
		table#main td.leftPart ul.navigation li.ACTIVE ul.navigation li a:visited {
			color: #fff;
			text-decoration: none;
		}

		table#main td.leftPart ul.navigation li.ACTIVE ul.navigation li.ACTIVE a,
		table#main td.leftPart ul.navigation li.ACTIVE ul.navigation li.ACTIVE a:active,
		table#main td.leftPart ul.navigation li.ACTIVE ul.navigation li.ACTIVE a:link,
		table#main td.leftPart ul.navigation li.ACTIVE ul.navigation li.ACTIVE a:visited {
			font-weight: bold;
			text-decoration: none;
		}
		
		table#main td.leftPart ul.navigation li.ACTIVE ul.navigation li:HOVER a {
			font-weight: normal;
			text-decoration: underline;
		}
	
	div#outerFrame div.bottomBar div.centerPart div.centerRightPart div.hLinkList ul.hLinks li {
    	float: left;
    	margin-left: 20px;
	}
	
	div#outerFrame div.bottomBar div.centerPart div.centerRightPart div.hLinkList ul.hLinks li:FIRST-CHILD {
    	margin-left: 0;
	}
	
	div#outerFrame div.bottomBar div.centerPart div.centerRightPart div.hLinkList ul.hLinks li a.hLink {
    	color: #BBBAB8;
	}
	
	div#headline {
		font-size: 12px;
		font-weight: bold;
		margin: 10px 0 20px;
	}
	
	div#breadcrumb,
	div#breadcrumb a {
		font-weight: bold;
	}
	
	div#breadcrumb {
		margin-top: 20px;
	}
	
	.float_right {
 		display: block;
    	float: right;
    	margin: 6px 48px 6px 48px;
	}
	
	table.wireframe,.IONAS_CONTROL_XHTML table.wireframe {
		border: 1px solid #BBBAB8;
		border-collapse: collapse;
	}
	
	table.wireframe td,table.wireframe th {
		border: 1px solid #BBBAB8;
	}
	
	.tableheader {
		text-align: center;
	}
	
	.tableemphasized{
		font-weight: bold;
		background-color: #EBECEE;
		color: #000;
	}
	
	.downloadTable {
 		border: 1px solid #BBBAB8;
	}
	
	.downloadTable th {
 		color: #fff;
	}
	
	div.dynamicFormTextInput input,
	div.dynamicFormTextInput textarea,
	div.dynamicFormSenderAddress input,
	div.dynamicFormCapture input {
		border: 1px solid #BBBAB8;
	}