@media screen {

img, embed, object, video {
  max-width: 100%;
  height: auto;
  width: auto;
}

body {
overflow-y:scroll
}

#page-wrapper {
background:url(images/noisy-background.jpg) repeat scroll 0 0 transparent
}

#top-bar {
background:#750600;
border-bottom:1px solid #3C0600;
height:7px
}

#logo {
background:url(images/logo.png) no-repeat scroll 0 0 transparent;
height:140px;
margin-left:11px;
width:200px
}

.banner {
margin:1.5em -6px 0;
max-width:100%!important
}

.ym-wrapper {
margin:0 auto;
max-width:80em
}

.ym-wbox {
padding:0 1.5em 1.5em
}

body > header,body > nav,body > #main,body > footer {
min-width:760px
}

header h1 {
background:transparent;
color:#fff
}

header .ym-wbox {
padding:1.5em
}

.page-header {
padding:0 1.5em
}

#main .info {
margin-bottom:1.5em
}

.google-maps {
max-width:100%;
width:auto
}

footer {
background:url(images/footer-background4.png) repeat-x scroll 0 0 #5E0600;
color:#DDD;
margin-top:1em
}

footer p {
margin:0
}

footer .ym-wbox {
padding:8px 1.5em 3.7em
}

.horizontal-line {
background:url(images/horizontal-line.png) repeat scroll 0 0 transparent;
height:2px;
margin:20px 0
}

#copyright {
text-align:center
}

.ym-gbox {
padding:0 1.5em
}
/*
.ym-gl {
background: url("../screen/images/border-ver-main.png") repeat-y scroll right center transparent
}
*/
.ym-gbox-left {
background:url(images/border-ver-main.png) repeat-y scroll right center transparent;
padding:0 1.5em 0 0
}

.ym-gbox-right {
padding:0 0 0 1.5em
}

.gbox-middle {
padding-left:1.5em
}

section.box {
padding:0 1.5em 1.5em
}

#main aside .ym-gbox-right {
border-left:1px #ddd solid
}

.ym-skiplinks a.ym-skip:focus,.ym-skiplinks a.ym-skip:active {
background:#333;
border-bottom:1px #000 solid;
color:#fff;
padding:10px 0;
text-align:center;
text-decoration:none
}
}

@media screen and (min-width: 0px ) {
body > header,body > nav,body > #main,body > footer {
min-width:0
}
}

@media screen and (max-width: 960px) {
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,DIV.csc-textpic-right DIV.csc-textpic-imagewrap,DIV.csc-textpic-left DIV.csc-textpic-imagewrap {
float:none!important
}
}

@media screen and (max-width: 860px) {
#logo {
margin:0 auto
}  
}

@media screen and (max-width: 760px) {
.secondary {
border-top:1px #888 solid;
margin-top:1.5em!important
}

#main aside .ym-gbox-right {
border:0 none
}

.linearize-level-1,.linearize-level-1 > [class*=ym-g],.linearize-level-1 > [class*=ym-col] {
display:block;
float:none;
margin:0;
padding:0;
width:100%!important
}

.linearize-level-1 > [class*=ym-g] > [class*=ym-gbox],.linearize-level-1 > [class*=ym-col] > [class*=ym-cbox] {
margin:0;
overflow:hidden;
padding:0
}

hr {
background:none;
margin:0;
padding:0
}

.ym-searchform {
display:block;
float:none;
text-align:right;
width:auto
}

.ym-searchform input[type=search] {
width:14%
}

.ym-gbox-left {
background:none repeat scroll 0 0 transparent
}

footer .ym-g33 {
margin:0 auto;
text-align:center
}

.footer_table_sprechzeiten {
margin:0 auto
}

footer h3 {
margin:1em 0 .3em
}
}

@media screen and (max-width: 480px) {
header .ym-wbox {
padding:.75em 10px
}

footer .ym-wbox,.ym-wbox,.ym-searchform,nav .ym-hlist ul {
padding-left:10px;
padding-right:10px
}

header h1 {
font-size:1.5em;
line-height:1em;
margin:0
}

.linearize-level-2,.linearize-level-2 > [class*=ym-g],.linearize-level-2 > [class*=ym-col] {
display:block;
float:none;
margin:0;
padding:0;
width:100%!important
}

.linearize-level-2 > [class*=ym-g] > [class*=ym-gbox],.linearize-level-2 > [class*=ym-col] > [class*=ym-cbox] {
margin:0;
overflow:hidden;
padding:0
}

.ym-searchform,nav .ym-hlist ul,nav .ym-hlist li {
display:block;
float:none;
text-align:left;
width:auto
}

.ym-searchform input[type=search] {
width:75%
}
}