#logoContainer {
	position: relative;
	margin: 0 auto;
	padding-left: 6px;
	width: 800px;
	height: 400px;
}
#logodiv {
	position: absolute;
	left: 0;
	top: 166px;
	z-index: 1000;
}
#logobg {
	width: 800px;
	height: 128px;
	background-color: white;
	/*opacity: 0.85;*/
	background: url(../pixel/logobg.png) left bottom repeat-x;
}
#logoimg {
	position: absolute;
	top: 34px;
}
#pages {
	margin: 0 auto 50px auto;
	width: 800px;
}

#hpNaviDiv {
	background-color: #cdeafa;
	border-radius: 30px;
	width: 720px;
	border: 6px solid #42a6c0;
}
#hpNaviDiv .privat {
	float: left;
	padding: 30px;
	width: 300px;
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
}
#hpNaviDiv .gewerbe {
	float: left;
	padding: 30px;
	width: 300px;
	background-color: white;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;

}
#hpNaviDiv h2 {
	font-size: 20px;
	font-weight: 900;
	margin-bottom: 10px;
}
#hpNaviDiv ul {
	margin-bottom: 5px;
}
#hpNaviDiv li {
	font-size: 16px;
	list-style-type: none;
	font-weight: 700;
	line-height: 32px;
	margin-left: 0;
	padding-left: 30px;
	background: url(../pixel/bullet_monitor1.png) 0 8px no-repeat;
}
#hpNaviDiv li a {
	color: inherit;
	text-decoration: none;
}

#staticElementsContainer {
	position: relative;
	margin: 0 auto 50px auto;
	width: 800px;
}

#kontaktDaten {
	position: absolute;
	top: 35px;
	right: 25px;
	z-index: 1001;
	font-size: 14px;
	font-weight: 700;
	text-align: right;
}

#lefticonbar {
	position: absolute;
	top: 173px;
	left: -77px;
	width: 45px;
}
#lefticonbar .icon {
	width: 41px;
	height: 37px;
	margin-bottom: 20px;
}
#lefticonbar .icon.drucker {
	background: url(../pixel/icons/drucker.png) center no-repeat;
}
#lefticonbar .icon.handy {
	background: url(../pixel/icons/handy.png) center no-repeat;
}
#lefticonbar .icon.laptop {
	background: url(../pixel/icons/laptop.png) center  no-repeat;
}
#lefticonbar .icon.monitor {
	background: url(../pixel/icons/monitor.png) center no-repeat;
}
#lefticonbar .icon.router {
	background: url(../pixel/icons/router.png) center no-repeat;
}
#lefticonbar .icon.tablet {
	background: url(../pixel/icons/tablet.png) center no-repeat;
}
#lefticonbar .icon.telefon {
	background: url(../pixel/icons/telefon.png) center no-repeat;
}


#righthandNaviDiv {
	position: absolute;
	top: 170px;
	left:565px;
	background-color: #cdeafa;
	border-radius: 20px;
	width: 216px;
	border: 4px solid #42a6c0;
}
#righthandNaviDiv .privat {
	padding: 20px 10px 20px 20px;
	width: 184px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}
#righthandNaviDiv .gewerbe {
	padding: 20px 10px 20px 20px;
	width: 184px;
	background-color: white;
	/*
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	*/
}
#righthandNaviDiv h2 {
	font-size: 16px;
	font-weight: 900;
	margin-bottom: 10px;
}
#righthandNaviDiv ul {
	margin: 0 -10px 0 -20px;
}
#righthandNaviDiv li {
	font-size: 16px;
	list-style-type: none;
	font-weight: 700;
	line-height: 22px;
	padding: 5px 0 5px 50px;
	margin-left: 0;
	background: url(../pixel/bullet_monitor1.png) 20px 9px no-repeat;
}
#righthandNaviDiv .privat li.active,
#righthandNaviDiv .privat li:hover {
	background-color: #ebf7fe;
	color: #0a718b;
}
#righthandNaviDiv .gewerbe li.active,
#righthandNaviDiv .gewerbe li:hover {
	background-color: #ebf7fe;
	color: #0a718b;
}

#righthandNaviDiv a {
	color: inherit;
	text-decoration: none;
}
#righthandNaviDiv .sonstiges {
	padding: 10px 20px;
}


#metanavi {
	position: absolute;
	top: 10px;
	right: 25px;
	z-index: 1001;
	font-size: 14px;
	font-weight: 400;
}
#metanavi a {
	color: #999999;
	text-decoration: none;
}


.page {
	padding-top: 170px;
	margin-bottom: 50px;
}

.page .motiv {
	margin-bottom: 40px;
}
.page .content {
	width: 540px;
}
.page .content h2 {
	font-size: 22px;
	margin-bottom: 5px;
}
.page .content a {
	color: #0a718b;
}
.page .content li {
	color: #0A718B;
/*	color: #42a6c0;*/
	font-weight: 700;
	margin: 0 0 5px 0;
	padding-left: 30px;
	list-style-type: none;
	background: url(../pixel/bullet_monitor3.png) 0 5px no-repeat;
}
#pHome {
	padding-top: 0;
}
#pHome .willkommen {
	font-size: 18px;
	width: 732px;
	text-align: center;
}
#pPreise td:first-child {
	width: 320px;
}
#pPreise td:last-child {
	width: 140px;
}
#pKontakt td {
	height: 30px;
}
#pKontakt td:first-child {
	width: 180px;
}
#pKontakt td:last-child {
	width: 360px;
}
#pKontakt input[type="text"] {
	width: 300px;
	padding: 2px;
	border: 1px solid #42a6c0;
}
#pKontakt select[name="bezirk"],
#pKontakt select[name="thema"] {
	width: 304px;
}
#pKontakt textarea {
	width: 300px;
	height: 150px;
	padding: 2px;
	border: 1px solid #42a6c0;
}
#formdanke {
	position: relative;
	top: -200px;
	width: 440px;
	margin: 20px;
	padding: 40px 20px;
	font-weight: bold;
	display: none;
	color: #0A718B;
	background-color: white;
	border-radius: 20px;
	border: 4px solid #42a6c0;
}
#formdanke .x {
	position: absolute;
	top:3px;
	right: 12px;
	color: #0A718B;
	font-weight: bold;
	cursor: pointer;
}
#formdanke p {
	margin-bottom: 0;
}