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

	*
	{
		margin: 0;
		padding: 0;
		border: 0;
		z-index: 1;
		border-collapse: collapse;
		border-spacing: 0;
		font-family: arial, verdana, sans-serif;
	}
	html
	{
		height: 100%;
		width: 100%;
		z-index: 0;
		font-family: arial, verdana, sans-serif;
		overflow: -moz-scrollbars-vertical;
		overflow-y: scroll;
		background-image: url(../pics/layout/ps/bg_seite.gif);
		background-repeat: repeat-x;
		background-color: rgb(255,255,255);	
	}
	body
	{
		width: 100%;
		text-align: left;
		font-size: 100%;
	}
	table tr td,
	table tbody tr td
	{
		vertical-align: top;
		text-align: left;
	}

/* ##################################################################
	02 LAYOUT
	############################################################### */
	#top
	{
		height: 0;
		width: 0;
		line-height: 0;
		font-size: 1px;
	}
	.hidden
	{
		display: none;
		height: 0;
		width: 0;
		line-height: 0;
		font-size: 1px;
	}
	.logo
	{
		top: 0;
		left: 0;
		position: absolute;
		z-index: 3;
	}
	.logo-zeile
	{
		background-image: url(../pics/layout/ps/bg_logos.gif);
		background-repeat: no-repeat;
		background-position: right;
		height: 31px;
		margin: 6px 0 0 0;
	}
	.logo-zeile img
	{
		margin: 0 35px 0 0;
	}
	
	.logo-liste
	{
		width: 727px;
		margin: 0 0 0 223px;
	}
	.logo-liste h2
	{
		font-size: 14px;
		margin: 0;
		padding: 0;
		font-weight: normal;
		color: rgb(133,133,133);
	}

/*	------------------------------------------------------------------
	PORTAL-NAVIGATION: START
	--------------------------------------------------------------- */
	.portal-navigation
	{
		width: 727px;
		height: 44px;
		padding: 9px 0 0 0;
		margin: 0 0 0 223px;
	}
	.sprache
	{
		width: 220px;
		float: right;
		text-align: right;
		background-image: url(../pics/layout/ps/welt.gif);
		background-repeat: no-repeat;
		background-position: 30px 0px;
	}
	form#sprachumschaltung select
	{
		width: 165px;
		border: 1px solid rgb(200,225,240);
	}
	.portal-navigation-inner
	{
		text-align: right;
		width: 480px;
		float: left;
	}
	.portal-navigation a
	{
		color: rgb(133,133,133);
		font-size: 80%;
		margin: 0 8px 0 8px;
		text-decoration: none;
	}
	.portal-navigation a:hover
	{
		text-decoration: underline;
	}
	.fuellung
	{
		height: 100%;
		display: inline;
	}
/*	------------------------------------------------------------------
	PORTAL-NAVIGATION: END
	--------------------------------------------------------------- */
/*	------------------------------------------------------------------
	MAIN-NAVIGATION: START
	--------------------------------------------------------------- */
	.main-navigation
	{
		width: 170px;
		float: left;
	}
	.last-line
	{
		height: 1px;
		background-image: url(../pics/layout/ps/bg_nav.gif);
		background-repeat: repeat-x;
		clear: both;
		display: block;
		font-size: 1px;
	}

	.main-navigation a.first,
	.main-navigation a.first:visited,
	.main-navigation a.first:hover,
	.main-navigation a.first:active,
	.main-navigation a.first-active
	{
		background-image: url(../pics/layout/ps/bg_nav.gif);
		background-repeat: repeat-x;
		font-size: 95%;
		color: rgb(255,255,255);
		display: block;
		float: left;
		padding: 8px 15px;
		width: 140px;
	}
	.main-navigation a.first:hover,
	.main-navigation a.first:active,
	.main-navigation a.first-active
	{
		color: rgb(255,255,255);
		background-image: url(../pics/layout/ps/bg_nav_akt.gif);
	}
	.main-navigation a.second,
	.main-navigation a.second:visited,
	.main-navigation a.second:hover,
	.main-navigation a.second:active,
	.main-navigation a.second-active
	{
		font-size: 75%;
		color: rgb(255,255,255);
		display: block;
		background-image: url(../pics/layout/ps/bg_nav_e2.gif);
		float: left;
		padding: 5px 15px 5px 25px;
		width: 130px;
	}
	.main-navigation a.second:hover,
	.main-navigation a.second:active,
	.main-navigation a.second-active
	{
		color: rgb(34,34,34);
		background-image: url(../pics/layout/ps/bg_nav_e2_akt.gif);
		background-position: left center;
	}
/*	------------------------------------------------------------------
	MAIN-NAVIGATION: END
	--------------------------------------------------------------- */

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

	.content-top
	{
		margin: 10px 0 0 0;
		width: 699px;
		height: 50px;
		background-image: url(../pics/layout/ps/content_top.gif);
		clear: both;
	}
	.content
	{
		width: 699px;
		clear: both;
		float: left;
		background-image: url(../pics/layout/ps/content_bottom.gif);
		background-repeat:no-repeat;
		background-position: bottom left;
		height: auto !important;
		height: 440px;
		min-height: 440px;
	}
	
	.inner-content 
	{
		float: right;
		width: 438px;
		margin: 0px 70px 70px 0;
	}
	.inner-content img.right
	{
		margin: 0 15px 0 0;
	}
	.additional-content
	{
		float: right;
		z-index: 2;
		width: 320px;
		position: absolute;
		top: 108px;
		left: 665px;
	}

/*	------------------------------------------------------------------
	CONTENT: END
	--------------------------------------------------------------- */
	h1.page-headline
	{
		font-size: 130%;
		color: rgb(84,84,84);
		margin: 0 0 15px 0;
		font-weight: normal;
	}
	.add
	{
		color: rgb(237,28,36);
	}
	h2
	{
		font-size: 100%;
		margin: 0 0 5px 0;
		color: rgb(104,104,104);
	}
	h3
	{
		font-size: 110%;
		line-height: 90%;
	}
	h4
	{
		font-size: 120%;
		line-height: 100%;
		margin:0 0 10px 0;
		color: rgb(3,73,132);
	}
	.text,
	p
	{
		font-size: 75%;
		font-weight: normal;
		margin: 0 0 5px 0;
		line-height: 140%;
	}
	p strong
	{
		font-weight: bold;
	}
	a
	{
		text-decoration: none;
	}
	div.box-paragraph-middle p.more
	{
		margin: 10px 0 0 0;
		display: block;
		clear: both;
	}
	.text a,
	p a
	{
		text-decoration: underline;
		color: rgb(0,0,0);
		font-size: 100%;
	}
	.text a:hover,
	p a:hover
	{
		text-decoration: none;
		color: rgb(100,100,100);
	}
	.text table tr td a,
	.text table tbody tr td a
	{
		font-weight: normal;
		line-height: 110%;
		text-decoration:  underline;
		color: rgb(0,0,0);
	}

	.text table tr td a:hover,
	.text table tbody tr td a:hover
	{
		text-decoration: none;
		color: rgb(100,100,100);
	}
	.text table tr td,
	.text table tbody tr td
	{
		font-size: 80%;
		font-weight: normal;
		line-height: 110%;
		color: rgb(0,0,0);
	}

	
	.text table tr td,
	.text table tbody tr td
	{
		font-size: 80%;
		font-weight: normal;
		line-height: 110%;
		color: rgb(0,0,0);
	}

	.more a
	{
		text-decoration: underline;
		color: rgb(0,0,0);
	}
	.more a:hover
	{
		text-decoration: none;
		color: rgb(100,100,100);
	}
/* ##################################################################
	03 ELEMENTS
	############################################################### */

/*	------------------------------------------------------------------
	ABSATZ-BOX: START
	--------------------------------------------------------------- */
	/* the box */
	.box-paragraph
	{
		margin: 20px 0 10px 0;
	}
	/* top */
	.box-paragraph-top
	{
		background-image: url(../pics/layout/ps/bg_absatz_s_top.gif);
		background-repeat: no-repeat;
		background-position: left top;
		height: 11px;
		width: 410px;
	}


	/* middle */
	.box-paragraph-middle
	{
		background-image: url(../pics/layout/ps/bg_absatz_s_middle.gif);
		background-repeat: repeat-y;
		background-position: bottom left;
		width: 410px;
		max-width: 410px;
		padding: 0 20px 5px 10px;
		height: auto !important;
		height: 100px;
		min-height: 100px;
	}
	.box-paragraph-middle div.text
	{
		width: 380px;
		max-width: 380px;
	}
	.box-paragraph-middle p
	{
		margin: 3px 25px 0 0;
	}
	.box-paragraph-middle h3
	{
		margin: 0 27px 0px 0;
	}
	.box-paragraph-middle img,
	.box-paragraph-middle img.left
	{
		float: left;
		margin: 0px 5px 5px 0;
	}
	.box-paragraph-middle img.right
	{
		float: right;
		margin: 0px 30px 5px 5px;
	}

	/* bottom */
	.box-paragraph-bottom
	{
		background-image: url(../pics/layout/ps/bg_absatz_s_bottom.gif);
		background-repeat: no-repeat;
		background-position: bottom left;
		height: 32px;
		width: 410px;
	}


/*	------------------------------------------------------------------
	ABSATZ-BOX: END
	--------------------------------------------------------------- */

/*	------------------------------------------------------------------
	BIG-BOX: START
	--------------------------------------------------------------- */

	/* the box */
	.box-big
	{
		margin: 10px 0 10px 0;
		cursor: pointer;
		width: 291px;
	}
	/* top */
	.box-big-top,
	.box-big-top-hover
	{
		background-repeat: no-repeat;
		background-position: left top;
		height: 16px;
		width: 291px;
	}
	.box-big-top
	{
		background-image: url(../pics/layout/ps/box_big_top.png);
	}
	.box-big-top-hover
	{
		background-image: url(../pics/layout/ps/box_big_top_hover.png);
	}

	/* middle */
	.box-big-middle,
	.box-big-middle-hover
	{
		background-repeat: repeat-y;
		background-position: top left;
		width: 261px;
		max-width: 261px;
		padding: 0 20px 0px 10px;
		margin: 0 0 0 0;
	}
	.box-big-middle
	{
		background-image: url(../pics/layout/ps/box_big_middle.png);
		background-position: bottom;
		height: auto !important;
		height: 60px;
		min-height: 60px;
		
	}
	a:hover div.box-big *
	{
		text-decoration: none;
	}
	.box-big-middle-hover
	{
		background-image: url(../pics/layout/ps/box_big_middle_hover.png);
		background-position: bottom;
		height: auto !important;
		height: 60px;
		min-height: 60px;
	}
	.box-big-middle p,
	.box-big-middle-hover p
	{
		/*neu: wie klein*/
		font-size: 70%;

		margin: 0 10px 0 0;
	}
	.box-big-middle h4,
	.box-big-middle-hover h4
	{
		/*neu: wie klein*/
		font-size: 75%;
		line-height: 110%;
		color: rgb(237,28,36);
		margin: 0 10px 0px 0;
	}
	.box-big-middle img,
	.box-big-middle-hover img,
	.box-big-middle img.left,
	.box-big-middle-hover img.left
	{
		float: left;
		margin: -3px 5px 5px 0;
	}
	.box-big-middle img.right,
	.box-big-middle-hover img.right
	{
		float: right;
		margin: -3px 30px 5px 5px;
	}

	/* bottom */
	.box-big-bottom,
	.box-big-bottom-hover
	{
		background-repeat: no-repeat;
		background-position: bottom left;
		height: 31px;
		width: 291px;
	}
	.box-big-bottom
	{
		background-image: url(../pics/layout/ps/box_big_bottom.png);
	}
	.box-big-bottom-hover
	{
		background-image: url(../pics/layout/ps/box_big_bottom_hover.png);
	}
/*	------------------------------------------------------------------
	BIG-BOX: END
	--------------------------------------------------------------- */
	
	
	
	
	
	
	
	
	

/*	------------------------------------------------------------------
	BIG-BOX-RAND: START
	--------------------------------------------------------------- */

	/* the box */
	.box-big-rand
	{
		margin: 10px 0 10px 0;
		cursor: pointer;
		width: 291px;
	}
	/* top */
	.box-big-rand-top,
	.box-big-rand-top-hover
	{
		background-repeat: no-repeat;
		background-position: left top;
		height: 16px;
		width: 291px;
	}
	.box-big-rand-top
	{
		background-image: url(../pics/layout/ps/box_big_top.png);
	}
	.box-big-rand-top-hover
	{
		background-image: url(../pics/layout/ps/box_big_top_hover.png);
	}

	/* middle */
	.box-big-rand-middle,
	.box-big-rand-middle-hover
	{
		background-repeat: repeat-y;
		background-position: top left;
		width: 261px;
		max-width: 261px;
		padding: 0 20px 0px 10px;
		margin: 0 0 0 0;
	}
	.box-big-rand-middle
	{
		background-image: url(../pics/layout/ps/box_big_middle.png);
	}
	.box-big-rand-middle-hover
	{
		background-image: url(../pics/layout/ps/box_big_middle_hover.png);
	}
	.box-big-rand-middle p,
	.box-big-rand-middle-hover p
	{
		/*neu: wie klein*/
		font-size: 70%;

		margin: 0 10px 0 0;
	}
	.box-big-rand-middle h4,
	.box-big-rand-middle-hover h4
	{
		/*neu: wie klein*/
		font-size: 75%;
		line-height: 110%;
		color: rgb(85,85,85);
		margin: 0 10px 0px 0;
	}
	.box-big-rand-middle img,
	.box-big-rand-middle-hover img,
	.box-big-rand-middle img.left,
	.box-big-rand-middle-hover img.left
	{
		float: left;
		margin: -3px 5px 5px 0;
	}
	.box-big-rand-middle img.right,
	.box-big-rand-middle-hover img.right
	{
		float: right;
		margin: -3px 30px 5px 5px;
	}

	/* bottom */
	.box-big-rand-bottom,
	.box-big-rand-bottom-hover
	{
		background-repeat: no-repeat;
		background-position: bottom left;
		height: 31px;
		width: 291px;
	}
	.box-big-rand-bottom
	{
		background-image: url(../pics/layout/ps/box_big_bottom.png);
	}
	.box-big-rand-bottom-hover
	{
		background-image: url(../pics/layout/ps/box_big_bottom_hover.png);
	}
/*	------------------------------------------------------------------
	BIG-BOX-RAND: END
	--------------------------------------------------------------- */
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
/*	------------------------------------------------------------------
	SMALL-BOX: START
	--------------------------------------------------------------- */
	/* the box */
	.box-small
	{
		margin: 10px 0 10px 0;
		cursor: pointer;
	}

	/* top */
	.box-small-top,
	.box-small-top-hover
	{
		background-repeat: no-repeat;
		background-position: left top;
		height: 16px;
		width: 197px;
	}
	.box-small-top
	{
		background-image: url(../pics/layout/ps/box_small_top.png);
	}
	.box-small-top-hover
	{
		background-image: url(../pics/layout/ps/box_small_top_hover.png);
	}

	/* middle */
	.box-small-middle,
	.box-small-middle-hover
	{
		background-repeat: repeat-y;
		background-position: bottom left;
		width: 197px;
		max-width: 197px;
		padding: 0 20px 5px 10px;
		height: auto !important;
		height:60px;
		min-height:60px;
	}
	a:hover div.box-small *
	{
		text-decoration: none;
	}
	.box-small-middle
	{
		background-image: url(../pics/layout/ps/box_small_middle.png);
	}
	.box-small-middle-hover
	{
		background-image: url(../pics/layout/ps/box_small_middle_hover.png);
	}
	.box-small-middle p,
	.box-small-middle-hover p
	{
		font-size: 70%;
		margin: 0 25px 0 0;
	}
	.box-small-middle h4,
	.box-small-middle-hover h4
	{
		font-size: 75%;
		line-height: 110%;
		margin: 0 25px 3px 0;
		color: rgb(237,28,36);
	}
	.box-small-middle img,
	.box-small-middle-hover img,
	.box-small-middle img.left,
	.box-small-middle-hover img.left
	{
		float: left;
		display: inline;
		margin: -3px 5px 5px 0;
	}
	.box-small-middle img.right,
	.box-small-middle-hover img.right
	{
		float: right;
		display: inline;
		margin: -3px 29px 5px 5px;
	}

	/* bottom */
	.box-small-bottom,
	.box-small-bottom-hover
	{
		background-repeat: no-repeat;
		background-position: bottom left;
		height: 31px;
		width: 197px;
	}
	.box-small-bottom
	{
		background-image: url(../pics/layout/ps/box_small_bottom.png);
	}
	.box-small-bottom-hover
	{
		background-image: url(../pics/layout/ps/box_small_bottom_hover.png);
	}
/*	------------------------------------------------------------------
	SMALL-BOX: END
	--------------------------------------------------------------- */

	
	
	
	
	
	
	
	
	
	
/*	------------------------------------------------------------------
	SMALL-BOX-RAND: START
	--------------------------------------------------------------- */
	/* the box */
	.box-small-rand-rand
	{
		margin: 10px 0 10px 0;
		cursor: pointer;
	}

	/* top */
	.box-small-rand-top,
	.box-small-rand-top-hover
	{
		background-repeat: no-repeat;
		background-position: left top;
		height: 16px;
		width: 197px;
	}
	.box-small-rand-top
	{
		background-image: url(../pics/layout/ps/box_small_rand_top.png);
	}
	.box-small-rand-top-hover
	{
		background-image: url(../pics/layout/ps/box_small_rand_top_hover.png);
	}

	/* middle */
	.box-small-rand-middle,
	.box-small-rand-middle-hover
	{
		background-repeat: repeat-y;
		background-position: top left;
		width: 197px;
		max-width: 197px;
		padding: 0 20px 5px 10px;
	}
	.box-small-rand-middle
	{
		background-image: url(../pics/layout/ps/box_small_rand_middle.png);
	}
	.box-small-rand-middle-hover
	{
		background-image: url(../pics/layout/ps/box_small_rand_middle_hover.png);
	}
	.box-small-rand-middle p,
	.box-small-rand-middle-hover p
	{
		font-size: 70%;
		margin: 0 25px 0 0;
	}
	.box-small-rand-middle h4,
	.box-small-rand-middle-hover h4
	{
		font-size: 75%;
		line-height: 110%;
		margin: 0 25px 3px 0;
		color: rgb(85,85,85);
	}
	.box-small-rand-middle img,
	.box-small-rand-middle-hover img,
	.box-small-rand-middle img.left,
	.box-small-rand-middle-hover img.left
	{
		float: left;
		display: inline;
		margin: -3px 5px 5px 0;
	}
	.box-small-rand-middle img.right,
	.box-small-rand-middle-hover img.right
	{
		float: right;
		display: inline;
		margin: -3px 29px 5px 5px;
	}

	/* bottom */
	.box-small-rand-bottom,
	.box-small-rand-bottom-hover
	{
		background-repeat: no-repeat;
		background-position: bottom left;
		height: 31px;
		width: 197px;
	}
	.box-small-rand-bottom
	{
		background-image: url(../pics/layout/ps/box_small_rand_bottom.png);
	}
	.box-small-rand-bottom-hover
	{
		background-image: url(../pics/layout/ps/box_small_rand_bottom_hover.png);
	}
/*	------------------------------------------------------------------
	SMALL-BOX-RAND: END
	--------------------------------------------------------------- */
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	a p,
	a h3,
	a h4
	{
		color: rgb(0,0,0);
		text-decoration: none;
	}
	a:hover p,
	a:hover h3,
	a:hover h4
	{
		color: rgb(100,100,100);
		text-decoration: underline;
	}

	.right
	{
		float: right;
	}
	.left
	{
		float: left;
	}
	.middle
	{
		float: left;
		position: relative;
		margin: 0 0 0 47px;
	}
	.clear
	{
		clear: both;
		height: 0px;
		line-height: 0px;
		font-size: 0px;
	}

/*	------------------------------------------------------------------
	SMALL-PUR: START
	--------------------------------------------------------------- */
	.box-pur
	{
		margin: 10px 40px 10px 0;
		width: 170px;
	}
	.box-pur.middle
	{
		float: left;
		position: relative;
		margin: 10px 0 10px 47px;

	}
/*	------------------------------------------------------------------
	SMALL-PUR: END
	--------------------------------------------------------------- */

	.bildschirm
	{
		background-image: url(../pics/layout/ps/bildschirm.png);
		background-position: top left;
		background-repeat: no-repeat;
		height: 425px;
		width: 535px;
		padding: 42px 0 0 69px;
		margin: 0 0 20px 0;
	}
	.movie
	{
		height: 320px;
		width: 320px;
		padding: 42px 0 0 100px;
	}

	.inner-content ul
	{
		margin: 5px 0 5px 20px;
		list-style-image: url(../pics/layout/ps/li.gif);
	}
	.inner-content ul li
	{
		list-style-position: outside;
	}
	div.inner-content a.top-link
	{
		display: block;
		float: right;
		clear: both;
		text-align: right;
		margin: 15px 25px 0 0;
	}

/* ##################################################################
	04 CYCON
	############################################################### */



	.portaleditor:link,
	.portaleditor:visited,
	.portaleditor:hover,
	.portaleditor:active,
	.portaleditor
	{
		font-family: verdana, arial, sans-serif;
		font-size: 11px;
		text-decoration: none;
		color: rgb(0,0,0);
	}