/* reset
------------------------------------------------------------------------------------------------------------------------------------*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size:1em; font-weight:normal; font-style:normal; }
ul,ol        { list-style:none; }
fieldset,img { border:none; }
caption,th   { text-align:left; }
table        { border-collapse:collapse; border-spacing:0; }
a:focus      { outline:none; }

/* layout
------------------------------------------------------------------------------------------------------------------------------------*/
body {
	color:#333333;
	font-family: sans-serif;
	font-size: 0.9em;
    line-height: 1.8em;
	padding:0 0 25px 0;
	background-color: #D7D7D7;
}
#content {background-color: #ECECEC;display: block;marign: 0 auto;}

/*>>>> change for media queries >>>>*/
#center {display: block; margin:0pt auto;
max-width:1200px;}
#head  {
display:block;margin:0;padding:0;width:auto;background-repeat: no-repeat;background-position: 0px 0px;
    height:309px;}
#menue    { 
display:block;position:relative;margin:0 auto;width: auto;background-color:rgba(31,62,110,0.60);
    height:40px;
	top:269px;}
#menue ul {padding: 10px 20px;}
#menue li { float:left;
    letter-spacing: 0.04em;
    padding:0px 15px 0 0;
    font-size: 1em;}
.container-2col {
  clear: left;
  float: left;
  width: 100%;
  overflow: hidden;
  background: none;
}
.container-1col {
  float: left;
  width: 100%;
  position: relative;
  background: none;
}
.col1 {
float: left;position: relative;overflow: hidden;
  width: 26%;
  margin: 2% 0;
}
.col2 {
float: left;position: relative;overflow: hidden;
  width: 66%;
  margin: 2% 0;
}

.block {display: inline-block;}/*<insert linebreaks*/
.hide {display:inline;}
.footdesk {display:inline;}
.footmob {display:none;}
.imp {margin-left:10px !important; display: inline;
}
#footer  {display: block;marign: 0 auto;color:#D2CAD5;text-align:center;background-color: #4B5067;width: auto;
    padding-top:1.4em;
    font-size:14px;
    height: 60px;}
#footer p {padding:20px;}
#footer a {color: #999900;text-decoration: none;}
#footer a:hover {color:#990000;}
.page {display: block;width:90%; height:auto;}
.portrait {
    display: block;
    width: 160px;
    float: right;
    margin: 0 0 10px 10px;
}
h1 {
	color:#4D5872;
	font-weight:normal;
	font-family: Georgia, "Times New Roman", Times, serif;
    line-height: 1.5em;
    font-size:1.8em;
	padding:10px 0 10px 0;
}
h2 {
	color:#5F6518;
	font-size:1.4em;
	padding:5px 0 0px 0;
	font-weight:normal;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
h3 {
	color:#684E48;
	display:inline;
	font-weight: bold;
}
p  { padding:0 0 10px 0; display:block; }
blockquote p { color:#990000; text-align:right; padding:10px 0 0 0; }
blockquote p span { font-size:11px; }
.klein {
	font-size: 9px;
}
ul.navi a {color:#fff;text-decoration:none;font-weight:400;}
ul.navi a:hover {color:#eaf853;} 
ul.list {list-style-type: none;}
ul.listenpunkt {list-style-type: disc !important;padding-left: 18px;padding-bottom: 10px;}

a        { color:#333; }
a:hover  { color:#990000; }
a.current {color:#CCCC33 !important;}
/*>>>> fin change for media queries >>>>*/


.header-home  {
	background-image: url(../image-assets/sjheader-01.jpg);
}
.header-analytische  {
	background-image: url(../image-assets/sjheader-02.jpg);
}
.header-behandlungs  {
	background-image: url(../image-assets/sjheader-03.jpg);
}
.header-ausbildung  {
	background-image: url(../image-assets/sjheader-04.jpg);
}
.header-was  {
	background-image: url(../image-assets/sjheader-05.jpg);
}
.header-kontakt  {
	background-image: url(../image-assets/sjheader-06.jpg);
}
.header-praxisgemeinschaft  {
	background-image: url(../image-assets/sjheader-07.jpg);
}
.header-links  {
	background-image: url(../image-assets/sjheader-08.jpg);
}
.header-impressum  {
	background-image: url(../image-assets/sjheader-01.jpg);
}


 @media screen and (max-width: 1024px){
#center  {max-width:800px;}
#head {height: 209px !important; background-size:contain;
}
#menue    {top:169px;height: 40px;}
#menue ul {font-size: 0.9em;padding: 10px 10px;}
#menue li {padding:0px 5px 0 0;letter-spacing: 0.02em;}
.col1 {
float: left;position: relative;overflow: hidden;
  width: 30%;
  margin: 2% 0;
}
.col2 {
float: left;position: relative;overflow: hidden;
  width: 66%;
  margin: 2% 0;
}
#footer  {
    font-size:15px;
    height: 200px;
     padding-top:1em;}
.footdesk {display:none;}
.footmob {display:inline;}
.imp {margin-left:10px !important; display: inline;
}}