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

	*
	{
		margin: 0;
		padding: 0;
		border: 0;
		z-index: 1;
		border-collapse: collapse;
		border-spacing: 0;
		font-family: verdana, arial, sans-serif;
	}
	html
	{
		height: 100%;
		width: 100%;
		z-index: 0;
		font-family: verdana, arial, sans-serif;
		overflow: -moz-scrollbars-vertical;
		overflow-y: scroll;
		background-color: rgb(247,222,25);
		background-image: url(../pics/layout/svb/bg_seite.gif);
	}
	body
	{
		height: 682px !important;
		min-height:  682px;
		height: 682px;
		width: 100%;
		text-align: left;
		font-size: 100%;
		color: rgb(0,0,0);
		background-image: url(../pics/layout/svb/bg_seite.gif);
		display: block;
	}
	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;
	}
	.page
	{
		background-image: url(../pics/layout/svb/bg_top.gif);
		background-repeat: no-repeat;
		min-height: 682px;
	    height: 682px !important;
	    height: 682px;
	    display: block;
	}
/*	------------------------------------------------------------------
	PORTAL-NAVIGATION: START
	--------------------------------------------------------------- */
	.portal-navigation
	{
		height: auto !important;
		height: 20px;
		min-height: 20px;
		overflow: none;
		background-color: rgb(255,186,0);
		text-align: right;
		padding: 4px 15px 0 0;
		clear: both;
	}
	.portal-navigation a
	{
		color: rgb(0,0,0);
		font-size: 75%;
		margin: 0 10px 0 10px;
		text-decoration: none;
	}
	.portal-navigation a:hover
	{
		color: rgb(100,100,100);
		text-decoration: underline;
	}
	.fuellung
	{
		height: 100%;
		display: inline;
	}
/*	------------------------------------------------------------------
	PORTAL-NAVIGATION: END
	--------------------------------------------------------------- */
/*	------------------------------------------------------------------
	MAIN-NAVIGATION: START
	--------------------------------------------------------------- */
	.main-navigation
	{
		float: left;
		width: 204px;
	}
	.main-navigation a.first,
	.main-navigation a.first:visited,
	.main-navigation a.first:hover,
	.main-navigation a.first:active,
	.main-navigation a.first-active
	{
		font-size: 80%;
		font-weight: 700;
		text-decoration: none;
		height: auto !important;
		height: 24px;
		min-height: 24px;
		width: 153px;
		display: block;
		background-position: top right;
		background-repeat: no-repeat;
		margin: 0 0 6px 0;
		padding: 12px 8px 8px 16px;
	}
	.main-navigation a.first,
	.main-navigation a.first:visited
	{
		color: rgb(0,0,0);
		background-image: url(../pics/layout/svb/bg_nav_inactive.gif);
	}
	.main-navigation a.first:hover,
	.main-navigation a.first:active,
	.main-navigation a.first-active
	{
		color: rgb(247,222,25);
		background-image: url(../pics/layout/svb/bg_nav_active.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: 80%;
		font-weight: 700;
		text-decoration: none;
		height: auto !important;
		height: 24px;
		min-height: 24px;
		width: 125px;
		display: block;
		background-position: top right;
		background-repeat: no-repeat;
		margin: 0 0 6px 28px;
		padding: 12px 8px 8px 16px;
	}
	.main-navigation a.second,
	.main-navigation a.second:visited
	{
		color: rgb(0,0,0);
		background-image: url(../pics/layout/svb/bg_nav_inactive.gif);
	}
	.main-navigation a.second:hover,
	.main-navigation a.second:active,
	.main-navigation a.second-active
	{
		color: rgb(247,222,25);
		background-image: url(../pics/layout/svb/bg_nav_active.gif);
	}
/*	------------------------------------------------------------------
	MAIN-NAVIGATION: END
	--------------------------------------------------------------- */

/*	------------------------------------------------------------------
	CONTENT: START
	--------------------------------------------------------------- */
	.content
	{
		position: absolute;
		top: 20px;
		left: 243px;

	}
	.inner-content
	{
		margin: 63px 0 0 0;
		width: 475px;
		float: left;
	}

	.inner-content img.right
	{
		margin: 0 15px 0 0;
	}
	.additional-content
	{
		margin: -50px 0 0 475px;
		float: right;
		z-index: 2;
		width: 320px;
		position: absolute;
	}

/*	------------------------------------------------------------------
	CONTENT: END
	--------------------------------------------------------------- */
	h1.page-headline
	{
		margin: 56px 0 0 0;
		/*font-size: 175%;*/
		font-size: 150%;
		line-height: 0px;
		text-transform: uppercase;
		letter-spacing: -2px;
	}
	.page-headline-add
	{
		/*font-size: 80%;*/
		font-size: 90%;
		line-height: 0px;
		font-weight: normal;
		text-transform: none;
		letter-spacing: -1px;
		padding: 0 0 0 10px;
	}
	h2
	{
		font-size: 100%;
		margin: 0 0 15px 0;
	}
	h3
	{
		font-size: 110%;
		line-height: 90%;
	}
	h4
	{
		font-size: 95%;
		line-height:100%;
	}
	.text,
	p
	{
		font-size: 80%;
		font-weight: normal;
		margin: 0 0 5px 0;
		line-height: 110%;
	}
	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/svb/bg_absatz_s_top.gif);
		background-repeat: no-repeat;
		background-position: left top;
		height: 11px;
		width: 466px;
	}


	/* middle */
	.box-paragraph-middle
	{
		background-image: url(../pics/layout/svb/bg_absatz_s_middle.gif);
		background-repeat: repeat-y;
		background-position: top left;
		width: 466px;
		max-width: 466px;
		padding: 0 20px 5px 10px;
	}
	.box-paragraph-middle div.text
	{
		width: 448px;
		max-width: 448px;
	}
	.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/svb/bg_absatz_s_bottom.gif);
		background-repeat: no-repeat;
		background-position: bottom left;
		height: 14px;
		width: 466px;
	}


/*	------------------------------------------------------------------
	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/svb/box_big_top.png);
	}
	.box-big-top-hover
	{
		background-image: url(../pics/layout/svb/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/svb/box_big_middle.png);
	}
	.box-big-middle-hover
	{
		background-image: url(../pics/layout/svb/box_big_middle_hover.png);
	}
	.box-big-middle p,
	.box-big-middle-hover p
	{
		/*neu: wie klein*/
		font-size: 65%;

		margin: 0 10px 0 0;
	}
	.box-big-middle h4,
	.box-big-middle-hover h4
	{
		/*neu: wie klein*/
		font-size: 75%;
		line-height: 110%;

		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/svb/box_big_bottom.png);
	}
	.box-big-bottom-hover
	{
		background-image: url(../pics/layout/svb/box_big_bottom_hover.png);
	}
/*	------------------------------------------------------------------
	BIG-BOX: 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/svb/box_small_top.png);
	}
	.box-small-top-hover
	{
		background-image: url(../pics/layout/svb/box_small_top_hover.png);
	}

	/* middle */
	.box-small-middle,
	.box-small-middle-hover
	{
		background-repeat: repeat-y;
		background-position: top left;
		width: 197px;
		max-width: 197px;
		padding: 0 20px 5px 10px;
	}
	.box-small-middle
	{
		background-image: url(../pics/layout/svb/box_small_middle.png);
	}
	.box-small-middle-hover
	{
		background-image: url(../pics/layout/svb/box_small_middle_hover.png);
	}
	.box-small-middle p,
	.box-small-middle-hover p
	{
		font-size: 65%;
		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;
	}
	.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/svb/box_small_bottom.png);
	}
	.box-small-bottom-hover
	{
		background-image: url(../pics/layout/svb/box_small_bottom_hover.png);
	}
/*	------------------------------------------------------------------
	SMALL-BOX: 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/svb/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/svb/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);
	}