/*******************************************************************************
*  style-zweispaltig.css : 2014-05-13
*******************************************************************************/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {margin: 0;padding: 0;}
header, footer, nav, section, aside, article, figure, figcaption {display: block;}
html, body {height: 100%;width: 100%; background-color: #000066;}
body {
	font-family: "Trebuchet MS", helvetica, sans-serif;
	font-size: 100.1%;
	margin: 0 auto;
	padding: 0em;
	background: url(../images/bg_page.gif) repeat top left #000066;
	color: #333333;
}
html, body {height: auto;}
.clear {clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clear:after, .ce_text:after, .event.layout_full:after {clear:both;content:' ';display:block;font-size:0;
line-height:0;visibility:hidden;width:0;height:0;}
* html .clear {height:1%;}
.hide, .invisible {
	display: none !important;
}
/*******************************************************************************
*  Page
*******************************************************************************/

.hide {display: none !important;}
.block {overflow: visible;}
#page {position: relative;clear: left;color: #333; background: url(../images/bg_main.png) no-repeat left top; width: 848px;min-width: 500px;margin: 0 auto;font-size: 0.88em;padding-top: 16px;}

img {border:none;margin: 0 16px 16px 0;}
table {border:none;}
table td {padding: 0 2px; font-size: 14px;}
#main .ce_gallery ul {display: inline;list-style: outside none none;}
#main .ce_gallery ul li {float: left;list-style: outside none none;padding: 0;
margin-left: 0;}

table th {padding: 2px;font-style: italic;}
figure {margin: 0; padding: 0 2px;}
figure img {margin: 2px 2px 2px 0;}

/************************** Header  *****************************/
header {position: relative;z-index: 2;clear: left;width: 848px;min-width: 500px;margin: 0 auto; color: #888888;height: 186px;background-color: #000066;}
header .logo, header .firma, header .praxis  {overflow: visible;position: relative;display: block; float: left; margin-left: 0;}
header .logo {width: 220px;}
header .firma {margin-top: 12px; padding-left: 0px;width: 450px;}
header .praxis {margin-top: 24px; padding-left: 16px;width: 160px;}
header h1 {display: inline;margin-top: 0px; margin-bottom: 0px;color: #FFCC00; font-size: 24px;font-weight: normal; text-align: center;}
header h2 {color: #FFF; font-size: 12px;font-weight: bold; text-align: center;}
header h3 {font-size: 18px;font-weight: bold; color: #FFF; text-align: center; padding-top: 8px;}
header img {margin-left: 0px;margin-top: 8px;}

/************************ Container  ***************************/

aside#right {width:0px;float: right;}
aside#left {width:222px;float: left;}

#container {margin-top: 16px;width:848px;background-color: transparent;}

#main {width:auto !important;margin: 0 0 0 222px;z-index: 1;background-color: transparent;}
#main .inside {padding:16px;}
#main a:link, #main a:visited, #main a:active {color:#000066; background-color: transparent;text-decoration: none;text-align: right;}
#main a:hover {text-decoration: underline;}
#main ul li a:link, #main ul li  a:visited, #main ul li  a:active, #main ul li a:hover {color:#006699; background-color: transparent;text-decoration: underline;text-align: right;}
#main p {padding: 8px 0; font-size: 1em;}
#main ul li {font-size: 14px;color:#006699; background-color: transparent; margin-left: 16px;}
h1 {font-size:1.5em;font-weight:normal;color:#000066;background-color:transparent;margin-bottom: 16px;}
h2 {font-size:1em;font-weight:bold;color:#000066;background-color:transparent;margin-bottom: 2px;}
h3 {background-color: transparent;color: #000066;font-size: 1em;font-weight: bold;margin-bottom: 0px; margin-top: 16px;}
h4 {background-color: transparent;color: #000066;font-size: 1.1em;font-weight: normal;margin-bottom: 8px; margin-top: 16px;}
h5{font-size:1em;font-weight:bold;color:#000066;background-color:transparent;margin-bottom: 2px;}
dl {width: 140px;float: left;}
dl dt {font-size: 11px;}

/*******************************************************************************
*  vertikale Navigation
*******************************************************************************/

aside#left nav.nav01, aside#left nav.nav02, aside#left nav.nav03, aside#left nav.nav04 {margin: 1em 0 1em 8px;}
aside#left nav.nav01 ul li a, aside#left nav.nav01 ul li a.active,aside#left nav.nav02 ul li a, aside#left nav.nav02 ul li a.active,
aside#left nav.nav03 ul li a, aside#left nav.nav03 ul li a.active, aside#left nav.nav01 ul li.active,
aside#left nav.nav02 ul li.active, aside#left nav.nav03 ul li.active {color: #FFCC00; background-color: transparent;}
aside#left nav.nav01 ul li ul li a, aside#left nav.nav02 ul li ul li a, 
aside#left nav.nav03 ul li ul li a, aside#left nav.nav04 ul li a {color: #000066; background-color: transparent; margin-left: 88px;}
aside#left nav.nav01 ul li ul li.active, aside#left nav.nav02 ul li ul li.active, 
aside#left nav.nav03 ul li ul li.active, aside#left nav.nav04 ul li.active {color: #000066; background-color: transparent; margin-left: 88px; font-weight: normal; font-size: 14px;}

aside#left nav.nav01 ul, aside#left nav.nav01 ul li, aside#left nav.nav02 ul, aside#left nav.nav02 ul li, 
aside#left nav.nav03 ul, aside#left nav.nav03 ul li, aside#left nav.nav04 ul, aside#left nav.nav04 ul li {margin: 0;padding: 0;list-style-type: none;display: block;}
aside#left nav ul li a, aside#left nav.nav01 ul li.active, 
aside#left nav.nav02 ul li.active, aside#left nav.nav03 ul li.active {display: block; text-decoration: none; font-weight: bold; font-size: 16px;}
aside#left nav ul li ul li a, aside#left nav.nav04 ul li a {display: block; text-decoration: none; font-weight: normal; font-size: 14px;}
aside#left nav ul li {padding: 2px 10px 2px 16px;}
aside#left nav.nav01 ul li ul, aside#left nav.nav02 ul li ul, aside#left nav.nav03 ul li ul {padding-bottom: 16px; padding-top: 16px;}
aside#left nav ul li ul li {padding: 2px 10px 2px 8px;}

aside#left nav.nav01 {background: url(../images/nav1_osteopathie.png) no-repeat left 24px; margin-top: 24px;padding-bottom: 8px;}
aside#left nav.nav02 {background: url(../images/nav2_verfahren.png) no-repeat left 24px;}
aside#left nav.nav03 {background: url(../images/nav3_praxis.png) no-repeat left 24px;padding-bottom: 8px;}

* html aside#left nav ul li a/* hide from IE5.0/Win & IE5/Mac */ {height: 1%;}
* html aside#left nav ul {position: relative;	/* IE needs this to fix a rendering problem */}

/*******************************************************************************
*  Footer
*******************************************************************************/

footer {font-size: 0.82em;color: #FFF; padding: 8px 0;position: relative;clear: left;width: 848px;min-width: 500px;margin: 0 auto;background-color: transparent;}
footer .inside {text-align: center;}
footer  a {color: #FFF; background-color: transparent;text-decoration: none;}
footer p {text-align: center;padding-top: 16px; font-size: 0.82em;}

/* Media queries!
-------------------------------------------------------------------------------*/
@media only screen and (max-width:700px){body, #page, #container, header {background:none;border:none; padding: 4px;}
#main, aside#left {background-color: #FFF;} 
#page, footer, #container{width:100%;font-size:0.75em;margin:0 auto;max-width:300px;min-width:680px;}
header .logo {height: 170px;}
aside#left, aside#right, header, header .logo, header .firma, header .praxis {float:none;margin:0;padding:0;width:auto;display:block;}
#main{margin:0;width:50%;}
header{padding:0;height: auto;}
#main table{width:auto;}
}

@media screen and (max-width:480px){html, body {height: 100%;width: 320px;}
body, #page, #container, header {background:none;border:none; padding: 4px;}
#main, aside#left {background-color: #FFF;}
#page, footer, #container{width:100%;font-size:0.75em;margin:0 auto;max-width:320px;min-width:300px;}
header .logo {height: 170px;}
aside#left, aside#right, header .logo, header .firma, header .praxis {float:none;margin:0;padding:0;width:auto;;display:block;}
#main{margin:0;width:50%;}
header{padding:0;height: auto;}
#main table{width:auto;}
}

@media screen and (max-width:320px){body, #page, #container, header {background:none;border:none; padding: 4px;}
#main, aside#left{background-color: #FFF;}
#page, footer, #container{width:310px;font-size:0.75em;margin:0 auto;max-width:300px;min-width:320px;}
header .logo {height: 170px;}
aside#left, aside#right, header, header .logo, header .firma, header .praxis {float:none;margin:0;padding:0;width:auto;;display:block;}
#main{margin:0;width:50%;}
header{padding:0;height: auto;}
#main table{width:auto;}
}

@media screen and (max-width:768px){html, body {height: 100%;width: 100%;}
body, #page, #container, header {background:none;border:none; padding: 4px;}
#main, aside#left {background-color: #FFF;}
#page, footer, #container{width:100%;font-size:0.75em;margin:0 auto;max-width:490px;min-width:300px;}
header .logo {height: 170px;}
aside#left, aside#right, header .service, header .logo, header .praxis {float:none;margin:0;padding:0;width:auto;;display:block;}
#main{margin:0;width:50%;}
header{padding:0;height: auto;}
#main table{width:auto;}
}