@charset "utf-8";
/* CSS Document */

#wrapper {
	width: 700px;
	margin: auto;
	height: auto;
	overflow: hidden;
	text-align: left;
}

/* ----------- CORPORATE AREA ------------- */

/* LOGO */
#corp {
	width: 700px;
	height: 100px;
}

#corp h1 {
	display: block;
	float: left;
	width: 210px;
	height: 70px;
	margin: 20px 0px 10px 0px;
	background-image: url(../images/layout/logo.png);
	background-repeat: no-repeat;
}

#corp h1.en {
	background-image: url(../images/layout/logo_en.png);
}

#corp h1 span {
	display: none;
}


/* ZITATE */
#corp #zitate {
	display: block;
	width: 400px;
	height: 60px;
	margin: 30px 0px 10px 0px;
	float: right;
	text-align: right;
}

/* ZITATE */
#corp #zitate .quot {
	display: block;
	width: 14px;
	height: 80px;
	float: right;
	background-image: url(../images/zitate/leftQuot.png);
	background-repeat: no-repeat;
}

#corp #zitate .quot span {
	display: none;
}

#corp #zitate .rightQuot {
	background-image: url(../images/zitate/rightQuot.png);
	background-repeat: no-repeat;
}

#corp #zitate .leftQuot {
	background-image: url(../images/zitate/leftQuot.png);
	background-repeat: no-repeat;
	background-position: 0px 40px;
}

#corp #zitate #citeWrapper {
	display: block;
	width: auto;
	margin-top: 6px;
	float: right;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: italic;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #2e414e;
}

#corp #zitate #citeWrapper cite {
	display: block;
	max-width: 360px;
	height: auto;
	margin: 0px;
	float: none;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: italic;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #2e414e;
}

#corp #zitate #citeWrapper .author {
	margin: 0;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #2e414e;
}
	





	
/* ----------- MENU ----------- */
#menuWrapper {
	width: 700px;
	height: 30px;
	background-image: url(../images/menu/bg.png);
	background-repeat: repeat-x;
	overflow: visible;
}

#menuWrapper ul#mainmenu {
	position: absolute;
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: visible;
}

#menuWrapper>ul#mainmenu>li {
	position: static;
	display: block;
	float: left;
	margin: 0px 15px 0px 15px;
	overflow: hidden;
}

#menuWrapper>ul#mainmenu>li>a {
	display: block;
	height: 32px;
	background-repeat: no-repeat;
}

#menuWrapper>ul#mainmenu>li>a>span {
	display: none;
}


* html #menuWrapper ul#mainmenu li {
	position: static;
	display: block;
	float: left;
	margin: 0px 15px 0px 15px;
	overflow: hidden;
}

* html #menuWrapper ul#mainmenu li a {
	display: block;
	height: 32px;
	background-repeat: no-repeat;
}

* html #menuWrapper ul#mainmenu li a span {
	display: none;
}




/* MENU ITEMS */
/* -------------------------------------------------- */

/* Home */
#menuWrapper ul#mainmenu li#home a {
	width: 40px;
	background-image: url(../images/menu/01_home_a.png);
}

#menuWrapper ul#mainmenu li#home.active a {
	background-image: url(../images/menu/01_home_b.png);
}


/* über uns */
#menuWrapper ul#mainmenu li#ueber a {
	width: 60px;
	background-image: url(../images/menu/02_ueber_a.png);
}

#menuWrapper ul#mainmenu li#ueber.active a {
	background-image: url(../images/menu/02_ueber_b.png);
}


/* Leistungsspektrum */
#menuWrapper ul#mainmenu li#leistungsspektrum a {
	width: 124px;
	background-image: url(../images/menu/03_leistung_a.png);
}

#menuWrapper ul#mainmenu li#leistungsspektrum.active a {
	background-image: url(../images/menu/03_leistung_b.png);
}


/* Service */
#menuWrapper>ul#mainmenu>li#service>a {
	width: 52px;
	background-image: url(../images/menu/04_service_a.png);
	background-repeat: no-repeat;
}

#menuWrapper>ul#mainmenu>li#service.active>a {
	background-image: url(../images/menu/04_service_b.png);
}

* html #menuWrapper ul#mainmenu li#service a {
	width: 52px;
	background-image: url(../images/menu/04_service_a.png);
	background-repeat: no-repeat;
}

* html #menuWrapper ul#mainmenu li#service.active a {
	background-image: url(../images/menu/04_service_b.png);
}



/* Kontakt */
#menuWrapper ul#mainmenu li#kontakt a {
	width: 53px;
	background-image: url(../images/menu/05_kontakt_a.png);
}

#menuWrapper ul#mainmenu li#kontakt.active a {
	background-image: url(../images/menu/05_kontakt_b.png);
}


/* Karriere */
#menuWrapper ul#mainmenu li#karriere a {
	width: 55px;
	background-image: url(../images/menu/06_karriere_a.png);
}

#menuWrapper ul#mainmenu li#karriere.active a {
	background-image: url(../images/menu/06_karriere_b.png);
}


/* Partner */
#menuWrapper ul#mainmenu li#partner a {
	width: 51px;
	background-image: url(../images/menu/07_partner_a.png);
}

#menuWrapper ul#mainmenu li#partner.active a {
	background-image: url(../images/menu/07_partner_b.png);
}



/* MENU ITEMS ENGLISH */
/* -------------------------------------------------- */

/* Home */
#menuWrapper ul#mainmenu li#home_en a {
	width: 40px;
	background-image: url(../images/menu_en/01_home_a.png);
}

#menuWrapper ul#mainmenu li#home_en.active a {
	background-image: url(../images/menu_en/01_home_b.png);
}


/* über uns */
#menuWrapper ul#mainmenu li#ueber_en a {
	width: 60px;
	background-image: url(../images/menu_en/02_ueber_a.png);
}

#menuWrapper ul#mainmenu li#ueber_en.active a {
	background-image: url(../images/menu_en/02_ueber_b.png);
}


/* Leistungsspektrum */
#menuWrapper ul#mainmenu li#leistungsspektrum_en a {
	width: 73px;
	background-image: url(../images/menu_en/03_leistung_a.png);
}

#menuWrapper ul#mainmenu li#leistungsspektrum_en.active a {
	background-image: url(../images/menu_en/03_leistung_b.png);
}


/* Service */
#menuWrapper>ul#mainmenu>li#service_en>a {
	width: 52px;
	background-image: url(../images/menu_en/04_service_a.png);
	background-repeat: no-repeat;
}

#menuWrapper>ul#mainmenu>li#service_en.active>a {
	background-image: url(../images/menu_en/04_service_b.png);
}

* html #menuWrapper ul#mainmenu li#service_en a {
	width: 52px;
	background-image: url(../images/menu_en/04_service_a.png);
	background-repeat: no-repeat;
}

* html #menuWrapper ul#mainmenu li#service_en.active a {
	background-image: url(../images/menu_en/04_service_b.png);
}



/* Kontakt */
#menuWrapper ul#mainmenu li#kontakt_en a {
	width: 53px;
	background-image: url(../images/menu_en/05_kontakt_a.png);
}

#menuWrapper ul#mainmenu li#kontakt_en.active a {
	background-image: url(../images/menu_en/05_kontakt_b.png);
}


/* Karriere */
#menuWrapper ul#mainmenu li#karriere_en a {
	width: 55px;
	background-image: url(../images/menu_en/06_karriere_a.png);
}

#menuWrapper ul#mainmenu li#karriere_en.active a {
	background-image: url(../images/menu_en/06_karriere_b.png);
}


/* Partner */
#menuWrapper ul#mainmenu li#partner_en a {
	width: 51px;
	background-image: url(../images/menu_en/07_partner_a.png);
}

#menuWrapper ul#mainmenu li#partner_en.active a {
	background-image: url(../images/menu_en/07_partner_b.png);
}



/* SUBMENU */

#menuWrapper>ul#mainmenu>li>ul.submenu {
	position: absolute;
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: visible;
	display: block;
	width: 200px;
	top: 30px;
	margin-left: -10px;
	padding: 0;
	list-style: none;
	overflow: visible;
	z-index: 99999;
	visibility: hidden;
	border-left: 1px solid #d31148;
	border-right: 1px solid #d31148;
}

* html #menuWrapper ul#mainmenu li ul.submenu {
	display: none;
}

#menuWrapper>ul#mainmenu>li>ul.submenu>li {
	position: static;
	display: block;
	width: 200px;
	height: auto;
	display: block;
	float: left;
	background-color: #FFFFFF;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #2e414e;
	border-bottom: 1px solid #d31148;
	background-image: none;
}


#menuWrapper>ul#mainmenu>li>ul.submenu>li>a {
	padding: 3px;	
	display: block;
	height: auto;
	overflow: hidden;
	background-image: none;
}




/* ----------- Banner ----------- */
img#banner {
	margin: 5px 0px 15px 0px;
}



/* ----------- Content ----------- */
#contentWrapper {
	width: 700px;
	min-height: 400px;
	height: auto;
	overflow: hidden;
	background-image: url(../images/layout/content_bg.png);
	background-repeat: repeat-y;
	background-position: 500px;
}

#contentWrapper #leftContent {
	display: block;
	width: 470px;
	float: left;
	padding-right: 30px;
	min-height: 300px;
	height: auto;
	overflow: hidden;
}

#contentWrapper #rightContent {
	width: 180px;
	float: left;
	margin-left: 20px;
	height: auto;
	overflow: hidden;
}



/* ----------- Footer ----------- */

#footerWrapper {
	width: 700px;
	margin: 10px 0px;
	padding: 10px 0px 15px 0px;
	background-image: url(../images/layout/footer_bg.png);
	background-repeat: no-repeat;
}

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

#footerWrapper ul li {
	display: block;
	float: left;
	margin-right: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #2e414e;
	text-decoration: none;
}

#footerWrapper ul li a {
	color: #2e414e;
	text-decoration: none;
}









/* ----------- Bullet List ----------- */

ul.bulletList {
	display: block;
	height: auto;
	overflow: hidden;
	margin: 0px 0px 25px;
	padding: 0;
	list-style: none;
}

ul.bulletList li {
	width: 445px;
	background-image: url(../images/layout/bullet_cross.png);
	background-position: 0px 3px;
	background-repeat: no-repeat;
	float: none;
	margin: 0px 0px 5px;
	padding: 0px 0px 0px 23px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #2e414e;
	text-decoration: none;
}

ul.bulletList li span.alert {
	color: #d31148;
	text-decoration: none;
}

ul.bulletList li a {
	color: #d31148;
	text-decoration: none;
}



/* ----------- SMALL Bullet List ----------- */

#leftContent ul {
	display: block;
	height: auto;
	overflow: hidden;
	margin: 0px 0px 25px;
	padding: 0;
	list-style: none;
}

#leftContent ul li {
	width: 445px;
	background-image: url(../images/layout/bullet_cross_small.png);
	background-position: 0px 3px;
	background-repeat: no-repeat;
	float: none;
	margin: 0px 0px 6px;
	padding: 0px 0px 0px 23px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #2e414e;
	text-decoration: none;
}

ul li a {
	color: #d31148;
	text-decoration: none;
}



/* ----------- Card List ----------- */

ul#cardList {
	display: block;
	height: auto;
	overflow: hidden;
	margin: 0px 0px 25px;
	padding: 0;
	list-style: none;
}

ul#cardList li {
	width: 480px;
	background-repeat: no-repeat;
	float: left;
	margin: 0;
	padding: 0;
	background-position: 0;
}

ul#cardList li span {
	display: none;
}

ul#cardList li#erfahrung {
	height: 40px;
	background-image: url(../images/cardList/01_erfahrng.png);
}

ul#cardList li#vernetzung {
	height: 30px;
	background-image: url(../images/cardList/02_vernetzung.png);
}

ul#cardList li#qualitaet {
	height: 30px;
	background-image: url(../images/cardList/03_qualitaet.png);
}

ul#cardList li#effizienz {
	height: 30px;
	background-image: url(../images/cardList/04_effizienz.png);
}

ul#cardList li#preise {
	height: 40px;
	background-image: url(../images/cardList/05_preise.png);
}


ul#cardList li#erfahrung_en {
	height: 40px;
	background-image: url(../images/cardList_en/01_erfahrng.png);
}

ul#cardList li#vernetzung_en {
	height: 30px;
	background-image: url(../images/cardList_en/02_vernetzung.png);
}

ul#cardList li#qualitaet_en {
	height: 30px;
	background-image: url(../images/cardList_en/03_qualitaet.png);
}

ul#cardList li#effizienz_en {
	height: 30px;
	background-image: url(../images/cardList_en/04_effizienz.png);
}

ul#cardList li#preise_en {
	height: 40px;
	background-image: url(../images/cardList_en/05_preise.png);
}


/* ----------- Tool List ----------- */

ul#toolList {
	display: block;
	height: auto;
	overflow: hidden;
	margin: 10px 0px 25px;
	padding: 25px 0px;
	list-style: none;
	background-image: url(../images/layout/tool_dot.png);
	background-repeat: repeat-x;
}

ul#toolList li {
	display: block;
}

ul#toolList li a {
	display: block;
	height: 18px;
	width: 180px;
	background-repeat: no-repeat;
	float: none;
	margin: 0px 0px 3px;
}

ul#toolList li a span {
	display: none;
}

ul#toolList li#toolPrint a {
	background-image: url(../images/tools/drucken.png);
	cursor: pointer;
}

ul#toolList li#toolSuggest a {
	background-image: url(../images/tools/empfehlen.png);
	cursor: pointer;
}

ul#toolList li#toolPrint_en a {
	background-image: url(../images/tools/drucken_en.png);
	cursor: pointer;
}

ul#toolList li#toolSuggest_en a {
	background-image: url(../images/tools/empfehlen_en.png);
	cursor: pointer;
}



/* MAILFORM */

label {
	float: none;
	margin: 0px 0px 25px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #2e414e;
	text-decoration: none;
}

#mailformemail {
	float: none;
	margin: 0px 0px 10px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #2e414e;
	text-decoration: none;
	width: 300px;
	border: 1px solid #d31148;
	padding: 3px;
}

#mailformname {
	float: none;
	margin: 0px 0px 10px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #2e414e;
	text-decoration: none;
	width: 300px;
	border: 1px solid #d31148;
	padding: 3px;
}

#mailformaddress {
	float: none;
	margin: 0px 0px 10px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #2e414e;
	text-decoration: none;
	width: 300px;
	border: 1px solid #d31148;
	padding: 3px;
	height: 80px;
}

fieldset {
	margin: 0px 0px 15px 0px;
	border: 0;
	padding: 0;
}

ul#sprache {
	display: block;
	width: 60px;
	height: 23px;
	padding: 0;
	margin: 0;
	position: absolute;
	margin-left: 640px;
	float: none;
	
}

ul#sprache li {	
	display: block;
	width: 30px;
	height: 23px;
	float:  left;
}

ul#sprache li a {	
	display: block;
	width: 30px;
	height: 23px;
	background-repeat: 0;
	float:  left;
}

ul#sprache li a span {	
	display: none;
}

ul#sprache li#de a {	
	background-image: url(../images/sprache/de_inactive.png);
}

ul#sprache li#de.active a {	
	background-image: url(../images/sprache/de_active.png);
}

ul#sprache li#uk a {	
	background-image: url(../images/sprache/uk_inactive.png);
}

ul#sprache li#uk.active a {	
	background-image: url(../images/sprache/uk_active.png);
}

/* RATESPIEL TEASER */
#rateTeaser {
			
	display: block;
	height: auto;
	overflow: hidden;
	margin: 10px 0px 25px;
	padding: 25px 0px;
	list-style: none;
	background-image: url(../images/layout/tool_dot.png);
	background-repeat: repeat-x;
	background-position: bottom;

}

#rateSpielKarte {
	width: 350px;
	height: 750px;
	background-color: #FFFFFF;
	border: 3px solid  #d31148;
	display: block;
	position: absolute;
	left: 550px;
	margin-top: -100px;
}