@import url(https://www.yachtoffice.de/tools/fonts/opensans.css);

a:link { color: #257CB3 !important }
:link  { color: #257CB3 !important }
a:visited { color: #257CB3 !important }
:visited  { color: #257CB3 !important }
a:hover  { color: #0D2E53 !important }

body, table, td, div{
	 font-family: 'Open Sans', Verdana,Arial,Sans-Serif;
    font-size: 16px;
    color: #222222;
    line-height:150%;
}
select{
 border-radius:3px;
 border:1px #0D2E53 solid !important
}
select, select *{
	font-family: 'Open Sans', Verdana,Arial,Sans-Serif !important;
    font-size: 16px !important;
    color: #222222 !important;
    line-height:150% !important;
}


body *{
	 font-family: 'Open Sans', Verdana,Arial,Sans-Serif !important;
}
 table, td, div{
	 background-color:#FFFFFF;
}
.orange{
	color:#257CB3
}
.ui-state-focus { outline: none; }
#accordion h3{
color: #555555;
	font-weight:bold;
	/*background:#f5f8fa none;*/
	border-color:#CCCCCC
}
#accordion .ui-accordion-content{
	/*background:#f5f8fa none;*/
	border-color:#CCCCCC
}
#accordion .ui-accordion-header-active{
	border-bottom:0 none;
}
#accordion .ui-icon-triangle-1-e{
	background: transparent url('plus.png');
	height: 15px;
    width: 15px;
    margin-top:-7px;
}
#accordion .ui-icon-triangle-1-s
{
	background: transparent url('minus.png');
	height: 15px;
    width: 15px;
    margin-top:-7px;
}

#accordion .ui-accordion-header{
	background:none !important;
}
.besetzt{
	color:#FF0000;
	font-weight:bold
}
.zeile{
	padding:5px 0; position:relative; min-height:50px;
}
.zeile > div{
/*	border:1px red solid;*/
	float:left;background:transparent
}
.zeile .datum{width:280px ; }
.zeile .datumSmall{ display:none }
/*.zeile .datum span{display:none }*/
.zeile .terminKurz{ left:285px; right:245px; float:none; position:absolute; max-height:50px; overflow:hidden; }
.zeile .terminKurzSmall{ display:none }
.zeile .kosten{float:right;width:75px }
.zeile .kostenSmall{display:none }
.zeile .knop{float:right;width:180px; text-align:right }

@media (max-width: 790px) {
.zeile .datum{ float:none; width:280px }
.zeile .datum span{display:inline}
.zeile .terminKurz{ float:none; position:relative; left:0; right:0; font-weight:bold }
.zeile .knop{width:100px; }
}

@media (max-width: 500px) {
.zeile .datum{  display:none }
.zeile .datumSmall{ float:none; display:block; width:99%; }
.zeile .datumSmall span{display:inline}
.zeile .terminKurz{ display:none }
.zeile .terminKurzSmall{ display:block; width:99%; font-weight:bold }
.zeile .kosten{ display:none }
.zeile .kostenSmall{ float:none; display:block; width:99%; }
.zeile .knop{float:none; display:block; width:99%; }
}
.knopf,
.button,
.booking
{
    background: #0D2E53 none;
    border: 1px solid #0D2E53;
    border-radius: 5px;
    color: #FFFFFF;
    display: inline-block;
    padding: 0 10px;
    text-align: center;
    width: auto;
    min-width:85px;
    cursor: pointer;
    font-size: 14px !important;
    height: 25px;
    margin: 0 0 3px 3px;
}

.button:hover,
.knopf:hover,
.booking:hover{
	background:#257CB3 none;
	border:1px #257CB3 solid;
}
.btnsuche{
    font-size: 16px !important;
    line-height:24px;
    height:29px;
}

.buttonorange
{
    background: #ff6000 none repeat-x scroll left top;
    border: 1px solid #ff6000;
    border-radius: 5px;
    color: #FFFFFF;
}

.buttonorange:hover{
	background:#dd4000 none;
	border:1px #dd4000 solid;
}
.gutschein{
    font-size: 14px;
    padding-bottom: 8px !important;
    padding-left: 8px;
    padding-right: 8px;
    height: 26px;
    line-height: 20px;
}
.payment{
height:50px;
margin-bottom:10px;
}
.payment div{
width:24%; float:left;
line-height:40px;
height:50px;
}
.payment div span{
display:inline-block;
width:40px;
height:40px;
line-height:38px;
text-align:center;
background:transparent url('payment_g_on.png') no-repeat scroll center center;
font-weight:bold; font-size:18px;
position:relative; top:1px;
}
.payment .aktiv span{
background:transparent url('payment_g_down.png') no-repeat scroll center center;
}