@import url(http://fonts.googleapis.com/css?family=Ubuntu:400,700,300);
			body { background: #0078bf; color: #004771; text-align: center; margin: 0; padding: 0; font-size: 10px; font-family: Ubuntu,sans-serif; }
			img { border: none; vertical-align: bottom }
			#master { width: 715px; margin: auto; position: relative }
			header { position: relative; padding-top: 41px; background: #fff; text-align: left; }
			#navicon { display: none; }
			#logo { margin-left: -100px; }
			article { background: #fff; width: 715px; min-height: 800px; text-align: left; margin: 0 auto; padding-bottom: 50px; padding-top: 6px; }
			section { padding: 0 25px; font-size: 1.4em; line-height: 1.5em; }
			section#start { font-size: 1.6em; line-height: 1.5em; }
			.picsub { font-size: 0.75em; }
			#main { position: absolute; left:-300px; top: 255px; width: 275px; text-align: right; margin-right: 25px }
			.praxis { width: 180px; height: 125px; background: #fff; margin-bottom: 30px; }
			footer { position: absolute; top: 190px; right: -240px; }
			#main ul { position: relative; background: url(/static/images/brokenborder.gif) right top repeat-x; margin: 0; padding: 0; list-style: none; width: 275px; }
			#main li { text-align: right; font-size: 1.3em; font-weight: bold; line-height: 3.25em; background: url(/static/images/brokenborder.gif) right bottom repeat-x; }
			#main a { display: block; color: #fff; text-decoration: none; width: 100%; }
			#main a.current { color: #a3c3e1; }
			#main a:hover { color: #0078bf; background: #fff; text-decoration: none; width: 95%; padding-right: 5%; }
			#title { height: 65px; font-size: 1.5em; color: #a3c2de; width: 180px; }
			h1 { font-size: 1.7em; color: #0078bf; font-weight: normal; line-height: 1.4em; }
			h2 { font-size: 1.4em; color: #0078bf; font-weight: normal; line-height: 1.4em; }
			h3 { font-size: 1.1em; }
			a { color: #6faf00; text-decoration: none; }
div.addressEntry { position: relative; margin: 1.6em 0; }
div.addressBlock { position: relative; float: left; width: 235px; padding: 5px; border: 1px solid #0078BF; text-align: center; margin-bottom: 15px; }
div.address { position: relative; }
div.gLink { position: relative; display: block; margin-bottom: 1.0em; text-align: center; clear: right; }
#singleMap { padding: 1.6em 0; }
#addressLogo { float: right; margin-bottom: 12px; }
#umap { position: absolute; height: 504px; }
#gmap { position: relative; height: 350px; width: 100%; margin-bottom: 24px; display: none; }
div.std { font-size: 1.2em; line-height: 1.5em }
p.std { font-size: 1.2em; line-height: 1.5em }	
.separater { display: block; font-size: 1px; line-height: 1px; height: 2px; margin: 3em 0; background: url('/static/images/separater.gif') center top no-repeat; }
.terminTab td { padding: 0.2em 1em 0.2em 0 }
ul.praxen { position: relative; list-style: none; margin: 0 0 2em 0; padding: 0; }
ul.praxen li { display: inline-block; margin-right: 0.5em; }
ul.praxen a { display: inline-block; padding: 0.4em; border: 1px solid #6faf00; }
ul.praxen a:hover { background: #6faf00; color: #fff; }
.duenn { font-weight: 300; }
.email { margin-top: -1em; }
.editMode { color: red; margin: 10px 0; }
body > div[style="z-index: 1000;text-align:right;font-size:10px;color:grey;display:block !important;"] { margin-top: -20px; text-align: center!important; position: relative; }
			
		@media only screen and (max-width: 1278px) {
			#master{ padding-left: 300px; }
			#main { position: absolute; z-index: 1; left:0px; top: 255px; width: 275px; text-align: right; margin-right: 25px }
			footer { position: relative; right: auto; top: auto; padding: 25px 0; background: #fff url(/static/images/brokenborder.gif) right top repeat-x; }
			.praxis { display: inline-block; width: 160px; margin-right: 20px; }
			.praxis:last-child { margin-right: 0; }
			#title { width: 100%; color: #0078bf }
			article {  min-height: 0; padding-bottom: 25px; }
body > div[style="z-index: 1000;text-align:right;font-size:10px;color:grey;display:block !important;"] { padding-left: 300px; }
		}
			
		@media only screen and (max-width: 1023px) {
			#master{ padding-left: 0px; }
			#logo { margin-left: -40px; }
			#main { width: 0; right: 0; overflow: hidden; left: auto; top: 140px; background: #0078bf; box-shadow: 0 0 10px #888; -webkit-transition: width 0.3s; -moz-transition: width 0.3s; -ms-transition: width 0.3s; -o-transition: width 0.3s; transition: width 0.3s; }
			#navicon { display: block; position: absolute; top: 90px; right: 25px; }
			#main ul { background: none; width: 275px; }
			#main li { text-align: left; }
			#main li:last-child { background: none; }
			#main a { padding: 0 10px; width: auto; }
			#main a:hover { width: auto; padding-right: 0; }
			footer { position: relative; right: auto; top: auto; }
body > div[style="z-index: 1000;text-align:right;font-size:10px;color:grey;display:block !important;"] { padding-left: 0; }
		}
			
		@media only screen and (max-width: 767px) {
			#master{ width: 100%; }
			article { width: 100% }
			#logo { margin-left: 40px;  max-width: 70%; height: auto; }
			section { padding: 0 52px; font-size: 1.5em; line-height: 1.5em; }
			section img { max-width: 100%; height: auto; }
			footer { padding-bottom: 50px; }
			.praxis { width: 150px; margin: 10px }
			.praxis:last-child { margin-right: 10px; }
			div.gLink { float: none; margin-bottom: 1.0em; margin-top: 0; }
		}
			
		@media only screen and (max-width: 467px) {
			header { padding-top: 20px; }
			#main { top: 120px; }
			#logo { margin-left: 10px; }
			section { padding: 0 16px; }
			#navicon { right: 16px; top: 50px; }
		}
			
		@media only screen and (max-width: 359px) {
			#addressLogo { float: none; }
		}