body {
	font-family: Verdana, sans-serif;;
	font-size:14px;
	margin:0;
	padding:0;
	color: #fff;
	background-color: #083d37;
}
h1 {
	font-weight:bold;
	font-size:1.6em;
	margin: 20px 0px 15px 0px;
	padding:0px;
	width:auto;
}
h2 {
	font-weight:bold;
	font-size:1.4em;
	margin:0px 0px 8px 0px;
	padding:0px;
}
h3 {
	font-weight:bold;
	font-size:1.3em;
	margin:0px 0px 8px 0px;
	padding:0px;
}
h4 {
	font-weight:bold;
	font-size:1.1em;
	margin:0px 0px 8px 0px;
	padding:0px;
}
p {
	text-align: left;
	padding:0px 0px 9px 0px;
	margin:0px 0px 9px 0px;
}
td, th {
	border: 1px solid grey;
	padding: 3px;
}
select {
}
a {
	text-decoration:underline;
	color: #083d37;
	cursor:pointer;
}
a:link {
	text-decoration:underline;
	color: #083d37;
	cursor:pointer;
}
a:hover {
	text-decoration:none;
	color: #083d37;
	cursor:pointer;
}
a img {border:none}
#wrap {
	margin: 0 auto;
	width:1446px;
	min-height:900px;
	text-align: center;
}
#TopElement {
	width: 1200px;
	height: 40px;
	margin: 0 auto;
	padding: 25px 0px 0px 0px;
	text-align: center;
	color: #083d37;
	font-family: 'Anton', sans-serif;
	font-size: 1.7em;
	letter-spacing: 0.07em;
	background-color: #FFF;
}
#SlideShowElement {
	width: 1200px;
	height: 364px;
	margin: 0 auto;
	padding:  0px 0px 0px 0px;
	text-align: center;
}
#NavElement {
	width: 1200px;
	height: 48px;
	margin: 0 auto;
	padding:  0px 0px 0px 0px;
	text-align: center;
	border-bottom: 18px solid #083d37;
	background-color: #FFF;
	font-family: 'Anton', sans-serif;
}
	#primary_nav_wrap {
		width: 1180px;
		height: 35px;
		text-align: center;
		margin: 0px 0px 0px 0px;
		padding: 3px 0px 0px 0px;
	}
	#primary_nav_wrap ul {
		float:left;
		list-style:none;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 40px
	}
	.menu-item {
		float:left;
		font-size: 1.25em;
		letter-spacing: 0.0em;
		color: #083d37 !Important;
		padding: 5px 20px 0px 20px !Important;
		margin: 0px 0px 0px 0px !Important;
		text-decoration:none !Important;
	}
	.menu-item.hover {
		text-decoration:underline !Important;
	}
	.current-menu-item {
		float:left;
		font-size: 1.25em;
		letter-spacing: 0.0em;
		color: #083d37 !Important;
		padding: 5px 20px 0px 20px !Important;
		margin: 0px 0px 0px 0px !Important;
		text-decoration:underline !Important;
	}

#ContentElement {
	width: 1200px;
	display: inline-block;
	margin: 0 auto;
	padding:  0px 0px 0px 0px;
	background-color: #FFF;
}
	#NewsText {
		float:left;
		width: 305px;
		min-height: 380px;
		padding:30px 0px 9px 30px;
		color: #083d37;
		text-align: left;
		font-family: Verdana;
		font-size: 1.0em;
		line-height: 1.45em;
		font-weight: normal;
	}
	#Schema{
		float:left;
		width: 850px;
		padding: 11px 0px 0px 0px;
		color: #083d37;
		text-align: left;
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 1.0em;
		line-height: 1.45em;
		font-weight: normal;
		height: 610px;
	}
		#kbTotal {
			display: block;
			width:845px;
			height:500px;
			padding-top: 30px;
		}
			/* 1.te Reihe */
			#MyLeer11 {
				float:left;
				width: 85px;
				height:50px;
				text-align: center;
				padding-top:30px;
			}
			#MyLeer12 {
				float:left;
				width: 110px;
				height:50px;
				text-align: center;
				padding-top:30px;
			}
			#MyCuvee {
				float:left;
				width: 115px;
				height:50px;
				text-align: center;
				padding-top:30px;
				background-image: url(../bilder/uploaded/190729-mytourenplanungaktiv.png);
				background-repeat: no-repeat;
				background-size:115px 80px;
				color: #FFF;
				background-color: #083d37;
			}
			#MyLeer14 {
				float:left;
				width: 140px;
				height:50px;
				text-align: center;
				padding-top:30px;
			}
			#MyTourenplanung {
				float:left;
				width: 120px;
				height:50px;
				text-align: center;
				padding-top:30px;
				background-image: url(../bilder/uploaded/190729-mytourenplanunginarbeit.png);
				background-repeat: no-repeat;
				background-size:120px 80px;
				background-color: #a2e3dc;
			}
			#MyBuchhaltung {
				float:left;
				width: 130px;
				height:50px;
				text-align: center;
				padding-top:30px;
				background-image: url(../bilder/uploaded/190729-mybuchhaltunginplanung.png);
				background-repeat: no-repeat;
				background-size:130px 80px;
			}
			#MyLeer15 {
				float:left;
				width: 100px;
				height:50px;
				text-align: center;
				padding-top:30px;
			}
			/* 2.te Reihe */
			#MyFuhrpark {
				float:left;
				width: 195px;
				height:50px;
				text-align: center;
				padding-top:30px;
				background-image: url(../bilder/uploaded/190729-myfuhrparkinplanung.png);
				background-repeat: no-repeat;
				background-size:195px 80px;
			}
			#MyAbfullung {
				float:left;
				width: 115px;
				height:50px;
				text-align: center;
				padding-top:30px;
				background-image: url(../bilder/uploaded/190729-mynekundenaktiv.png);
				background-repeat: no-repeat;
				background-size:115px 80px;
				color: #FFF;
				background-color: #083d37;
			}
			#MyneLieferanten {
				float:left;
				width: 140px;
				height:50px;
				text-align: center;
				padding-top:30px;
				background-image: url(../bilder/uploaded/190729-mytourenplanungaktiv.png);
				background-repeat: no-repeat;
				background-size:140px 80px;
				color: #FFF;
				background-color: #083d37;
			}
			#MyneKunden {
				float:left;
				width: 120px;
				height:50px;
				text-align: center;
				padding-top:30px;
				background-image: url(../bilder/uploaded/190729-mynekundenaktiv.png);
				background-repeat: no-repeat;
				background-size:120px 80px;
				color: #FFF;
				background-color: #083d37;
			}
			#MyneBelege {
				float:left;
				width: 130px;
				height:50px;
				text-align: center;
				padding-top:30px;
				background-image: url(../bilder/uploaded/190729-mynebelegeinplanung.png);
				background-repeat: no-repeat;
				background-size:130px 80px;
			}
			#MyLeer22 {
				float:left;
				width: 100px;
				height:50px;
				text-align: center;
				padding-top:30px;
			}
			/* 3.te Reihe */
			#MyAcker {
				float:left;
				width: 85px;
				height:50px;
				text-align: center;
				padding-top:30px;
				background-image: url(../bilder/uploaded/190729-myackerinplanung.png);
				background-repeat: no-repeat;
				background-size:85px 80px;
			}
			#MyWeingarten {
				float:left;
				width: 110px;
				height:50px;
				text-align: center;
				padding-top:30px;
				background-image: url(../bilder/uploaded/190729-myweingarteninarbeit.png);
				background-repeat: no-repeat;
				background-size:110px 80px;
				background-color: #a2e3dc;
			}
			#MyKellerbuch {
				float:left;
				width: 115px;
				height:50px;
				text-align: center;
				padding-top:30px;
				background-image: url(../bilder/uploaded/190729-kbbasisaktiv.png);
				background-repeat: no-repeat;
				background-size:115px 80px;
				font-weight:bold;
				color: #FFF;
				background-color: #083d37;
			}
			#MyWarenwirtschaft {
				float:left;
				width: 140px;
				height:50px;
				text-align: center;
				padding-top:30px;
				background-image: url(../bilder/uploaded/190729-mywawiaktiv.png);
				background-repeat: no-repeat;
				background-size:140px 80px;
				color: #FFF;
				background-color: #083d37;
			}
			#MyLieferschein {
				float:left;
				width: 120px;
				height:50px;
				text-align: center;
				padding-top:30px;
				background-image: url(../bilder/uploaded/190729-mywawiaktiv.png);
				background-repeat: no-repeat;
				background-size:120px 80px;
				color: #FFF;
				background-color: #083d37;
			}
			#MyRegistrierkassa {
				float:left;
				width: 130px;
				height:50px;
				text-align: center;
				padding-top:30px;
				background-image: url(../bilder/uploaded/190729-myregkassainarbeit.png);
				background-repeat: no-repeat;
				background-size:130px 80px;
				background-color: #a2e3dc;
			}
			#MyNewsletter {
				float:left;
				width: 100px;
				height:50px;
				text-align: center;
				padding-top:30px;
				background-image: url(../bilder/uploaded/190729-mynlinplanung.png);
				background-repeat: no-repeat;
				background-size:100px 80px;
			}
			/* 4.te Reihe */
			#MyTracking {
				float:left;
				width: 195px;
				height:50px;
				text-align: center;
				padding-top:30px;
				background-image: url(../bilder/uploaded/190729-mytrackinginplanung.png);
				background-repeat: no-repeat;
				background-size:195px 80px;
			}
			#MyKellerBericht {
				float:left;
				width: 115px;
				height:50px;
				text-align: center;
				padding-top:30px;
				background-image: url(../bilder/uploaded/190729-myreorderinarbeit.png);
				background-repeat: no-repeat;
				background-size:115px 80px;
				background-color: #a2e3dc;
			}
			#MyReOrder {
				float:left;
				width: 140px;
				height:50px;
				text-align: center;
				padding-top:30px;
				background-image: url(../bilder/uploaded/190729-myreorderinarbeit.png);
				background-repeat: no-repeat;
				background-size:140px 80px;
				background-color: #a2e3dc;
			}
			#MyRechnung {
				float:left;
				width: 120px;
				height:50px;
				text-align: center;
				padding-top:30px;
				background-image: url(../bilder/uploaded/190729-myrechnungaktiv.png);
				background-repeat: no-repeat;
				background-size:120px 80px;
				color: #FFF;
				background-color: #083d37;
			}
			#MyKassabuch {
				float:left;
				width: 130px;
				height:50px;
				text-align: center;
				padding-top:30px;
				background-image: url(../bilder/uploaded/190729-mykassabuchinplanung.png);
				background-repeat: no-repeat;
				background-size:130px 80px;
			}
			#MyOnlineShop {
				float:left;
				width: 100px;
				height:50px;
				text-align: center;
				padding-top:30px;
				background-image: url(../bilder/uploaded/190729-myonlineshopinplanung.png);
				background-repeat: no-repeat;
				background-size:100px 80px;
			}
			/* 5.te Reihe */
			#MyLeer51 {
				float:left;
				width: 195px;
				height:50px;
				text-align: center;
				padding-top:30px;
			}
			#MyneDaten {
				float:left;
				width: 115px;
				height:50px;
				text-align: center;
				padding-top:30px;
				background-image: url(../bilder/uploaded/190729-mycuveeaktiv.png);
				background-repeat: no-repeat;
				background-size:115px 80px;
				color: #FFF;
				background-color: #083d37;
			}
			#MyArchiv {
				float:left;
				width: 140px;
				height:50px;
				text-align: center;
				padding-top:30px;
				background-image: url(../bilder/uploaded/190729-mycuveeaktiv.png);
				background-repeat: no-repeat;
				background-size:140px 80px;
				color: #FFF;
				background-color: #083d37;
			}
			#MyMahnwesen {
				float:left;
				width: 120px;
				height:50px;
				text-align: center;
				padding-top:30px;
				background-image: url(../bilder/uploaded/190729-mymahnweseninarbeit.png);
				background-repeat: no-repeat;
				background-size:120px 80px;
				background-color: #a2e3dc;
			}
			#MyLeer52 {
				float:left;
				width: 130px;
				height:50px;
				text-align: center;
				padding-top:30px;
			}
			#MyLeer53 {
				float:left;
				width: 100px;
				height:50px;
				text-align: center;
				padding-top:30px;
			}



/* TOOLTIP */
	label {
		display: inline-block;
		width: 5em;
	}
	.ui-tooltip, .arrow:after {
		background: #083d37;
		white-space: pre-line;
		border: 1px solid white;
	}
	.ui-tooltip {
		padding: 10px 20px;
		color: white;
		border-radius: 20px;
		box-shadow: 0 0 7px black;
	}
	.arrow {
		width: 70px;
		height: 16px;
		overflow: hidden;
		position: absolute;
		left: 50%;
		margin-left: -35px;
		bottom: -16px;
	}
	.arrow.top {
		top: -16px;
		bottom: auto;
	}
	.arrow.left {
		left: 20%;
	}
	.arrow:after {
		content: "";
		position: absolute;
		left: 20px;
		top: -20px;
		width: 25px;
		height: 25px;
		box-shadow: 6px 5px 9px -9px grey;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.arrow.top:after {
		bottom: -20px;
		top: auto;
	}


	#TextBereich {
		float:left;
		width: 800px;
		padding: 51px 45px 20px 20px;
		color: #083d37;
		text-align: left;
		font-family: Verdana;
		font-size: 1.0em;
		line-height: 1.45em;
		font-weight: normal;
/*		min-height: 350px; */
	}
#BottomElement {
	width: 1200px;
	height: 100px;
	margin: 0 auto;
	padding:  20px 0px 0px 0px;
	text-align: center;
	font-size: 1.1em;
	line-height: 1.2em;
	font-weight: lighter;
	letter-spacing: 0.1em;
	background-color: #083d37;
}
	#Adresse {
		float:left;
		width: 400px;
		min-height: 95px;
		text-align: left;
		padding-left: 0px;
		color: #FFF !Important;
	}
	#Legales {
		float:left;
		width: 400px;
		min-height: 95px;
		text-align: center;
	}
		.invisible {
			visibility: collapse;
			display: none;
		}
		.ZusatzNav {
			color: #FFF !Important;
			font-size: 1.0em;
			line-height: 1.5em;
			font-weight: lighter;
			letter-spacing: 0.1em;
			text-decoration: none !Important;
		}
		.ZusatzNav:hover {
			color: #FFF !Important;
			text-decoration: underline !Important;
		}
		.ZusatzNavAktiv {
			color: #FFF !Important;
			font-size: 1.0em;
			line-height: 1.3em;
			font-weight: lighter;
			letter-spacing: 0.1em;
			text-decoration: underline !Important;
		}
		.ZusatzNavAktiv:hover {
			color: #FFF !Important;
			text-decoration: none !Important;
		}
	#Kontakt {
		float:left;
		width: 400px;
		min-height: 95px;
		text-align: right;
		color: #FFF !Important;
	}
#FloatWerbung {
	position: absolute;
	top:500px;
}

/* AB hier wird alles Anders! HANDYLAYOUT: ein Element je Zeile */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/*                                     Mobile Styleanpassungen                                */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media screen and (max-width:1400px) {
	#wrap {
		width: 1000px;
	}
	#TopElement {
		width: 1000px;
	}
	#SlideShowElement {
		width: 1000px;
		height: 300px;
		margin: 0 auto;
		overflow: hidden;
	}
	#Banner {
		width:1000px;
	}
	#NavElement {
		width: 1000px;
		border-bottom: 4px solid #083d37;
	}
		#primary_nav_wrap {
			width: 1000px;
		}
		#primary_nav_wrap ul {
			padding: 0px 0px 0px 30px
		}
		.menu-item {
			float:left;
			font-size: 1.2em;
			letter-spacing: 0.0em;
			padding: 3px 23px 0px 23px !Important;
		}
		.current-menu-item {
			float:left;
			font-size: 1.2em;
			letter-spacing: 0.00em;
			padding: 3px 23px 0px 23px !Important;
		}
		.menu-item:hover {
			text-decoration: underline !Important;
		}
		.current-menu-item:hover {
			text-decoration: underline !Important;
		}
	#ContentElement {
			width: 1000px;
	}
		#NewsText {
				float: left;
				width: 900px;
				min-height: 50px;
				padding: 10px 0px 9px 30px;
				font-family: Verdana;
				font-size: 1.0em;
				line-height: 1.45em;
				font-weight: normal;
		}
		#NewsText p {
				text-align: center;
		}
		#TextBereich {
			float: left;
			width: 900px;
			padding: 10px 20px 20px 20px;
			color: #083d37;
			text-align: left;
			font-family: Verdana;
			font-size: 1.0em;
			line-height: 1.45em;
			font-weight: normal;
			min-height: 350px;
		}
		#Schema {
			width: 944px;
	 }
	 #FloatWerbung {
		position: absolute;
		top:700px;
	}
	#BottomElement {
		width: 1000px;
	}
		#Adresse {
			width: 300px;
			padding-left: 0px;
		}
		#Kontakt {
			width: 300px;
			padding-right: 0px;
		}
}
@media screen and (max-width:1000px) {
	td{
		font-size: 1.3em;
	}
	p{
		font-size: 1.2em;
	}
	td strong{
		font-size: 1.0em;
		padding-top: 20px;
		margin-top: 20px;
	}
	#wrap {
		width: 800px;
	}
	#TopElement {
		width: 800px;
		height: 60px;
		font-size: 2.6em;
		padding: 5px 0px 0px 0px;
	}
	#SlideShowElement {
		width: 800px;
		height: 240px;
		margin: 0 auto;
		overflow: hidden;
	}
	#Banner {
		width:800px;
	}
	#NavElement {
		width: 800px;
		height: 80px;
		border-bottom: 4px solid #083d37;
	}
		#primary_nav_wrap {
			width: 800px;
		}
		#primary_nav_wrap ul {
			padding: 0px 0px 0px 25px
		}
		.menu-item {
			float:left;
			font-size: 1.6em;
			letter-spacing: 0.0em;
			padding: 5px 8px 0px 8px !Important;
		}
		.current-menu-item {
			float:left;
			font-size: 1.6em;
			letter-spacing: 0.00em;
			padding: 5px 8px 0px 8px !Important;
		}
		.menu-item:hover {
			text-decoration: underline !Important;
		}
		.current-menu-item:hover {
			text-decoration: underline !Important;
		}
	#ContentElement {
			width: 800px;
	}
		#NewsText {
				float: left;
				width: 700px;
				min-height: 50px;
				padding: 10px 0px 9px 30px;
				font-family: Verdana;
				font-size: 1.0em;
				line-height: 1.45em;
				font-weight: normal;
		}
		#NewsText p {
				text-align: center;
		}
		#TextBereich {
			float: left;
			width: 700px;
			padding: 10px 20px 20px 20px;
			color: #083d37;
			text-align: left;
			font-family: Verdana;
			font-size: 1.0em;
			line-height: 1.45em;
			font-weight: normal;
			min-height: 350px;
		}
	#FloatWerbung {
		position: absolute;
		top:610px;
	}
	#BottomElement {
		width: 800px;
		font-size: 0.9em;
	}
		#Adresse {
			width: 300px;
			padding-left: 0px;
		}
		#Legales {
			width: 200px;
			padding-right: 0px;
		}
		#Kontakt {
			width: 300px;
			padding-right: 0px;
		}
		#Schema {
			width: 700px;
		}
		#WerbePic {
			width: 200px;
			top: 333px;
		}
	#BottomElement{
		font-size: 1.5em;
	}
		#Adresse {
			float:left;
			margin: 5px 0 5px 0;
			width: 95%;
		}
		#Legales {
			float:left;
			margin: 5px 0 5px 0;
			width: 95%;
		}
		#Kontakt {
			float:left;
			margin: 5px 0 5px 0;
			width: 95%;
		}
}

@media only screen and (max-width:800px) {
	#wrap {
		padding: 0px !Important;
	}
	#TopElement {
		height: 40px;
		font-size: 2.0em;
		font-weight: bold;
		padding-top: 10px;
	}
	#SlideShowElement {
		visibility: hidden;
		height: 5px;
	}
	#NavElement {
		padding-top: 15px;
		padding-left: 2px;
		display: inline-table;
		text-align: center;
		border-bottom: 4px solid #083d37;
	}
	h1{
		font-size: 3.0em;
		line-height: 1.0em;
	}
	h2 {
		font-size: 2.3em;
	}
	h3 {
		font-size: 1.7em;
	}
	td {
		font-size: 17px;
	}
	p {
		font-size: 1.2em;
	}
		#primary_nav_wrap {
			padding: 0px 0px 0px 5px;
			text-align: center;
		}
		#primary_nav_wrap ul {
			padding: 0px 0px 0px 0px;
			width: 800px;
			text-align: center;
		}
		.menu-item {
			float:left;
			font-size: 1.8em;
			letter-spacing: 0.0em;
			padding: 5px 10px 0px 10px !Important;
		}
		.current-menu-item {
			float:left;
			font-size: 1.8em;
			letter-spacing: 0.0em;
			padding: 5px 10px 0px 10px !Important;
		}
		.menu-item:hover {
			text-decoration: underline !Important;
		}
		.current-menu-item:hover {
			text-decoration: underline !Important;
		}
	#ContentElement {
	}
		#NewsText {
				float: left;
				text-align: center;
				min-height: 50px;
				padding: 10px 0px 9px 10px;
				font-family: Verdana;
				font-size: 1.0em;
				line-height: 1.45em;
				font-weight: normal;
		}
		#NewsText p {
				text-align: center;
		}
		#TextBereich {
			float: left;
			padding: 10px 10px 10px 10px;
			color: #083d37;
			text-align: left;
			font-family: Verdana;
			font-size: 1.0em;
			line-height: 1.45em;
			font-weight: normal;
			min-height: 350px;
		}
	#FloatWerbung {
		visibility: hidden;
	}
	#BottomElement {
		font-size: 1.2em;
	}
		#Adresse {
			line-height: 2.5em;
		}
		#Adresse p {
			text-align: center;
		}
		#Legales {
			visibility: hidden;
			display: none;
			height: 0px;
		}
		#Kontakt p {
			padding: 0px;
			text-align: center !Important;
		}
		#Schema {
			padding: 0px 0px 10px 10px;
		}
		#WerbePic {
			width: 100px;
			top: 333px;
		}

	.ZusatzNav {
		color: #FFF !Important;
		font-size: 1.0em;
		line-height: 2.5em;
		font-weight: lighter;
		letter-spacing: 0.1em;
		text-decoration: none !Important;
	}
}