/*
 * (c) 2008 camao GmbH & Co. KG
 * Author: Plagge, Stefan
 */

/*
 * Clear Browser Stylesheet
 */

* {
  margin: 0;
  padding: 0;
  font-size: 100%;
}

html {
	height: 100%;
	margin-bottom: 1px;
}

html .startPage {
	background: #e5e5e5 url(../img/bgFoot.png) 0 790px repeat-x;
	color: #666666;
	font: normal 62.5%/1.5em Arial, Helvetica, sans-serif;
	height: 100%;
	margin-bottom: 1px;
}

* html .startPage {
	background: #e5e5e5 url(../img/bgFoot.png) 0 790px repeat-x;
}

*+html .startPage {
	background: #e5e5e5 url(../img/bgFoot.png) 0 790px repeat-x;
}

body {
	background-color: #e5e5e5;
	color: #666666;
	font: normal 62.5%/1.8em Arial, Helvetica, sans-serif;
}

fieldset,
img {
	border: 0;
}

img.graphic {
	margin: 30px 0 5px 0;
}

h1, h2, h3, h4 {
	color: #999999;
	font-weight: normal;
	font-style: normal;
	margin-bottom: 17px;
}

p {
	margin-bottom: 20px;
}

ul, ol, dl {
	list-style: none;
	margin-bottom: 50px;
}

li {
	background: url(../img/listBullet.png) 0 4px no-repeat;
	padding: 0 0 2px 20px;
}

div {
	overflow: hidden;
}




/*
 * Default Styles
 */

h1 {
	font-size: 1.9em;
}

h2 {
	font-size: 1.6em;
	line-height: 1.1em;
}

h3 {
	color: #005123;
	font-size: 1.1em;
	font-weight: bold;
	margin-top: -10px;
}

h4 {
	display: inline;
	font-weight: bold;
	margin-right: 4px;
}

h5 {
	font-weight: bold;
	margin-bottom: 10px;
}




/*
 * Globals
 */

div.layoutPageHead div.globalLogo {
	background: url(../img/logo.png) no-repeat;
	float: left;
	height: 34px;
	left: 20px;
	position: absolute;
	top: 66px;
	width: 287px;
}

div.layoutPageHead div.globalNavigationMain {
	background: #005123;
	height: 44px;
	left: 0px;
	position: absolute;
	top: 161px;
	width: 100%;
}

div.layoutPageHead div.globalNavigationMain ul {
	height: 44px;
	list-style: none;
}

div.layoutPageHead div.globalNavigationMain ul li {
	display: block;
	float: left;
	height: 44px;
	padding: 0;
}

div.layoutPageHead div.globalNavigationMain ul li a {
	display: block;
	height: 44px;
	text-indent: -1000em;
}

div.layoutPageHead div.globalNavigationMain ul li {
	text-indent: -1000em;
}

div.layoutPageHead div.globalNavigationMain ul li a span {
	visibility: hidden;
}

div.layoutPageHead div.globalNavigationMain ul li.gradientLeft {
	background: url("../img/nav/navGradientLeft.png") no-repeat;
	width: 15px;
}

div.layoutPageHead div.globalNavigationMain ul li.home a {
	background: url("../img/nav/navHome.png") no-repeat;
	width: 61px;
}
div.layoutPageHead div.globalNavigationMain ul li.home:hover a {
	background: url("../img/nav/navHome.png") 0 -100px no-repeat;
}
div.layoutPageHead div.globalNavigationMain ul li.homeActive a {
	background: url("../img/nav/navHome.png") 0 -200px no-repeat;
}


div.layoutPageHead div.globalNavigationMain ul li.leistungen a {
	background: url("../img/nav/navLeistungen.png") no-repeat;
	width: 94px;
}
div.layoutPageHead div.globalNavigationMain ul li.leistungen:hover a {
	background: url("../img/nav/navLeistungen.png") 0 -100px no-repeat;
}
div.layoutPageHead div.globalNavigationMain ul li.leistungenActive a {
	background: url("../img/nav/navLeistungen.png") 0 -200px no-repeat;
}


div.layoutPageHead div.globalNavigationMain ul li.software a {
    background: url("../img/nav/navSoftware.png") no-repeat;
    width: 83px;
}
div.layoutPageHead div.globalNavigationMain ul li.software:hover a {
    background: url("../img/nav/navSoftware.png") 0 -100px no-repeat;
}
div.layoutPageHead div.globalNavigationMain ul li.softwareActive a {
    background: url("../img/nav/navSoftware.png") 0 -200px no-repeat;
}


div.layoutPageHead div.globalNavigationMain ul li.controlling a {
	background: url("../img/nav/navControlling.png") no-repeat;
	width: 104px;
}
div.layoutPageHead div.globalNavigationMain ul li.controlling:hover a {
	background: url("../img/nav/navControlling.png") 0 -100px no-repeat;
}
div.layoutPageHead div.globalNavigationMain ul li.controllingActive a {
	background: url("../img/nav/navControlling.png") 0 -200px no-repeat;
}


div.layoutPageHead div.globalNavigationMain ul li.gastronomie a {
	background: url("../img/nav/navGastronomie.png") no-repeat;
	width: 109px;
}
div.layoutPageHead div.globalNavigationMain ul li.gastronomie:hover a {
	background: url("../img/nav/navGastronomie.png") 0 -100px no-repeat;
}
div.layoutPageHead div.globalNavigationMain ul li.gastronomieActive a {
	background: url("../img/nav/navGastronomie.png") 0 -200px no-repeat;
}


div.layoutPageHead div.globalNavigationMain ul li.partner a {
	background: url("../img/nav/navPartner.png") no-repeat;
	width: 75px;
}
div.layoutPageHead div.globalNavigationMain ul li.partner:hover a {
	background: url("../img/nav/navPartner.png") 0 -100px no-repeat;
}
div.layoutPageHead div.globalNavigationMain ul li.partnerActive a {
	background: url("../img/nav/navPartner.png") 0 -200px no-repeat;
}


div.layoutPageHead div.globalNavigationMain ul li.vorsorge a {
	background: url("../img/nav/navVorsorge.png") no-repeat;
	width: 158px;
}
div.layoutPageHead div.globalNavigationMain ul li.vorsorge:hover a {
	background: url("../img/nav/navVorsorge.png") 0 -100px no-repeat;
}
div.layoutPageHead div.globalNavigationMain ul li.vorsorgeActive a {
	background: url("../img/nav/navVorsorge.png") 0 -200px no-repeat;
}


div.layoutPageHead div.globalNavigationMain ul li.mamut a {
	background: url("../img/nav/navMamut.png") no-repeat;
	width: 75px;
}
div.layoutPageHead div.globalNavigationMain ul li.mamut:hover a {
	background: url("../img/nav/navMamut.png") 0 -100px no-repeat;
}
div.layoutPageHead div.globalNavigationMain ul li.mamutActive a {
	background: url("../img/nav/navMamut.png") 0 -200px no-repeat;
}


div.layoutPageHead div.globalNavigationMain ul li.neues a {
    background: url("../img/nav/navNeues.png") no-repeat;
    width: 57px;
}
div.layoutPageHead div.globalNavigationMain ul li.neues:hover a {
    background: url("../img/nav/navNeues.png") 0 -100px no-repeat;
}
div.layoutPageHead div.globalNavigationMain ul li.neuesActive a {
    background: url("../img/nav/navNeues.png") 0 -200px no-repeat;
}


div.layoutPageHead div.globalNavigationMain ul li.gradientRight {
	background: url("../img/nav/navGradientRight.png") no-repeat;
	width: 96px;
}

div.layoutPageFootStartPage {
	margin-top: 50px; /*70px;*/
	position: relative;
}

div.introErbsenzaehler {
	position: absolute;
	margin-top: 30px;
}

div.introErbsenzaehler ul {
	font-size: 13px;
	line-height: 14px;
}

div.introErbsenzaehler ul li {
	background: 0;
	float: left;
}

div.introErbsenzaehler ul li.photo {
	margin-left: 12px;
}

div.introErbsenzaehler ul li span.headline {
	color: #005123;
	font-size: 16px;
	margin-top: 0px;
}

div.introErbsenzaehler ul li span.intro {
	font-weight: bold;
}

div.introErbsenzaehler ul li span {
	display: block;
	margin-top: 5px;
	width: 540px;
}

div.layoutPageFootStartPage div.globalNavigationMeta {
	position: absolute;
	top: 0px;
}

div.layoutPageFootStartPage div.globalNavigationMeta,
div.layoutPageFoot div.layoutPageFootInner div.globalNavigationMeta {
	height: 38px;
	width: 100%;
}

div.layoutPageFootStartPage div.globalNavigationMeta ul,
div.layoutPageFoot div.layoutPageFootInner div.globalNavigationMeta ul {
	height: 38px;
	list-style: none;
}

div.layoutPageFootStartPage div.globalNavigationMeta ul li,
div.layoutPageFoot div.layoutPageFootInner div.globalNavigationMeta ul li {
	display: block;
	float: right;
	height: 38px;
	padding: 0;
}

div.layoutPageFootStartPage div.globalNavigationMeta ul li a,
div.layoutPageFoot div.layoutPageFootInner div.globalNavigationMeta ul li a {
	display: block;
	height: 38px;
}

div.layoutPageFootStartPage div.globalNavigationMeta ul li a span,
div.layoutPageFoot div.layoutPageFootInner div.globalNavigationMeta ul li a span {
	display: block;
	text-indent: -1000em;
	visibility: hidden;
}

div.layoutPageFootStartPage div.globalNavigationMeta ul li.kontakt a,
div.layoutPageFoot div.layoutPageFootInner div.globalNavigationMeta ul li.kontakt a {
	background: url("../img/nav/metaNavKontakt.png") no-repeat;
	width: 81px;
}

div.layoutPageFootStartPage div.globalNavigationMeta ul li.kontakt:hover a,
div.layoutPageFoot div.layoutPageFootInner div.globalNavigationMeta ul li.kontakt:hover a {
	background: url("../img/nav/metaNavKontakt.png") 0 -100px no-repeat;
}

div.layoutPageFootStartPage div.globalNavigationMeta ul li.kontaktActive a,
div.layoutPageFoot div.layoutPageFootInner div.globalNavigationMeta ul li.kontaktActive a {
	background: url("../img/nav/metaNavKontakt.png") 0 -100px no-repeat;
}

div.layoutPageFootStartPage div.globalNavigationMeta ul li.links a,
div.layoutPageFoot div.layoutPageFootInner div.globalNavigationMeta ul li.links a {
	background: url("../img/nav/metaNavLinks.png") no-repeat;
	width: 51px;
}

div.layoutPageFootStartPage div.globalNavigationMeta ul li.links:hover a,
div.layoutPageFoot div.layoutPageFootInner div.globalNavigationMeta ul li.links:hover a {
	background: url("../img/nav/metaNavLinks.png") 0 -100px no-repeat;
}

div.layoutPageFootStartPage div.globalNavigationMeta ul li.linksActive a,
div.layoutPageFoot div.layoutPageFootInner div.globalNavigationMeta ul li.linksActive a {
	background: url("../img/nav/metaNavLinks.png") 0 -100px no-repeat;
}

div.layoutPageFootStartPage div.globalNavigationMeta ul li.impressum a,
div.layoutPageFoot div.layoutPageFootInner div.globalNavigationMeta ul li.impressum a {
	background: url("../img/nav/metaNavImpressum.png") no-repeat;
	width: 92px;
}

div.layoutPageFootStartPage div.globalNavigationMeta ul li.impressum:hover a,
div.layoutPageFoot div.layoutPageFootInner div.globalNavigationMeta ul li.impressum:hover a {
	background: url("../img/nav/metaNavImpressum.png") 0 -100px no-repeat;
}

div.layoutPageFootStartPage div.globalNavigationMeta ul li.impressumActive a,
div.layoutPageFoot div.layoutPageFootInner div.globalNavigationMeta ul li.impressumActive a {
	background: url("../img/nav/metaNavImpressum.png") 0 -100px no-repeat;
}




/*
 * Layout
 */

div.layoutPage {
	left: 50%;
	margin-left: -365px;
	position: relative;
	width: 730px;
}

div.layoutPageHead {
	background: #e5e5e5 url(../img/bgHead.png) 0 130px repeat-x;
	height: 250px;
	width: 730px;
}

div.layoutPageBodyStartPage {
	background: #ffffff url(../img/bgStart.png) 24px 17px no-repeat;
	height: 547px; /*430px;*/
	width: 730px;
}

div.layoutPageBodyStartPage .contentStartPage {
	height: 210px;
	position: relative;
	top: 210px;
	left: 370px;
	width: 300px;
}

* html div.layoutPageFootStartPage {
	padding-top: 165px;
}

*+html div.layoutPageFootStartPage {
	padding-top: 165px;
}

div.layoutPageBodyStartPage .textStartPageTeaser {
	font-size: 1.2em;
	line-height: 1.4em;
}

div.layoutPageBodyStartPage .linkStartPageTeaser {
	display: block;
	outline: none;
	position: relative;
	top: -15px;
}

div.layoutPageNavSubText {
	color: #005123;
	font-size: 1.1em;
	height: 34px;
	line-height: 1.3em;
	margin-top: -45px;
	padding: 4px 0 0 25px;
	width: 730px;
}

* html div.layoutPageNavSubText {
	height: 35px;
	padding: 5px 0 0 25px;
}

*+html div.layoutPageNavSubText {
	height: 35px;
	padding: 5px 0 0 25px;
}

div.layoutPageNavSubTextStartPage {
	color: #005123;
	font-size: 1.1em;
	height: 34px;
	line-height: 1.3em;
	margin-top: -45px;
	padding: 4px 0 0 25px;
	width: 730px;
}

* html div.layoutPageNavSubTextStartPage {
	height: 35px;
	padding: 5px 0 0 25px;
}

*+html div.layoutPageNavSubTextStartPage {
	height: 35px;
	padding: 5px 0 0 25px;
}

div.layoutPageBody {
	background-color: #ffffff;
	font-size: 1.3em;
	padding-bottom: 10px;
	width: 730px;
}

div.layoutPageBodyForPartnerLinks {
	padding-bottom: 80px;
}

div.layoutPageBody .columnLeft {
	float: left;
	padding: 35px 0 50px 20px;
	width: 330px;
}

div.layoutPageBody .columnRight {
	float: right;
	padding: 35px 20px 50px 0;
	width: 330px;
}

div.layoutPageBody .columnRightLeistungen {
	float: right;
	padding: 80px 20px 50px 0;
	width: 330px;
}

div.layoutPageBody .columnRightControlling {
	float: right;
	padding: 88px 20px 50px 0;
	width: 330px;
}

div.layoutPageFootStartPage {
	background: url(../img/bgFootLine.png) 0 30px no-repeat;
	height: 173px; /*270px;*/
	width: 730px;
}

* html div.layoutPageFootStartPage {
	background: url(../img/bgFootLine.png) 0 190px no-repeat;
}

*+html div.layoutPageFootStartPage {
	background: url(../img/bgFootLine.png) 0 190px no-repeat;
}

div.layoutPageFootStartPage div.globalNavigationMeta,
div.layoutPageFoot div.globalNavigationMeta {
	height: 36px;
	/*margin-top: 97px;*/
	position: relative;
	text-align: right;
	top: 5px;
	width: 100%;
}

div.layoutPageFoot div.globalNavigationMeta {
	margin-top: 50px;
}

div.layoutPageFootStartPage div.globalContact,
div.layoutPageFoot div.globalContact {
	background: url(../img/bgKontakt.png) 18px 0px no-repeat;
	color: #ffffff;
	font-size: 11px;
	height: 25px;
	margin-top: 15px;
	padding: 45px 0 0 20px;
	position: relative;
	top: 0px;
	width: 100%;
}

div.layoutPageFootStartPage div.globalContact p,
div.layoutPageFoot div.globalContact p {
	margin-top: -20px;
}

div.layoutPageFoot {
	background: url(../img/bgFoot.png) repeat-x;
	height: 230px;
}

div.layoutPageFootInner {
	background: url(../img/bgFootLine.png) 0 75px no-repeat;
	left: 50%;
	margin-left: -365px;
	position: relative;
	width: 730px;
}




/*
 * "Kontakt" + "Impressum"
 */
div.layoutPageBody div.columnLeftContact {
    overflow: visible;
}
div.layoutPageBody div.columnLeft .inputAreaKontakt {
    overflow: visible;
	width: 310px;
}

div.layoutPageBody div.columnLeft div.inputAreaKontakt ul.listKontakt li {
	background: 0;
	color: #999999;
	font: normal 1em Arial, Helvetica, sans-serif;
	padding: 0 0 3px 0;
}

div.layoutPageBody div.columnLeft div.inputAreaKontakt ul.listKontakt li input {
	border: 1px solid #cccccc;
	color: #005123;
	font: normal 1em Arial, Helvetica, sans-serif;
	height: 22px;
	margin-bottom: 5px;
	padding: 4px 3px 0 3px;
	width: 298px;
}

div.layoutPageBody div.columnLeft div.inputAreaKontakt ul.listKontakt .strasse {
	margin-right: 5px;
	width: 264px;
}

div.layoutPageBody div.columnLeft div.inputAreaKontakt ul.listKontakt .nummer {
	width: 21px;
}

div.layoutPageBody div.columnLeft div.inputAreaKontakt ul.listKontakt .plz {
	width: 37px;
}

div.layoutPageBody div.columnLeft div.inputAreaKontakt ul.listKontakt .ort {
	margin-left: 5px;
	width: 248px;
}

div.layoutPageBody div.columnLeft div.inputAreaKontakt ul.listKontakt .textareaKontakt {
	border: 1px solid #cccccc;
	color: #005123;
	font: normal 1em Arial, Helvetica, sans-serif;
	height: 114px;
	padding: 3px;
	width: 298px;
}
div.layoutPageBody div.columnLeft div.inputAreaKontakt ul.listKontakt li #recaptcha_widget_div {
    margin-bottom: -30px;
}
div.layoutPageBody div.columnRight ul.listKontakt li,
div.layoutPageBody div.columnLeft ul.listImpressum li {
	background: 0;
	padding-left: 3px;
}

div.layoutPageBody div.columnRight ul.listKontakt .listKontaktWegZuUns {
	font-weight: bold;
	padding-top: 15px;
}

div.layoutPageBody div.columnRight ul.listKontakt .listKontaktMap24,
div.layoutPageBody div.columnLeft ul.listImpressum .listImpressumStrasse,
div.layoutPageBody div.columnLeft ul.listImpressum .listImpressumRegistergericht,
div.layoutPageBody div.columnLeft ul.listImpressum .listImpressumVerantwortlich {
	padding-top: 10px;
}




/*
 * "Gastronomie"
 */

div.layoutPageBody div.columnLeft .logoGastroKontorLiveText {
	padding-left: 2px;
}




/*
 * "Kontakt" + "Partner"
 */

div.layoutPageBody div.columnLeft ul.listPartner li {
	border-bottom: 1px solid #e0dcdc;
	height: 35px;
	margin-bottom: 7px;
	padding: 0 0 7px 0;
}

div.layoutPageBody div.columnLeft ul.listPartner li .linkArea {
	cursor: pointer;
	height: 35px;
	padding: 17px 0 0 110px;
}

div.layoutPageBody div.columnLeft ul.listPartner .listCamao {
	background: url(../img/partnerCamao.jpg) no-repeat;
	height: 52px;
}

div.layoutPageBody div.columnLeft ul.listPartner .listSwot {
	background: url(../img/partnerswot.jpg) no-repeat;
	height: 52px;
}

div.layoutPageBody div.columnLeft ul.listPartner .listHaufe {
	background: url(../img/partnerHaufe.png) no-repeat;
	height: 52px;
}

div.layoutPageBody div.columnLeft ul.listPartner .listLexware {
    background: url(../img/partnerLexware.jpg) no-repeat;
    height: 52px;
}

div.layoutPageBody div.columnLeft ul.listPartner .listPregas {
    background: url(../img/partnerPregas.jpg) no-repeat;
    height: 52px;
}

div.layoutPageBody div.columnLeft ul.listPartner .listGastrofib {
    background: url(../img/partnerGastrofib.jpg) no-repeat;
    height: 52px;
}

div.layoutPageBody div.columnLeft ul.listPartner .listMamut {
	background: url(../img/partnerMamut.png) no-repeat;
	height: 52px;
}

div.layoutPageBody div.columnLeft ul.listPartner .listStrategam {
    background: url(../img/partnerStrategam.jpg) no-repeat;
    height: 52px;
}

/*
 * "Software"
 */

div.layoutPageBody div.columnLeft ul.softwarePartnerList {}
div.layoutPageBody div.columnLeft ul.softwarePartnerList li {
    background: none;
    border-bottom: 1px solid #E0DCDC;
    padding: 10px 0px;
}
div.layoutPageBody div.columnLeft ul.softwarePartnerList li span.img {
    float: left;
    width: 115px;
}
div.layoutPageBody div.columnLeft ul.softwarePartnerList li span.text {
    overflow: hidden;
}

/*
 * frühere Elemente

div.layoutPageBody div.columnLeft ul.listPartner .listGaydoul {
	background: url(../img/partnerGaydoul.png) 0 8px no-repeat;
	height: 52px;
	margin-top: -3px;
	padding: 0px 48px 22px 0;
}

div.layoutPageBody div.columnLeft ul.listPartner .listSchmucker {
	background: url(../img/partnerSchmucker.png) no-repeat;
	height: 52px;
}

div.layoutPageBody div.columnLeft ul.listPartner .listPfungstaedter {
	background: url(../img/partnerPfungstaedter.png) no-repeat;
	height: 52px;
}

div.layoutPageBody div.columnLeft ul.listPartner .listMisco {
	background: url(../img/partnerMisco.png) no-repeat;
	height: 52px;
}

 */




/*
 * "Links"
 */

div.layoutPageBody div.columnLeft ul.listLinks li {
	background: url(../img/iconArrow.png) 0 16px no-repeat;
	height: 35px;
	padding: 12px 0 0 25px;
}

div.layoutPageBody div.columnLeft ul.listLinks .Gaydoul {
	padding: 120px 0 0 125px;
}

div.layoutPageBody div.columnLeft p.shortInfos {
	margin-top: -50px;
}






/*
 * Formattings
 */

div.layoutPageBody div.columnRight p.Zahlungsverkehr {
	margin: 0;
}




/*
 * Links
 */

a:link {
	color: #999999;
	text-decoration: underline;
}

a:visited {
	color: #999999;
}

a:hover {
	color: #135e33;
}

a:link.globalContact {
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-decoration: underline;
}

a:visited.globalContact {
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}

a:hover.globalContact {
	color: #135e33;
}