body
{
	font-family: Arial,Helvetica,sans-serif;
}
.MainBody
{
	background-color: #FFFFFF;
}
.MainContent
{
	width: 974px;
	height: 597px;
	border: 1px solid #B3C2D1;
}

h1
{
	color: #003366;
	font-size: 18px;
	font-weight: bold;
}
h2
{
	color: #003366;
	font-size: 14px;
	font-weight: bold;
}

.button-xshort
{
	background-image: url(images/btn_sportal_xshort.gif);
	background-repeat: no-repeat;
	height: 16px;
	width: 40px;
	border: 0 none;
	color: #003366;
	cursor: pointer;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 2px;
}

.button-short
{
	background-image: url(images/btn_sportal_short.gif);
	background-repeat: no-repeat;
	height: 16px;
	width: 70px;
	padding-bottom: 2px;
	border: 0 none;
	color: #003366;
	cursor: pointer;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.button-middle
{
	background-image: url(images/btn_sportal_middle.gif);
	background-repeat: no-repeat;
	height: 16px;
	width: 100px;
	border: 0 none;
	color: #003366;
	cursor: pointer;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 2px;
}

/* header */
.header
{
	width: 100%;
	height: 100px;
}
.FirstHeader
{
	height: 60px;
	background-color: #CDE6F8;
}
.SecondHeader
{

	height: 19px;
	background-image: url('images/img_menu_2_bg_sportal.gif');
	background-repeat: repeat-x;

}

.HeaderBG
{
	border-bottom: 1px solid #003366;
}
/* !! end header */

/* body */

.ContentArea
{
	padding-top: 5px;
	width:978px;
}
.leftArea
{
	padding-left: 10px;
	width: 194px;
}

.centerArea
{
	padding-left: 32px;
	padding-right: 32px;
	width:500px;

}

.SupercenterArea
{
	padding-left: 32px;
	padding-right: 32px;
	width:500px;
}

.rightArea
{
	padding-right: 10px;
	width: 194px;
}

/* !! end body */

/* panes */

.LoginBox
{
    /*width: 195px;
	height: 534px;*/
}

.recommendProduct
{
    width:192px;
    height:534px;
    border:1px solid #99aec2;
    }

.BannerBox
{
	width: 195px;
	height: 110px;
}

.ContentBox
{
	/*width: 500px;
	height: 450px;
	margin:0;
	padding:0;
	_margin-top:-20px;*/
}

.SuperContentBox
{
}

.SuperContentBox .FooterPane
{
	padding-top: 16px;
	height: 20px;
}

.FooterPane
{
	padding-top: 16px;
	height: 40px;
}

.FooterPane a
{
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	position: relative;
	text-decoration: none;
	top: 0;
}

.FooterPane a:hover
{
	color: #C90000;
	text-decoration: none;
}

/* !! end panes */

/* navigation */

.RootMenuItem TD
{
	/*     padding:10px 6px 9px 4px;     font-size:13px;     font-weight:bold;     color:#222222;     text-align:center;     background-image: url(images/SlateMenu.jpg); 	*/
	padding: 3px 7px 0;
	color: #003366;
	font-size: 11px;
	font-family: Arial,Helvetica,sans-serif;
	font-weight: normal;
}

.RootMenuItemSel TD
{
	/*     padding:10px 6px 9px 4px;     font-size:13px;     font-weight:bold;     color: #718BA4;       text-align:center;     background-image: url(images/SlateMenu.jpg);	     */
	background-color: #E1F0FB;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #003366;
	padding: 3px 7px 0;
}

.RootMenuItemHover TD
{
	/*     padding:10px 6px 9px 4px;     font-size:13px;     font-weight:bold;      color:#FFFFFF;      text-align:center;     background-image: url(images/SlateMenuSel.jpg); 	*/
	background-color: #E1F0FB;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #003366;
	padding: 3px 7px 0;
}


.HeaderFirstMenuItem
{
	color: #ffffff;
	padding: 0px 0px 0;
	font-size: 70%;
	font-weight: bold;
	font-family: Arial,Helvetica,sans-serif;
	height: 26px;
	border-bottom: 1px solid #003366;
}

.HeaderFirstMenuSelectedItem
{
	background-image: url('images/img_menu_1_bg_on_sportal.gif');
	color: #003366;
	font-size: 70%;
	font-weight: bold;
	font-family: Arial,Helvetica,sans-serif;
	border-left: 1px solid #003366;
	border-right: 1px solid #003366;
}

.HeaderFirstMenuTD
{
	background-image: url(images/img_menu_1_bg_sportal.gif);
	background-repeat: repeat-x;
	height: 26px;
	border-top: solid 1px #003366;
	border-bottom: none;
	border-left: none;
	border-right: none;
}

.MainMenu_MenuBreak
{
	background-color: transparent;
	border: none;
}

/* sub navigation */

.SubMenuHorizontalNavigation
{

}
.SubMenuHorizontal
{
	color: #003366;
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
	background-color: Transparent;
	display: block;
	padding: 0;
	margin:0 3px;
}
.HorizontalHoover
{
	background-color: #E1F0FB;
}
.HorizontalSelected
{
	background-color: #E1F0FB;
	border-left: solid 1px #003366;
	border-right: solid 1px #003366;
}
.SubMenuHorizontal
{
}
.SubMenuHorizontalLink
{
	text-decoration: none;
}

a:Hover.SubMenuHorizontalLink
{
	text-decoration: none;
}

.SubMenuSeparator
{
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 0px;
	padding-right: 0px;
	font-size: 13px;
	font-family: Arial;
}

/* end sub navigation */

/* end navigation */

.Rubrik
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #003366;
	font-weight: bold;
}

.LinkList
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #C90000;
	font-weight: bold;
}

a:link.LinkList
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #C90000;
	font-weight: bold;
	text-decoration: none;
}
a:active.LinkList
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #C90000;
	font-weight: bold;
	text-decoration: none;
}
a:visited.LinkList
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #C90000;
	font-weight: bold;
	text-decoration: none;
}
a:hover.LinkList
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #C90000;
	font-weight: bold;
	text-decoration: none;
}

.Vorteile
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #003366;
}

a:link.Vorteile
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #003366;
	text-decoration: none;
}
a:active.Vorteile
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #003366;
	text-decoration: none;
}
a:visited.Vorteile
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #003366;
	text-decoration: none;
}
a:hover.Vorteile
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #C90000;
	text-decoration: none;
}

a:link.productNameList
{
	color: #003366;
	display: block;
	font-weight: bold;
	font-family: Arial;
	font-size: 14px;
	text-decoration: none;
	width: auto;
}

a:active.productNameList
{
	color: #003366;
	display: block;
	font-weight: bold;
	font-family: Arial;
	font-size: 14px;
	text-decoration: none;
	width: auto;
}
a:visited.productNameList
{
	color: #003366;
	display: block;
	font-weight: bold;
	font-family: Arial;
	font-size: 14px;
	text-decoration: none;
	width: auto;
}
a:hover.productNameList
{
	color: #C90000;
	display: block;
	font-weight: bold;
	font-family: Arial;
	font-size: 14px;
	text-decoration: none;
	width: auto;
}

.IconText
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 10px;
	color: #C90000;
}

.GemischterLink
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #C90000;
	font-weight: bold;
}

a:link.GemischterLink
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #C90000;
	font-weight: bold;
}
a:active.GemischterLink
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #C90000;
	font-weight: bold;
}
a:visited.GemischterLink
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #C90000;
	font-weight: bold;
}
a:hover.GemischterLink
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #C90000;
	font-weight: bold;
	text-decoration: none;
}

.HeadLine
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
	color: #003366;
	font-weight: bold;
}

.ArrowPictureOff
{
	background-image: url(images/img_9x9_Kontakt_Link-off_sportal.gif);
	background-repeat: no-repeat;
	height: 9px;
	width: 9px;
}
.ArrowPictureOn
{
	background-image: url(images/img_9x9_Kontakt_Link-over_sportal.gif);
	background-repeat: no-repeat;
	height: 9px;
	width: 9px;
}

.MessagePicture
{
	background-image: url(images/img_14x14_Link_Anfrage_sportal.gif);
	background-repeat: no-repeat;
	height: 14px;
	width: 14px;
}

.DownArrowPictureOff
{
	background-image: url(images/img_11x11_Download-off_sportal.gif);
	background-repeat: no-repeat;
	height: 11px;
	width: 11px;
}

.DownArrowPictureOn
{
	background-image: url(images/img_11x11_Download-over_sportal.gif);
	background-repeat: no-repeat;
	height: 11px;
	width: 11px;
}

.treeRoot
{
	background-image: url(images/img_direktklicks_arrow_low_sportal.gif);
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	background-repeat: no-repeat;
	padding-left: 13px;
	background-position: 0 50%;
	color: #003366;
	text-decoration: none;
}

.treeRootHoover
{
	background-image: url(images/img_direktklicks_arrow_on_sportal.gif);
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	background-repeat: no-repeat;
	padding-left: 13px;
	background-position: 0 50%;
	color: #C90000;
	text-decoration: none;
}


a:link.treeRoot
{
	background-image: url(images/img_direktklicks_arrow_low_sportal.gif);
	color: #003366;
}

a:visited.treeRoot
{
	background-image: url(images/img_direktklicks_arrow_low_sportal.gif);
	color: #003366;
}

a:active.treeRoot
{
	background-image: url(images/img_direktklicks_arrow_low_sportal.gif);
	color: #003366;
}

a:hoover.treeRoot
{
	background-image: url(images/img_direktklicks_arrow_on_sportal.gif);
	color: #C90000;
	text-decoration: none;
}



.treeLeaf a:link
{
	background-image: url(images/parrent_tree_node_off.jpg);
	color: #003366;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	text-decoration: none;
	background-repeat: no-repeat;
	padding-left: 13px;
	background-position: 0 50%;
}

.treeLeaf a:hover
{
	background-image: url(images/parrent_tree_node_on.jpg);
	color: #C90000;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	text-decoration: none;
	background-repeat: no-repeat;
	padding-left: 13px;
	background-position: 0 50%;
}

.treeLeaf
{
	background-image: url(images/parrent_tree_node_off.jpg);
	color: #003366;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	text-decoration: none;
	background-repeat: no-repeat;
	padding-left: 13px;
	background-position: 0 50%;
	text-decoration: none;
}
.treeLeafHoover
{
	background-image: url(images/parrent_tree_node_on.jpg);
	color: #C90000;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	text-decoration: none;
	background-repeat: no-repeat;
	padding-left: 13px;
	background-position: 0 50%;
	text-decoration: none;
}