body
{
	margin: 0;
	text-align: center;
	background-color: #FFFFFF;
}

body, input
{
	font-family: Verdana, sans-serif;
	font-size: 12px;
	color: #3F4045;
}

a
{
	color: #3F4045;
	text-decoration: underline;
}

a:hover
{
	color: #DA0032;
	text-decoration: none;
}

img
{
	vertical-align: top;
}

a img
{
	border: none;
}

/* Keep consistent line spacing with sup and sub */
sup,
sub
{
	position: relative;
	height: 0;
	line-height: 1;
	vertical-align: baseline;

	/* Note that before version 7, IE treated vertical-align uniquely among other browsers.
	   Using this approach, you need the underscore hack for IE 6 and below. */
	_vertical-align: bottom;
}
sup
{
	bottom: 1ex;
}
sub
{
	top: 0.5ex;
}


/* Seite */
#page
{
	position: relative;
	width: 960px;
	margin: 0 auto;
	padding-top: 75px;
	text-align: left;
}

#mb_contents #page
{
	position: static;
	width: auto;
	margin: 0;
	padding-top: 0;
}


/* Kopfzeile */
#header
{
	overflow: hidden;
	height: 160px;
	margin-bottom: 5px;
}

.page_default #header,
.page_news #header,
.page_kunden-login #header
{
	background-image: url(../img/header_default.jpg);
}

.page_startseite #header
{
	background-image: url(../img/header_startseite.jpg);
}

.page_homepage #header
{
	background-image: url(../img/header_homepage.jpg);
}

.page_software-und-grafik #header
{
	background-image: url(../img/header_software-und-grafik.jpg);
}

.page_lernen-und-arbeiten-mit-neuen-medien #header
{
	background-image: url(../img/header_lernen-und-arbeiten-mit-neuen-medien.jpg);
}

.page_software-fuer-die-gesundheitswirtschaft #header
{
	background-image: url(../img/header_software-fuer-die-gesundheitswirtschaft.jpg);
}

.page_heimtex-software #header
{
	background-image: url(../img/header_heimtex-software.jpg);
}

.page_shop #header
{
	background-image: url(../img/header_shop.jpg);
}

#header h1
{
	position: absolute;
	left: 10px;
	top: 85px;
	width: 940px;
	height: 140px;
	margin: 0;
	background-repeat: no-repeat;
}

.page_news #header h1
{
	background-image: url(../img/header_default_news.jpg);
}

.page_kunden-login #header h1
{
	background-image: url(../img/header_default_login.jpg);
}

#mb_contents #header,
#header h1 span,
.page_startseite #header h1,
.page_homepage #header h1,
.page_startseite #header p,
.page_homepage #header p
{
	display: none;
}


/* Hauptmenue */
#mainmenu
{
	height: 45px;
	padding: 0 3px;
	background-image: url(../img/mainmenu.gif);
}

.page_startseite #mainmenu,
.page_homepage #mainmenu
{
	background: transparent;
}

#mb_contents #mainmenu,
#mainmenu div,
#mainmenu span
{
	display: none;
}

#mainmenu li:hover div
{
	display: block;
	position: absolute;
	top: 75px;
	height: 160px;
	padding-bottom: 5px;
	font-size: 11px;
	line-height: 14px;
	background-image: url(../img/layermenu.png);
}

#mainmenu ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#mainmenu div ul
{
	position: absolute;
	left: 7px;
	bottom: 9px;
	width: 100%;
}

#mainmenu li
{
	float: left;
}

#mainmenu div li
{
	float: none;
	padding: 2px 0;
}

#mainmenu a
{
	display: block;
	height: 42px;
}

#mainmenu div a
{
	display: inline;
	height: auto;
	text-decoration: none;

	width: auto !important;
	margin-right: auto !important;
	background: transparent !important;
}

#mainmenu li.software-grafik a
{
	width: 141px;
	margin-right: 50px;
	background-image: url(../img/mainmenu_software-und-grafik_n.gif);
}

#mainmenu li.software-grafik a:hover
{
	background-image: url(../img/mainmenu_software-und-grafik_o.gif);
}

#mainmenu li.software-grafik a.act,
#mainmenu li.software-grafik a.act:hover
{
	background-image: url(../img/mainmenu_software-und-grafik_a.gif);
}

#mainmenu li.software-grafik div
{
	width: 151px;
}

#mainmenu li.software-graphics a
{
	width: 158px;
	margin-right: 64px;
	background-image: url(../img/mainmenu_software-and-graphics_n.gif);
}

#mainmenu li.software-graphics a:hover
{
	background-image: url(../img/mainmenu_software-and-graphics_o.gif);
}

#mainmenu li.software-graphics a.act,
#mainmenu li.software-graphics a.act:hover
{
	background-image: url(../img/mainmenu_software-and-graphics_a.gif);
}

#mainmenu li.software-graphics div
{
	width: 158px;
}

#mainmenu li.lernen-neue-medien a
{
	width: 129px;
	margin-right: 51px;
	background-image: url(../img/mainmenu_lernen-und-arbeiten-mit-neuen-medien_n.gif);
}

#mainmenu li.lernen-neue-medien a:hover
{
	background-image: url(../img/mainmenu_lernen-und-arbeiten-mit-neuen-medien_o.gif);
}

#mainmenu li.lernen-neue-medien a.act,
#mainmenu li.lernen-neue-medien a.act:hover
{
	background-image: url(../img/mainmenu_lernen-und-arbeiten-mit-neuen-medien_a.gif);
}

#mainmenu li.lernen-neue-medien div
{
	width: 204px;
}

#mainmenu li.learning-new-media a
{
	width: 119px;
	margin-right: 65px;
	background-image: url(../img/mainmenu_learning-with-new-media_n.gif);
}

#mainmenu li.learning-new-media a:hover
{
	background-image: url(../img/mainmenu_learning-with-new-media_o.gif);
}

#mainmenu li.learning-new-media a.act,
#mainmenu li.learning-new-media a.act:hover
{
	background-image: url(../img/mainmenu_learning-with-new-media_a.gif);
}

#mainmenu li.learning-new-media div
{
	width: 209px;
}

#mainmenu li.software-gesundheitswirtschaft a
{
	width: 176px;
	margin-right: 51px;
	background-image: url(../img/mainmenu_software-fuer-die-gesundheitswirtschaft_n.gif);
}

#mainmenu li.software-gesundheitswirtschaft a:hover
{
	background-image: url(../img/mainmenu_software-fuer-die-gesundheitswirtschaft_o.gif);
}

#mainmenu li.software-gesundheitswirtschaft a.act,
#mainmenu li.software-gesundheitswirtschaft a.act:hover
{
	background-image: url(../img/mainmenu_software-fuer-die-gesundheitswirtschaft_a.gif);
}

#mainmenu li.software-gesundheitswirtschaft div
{
	width: 176px;
}

#mainmenu li.software-health-care-industry a
{
	width: 160px;
	margin-right: 64px;
	background-image: url(../img/mainmenu_software-for-the-health-care-industry_n.gif);
}

#mainmenu li.software-health-care-industry a:hover
{
	background-image: url(../img/mainmenu_software-for-the-health-care-industry_o.gif);
}

#mainmenu li.software-health-care-industry a.act,
#mainmenu li.software-health-care-industry a.act:hover
{
	background-image: url(../img/mainmenu_software-for-the-health-care-industry_a.gif);
}

#mainmenu li.software-health-care-industry div
{
	width: 160px;
}

#mainmenu li.software-heimtex a
{
	width: 136px;
	margin-right: 46px;
	background-image: url(../img/mainmenu_heimtex-software_n.gif);
}

#mainmenu li.software-heimtex a:hover
{
	background-image: url(../img/mainmenu_heimtex-software_o.gif);
}

#mainmenu li.software-heimtex a.act,
#mainmenu li.software-heimtex a.act:hover
{
	background-image: url(../img/mainmenu_heimtex-software_a.gif);
}

#mainmenu li.software-heimtex div
{
	width: 166px;
}

#mainmenu li.software-hometextiles a
{
	width: 104px;
	margin-right: 46px;
	background-image: url(../img/mainmenu_hometextiles-software_n.gif);
}

#mainmenu li.software-hometextiles a:hover
{
	background-image: url(../img/mainmenu_hometextiles-software_o.gif);
}

#mainmenu li.software-hometextiles a.act,
#mainmenu li.software-hometextiles a.act:hover
{
	background-image: url(../img/mainmenu_hometextiles-software_a.gif);
}

#mainmenu li.software-hometextiles div
{
	width: 174px;
}

#mainmenu li.unternehmen a
{
	width: 174px;
	background-image: url(../img/mainmenu_unternehmen_n.gif);
}

#mainmenu li.unternehmen a:hover
{
	background-image: url(../img/mainmenu_unternehmen_o.gif);
}

#mainmenu li.unternehmen a.act,
#mainmenu li.unternehmen a.act:hover
{
	background-image: url(../img/mainmenu_unternehmen_a.gif);
}

#mainmenu li.unternehmen div
{
	width: 174px;
}

#mainmenu li.company a
{
	width: 174px;
	background-image: url(../img/mainmenu_company_n.gif);
}

#mainmenu li.company a:hover
{
	background-image: url(../img/mainmenu_company_o.gif);
}

#mainmenu li.company a.act,
#mainmenu li.company a.act:hover
{
	background-image: url(../img/mainmenu_company_a.gif);
}

#mainmenu li.company div
{
	width: 174px;
}


/* Abschnittstitel und Untermenue */
#submenu
{
	float: left;
	overflow: hidden;
	width: 190px;
	margin: 40px 0;
	background-color: #F3F4F5;
}

.page_startseite #submenu,
.page_homepage #submenu,
#mb_contents #submenu
{
	display: none;
}

#submenu h1
{
	margin: 7px 0 13px 10px;
	font-size: 11px;
	text-transform: uppercase;
}

#submenu ul
{
	list-style-type: none;
	margin: 0 0 7px 0;
	padding: 0;
	font-size: 11px;
	line-height: 15px;
}

#submenu ul ul
{
	margin: 3px 0 -3px 0;
}

#submenu li
{
	padding: 3px 0;
}

#submenu li li
{
	margin-left: 10px;
}

#submenu a
{
	display: block;
	padding-left: 10px;
	text-decoration: none;
}

#submenu a.act
{
	font-weight: bold;
	color: #DA0032;
	background: url(../img/square_red.gif) no-repeat left 5px;
}

#submenu h1 a
{
	padding-left: 0px;
}


/* Seitentitel und Seiteninhalt */
#content
{
	float: left;
	overflow: hidden;
	width: 510px;
	margin: 36px 40px 40px 40px;
}

.page_startseite #content,
.page_homepage #content
{
	width: 740px;
	margin: 0 40px 40px 0;
}

#mb_contents #content
{
	float: none;
	width: auto;
	margin: 0 10px;
}

#content h1
{
	margin: 0 0 20px 0;
	font-size: 15px;
}

.page_startseite #content h2,
.page_homepage #content h2
{
	margin: 0 0 13px 0;
}

.page_startseite #content h2 span,
.page_homepage #content h2 span
{
	display: none;
}

.page_startseite #content h2 a,
.page_homepage #content h2 a
{
	display: block;
	height: 27px;
	background-repeat: no-repeat;
}

.page_startseite #content h2 a
{
	background-image: url(../img/startmenu_unternehmen_n.gif);
}

.page_startseite #content h2 a:hover
{
	background-image: url(../img/startmenu_unternehmen_o.gif);
}

.page_homepage #content h2 a
{
	background-image: url(../img/startmenu_company_n.gif);
}

.page_homepage #content h2 a:hover
{
	background-image: url(../img/startmenu_company_o.gif);
}

#content div.zoompic
{
	margin: 20px 0 10px 0;
}

#content a.more
{
	font-weight: bold;
	text-decoration: none;
}

#content iframe
{
	width: 100%;
	height: 510px;
}


/* Seitenleiste */
#sidebar
{
	overflow: hidden;
	width: 180px;
	height: 360px;
	margin-top: 20px;
	font-size: 11px;
	line-height: 14px;

	/* Workaround for "IE Three Pixel Gap" */
	margin-right: 0px !important;
	margin-right: -3px;
}

.page_software-und-grafik #sidebar,
.page_lernen-und-arbeiten-mit-neuen-medien #sidebar,
.page_software-fuer-die-gesundheitswirtschaft #sidebar
{
	height: 280px;
}

#mb_contents #sidebar
{
	display: none;
}

#sidebar a
{
	text-decoration: none;
}

#sidebar h2.csc-firstHeader
{
	margin: 20px 0 0 0;
	padding-bottom: 7px;
	font-size: 13px;
	line-height: 8px;
	text-transform: uppercase;
	background-color: #E6E6E9;
}

#sidebar h2.csc-firstHeader a
{
	padding-left: 10px;
	background-image: url(../img/square_black.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
}

#sidebar h2.csc-firstHeader a:hover,
#sidebar h2.csc-firstHeader a.act
{
	color: #DA0032;
	background-image: url(../img/square_red.gif);
}

#sidebar p
{
	overflow: hidden;
	height: 33px;
	margin: 0;
	padding: 6px 10px;
	background-color: #F3F4F5;
}

#sidebar div.tx-wtcart-pi1 p
{
	background-color: #FF98B0;
}


/* Fusszeile */
#footer
{
	clear: left;
	height: 35px;
	padding-top: 36px;
	font-size: 10px;
	background-repeat: repeat-x;
}

.page_default #footer,
.page_news #footer,
.page_kunden-login #footer
{
	background-image: url(../img/footer_default.jpg);
}

.page_startseite #footer,
.page_homepage #footer
{
	background-image: url(../img/footer_startseite.gif);
}

.page_software-und-grafik #footer
{
	background-image: url(../img/footer_software-und-grafik.jpg);
}

.page_lernen-und-arbeiten-mit-neuen-medien #footer
{
	background-image: url(../img/footer_lernen-und-arbeiten-mit-neuen-medien.jpg);
}

.page_software-fuer-die-gesundheitswirtschaft #footer
{
	background-image: url(../img/footer_software-fuer-die-gesundheitswirtschaft.jpg);
}

.page_heimtex-software #footer
{
	background-image: url(../img/footer_heimtex-software.jpg);
}

.page_shop #footer
{
	background-image: url(../img/footer_shop.jpg);
}

#mb_contents #footer
{
	display: none;
}

#footer p
{
	margin: 0;
}


/* Servicemenue */
#servicemenu
{
	list-style-type: none;
	position: absolute;
	right: 10px;
	top: 60px;
	margin: 0;
	padding: 0;
	font-size: 11px;
}

#mb_contents #servicemenu,
#servicemenu span
{
	display: none;
}

#servicemenu li
{
	float: left;
	margin-left: 25px;
}

#servicemenu a
{
	font-weight: bold;
	text-decoration: none;
}

#servicemenu a.act
{
	color: #DA0032;
}

#servicemenu a.flag
{
	display: block;
	width: 20px;
	height: 12px;
}

#servicemenu a.flag-de
{
	background-image: url(../../typo3/gfx/flags/de.gif);
}

#servicemenu a.flag-en
{
	background-image: url(../../typo3/gfx/flags/gb.gif);
}


/* Logo */
#logo
{
	display: block;
	position: absolute;
	left: 10px;
	top: 15px;
	width: 60px;
	height: 56px;
	background-image: url(../img/logo.gif);
}

#mb_contents #logo,
#logo span
{
	display: none;
}