/** Serif Schrift Headlines
@import url(//fonts.googleapis.com/css?family=Economica:400,700);
@import url(//fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,700);

**/
@import url(//fonts.googleapis.com/css?family=Dosis:400,600,700);
@import url(//fonts.googleapis.com/css?family=Francois+One);
/*
@import url(//fonts.googleapis.com/css?family=Lato:100,300,400,700,900);
http://www.google.com/webfonts/specimen/Lato
Helvetica Alternative - ca.10 Schnitte verfuegbar
font-family: 'Lato', sans-serif;
*/

/*
colors:
Orange: #C50505

Schriftgrau: #868789
Schriftgrau: #1F1F1F

*/
@font-face {
    font-family: 'LatoRegular';
    src: url(#);
    src: url(#) format('embedded-opentype'),
         url('/template/inc_css/fonts/lato-regular.woff') format('woff'),
         url('/template/inc_css/fonts/lato-regular.ttf') format('truetype'),
         url('/template/inc_css/fonts/lato-regular.svg') format('svg');
  font-style: normal;
  font-weight: normal;
}
@font-face {
    font-family: 'LatoLight';
    src: url(#);
    src: url(#) format('embedded-opentype'),
         url('/template/inc_css/fonts/lato-light.woff') format('woff'),
         url('/template/inc_css/fonts/lato-light.ttf') format('truetype'),
         url('/template/inc_css/fonts/lato-light.svg') format('svg');
}
@font-face {
    font-family: 'LatoBold';
    src: url(#);
    src: url(#) format('embedded-opentype'),
         url('/template/inc_css/fonts/lato-bold.woff') format('woff'),
         url('/template/inc_css/fonts/lato-bold.ttf') format('truetype'),
         url('/template/inc_css/fonts/lato-bold.svg') format('svg');
}
@font-face {
    font-family: 'LatoHairline';
    src: url(#);
    src: url(#) format('embedded-opentype'),
         url('/template/inc_css/fonts/lato-hairline.woff') format('woff'),
         url('/template/inc_css/fonts/lato-hairline.ttf') format('truetype'),
         url('/template/inc_css/fonts/lato-hairline.svg') format('svg');
}

/*Reset 
------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
} 

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
    display:block;
}

.clear { 
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
/* Micro Clearfix  */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
.cf:after {
    clear:both;
}
.cf {
    *zoom:1;
}

/* Reset Ende -----------------------------------*/

.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12{
    float:left;
    position:relative;
   -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    /**/
}
.span1Right, .span2Right, .span3Right, .span4Right, .span5Right, .span6Right, .span7Right, .span8Right, .span9Right, .span10Right, .span11Right, .span12Right{
    float:right;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    /**/
}
.inner { margin:0 auto }

.col{  margin-left: 1.5% !important;}
.colR{  margin-right: 1.5% !important;}

.col:first-child {  margin-left:0 !important;}
.colR:last-child {  margin-right:0 !important;}
.span1, .span1Right{  width: 6.95833333333%; }
.span2, .span2Right{  width: 15.4166666667%; }
.span3, .span3Right{  width: 23.875%; }
.span4, .span4Right{  width: 32.3333333333%; }
.span5, .span5Right{  width: 40.7916666667%; }
.span6, .span6Right{  width: 49.25%; }
.span7, .span7Right{  width: 57.7083333333%; }
.span8, .span8Right{  width: 66.1666666667%; }
.span9, .span9Right{  width: 74.625%; }
.span10, .span10Right{  width: 83.0833333333%; }
.span11, .span11Right{  width: 91.5416666667%; }
.span12{ width: 100%;  margin-left: 0; }

a img { border:none; }

.txtRight { text-align: right }
.txtCenter { text-align: center }
.strong { font-weight:bold }
.floatR { float:right }
.floatL { float:left }
.em {font-style:italic}

/* FARBEN
**********************************************/

body { background:#FFF; }

.bgrTop { background:#FBFBFB; }/* Header Background */
.cntBgr { background:#FBFBFB !important; }/* Content Background */
.stripe { background:#DEDEE4 url(https://hansa-werft.de/template/inc_css/yacht-stralau2014.css) repeat-x left top;	} /* Streifen */

.boTop{ /* Border */
border-top: 1px solid #C50505;
}
.boBot{ /* Border */
border-bottom: 1px solid #C50505;
padding-bottom:20px;
}

.paVert { padding:1em 0 !important; }
.paHori { padding:0 1em !important; }

.maVert { margin:1em 0 !important; }
.maHori { margin:0 .5em !important; }

.mbo { margin-bottom:1.5em !important; }
.mto { margin-top:1em !important; }

html {
  height:100%;
  font-size:100.01%;
  }
body { 
  font-size: 87.5%;
  color: #333; 
  font-family: 'Dosis', sans-serif; /*  font-family: Arial, sans-serif;*/
  font-size:1em;
  font-weight: normal;
  line-height: 1.5em; 
}  
#wrapp {
    float:left;
    position:relative;
    width: 100%;  
    padding: 0;
}

.w980 {
margin:0 auto;
max-width:980px;
padding:0 20px !important;
}

.width {
max-width:1150px;
margin:0 auto;
position:relative;
}
.container { /* generelle Breite der Seite */
margin:0 auto;
position:relative;
background:#ccc;
} 

header {
margin:0 auto; /* Abstand fuer Logos oben*/
padding:0;
}


#content {   padding:0; /* in #contentInbox setzen  */  }

#contentInbox {
  overflow:hidden;
  min-height:500px;
  margin:1em auto 0 auto;
  padding:0;
  }

footer {  
  overflow:hidden;
  position:relative;
  margin:1em auto 0 auto;
  padding:20px 0 30px 0;
  background: #E4E4E4;
  }
#footer .span3 p, 
#footer .span4 p, 
#footer .span6 p {
  margin:0 0 8px 0px;
  font-size:13px;
  line-height:130%;
  color:#333;
}

#footer ul {
  padding: 0;
  margin: 5px 0 0 0;
}

#footer ul li {
  list-style:none;
  margin:0 0 0 0;
  font-size:13px;
  line-height:130%;
}


/* SET ENDE
================================*/

/* generell Listen ContentBereich */

#contentInbox ul {
  list-style-image: url(https://hansa-werft.de/picture/li_haekchen11x12.png);
  line-height:130%;
  padding: 0 0 0 10px;
  margin: 5px 0 0 20px;
}

#contentInbox li {
  margin: 0;
  padding-left: 0.1em;
  padding-bottom: 0.2em;
}
#contentInbox ol li {
  margin-left: 1.5em;
  padding-left: 0.2em;
  padding-bottom: 0.2em;
}

#contentInbox p{
  line-height: 1.4em;
  padding:0 1em 1em 0;
}

/* CSS Links/Text etc ==============*/ 

a, a:link, a:visited, a:active, a:focus {
	color: #C50505;
	text-decoration: none
}
a:hover {
	color: #C50505;
	text-decoration: underline;
}

#footer a:link,
#footer a:active,
#footer a:visited{
font-size: 1em;
text-decoration: none;
color: #333;
}
#footer a:hover,
#footer a:focus {
}

.separator, .separator02 {
height:26px;
width:100%;
margin:20px 0;
float:left;
}
.separator {
background: url(https://hansa-werft.de/picture/yh/separator.png) no-repeat top center; 
}
.separator02 {
background: url(https://hansa-werft.de/picture/yh/separator02.png) no-repeat top center; 
}


 /* Teaser und News
 ======================================= */
/* .newsTeaser {width: 23.5%;} *4 + 4* colR = 100% 
*/
.newsDetail h2 {
margin-bottom:15px;
}
.newsGreyBox {
width:200px;
overflow:hidden;
min-height:250px;
font-size:.85em;
float:left;
background:#ccc;
padding:15px;
margin:0 1.5% 1.5% 0;
}

/* InfoBox Streifen 
****************************************************/
.title { 
display: table; 
margin:15px 0 0 0 !important;
width:94%;
padding:35px 3% 20px 3%;
    font-family: 'Francois One', sans-serif;
    line-height:130%;
    color: #00378B;
background: #F6F6F6;
}
.title p {font-size: 1em !important;}
.title h3 {font-family: 'Francois One', sans-serif;font-weight:400;font-style:italic}
.title img { float:right;margin-left:1em; }
.title > .stripeInner {  display: table-cell; vertical-align: middle; }
.titleShadow {
background: url(https://hansa-werft.de/picture/yh/shadow_bottom.png) no-repeat center top;
height:40px;
margin-bottom:1.5em;
}
.stripeButton { margin-top:0px; }




 /* TEXT und LINEN
 ======================================= */
h2, h3, h4, h5, h6 {
 font-family: 'Dosis', sans-serif;   
}
h1 {
        margin:0 0 10px 0;
        padding: 0 0 5px 0;
        border-bottom:1px dotted #C50505;
        font-family: 'Dosis', sans-serif;
        font-weight:600;
    font-size: 1.7em;
        line-height:150%;
        color: #C50505; 
}

h2 {
        color: #00378B; /* */
   font-size: 1.2em;
        line-height:130%;
        margin: 0px 0px 2px 0;
        padding-bottom: 0;
}
h3 {
        margin-bottom:10px;
        padding: 0px;
   font-size: 1.2em;
        line-height:140%;
        color: #868789;
}

h4 { 
        color:#3c3c3c;
	      margin-bottom: 15px;
   font-size: 1.5em;
        line-height:150%;
        padding:5px;
}
h5 { 
        color:#022679;
	      margin-bottom: 10px;
   font-size: 1em;
        line-height:130%;
        padding:5px;
}

hr  {
background-color: #ffffff; 
color: #ffffff; 
	border: 1px dotted #868789;
	border-width:0 0 1px 0;
margin: 25px 0 15px 0;
height: 1px;
}


small, .small {
font-size:12px !important; line-height:140% !important
}
.txtBox { 
        border-bottom: 2px solid #C50505;
        padding:0 0 35px 0;
        margin: 0 0 35px 0;
}
.txtBox:last-child {
border-bottom: none !important
}
.image-with-text { 
        margin: 0 0 15px 0;
}

.image-with-text-top { 
        margin: 37px 0 3px 0;
}
.image-with-text-left { 
        margin: 37px 0 3px 190px;
}



/* System - Abstand oben/ unten
********************************************************/
.spaceBeforeCP {
  clear:both;
  width:100%;
	height: 5px !important;
}
.spaceAfterCP {
  clear:both;
  width:100%;
	height: 5px !important;
}
.clearfloat {
  clear:both;
  height:0;
  font-size: 1px;
  line-height: 0px;
}

/* Header Yachthafen Stralau 
-------------------------------------- 
*/

.header-img {
    position:relative;
    overflow:hidden;
    width:100%;
    height:auto;
    padding: 0;   
    margin: 0 auto;
   background: url(https://hansa-werft.de/picture/yh/header-bgr.png) repeat-x top left; 
   line-height:80% !important;
}
.header-img img{
    width:100%;height:auto    
}
.header-img-caption {
  position:absolute;z-index:2;
  top:25px;
  left:40px; 
  background: url(https://hansa-werft.de/picture/yh/header-anker.png) no-repeat left 15px; 
  padding:10px 20px 25px 80px;
  color:#333;
  text-align:left; 
	font-size: 1.4em;
  font-family: 'Francois One', sans-serif;
  font-weight:400;
  font-style:italic;
}
/**/
.header-img-caption b,
.header-img-caption strong { /* Headline */
    color:#C50505;
    font-style:normal;
    font-weight:700;
     line-height: 130%;
  margin:0;
  font-size: 1.7em;
}
.header-img-caption em {
    color:#333;
    font-style:italic;
    font-weight:normal;
  margin:0px;
  padding:5px 0 15px 0px; 
  font-size: 14px;
  float:right;
}

/* Text mit Galerie (bilder div)
***********************************************************/
.imageTxt {
margin:0 0 30px 0;
overflow:hidden;
width:100%
}
.imageTxt ul {
width:100%;
overflow:hidden;
margin:0 !important;
padding:0 !important;
list-style:none !important;
}
.imageTxt ul li{
 list-style:none !important;
 float:left;
 width:23.5%;
 margin:0 1.5% 1.5% 0 !important;
 padding:0 !important;
}
.imageTxt h3 {
        margin-bottom:10px;
        padding: 0px;
   font-size: 1.1em;
        line-height:140%;
}
.imageTxt p {
        margin-bottom:10px;
        padding: 0px;
   text-align:justify;
        line-height:130%;
        color: #333;
}

.imageTxt li img{
border:none;
width:100%;height:auto;
}

.txtTeaser {
margin:2.5em 0 1.5em 0;
padding:1em 0;
border: dotted #022679;
border-width: 1px 0

}
.txtTeaser ul{
width:100%;
overflow:hidden;
margin:0 !important;
padding:0 !important;
list-style:none !important;
text-align:center
}
.txtTeaser ul li{
 list-style:none !important;
 float:left;
 width:23%;
}
.txtTeaser h3 {
        margin:0 0 1em 10px;
        padding: 0;
        line-height:140%;
}
.txtTeaser a {
        color:#900;
        font-weight:bold;
}


/*
**************************** Standart Galerie (bilder DiV) */

.imageGal {
margin:0 0 30px 0 !important;
padding:0 !important;
overflow:hidden;
width:100%;
}
.imageGal ul{
width:100%;
overflow:hidden;
margin:0 !important;
padding:0 !important;
}
.imageGal li{
 width:25%; 
 padding:0 !important;
 float:left;
 list-style:none !important;
 overflow:hidden;
}
.imageGal li img{
border:none;
width:98.5%;
padding:0 1.5% 0 0;
height:auto;
}


.image_caption, .caption,
.image_caption p, .caption p {
text-align:left;
font-size:80%;
margin:0;padding:0;
}
.image_td {
margin-top:8px
}
.imgtxt-left {
    position: relative;
    float: left;
    margin: .5em 1em .5em 0;
}
.imgtxt-right {
    position: relative;
    float: right;
    margin: 0 .1em .5em 1em;
    padding:0 !important;
}
.imgtxt-right img, .imgtxt-left img {
padding:0;margin:0;
 	-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.7);
	box-shadow: 0 1px 2px rgba(0,0,0,0.7)
}
.imgtxt-top-left,
.imgtxt-bottom-left {
    position: relative;
    margin: 1em 0;
    clear: both;
}
.imgtxt-top-right,
.imgtxt-bottom-right {
    position: relative;
    float: right;
    margin: 1em 0;
    clear: both;
}
.imgtxt-top-center {
    position: relative;
    margin: 0 auto 1em auto;
    clear: both;
}
.imgtxt-bottom-center {
    position: relative;
    margin: 1em auto;
    clear: both;
}

.imgtxt-column-left { /* Bild links */
    position: relative;
    clear: both;
    width: 100%;
}
.imgtxt-column-left .imgtxt-column-left-image {
    position: relative;
    float: left;
    margin: 0 0 1em 0;
    width: 25%;
    overflow:hidden;
}
.imgtxt-column-left .imgtxt-column-left-text {
    position: relative;
    float: left;
    margin: 0 0 1em 1%;
    width: 74%;
}
.imgtxt-column-right { /* Bild rechts */
    position: relative;
    clear: both;
    width: 100%;
}
.imgtxt-column-right .imgtxt-column-right-text {
    position: relative;
    float: left;
    margin: 0 1% 1em 0;
    width: 74%;
}
.imgtxt-column-right .imgtxt-column-right-image {
    position: relative;
    float: left;
    margin: 0 0 1em 0;
    width: 25%;
    overflow:hidden;
}
.imgtxt-column-right .imgtxt-column-right-image img {
    float:right
}

.phpwcmsImgListRight {
	text-align: right;
	margin: 0;
	padding: 0;
}
.phpwcmsImgListLeft {
	text-align: right;
	margin: 0;
	padding: 0;
}


/* ========================= Schatten ============== */

.shadow {
	-webkit-box-shadow: 0px 0px 5px 0px gray;
	-khtml-box-shadow: 0px 0px 5px 0px gray;
	-moz-box-shadow: 0px 0px 5px 0px gray;
	box-shadow: 0px 0px 5px 0px gray;
}
.shadowBot {
	-webkit-box-shadow: 0px 3px 5px 0px gray;
	-khtml-box-shadow: 0px 3px 5px 0px gray;
	-moz-box-shadow: 0px 3px 5px 0px gray;
	box-shadow: 0px 3px 5px 0px gray;
}
.shadowTop {
	-webkit-box-shadow: 0px 0px 15px #ccc;
	-khtml-box-shadow: 0px 0px 15px #ccc;
	-moz-box-shadow: 0px 0px 15px #ccc;
	box-shadow: 0px 0px 15px #ccc;
}




/* Button */
.buttons a{
	margin: 0 30px 15px 0;
}
.button.large{
	/*min-height:43px;
	line-height:43px !important;Francois One*/
	font:16px/43px 'Francois One', arial, helvetica, sans-serif;
	text-transform:uppercase;
	text-align:center;
	text-shadow:0 1px 0 #333;
	padding:10px 30px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
	box-shadow: 0 1px 1px rgba(0,0,0,0.2);
  margin-left:20px;
}
.button.small{
	/* min-height:32px; */
	font:13px/32px 'Francois One', arial, helvetica, sans-serif;
	text-transform:uppercase;
	text-align:center;
	text-shadow:0 1px 0 #333;
	padding:5px 20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
	box-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
.button.blue{
	color:#EEEEEE !important;
	background-image: linear-gradient(top, #28478D 0%, #03277A 100%);
	background-image: -o-linear-gradient(top, #28478D 0%, #03277A 100%);
	background-image: -moz-linear-gradient(top, #28478D 0%, #03277A 100%);
	background-image: -webkit-linear-gradient(top, #28478D 0%, #03277A 100%);
	background-image: -ms-linear-gradient(top, #28478D 0%, #03277A 100%);

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #28478D),
		color-stop(1, #03277A)
	);
	border:1px solid #032472;
}
.button.blue:hover{
	color:#FFF !important;
	background-image: linear-gradient(top, #03277A 0%, #28478D 100%);
	background-image: -o-linear-gradient(top, #03277A 0%, #28478D 100%);
	background-image: -moz-linear-gradient(top, #03277A 0%, #28478D 100%);
	background-image: -webkit-linear-gradient(top, #03277A 0%, #28478D 100%);
	background-image: -ms-linear-gradient(top, #03277A 0%, #28478D 100%);

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #03277A),
		color-stop(1, #28478D)
	);
	border:1px solid #032472;
}
.no-cssgradients .button.blue{
	background-color:#28478D;
}
.no-cssgradients .button.blue:hover{
	background-color:#03277A;
}


.button.green{
	color:#54770f !important;
	background: #AAD75D;
	
	background-image: linear-gradient(top, #D1E990 0%, #AAD75D 100%);
	background-image: -o-linear-gradient(top, #D1E990 0%, #AAD75D 100%);
	background-image: -moz-linear-gradient(top, #D1E990 0%, #AAD75D 100%);
	background-image: -webkit-linear-gradient(top, #D1E990 0%, #AAD75D 100%);
	background-image: -ms-linear-gradient(top, #D1E990 0%, #AAD75D 100%);

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #D1E990),
		color-stop(1, #AAD75D)
	);
	border:1px solid #9dba60;
}
.button.green:hover{
	color:#54770f !important;
	background: #D1E990;	
	
	background-image: linear-gradient(top, #AAD75D 0%, #D1E990 100%);
	background-image: -o-linear-gradient(top, #AAD75D 0%, #D1E990 100%);
	background-image: -moz-linear-gradient(top, #AAD75D 0%, #D1E990 100%);
	background-image: -webkit-linear-gradient(top, #AAD75D 0%, #D1E990 100%);
	background-image: -ms-linear-gradient(top, #AAD75D 0%, #D1E990 100%);

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #AAD75D),
		color-stop(1, #D1E990)
	);
	border:1px solid #9dba60;
}
.no-cssgradients .button.green{
	background-color:#D1E990;
}
.no-cssgradients .button.green:hover{
	background-color:#AAD75D;
}
.button.darkgreen{
	color:#54770f !important;
	background-image: linear-gradient(top, #d0e0a5 0%, #a8c76a 100%);
	background-image: -o-linear-gradient(top, #d0e0a5 0%, #a8c76a 100%);
	background-image: -moz-linear-gradient(top, #d0e0a5 0%, #a8c76a 100%);
	background-image: -webkit-linear-gradient(top, #d0e0a5 0%, #a8c76a 100%);
	background-image: -ms-linear-gradient(top, #d0e0a5 0%, #a8c76a 100%);

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #d0e0a5),
		color-stop(1, #a8c76a)
	);
	border:1px solid #9dba60;
}
.button.darkgreen:hover{
	color:#54770f !important;
	background-image: linear-gradient(top, #a8c76a 0%, #d0e0a5 100%);
	background-image: -o-linear-gradient(top, #a8c76a 0%, #d0e0a5 100%);
	background-image: -moz-linear-gradient(top, #a8c76a 0%, #d0e0a5 100%);
	background-image: -webkit-linear-gradient(top, #a8c76a 0%, #d0e0a5 100%);
	background-image: -ms-linear-gradient(top, #a8c76a 0%, #d0e0a5 100%);

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #a8c76a),
		color-stop(1, #d0e0a5)
	);
	border:1px solid #9dba60;
}
.no-cssgradients .button.darkgreen{
	background-color:#d0e0a5;
}
.no-cssgradients .button.darkgreen:hover{
	background-color:#a8c76a;
}
.button.orange{
	color:#c0830b !important;
	background-image: linear-gradient(top, #fbdc86 0%, #f8bf56 100%);
	background-image: -o-linear-gradient(top, #fbdc86 0%, #f8bf56 100%);
	background-image: -moz-linear-gradient(top, #fbdc86 0%, #f8bf56 100%);
	background-image: -webkit-linear-gradient(top, #fbdc86 0%, #f8bf56 100%);
	background-image: -ms-linear-gradient(top, #fbdc86 0%, #f8bf56 100%);

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #fbdc86),
		color-stop(1, #f8bf56)
	);
	border:1px solid #c0830b;
}
.button.orange:hover{
	color:#c0830b !important;
	background-image: linear-gradient(top, #f8bf56 0%, #fbdc86 100%);
	background-image: -o-linear-gradient(top, #f8bf56 0%, #fbdc86 100%);
	background-image: -moz-linear-gradient(top, #f8bf56 0%, #fbdc86 100%);
	background-image: -webkit-linear-gradient(top, #f8bf56 0%, #fbdc86 100%);
	background-image: -ms-linear-gradient(top, #f8bf56 0%, #fbdc86 100%);

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #f8bf56),
		color-stop(1, #fbdc86)
	);
	border:1px solid #c0830b;
  text-decoration:none;
}
.no-cssgradients .button.orange{
	background-color:#fbdc86;
}
.no-cssgradients .button.orange:hover{
	background-color:#f8bf56;
}

.button.red{
	color:#DEDEDE !important;
	background-image: linear-gradient(top, #FC5C5C 0%, #9C0B0C 100%);
	background-image: -o-linear-gradient(top, #FC5C5C 0%, #9C0B0C 100%);
	background-image: -moz-linear-gradient(top, #FC5C5C 0%, #9C0B0C 100%);
	background-image: -webkit-linear-gradient(top, #FC5C5C 0%, #9C0B0C 100%);
	background-image: -ms-linear-gradient(top, #FC5C5C 0%, #9C0B0C 100%);

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #FC5C5C),
		color-stop(1, #9C0B0C)
	);
	border:1px solid #9d1111;
}
.button.red:hover{
	color:#FFF !important;
	background-image: linear-gradient(top, #9C0B0C 0%, #FC5C5C 100%);
	background-image: -o-linear-gradient(top, #9C0B0C 0%, #FC5C5C 100%);
	background-image: -moz-linear-gradient(top, #9C0B0C 0%, #FC5C5C 100%);
	background-image: -webkit-linear-gradient(top, #9C0B0C 0%, #FC5C5C 100%);
	background-image: -ms-linear-gradient(top, #9C0B0C 0%, #FC5C5C 100%);

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #9C0B0C),
		color-stop(1, #FC5C5C)
	);
	border:1px solid #9d1111;
}
.no-cssgradients .button.red{
	background-color:#fd9c9c;
}
.no-cssgradients .button.red:hover{
	background-color:#fc7d7d;
}

.button.darkgray{
	color:#434c50 !important;
	background-image: linear-gradient(top, #c0c0c0 0%, #9e9e9e 100%);
	background-image: -o-linear-gradient(top, #c0c0c0 0%, #9e9e9e 100%);
	background-image: -moz-linear-gradient(top, #c0c0c0 0%, #9e9e9e 100%);
	background-image: -webkit-linear-gradient(top, #c0c0c0 0%, #9e9e9e 100%);
	background-image: -ms-linear-gradient(top, #c0c0c0 0%, #9e9e9e 100%);

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #c0c0c0),
		color-stop(1, #9e9e9e)
	);
	border:1px solid #434c50;
}
.button.darkgray:hover{
	color:#434c50 !important;
	background-image: linear-gradient(top, #9e9e9e 0%, #c0c0c0 100%);
	background-image: -o-linear-gradient(top, #9e9e9e 0%, #c0c0c0 100%);
	background-image: -moz-linear-gradient(top, #9e9e9e 0%, #c0c0c0 100%);
	background-image: -webkit-linear-gradient(top, #9e9e9e 0%, #c0c0c0 100%);
	background-image: -ms-linear-gradient(top, #9e9e9e 0%, #c0c0c0 100%);

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #9e9e9e),
		color-stop(1, #c0c0c0)
	);
	border:1px solid #434c50;
}
.no-cssgradients .button.darkgray{
	background-color:#c0c0c0;
}
.no-cssgradients .button.darkgray:hover{
	background-color:#9e9e9e;
}

/* Tables */
table {
  background: white;
  margin-right:2%;
  margin-bottom: 1.25em;
  border: solid 1px #dddddd; }
  table thead,
  table tfoot {
    background: whitesmoke;
    font-weight: normal; }
    table thead tr th,
    table thead tr td,
    table tfoot tr th,
    table tfoot tr td {
      padding: 0.5em 0.625em 0.625em;
      font-size: 0.875em;
      color: #222222;
      text-align: left; }
  table tr th,
  table tr td {
    padding: 0.5625em 0.625em;
    font-size: 0.875em;
    color: #222222; }
  table tr.even, table tr.alt, table tr:nth-of-type(even) {
    background: #f9f9f9; }
  table thead tr th,
  table tfoot tr th,
  table tbody tr td,
  table tr td,
  table tfoot tr td {
    display: table-cell;
    line-height: 1.125em; }

















/* Responsify Defaults */

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

  .title { /* Titelstreifen unterm Header block;*/
  display: block; 
  height:auto;
  width:90%;
  padding:10px 5%;
  font-size: 1em;
  white-space: normal;
  text-shadow: none;
  }
  #contentInbox { 
  min-height:200px;
  padding:20px 0 10px 0px;
  }

  #shadowSlider {
  display:none;
  } 
  .span6 {
  width:100%;
  margin:0 auto;
  float:none;
  }
  /*
  **************************** Galerien */

  .imageGal ul li {
  margin:0 auto 10px auto !important;
  width:48%;
  text-align:left;
  }
  .imageGal img{
  border:none;
  padding:0 .5em 0 0;
  width:100%;height:auto;
  }
  .imageGal p{
   padding:0 !important;
   font-size: 1em;
  }  
  .imgtxt-right {
    position: relative;
    width:75%;height:auto;
    float: none !important;
    margin: .8em auto;
    text-align:left
  }
  .imgtxt-right img {
  width:100%;height:auto;
  }
  .header-img {
    position:relative;
    margin:0 !important;
    padding:0 !important;
  }
  .header-img img{
    width:100%;height:auto;
    margin:0 !important;
    padding:0 !important;  
  }
  .header-img-caption {
  top:15px;
  left:20px; 
  background: url(https://hansa-werft.de/picture/yh/header-anker.png) no-repeat left 15px; 
  padding:10px 20px 45px 80px;
	font-size: 1em;
  }
  .header-img-caption b,
  .header-img-caption strong { /* Headline */
  line-height: 130%;
  font-size: 1.7em;
  }
  .header-img-caption em {
  padding:5px 0 15px 0px; 
  font-size: 14px;
  }

  footer {
  height:auto !important;
  padding:20px 0 3em 0 !important;
  overflow:hidden;
  }
  #footer ul li {
  list-style:none;
  margin:0 0 8px 30px;
  font-size:12px;
  line-height:130%;
  }
  footer .span3, 
  footer .span4,
  footer .span6 {
  float:left !important;
  width:100% !important;
  }
  footer .span3 p, 
  footer .span4 p,
  footer .span6 p {
  margin:0 !important;
  text-align:center !important;
  }
  .captHover .span3, 
  .captHover .span4 {
  width: 48.25%;
  float:left;
  margin-bottom:1.5em;
  }
  .button.red.large {
	font:12px/33px 'LatoBold', arial, helvetica, sans-serif;
  margin: 20px 0 0 0 !important;
  }
}
  
@media screen and (max-width: 480px){

  .captHover .span3, .captHover .span4 {
  width: 98%;
  float:left;
  margin-bottom:1.5em;
  }
  .imageGal ul li {
  margin:0 auto 10px auto !important;
  width:98%;
  text-align:left;
  }
  .imageGal img{
  border:none;
  padding:0 .5em 0 0;
  width:100%;height:auto;
  }  
  
  .header-img-caption {
  top:5px;
  left:10px; 
  background-image:none !important;
  padding:10px 20px 35px 0px;
	font-size: 1em;
  }
  .header-img-caption b,
  .header-img-caption strong { /* Headline */
  line-height: 150%;
  font-size: 1em;
  }
  .header-img-caption em {
  padding:5px 0 10px 0px; 
  font-size: .8em;
  }
}