@media only screen and (max-width:970px) {


}


@media only screen and (max-width:770px)  {

#mediaQuery {display:block;}
.nostyle  {display:inline;}
.style {display:none;}
.fl, .fr, .floatLeft, .floatRight {float:none !important;}
.showmedia {display:block;}
.hidemedia {display:none;}
img.scale {margin-bottom:10px;}

body {background:url(none) repeat-x 0px 0px !important;background-color:#fff;}
#header #headerWrapper {width:100%;}
#page {width:100%;border-bottom:0px;}
#pageWrapper {width:100%;background-color:#fff;} 
#imgHeader .picHeader {position:relative;}
#imgHeader .picHeader .logo {display:none;}
.flex-caption {position: relative;z-index:2;left:0%;text-align:center;bottom:0%;background-color:#fff;color: #333;}

#naviTop {padding-left:0px;padding-bottom:0px;}
#navipoint {display:block;height:50px;width:50px;margin:0px auto;padding:10px 0px 0px 0px;}
#naviTop:not(:target) #navihead, #naviTop:target .zeigen, #naviTop .verstecken {display: none;}
#naviTop:target #navihead, #naviTop:target .verstecken {display: block;}
#navihead {max-width:290px;margin:0px auto;}

#navihead ul.menu {font-weight:bold;font-size:100%;border-top:1px solid #999;border-left:1px solid #999;border-right:1px solid #999;max-width:200px;margin:0px auto;}
#navihead ul.menu > li {display:block;text-align:left;}
#navihead ul.menu li a {padding: 7px 0px 7px 8px;border-right:none;border-bottom:1px solid #999;color:#333;}
#navihead ul.menu li.current a:link, #navihead ul.menu li.current a:visited, 
#navihead ul.menu li.current a:focus, #navihead ul.menu li.current a:hover, #navihead ul.menu li.current a:active,
#navihead ul.menu li:focus, #navihead ul.menu li:hover, #navihead ul.menu li:active {color:#333;}
#navihead ul.menu ul {margin-left: 0px;border:none;-webkit-box-shadow:none;-moz-box-shadow: none; box-shadow: none;}
#navihead ul.menu li ul.nav-child {position:relative;}
#navihead ul.menu li ul.nav-child li a {color:#333;padding: 7px 14px 7px 24px;}
#navihead ul.menu li:hover ul.nav-child li a:focus, #navihead ul.menu li:hover ul.nav-child li a:hover {color:#333;}
#navihead ul.menu li ul.nav-child li.current a:focus, #navihead ul.menu li ul.nav-child li.current a:hover, #navihead ul.menu li ul.nav-child li.current a:active,
#navihead ul.menu li ul.nav-child li.current a:link, #navihead ul.menu li ul.nav-child li.current a:visited {color:#333;}

.navLink {width:45px;height:45px;display:block;}
.gis {width:45px;height:45px;float:left;}

#yachten ul.menu li {display:block;width:80%;padding-bottom:20px;padding-right:0%;margin:0px auto;}
#home ul.menu li {display:block;width:80%;padding-bottom:20px;padding-right:0%;margin:0px auto;}

#outerwrapper {min-height:10px !important;}
#outerwrapper #contentColumn {width:96%;padding:0em 2% 0em 2%;text-align:left;}

#outerwrapper #contentColumn .spalten25, #outerwrapper #contentColumn .spalten33, #outerwrapper #contentColumn .spalten50, #outerwrapper #contentColumn .spalten66,
#outerwrapper #contentColumn .spalten75, #outerwrapper #contentColumn .spalten80 {width:100%;}
#outerwrapper #contentColumn .spalten33:first-of-type {margin-right:0%;}
#outerwrapper #contentColumn .spalten25:first-of-type, #outerwrapper #contentColumn .spalten25:nth-of-type(2) {margin-right:0%;}
#outerwrapper #contentColumn .spalten20:first-of-type, #outerwrapper #contentColumn .spalten20:nth-of-type(2), #outerwrapper #contentColumn .spalten20:nth-of-type(3) {margin-right:0%;}
#outerwrapper #contentColumn .zelle30, #outerwrapper #contentColumn .zelle40, #outerwrapper #contentColumn .zelle50, #outerwrapper #contentColumn .zelle60, #outerwrapper #contentColumn .zelle70 {width:100%;}

div[class^='blog'] .row-fluid [class*='span6'], div[class^='blog'] .row-fluid [class*='span4'], div[class^='blog'] .row-fluid [class*='span3'] {width:90%;margin:0px auto;}
div[class^='blog'] .row-fluid [class*='span6']:first-child, div[class^='blog'] .row-fluid [class*='span4']:first-child, div[class^='blog'] .row-fluid [class*='span3']:first-child {margin:0px auto;}
div[class^='blog'] .row-fluid .span6 .pull-left, div[class^='blog'] .row-fluid .span4 .pull-left, div[class^='blog'] .row-fluid .span3 .pull-left {float:none;text-align:center;} 

#footer {min-height:10px;}

}

@media only screen and (max-width:320px) {
#pageWrapper {width:310px;}
}

@media only screen and (max-device-width:970px) and (orientation : landscape) {

#mediaQuery {display:block;}
.nostyle  {display:inline;}
.style {display:none;}
.fl, .fr, .floatLeft, .floatRight {float:none !important;}
.showmedia {display:block;}
.hidemedia {display:none;}
img.scale {margin-bottom:10px;}

body {background:url(none) repeat-x 0px 0px !important;background-color:#fff;}
#header #headerWrapper {width:100%;}
#page {width:100%;border-bottom:0px;}
#pageWrapper {width:100%;background-color:#fff;} 
#imgHeader .picHeader {position:relative;}
#imgHeader .picHeader .logo {display:none;}
.flex-caption {position: relative;z-index:2;left:0%;text-align:center;bottom:0%;background-color:#fff;color: #333;}

#naviTop {padding-left:0px;padding-bottom:0px;}
#navipoint {display:block;height:50px;width:50px;margin:0px auto;padding:10px 0px 0px 0px;}
#naviTop:not(:target) #navihead, #naviTop:target .zeigen, #naviTop .verstecken {display: none;}
#naviTop:target #navihead, #naviTop:target .verstecken {display: block;}
#navihead {max-width:290px;margin:0px auto;}

#navihead ul.menu {font-weight:bold;font-size:100%;border-top:1px solid #999;border-left:1px solid #999;border-right:1px solid #999;max-width:200px;margin:0px auto;}
#navihead ul.menu > li {display:block;text-align:left;}
#navihead ul.menu li a {padding: 7px 0px 7px 8px;border-right:none;border-bottom:1px solid #999;color:#333;}
#navihead ul.menu li.current a:link, #navihead ul.menu li.current a:visited, 
#navihead ul.menu li.current a:focus, #navihead ul.menu li.current a:hover, #navihead ul.menu li.current a:active,
#navihead ul.menu li:focus, #navihead ul.menu li:hover, #navihead ul.menu li:active {color:#333;}
#navihead ul.menu ul {margin-left: 0px;border:none;-webkit-box-shadow:none;-moz-box-shadow: none; box-shadow: none;}
#navihead ul.menu li ul.nav-child {position:relative;}
#navihead ul.menu li ul.nav-child li a {color:#333;padding: 7px 14px 7px 24px;}
#navihead ul.menu li:hover ul.nav-child li a:focus, #navihead ul.menu li:hover ul.nav-child li a:hover {color:#333;}
#navihead ul.menu li ul.nav-child li.current a:focus, #navihead ul.menu li ul.nav-child li.current a:hover, #navihead ul.menu li ul.nav-child li.current a:active,
#navihead ul.menu li ul.nav-child li.current a:link, #navihead ul.menu li ul.nav-child li.current a:visited {color:#333;}

.navLink {width:45px;height:45px;display:block;}
.gis {width:45px;height:45px;float:left;}

#yachten ul.menu li {display:block;width:80%;padding-bottom:20px;padding-right:0%;margin:0px auto;}
#home ul.menu li {display:block;width:80%;padding-bottom:20px;padding-right:0%;margin:0px auto;}

#outerwrapper {min-height:10px !important;}
#outerwrapper #contentColumn {width:96%;padding:0em 2% 0em 2%;text-align:left;}

#outerwrapper #contentColumn .spalten25, #outerwrapper #contentColumn .spalten33, #outerwrapper #contentColumn .spalten50, #outerwrapper #contentColumn .spalten66,
#outerwrapper #contentColumn .spalten75, #outerwrapper #contentColumn .spalten80 {width:100%;}
#outerwrapper #contentColumn .spalten33:first-of-type {margin-right:0%;}
#outerwrapper #contentColumn .spalten25:first-of-type, #outerwrapper #contentColumn .spalten25:nth-of-type(2) {margin-right:0%;}
#outerwrapper #contentColumn .spalten20:first-of-type, #outerwrapper #contentColumn .spalten20:nth-of-type(2), #outerwrapper #contentColumn .spalten20:nth-of-type(3) {margin-right:0%;}
#outerwrapper #contentColumn .zelle30, #outerwrapper #contentColumn .zelle40, #outerwrapper #contentColumn .zelle50, #outerwrapper #contentColumn .zelle60, #outerwrapper #contentColumn .zelle70 {width:100%;}

div[class^='blog'] .row-fluid [class*='span6'], div[class^='blog'] .row-fluid [class*='span4'], div[class^='blog'] .row-fluid [class*='span3'] {width:90%;margin:0px auto;}
div[class^='blog'] .row-fluid [class*='span6']:first-child, div[class^='blog'] .row-fluid [class*='span4']:first-child, div[class^='blog'] .row-fluid [class*='span3']:first-child {margin:0px auto;}
div[class^='blog'] .row-fluid .span6 .pull-left, div[class^='blog'] .row-fluid .span4 .pull-left, div[class^='blog'] .row-fluid .span3 .pull-left {float:none;text-align:center;} 

#footer {min-height:10px;}

}



@media only screen and (max-device-width:810px) and (orientation : portrait)  {

#mediaQuery {display:block;}
.nostyle  {display:inline;}
.style {display:none;}
.fl, .fr, .floatLeft, .floatRight {float:none !important;}
.showmedia {display:block;}
.hidemedia {display:none;}
img.scale {margin-bottom:10px;}

body {background:url(none) repeat-x 0px 0px !important;background-color:#fff;}
#header #headerWrapper {width:100%;}
#page {width:100%;border-bottom:0px;}
#pageWrapper {width:100%;background-color:#fff;} 
#imgHeader .picHeader {position:relative;}
#imgHeader .picHeader .logo {display:none;}
.flex-caption {position: relative;z-index:2;left:0%;text-align:center;bottom:0%;background-color:#fff;color: #333;}

#naviTop {padding-left:0px;padding-bottom:0px;}
#navipoint {display:block;height:50px;width:50px;margin:0px auto;padding:10px 0px 0px 0px;}
#naviTop:not(:target) #navihead, #naviTop:target .zeigen, #naviTop .verstecken {display: none;}
#naviTop:target #navihead, #naviTop:target .verstecken {display: block;}
#navihead {max-width:290px;margin:0px auto;}

#navihead ul.menu {font-weight:bold;font-size:100%;border-top:1px solid #999;border-left:1px solid #999;border-right:1px solid #999;max-width:200px;margin:0px auto;}
#navihead ul.menu > li {display:block;text-align:left;}
#navihead ul.menu li a {padding: 7px 0px 7px 8px;border-right:none;border-bottom:1px solid #999;color:#333;}
#navihead ul.menu li.current a:link, #navihead ul.menu li.current a:visited, 
#navihead ul.menu li.current a:focus, #navihead ul.menu li.current a:hover, #navihead ul.menu li.current a:active,
#navihead ul.menu li:focus, #navihead ul.menu li:hover, #navihead ul.menu li:active {color:#333;}
#navihead ul.menu ul {margin-left: 0px;border:none;-webkit-box-shadow:none;-moz-box-shadow: none; box-shadow: none;}
#navihead ul.menu li ul.nav-child {position:relative;}
#navihead ul.menu li ul.nav-child li a {color:#333;padding: 7px 14px 7px 24px;}
#navihead ul.menu li:hover ul.nav-child li a:focus, #navihead ul.menu li:hover ul.nav-child li a:hover {color:#333;}
#navihead ul.menu li ul.nav-child li.current a:focus, #navihead ul.menu li ul.nav-child li.current a:hover, #navihead ul.menu li ul.nav-child li.current a:active,
#navihead ul.menu li ul.nav-child li.current a:link, #navihead ul.menu li ul.nav-child li.current a:visited {color:#333;}

.navLink {width:45px;height:45px;display:block;}
.gis {width:45px;height:45px;float:left;}

#yachten ul.menu li {display:block;width:80%;padding-bottom:20px;padding-right:0%;margin:0px auto;}
#home ul.menu li {display:block;width:80%;padding-bottom:20px;padding-right:0%;margin:0px auto;}

#outerwrapper {min-height:10px !important;}
#outerwrapper #contentColumn {width:96%;padding:0em 2% 0em 2%;text-align:left;}

#outerwrapper #contentColumn .spalten25, #outerwrapper #contentColumn .spalten33, #outerwrapper #contentColumn .spalten50, #outerwrapper #contentColumn .spalten66,
#outerwrapper #contentColumn .spalten75, #outerwrapper #contentColumn .spalten80 {width:100%;}
#outerwrapper #contentColumn .spalten33:first-of-type {margin-right:0%;}
#outerwrapper #contentColumn .spalten25:first-of-type, #outerwrapper #contentColumn .spalten25:nth-of-type(2) {margin-right:0%;}
#outerwrapper #contentColumn .spalten20:first-of-type, #outerwrapper #contentColumn .spalten20:nth-of-type(2), #outerwrapper #contentColumn .spalten20:nth-of-type(3) {margin-right:0%;}
#outerwrapper #contentColumn .zelle30, #outerwrapper #contentColumn .zelle40, #outerwrapper #contentColumn .zelle50, #outerwrapper #contentColumn .zelle60, #outerwrapper #contentColumn .zelle70 {width:100%;}

div[class^='blog'] .row-fluid [class*='span6'], div[class^='blog'] .row-fluid [class*='span4'], div[class^='blog'] .row-fluid [class*='span3'] {width:90%;margin:0px auto;}
div[class^='blog'] .row-fluid [class*='span6']:first-child, div[class^='blog'] .row-fluid [class*='span4']:first-child, div[class^='blog'] .row-fluid [class*='span3']:first-child {margin:0px auto;}
div[class^='blog'] .row-fluid .span6 .pull-left, div[class^='blog'] .row-fluid .span4 .pull-left, div[class^='blog'] .row-fluid .span3 .pull-left {float:none;text-align:center;} 

#footer {min-height:10px;}

}


@media only screen and (max-device-width:320px) {
#pageWrapper {width:310px;}
}