/* ##################################################################
	01 GENERAL HTML STYLES
	############################################################### */

	*
	{
		margin: 0;
		padding: 0;
		border: 0;
		z-index: 0;
		border-collapse: collapse;
		border-spacing: 0;
		font-size: 100%;
		font-family: arial, verdana, sans-serif;
		-moz-outline-style: none;
	}
	html
	{
		height: 100%;´
		width: 100%;
		z-index: 0;
		font-family: arial, verdana, sans-serif;
		overflow: -moz-scrollbars-vertical;
		overflow-y: scroll;
	}
	body
	{
		height: 100%;
		background: rgb(234,234,234);
		margin: 0 0 0 35px;
		background-image: url(../layout/bg_shadow_left.gif);
		background-repeat: repeat-y;
		background-position: 31px;
	}
	table tr td
	{
		vertical-align: top;
		text-align: left;
	}


/* ##################################################################
	02 LAYOUT
	############################################################### */

	.page
	{
		width: 913px;
		text-align: left;
		background: rgb(255,255,255);
		background-image: url(../layout/bg_shadow_right.gif);
		background-repeat: repeat-y;
		background-position: right;
		padding: 0 9px 0 1px;
		min-height: 100%;
	    height: auto !important;
	    height: 100%;
		position: absolute;
	}
	#top
	{
		height: 0;
		width: 0;
		line-height: 0;
		font-size: 0px;
	}
	.head
	{
		width: 694px;
		display: block;
		clear: both;
	}
	.logo
	{
		float: left;
	}
	.seperator
	{
		clear: both;
		display: block;
		height: 10px;
		line-height: 0px;
		font-size: 0px;
		width: 100%;
	}
	.dotted-grey
	{
		background-image: url(../layout/dotted_grey.gif);
		background-repeat: repeat-x;
		height: 1px;
		font-size: 1px;
		line-height: 0px;
		display: block;
	}

/*	------------------------------------------------------------------
	CONTENT: START
	--------------------------------------------------------------- */

	.content
	{
		display: block;
		clear: both;
		width: 100%;
		padding: 4px 0 0 0;
	}

/*	------------------------------------------------------------------
	CONTENT-LEFT: START
	--------------------------------------------------------------- */
	.content-left
	{
		background-image: url(../layout/bg_content_left.gif);
		background-repeat: repeat-x;
		background-position: 0 30px;
		width: 658px;
		float: left;
		padding: 0 1px 0 30px;
		height: auto !important;
		height: 270px;
		min-height: 270px;
	}
	.content-left h2.first
	{
		color: red;
		text-transform: uppercase;
		font-size: 75%;
		margin: 14px 0 6px -30px;
		padding: 0 0 0 30px;
		background-color: white;
		background-image: none;
	}
	.content-left h4
	{
		color: rgb(85,128,209);
		text-transform: uppercase;
		font-size: 75%;
		margin: 14px 0 6px -30px;
		padding: 0 0 0 30px;
		background-color: white;
		background-image: none;
	}
	.content-right h1
	{
		background-repeat: no-repeat;
		font-size: 75%;
		font-weight: 900;
		padding: 14px 0 0px 0px;
		margin: 0 0 0 0;
		background-color: white;
		text-transform: uppercase;
	}
	.content-left h1
	{
		color: rgb(0,0,0);
		text-transform: uppercase;
		font-size: 75%;
		margin: 14px 0 6px -30px;
		padding: 0 0 0 30px;
		background-color: white;
		background-image: none;
	}
	.content-left img
	{
		border: 1px solid white;
		float: left;
		margin: 7px 23px 8px 0;
	}
	.content-left div.link-list
	{
		background-image: url(../layout/dotted_grey.gif);
		background-repeat: repeat-x;
		width: 143px;
		float: left;
		margin: 7px 35px 8px 0;
	}
	.content-left div.link-list a
	{
		background-image: url(../layout/arrow_blue.gif);
		background-repeat: no-repeat;
		background-position: 10px 50%;
		display: block;
		font-size: 68%;
		font-weight: 700;
		padding: 1px 0 0 30px;
		color: rgb(72,110,175);
		text-decoration: none;
		height: 15px;
		min-height: 15px;
	}
	.content-left div.link-list a:hover
	{
		background-image: url(../layout/arrow_white.gif);
		color: rgb(255,255,255);
	}
	.content-left div.paragraph 
	{
		float: left;
		width: 310px;
		
		margin: 0px 0 0px 0;
	}
	.content-left div.paragraph p
	{
		font-size: 70%;
		color: black;
	}
	.content-left div.paragraph-normal p
	{
		font-size: 70%;
		color: black;
		margin: 18px 0 0 25;
		padding: 0 25px 0 0;
	}
	.content-left div.paragraph-normal ul
	{
		margin: 5px 0 0 25px;
		padding: 0 25px 0 0;
		list-style:disc;
		font-size: 70%;
		color: black;
	}
	.content-left div.paragraph-normal
	{
		float: right;
		width: 463px;
	}
	.content-left div.paragraph-normal .img-right
	{
		float: right;
		width: 132px;
		margin: 0 0 0 20px;
		clear:both;
	}
	.content-left div.paragraph-normal div.img-right img
	{
		margin: 5px 0 5px 0;
	}
	.content-left div.paragraph-normal div.img-right p
	{
		font-size: 65%;
		color: rgb(117,151,209);
		clear: both;
		margin: 5px 5px 20px 0;
	}
	.content-left div.text
	{
		width: 143px;
		float: left;
		margin: 7px 0 8px 0;
	}
	.content-left div.paragraph a.more,
	.content-left div.text a.more,
	.content-left div.paragraph-normal a.more
	{
		background-image: url(../layout/arrow_blue.gif);
		background-repeat: no-repeat;
		background-position:  0px 3px;
		font-size: 70%;
		color: rgb(61,128,183);
		text-decoration: none;
		padding: 0 0 0 15px;
		margin: 5px 0 0 0;
		display: block;
	}
	.content-left div.paragraph a.more:hover,
	.content-left div.text a.more:hover,
	.content-left div.paragraph-normal a.more:hover
	{
		background-image: url(../layout/arrow_orange.gif);
		color: rgb(255,99,0);
	}
	.content-left h2
	{
		color: rgb(85,128,209);
		text-transform: uppercase;
		font-size: 75%;
		background-image: url(../layout/dotted_grey.gif);
		background-repeat: repeat-x;
		background-position:  0px bottom;
		padding: 0 0 2px 0;
		margin: 7px 0 0 0;
	}
	.content-left div.text h3
	{
		font-size: 70%;
	}
	.content-left div.text p
	{
		font-size: 70%;
	}
	.content-left a.news-link
	{
		background-image: url(../layout/arrow_blue.gif);
		background-repeat: no-repeat;
		background-position:  0px 3px;
		font-size: 70%;
		color: rgb(0,0,0);
		text-decoration: none;
		padding: 0 0 0 15px;
		margin: 8px 0 1px 0;
		display: block;
	}
	.content-left a.news-link:hover
	{
		background-image: url(../layout/arrow_blue.gif);
		color: rgb(72,110,175);
	}
	.left-inner
	{
		float: left;
		width: 300px;
		margin: 0px 32px 0px 0;
	}
	.right-inner
	{
		float: right;
		width: 326px;
	}

/*	------------------------------------------------------------------
	CONTENT-LEFT: END
	--------------------------------------------------------------- */


/*	------------------------------------------------------------------
	CONTENT-RIGHT: START
	--------------------------------------------------------------- */

	.content-right
	{
		/*background-image: url(../layout/bg_content_right.gif);
		background-repeat: repeat-x;
		background-position: 0 30px;*/
		width: 174px;
		float: right;
		padding: 0 25px 0 25px;
		height: auto !important;
		height: 20px;
		min-height: 20px;
	}
	.content-right h2,
	.paragraph-normal h2,
	.right-inner h2
	{
		background-color:white;
		background-image:none;
		color:#000000;
		font-size:75%;
		margin:14px 0 6px -30px;
		padding:0 0 0 30px;
		text-transform:uppercase;
	}
	.kunden-center
	{
		padding:0 0 20px 0;
		float:left;
		width: 174px;
		height: auto !important;
		height: 20px;
		min-height: 20px;
	}
	.content-right-container
	{
		padding:0 0 20px 0;
		float:left;
		width: 174px;
	}
	.content-right p.bodytext
	{
		color: rgb(125,125,125);
		padding: 12px 5px 0 3px;
		font-size: 65%;
	}
	.content-right p.bodytext
	{
		padding: 12px 5px 0 0px;
		
		font-size: 68%;
	}
	.content-right .p-start p.bodytext
	{
		color: rgb(125,125,125);
		padding: 12px 5px 0 3px;
	}
	.content-right h3
	{
		background-repeat: no-repeat;
		font-size: 75%;
		font-weight: 900;
		padding: 5px 0 10px 35px;
		margin: 0 0 0 0;
		background-color: white;
	}
	.content-right h3.normal
	{
		font-size: 75%;
		font-weight: 900;
		padding: 14px 0 0px 0px;
		margin: 0 0 0 0;
		background-color: white;
	}
	.content-right img.normal
	{
		display: block;
		margin: 15px 0 10px 0;
	}
	.content-right a.more
	{
		background-image: url(../layout/arrow_blue.gif);
		background-repeat: no-repeat;
		background-position:  0px 3px;
		font-size: 70%;
		color: rgb(61,128,183);
		text-decoration: none;
		padding: 0 0 0 15px;
		margin: 5px 0 0 5px;
		display: block;
	}
	.content-right a.more:hover
	{
		background-image: url(../layout/arrow_orange.gif);
		color: rgb(255,99,0);
	}
/*	------------------------------------------------------------------
	CONTENT-RIGHT: END
	--------------------------------------------------------------- */

/*	------------------------------------------------------------------
	CONTENT: END
	--------------------------------------------------------------- */



/*	------------------------------------------------------------------
	FOOTER: START
	--------------------------------------------------------------- */
	.footer
	{
		display: block;
		clear: both;
		width: 660px;
		padding: 5px 0 0 0;
		font-size: 65%;
		vertical-align: top;
		background-image: url(../layout/dotted_grey.gif);
		background-repeat: repeat-x;
		margin: 0px 0 20px 30px;
	}
	.footer img
	{
		margin: 1px 1px 0 0;
	}
	div.copy
	{
		margin: 0 0 0 17px;
		float: left;
	}
	span.copy
	{
		color: rgb(0,140,234);
		font-size: 110%;
	}
	.buttons
	{
		float: left;
	}

/*	------------------------------------------------------------------
	FOOTER: END
	--------------------------------------------------------------- */



/*	------------------------------------------------------------------
	META-NAVIGATION: START
	--------------------------------------------------------------- */
	.meta-navigation
	{
		margin: 35px 0 0 0;
		float: right;
	}
	.metanavi-li
	{
		margin: 0 8px 0 0;
		padding: 2px 0 8px 23px;
		list-style: none;
		display: inline;
		background-repeat: no-repeat;
		font-size: 60%;
		height: 20px;
		overflow: auto;
	}
	.metanavi-li a
	{
		color: rgb(0,0,0);
		text-decoration: none;
	}
	.metanavi-li a:hover,
	.metanavi-li a:active,
	.metanavi-li a.active
	{
		color: rgb(255,98,31);
		text-decoration: none;
	}

/*	------------------------------------------------------------------
	META-NAVIGATION: END
	--------------------------------------------------------------- */


/*	------------------------------------------------------------------
	MAIN-NAVIGATION: START
	--------------------------------------------------------------- */
	.haupt-navigation
	{
		width: 694px;
		background-image: url(../layout/bg_hauptnavi.gif);
		clear: both;
		display: block;
		height: 45px;
	}
	.haupt-navigation-end
	{
		background-image: url(../layout/bg_hauptnavi_end.gif);
		height: 45px;
		width: 16px;
		float: right;
		background-position: right;
	}
	.haupt-navigation-start
	{
		background-image: url(../layout/bg_hauptnavi_start.gif);
		background-position: right;
		background-repeat: no-repeat;
		height: 45px;
		width: 30px;
		float: left;
	}
/*
	ul#nav
	{
		list-style-type: none;
		float: left;
		list-style: none;
		padding: 0 0 0 1px;
	}
	ul#nav li
	{
		display: inline;
	}
	ul#nav li a
	{
		float: left;
		padding: 18px 6px 0 6px;
		font-size: 70%;
		font-weight: 700;
		color: rgb(255,255,255);
		text-decoration: none;
		background-image: url(../layout/bg_hauptnavi_punkt.gif);
		background-repeat: no-repeat;
		background-position: right;
		height: 19px;
		margin: 2px 0 6px 0;
	}
	ul#nav li a:hover,
	ul#nav li a:active,
	ul#nav li a.active
	{
		background-image: url(../layout/bg_hauptnavi_punkt_hover.gif);
	}
*/
	.content-left div.hauptnavi-ebene-2
	{
		width: 143px;
		float: left;
		margin: 37px 35px 8px 0;
	}
	.content-left div.hauptnavi-ebene-2 a
	{
		background-image: url(../layout/arrow_blue.gif);
		background-repeat: no-repeat;
		background-position: 0px 5px;
		display: block;
		font-size: 68%;
		font-weight: 700;
		padding: 1px 0 0 17px;
		color: rgb(72,110,175);
		text-decoration: none;
		min-height: 15px;
		height:auto !important;
		height: 15px;
		
	}
	.content-left div.hauptnavi-ebene-2 a:hover,
	.content-left div.hauptnavi-ebene-2 a:active,
	.content-left div.hauptnavi-ebene-2 a.active
	{
		background-image: url(../layout/arrow_orange.gif);
		color: rgb(255,99,0);

	}

/*	------------------------------------------------------------------
	MAIN-NAVIGATION: END
	--------------------------------------------------------------- */

/* ##################################################################
	03 ELEMENTS
	############################################################### */

/*	------------------------------------------------------------------
	SEARCH: START
	--------------------------------------------------------------- */
	#suche
	{
		width: 140px;
		float: right;
		padding: 16px 6px 0 6px;
		text-decoration: none;
		background-image: url(../layout/bg_hauptnavi_punkt.gif);
		background-repeat: repeat-x;
		height: 22px;
		margin: 2px 0 6px 0;
	}
	.suche-form
	{
		float: right;
	}
	.search-field
	{
		width: 112px;
		height: 12px;
		border-top: 1px solid rgb( 128,128,128);
		border-left: 1px solid rgb( 128,128,128);
		border-right: 1px solid rgb( 212,208,200);
		border-bottom: 1px solid rgb( 212,208,200);
		float: left;
		font-size: 10px;
		color: rgb(0,0,0);
	}
	.search-button
	{
		margin: 0 0 0 6px;
	}

/*	------------------------------------------------------------------
	SEARCH: END
	--------------------------------------------------------------- */


/*	------------------------------------------------------------------
	CLAIM: START
	--------------------------------------------------------------- */

	.claim
	{
		width: 100%;
		display: block;
		clear: both;
	}
	.claim-left
	{
		width: 689px;
		float: left;
		background-image: url(../layout/bg_claim_top.gif);
		background-repeat: repeat-x;
		padding: 15px 0 0 0;
	}
	.claim-right
	{
		width: 174px;
		float: right;
		padding: 7px 25px 0 25px;
		
	}
	.claim-right h3
	{
		background-repeat: no-repeat;
		font-size: 75%;
		font-weight: 900;
		padding: 5px 0 10px 35px;
		margin: 0 0 0 0px;
	}
	.claim-right p
	{
		font-size: 68%;
		color:rgb(120,120,120);
		margin:0 0 0 2px;
	}

/*	------------------------------------------------------------------
	CLAIM: END
	--------------------------------------------------------------- */



/*	------------------------------------------------------------------
	KC-FORM: START
	--------------------------------------------------------------- */

	.kc-form
	{
		margin: 8px 0 0 2px;
		width:165px;
	}
	.los-button
	{
		display: block;
		float: right;
		margin: 2px 0 0 0;
	}
	.kc-form label
	{
		display: block;
		color: rgb(0,0,0);
		font-size: 70%;
		font-weight: bold;
		margin: 4px 0 0 0;
	}
	.kc-form select
	{
		margin: 2px 0 4px 0;
		border: 1px solid grey;
		font-size: 10px;
		width: 100%;
	}
/*	------------------------------------------------------------------
	KC-FORM: END
	--------------------------------------------------------------- */
	p
	{
		font-size: 70%;
		color: black;
	}
	.content-left a.more
	{
		background-image: url(../layout/arrow_blue.gif);
		background-repeat: no-repeat;
		background-position:  0px 3px;
		font-size: 70%;
		color: rgb(61,128,183);
		text-decoration: none;
		padding: 0 0 0 15px;
		margin: 5px 0 0 5px;
		display: block;
	}
	.content-left a.more:hover
	{
		background-image: url(../layout/arrow_orange.gif);
		color: rgb(255,99,0);
	}