body, h1, h2, h3, h4, h5, p {
font-family: 'Source Sans Pro', sans-serif;
font-weight: normal;
text-align:left;
}
body {
background: #fcfcfc;
}
p {
font-size: 15px;
line-height: 1.5;
}
h1 {
font-weight: normal;
}
h1.detailh1 {
font-size: 24px;
}
h2.detailh2 {
font-size: 18px;
}
h2 {
}
h3 {
font-size: 22px;
padding-top: 12px;
}
h3.content {
font-size: 24px;
}
h3, h4 {
margin-top: 4px;
color: #560c0a;
}
h4 {
font-size: 27px;
}
.sidepanel {
background: #B3A189; 
}
.topic {
margin: 0;
color: #999;
text-transform: uppercase;
font-size: 13px;   
font-weight: 400;    
color: #222;
}
a {
color: rgb(154, 139, 123);
color: #716252;
}
a:hover {
color: #000;
}
.nav-bar {
font-family: 'Source Sans Pro', sans-serif;
background: transparent;
padding-left: 15px;
margin-top:0px;
position:fixed;
top:0;
margin-left: 520px;
z-index:9999; 
margin-left:0; 
right: 0;
}
.nav-bar li {
background-color: #bbb;
background-color: #999;
}
.nav-bar li.active {
background-color: #B3A189;
}
.nav-bar li.active  a:hover {
}
.nav-bar li a:hover {
}
.nav-bar > li:hover { 
background: #B3A189;
}
.nav-bar > li.has-flyout:hover {
border-top: 1px solid #666;
border-left: 1px solid #666;
}
.nav-bar > li > a {
color: #fff;
}
.nav-bar > li,
.nav-bar > li.active {
border-color: transparent;
}
.nav-bar > li:last-child {
border-right: 1px solid transparent;
}
.nav-bar > li.has-flyout > a:first-child:after { content: ""; display: block; width: 0; height: 0; border: solid 4px; border-color: #fff transparent transparent transparent; position: absolute; right: 20px; top: 17px; 
}
ul#double { width: 480px !important; overflow:hidden; }
ul#triple { width: 580px !important; overflow:hidden; }
ul#double li, ul#triple li {
float:left;
display:inline;
}
#double li { width: 50%; }
#triple li { width: 33.3%; }
footer.row {
margin-top: 40px;
padding-top: 20px;
padding-bottom: 20px;
border-top:1px solid #999;
}
.more {
display: block;
}
.channel {
font-style: italic;
font-weight: 300;
color: #999;
border-bottom: 1px solid #eee;
font-size:14px;
}
.logolink {
background: transparent;
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.contentimage {
display: block;
float: left;
padding: 0 10px 10px 0;
margin: 6px 0 0 0;
color: #666;
}
.contentimage span {
font-size: 90%;
font-style: italic;
}
#main {   
}
#sidebar.columns { }
#bread {
margin: 0 0 25px 0;
width: 98%;
text-transform:uppercase;
}
.bgshadow img {
}
.signature {
display: block;
margin-top: 10px; color: #333;
opacity: .9; z-index:10; 
background: transparent; 
position:absolute;
top: 0;
left: 40px;
color: #EAE7E1;
color: #333;    
}
.signature h6 { width: auto; 
text-align:left;
padding: 0px 20px 10px 20px;
line-height:1.4; 
font-size:56px;    
font-weight: normal;
}
.signature span {
font-size:40%;
display:block;
margin: 0 0 8px 0;
}
.intro {
background: transparent;
color: #eee;
left: 20px;
position: absolute;
top: 160px;
text-align: left;
width: 60%;
line-height: 30px;
}
.intro h1 {    
color: #fff;
}
.intro h2 {    
font-size: 18px;
line-height: 1.4;
color: #000;        
}
.intro h3 {
font-size: 17px;
line-height: 1.4;
color: #fff;
}
.intro a {
border-bottom: 1px dotted #fff;
}
footer {
background: #eee;
border-top: 1px solid #eee;
padding: 20px;
margin-top: 30px;
}
.bgshadow {
text-align: center; 
position: relative;
overflow: hidden;
max-height: 280px;    
height: 280px;
}
.bgshadow-sub {
height: 50px;
}
.bgshadow-sub .signature {
display: block;
margin-top: 0px;
font-family: 'Nothing You Could Do', cursive;
color: #333;
opacity: .9; z-index:10; 
background: transparent; 
top: 0;
left: auto;
color: #EAE7E1;
color: #333;   
}
.bgshadow-sub .signature h6 {
font-family: 'Nothing You Could Do', cursive;
width: auto; 
text-align:left;
padding: 0;
marign-left: 0;
line-height:1.2; 
font-size: 26px;
}
.bgshadow-sub .signature span {
font-size:70%;
display:block;
margin: 0 0 8px 0;
}
.smallhead {
height: 340px;    
overflow: visible;   
}
.smallhead .intro {
top: 218px;
width: 53%;
}
.smallhead .signature h6 {
font-size: 42px;
padding-top: 0;
}
.booking {
font-size: 17px;
}
#ConentpageText p,
#ConentpageSidebar p {
text-align: justify;
}
#ConentpageText {
padding-left: 60px; 
}
aside p {
font-style: normal;
font-size: 14px;
line-height: 1.5;
}
aside {
border-left: 1px solid #000; 
padding-right: 60px;
margin-top:20px;
}
.index h3 {
margin-top: 30px;
}
.index {
margin-bottom: 50px;
} .index2 h3 {
margin-top: 30px;
}
.index2 {
margin-bottom: 50px;
}
.slogan {
font-size: 19px; 
color: #545454;
}
.logo {
font-family: 'Source Sans Pro',sans-serif; 
color: #333;
margin-top: 0;
}
.signature .name {
font-family: 'Source Sans Pro',sans-serif; 
font-weight: 600;
font-size: 24px; 
line-height:24px;
color: #545454;
margin-bottom: 16px;
}
.signature .subname {
font-family: 'Source Sans Pro',sans-serif; 
font-size: 18px;
color: #545454;
}
.detailh2 {
font-size: 21px; 
text-align:justify; 
line-height: 1.4; 
color: #333; 
}
.detailh1 {
color: rgb(118, 34, 32); 
}
.image {
padding-right: 0;
text-align:right;
}
.nav-bar > li {
line-height: 38px;
}
.flyout {
top: 33px;
}
.contactbox {
font-size: 16px;
}
.lfloat {
float: left;
display: block;
width: 90px;
}
.boxcontent {
float: left;
} .modal {
cursor: pointer;
}
@media only screen and (min-width: 1441px) { 
.bgshadow {
background: url(//www.sanfte-koloskopie-wien.at/wp-content/themes/dr-scharf/images/header/start.jpg) no-repeat left top; 
}    
}
@media only screen and (max-width: 767px) { .image {
text-align: center;
}
.detailh1 {
font-size: 36px;
}
.nav-bar {
position: static;
margin:0;
padding:0;
}
body {
margin: 0;
padding: 0; position: absolute;
}    
.column, .columns { 
float: left; 
min-height: 1px; 
padding: 0 15px; 
position: relative; 
}
#ConentpageText {
padding-left: 15px; 
}
aside {
border-left: none; 
padding-right: 15px;
margin-top:20px;
}
p {
font-size: 14px;
}
.detailh2 {
font-size: 18px; 
}
}
@media only screen and (device-width: 768px) { body {
margin: 0;
padding: 0;
width: auto;
position: absolute;
}
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) { }
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) { }
.featured a {
display: block;
height: 204px;
width: 100%;
text-align:center;
background-color: #000;
margin: 0;
padding: 0;
}
.sidetitl { display: none; }
@media only screen and (min-device-width: 300px) and (max-device-width: 1024px) { .header-image { background: url(//www.sanfte-koloskopie-wien.at/wp-content/themes/dr-scharf/images/header/start-mobile.jpg) no-repeat left top; background-size:100% 600px; }
}
@media only screen and (min-width: 300px) and (max-width: 1200px) {
.scrollgallery { width:auto !important;}
} .scrollgallery .arrows{
zoom: 1; top: 50%;
display: block;
outline: medium none;
position: absolute;
width: 40px;
height: 25px;
margin-top:-12px;
}
.scrollgallery .prev_arrow{
left: 0;
background: url(//www.sanfte-koloskopie-wien.at/wp-content/themes/dr-scharf/prev_button3.png) left center no-repeat;
}
.scrollgallery .next_arrow{
right: 0;
background: url(//www.sanfte-koloskopie-wien.at/wp-content/themes/dr-scharf/next_button3.png) right center no-repeat;
} ul.styled-list, ul.styled-list li  { list-style-position: outside; margin-left: 15px; }