﻿.yachtoffice{
	line-height:200%;
	font-size:16px;
}
.yachtoffice *{
	font-size:16px;
}
.yachtoffice small,
.yachtoffice small *{
	font-size:14px;
}
.yachtoffice .titelsmall{
	display:none;
}
.yachtoffice .titelxsmall{
	display:none;
}
.yachtoffice .buchungxsmall{
	display:none;
}

@media (max-width: 1000px) {
.yachtoffice .titelbig{
display:none
}
.yachtoffice .titelsmall{
display:table-row
}
}

@media (max-width: 999px) {
.yachtoffice .titelsmall{
	display:none;
}
.yachtoffice .buchungbig{
	display:none;
}
.yachtoffice .titelxsmall{
display:table-row
}
.yachtoffice .buchungxsmall{
display:table-row
}
}

.yachtoffice .fehler{
	color:red
}

.yachtoffice table{
	border:0 none !important;
	/*position:relative; left:-13px*/
}
.yachtoffice td{
	border:0 none !important;
	font-size:16px;
	color:#000
}
.yachtoffice input[type="text"], .yachtoffice input[type="input"], .yachtoffice input[type="password"],
.yachtoffice input[type="email"], .yachtoffice input[type="number"], .yachtoffice input[type="url"],
.yachtoffice input[type="tel"], .yachtoffice input[type="search"], .yachtoffice textarea,
.yachtoffice select 
{
	display:inline;
}

#tiptip_content{
	font-size:15px;
	line-height:130%;
}

ul.form {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.form li {
    clear: left;
    margin-bottom: 4px;
    padding: 0;
    margin-left:0;
    /*line-height:20px;*/
}


ul.form li label {
    width: 300px;
    display: block;
    float: left;
    padding-right: 8px;
    text-align: left;
    font-size:16px !important;
}
.yachtoffice label{
font-weight:normal !important;
}
@media (max-width: 999px) {
.yachtoffice label{
display:block !important;
font-weight:bold !important;
width:99% !important;
float:none
}
}




.box {
color: #000000;
border: 1px solid #808080;
padding: 1px; margin:0 !important;
	font-size: 12px;

}
.anmeldung{
	cursor:pointer;
	font-weight:normal;
   background-color: #004173;
    border-color: #002051;
    color: #ffffff;
   padding: 7px 7px;
   margin-left:10px !important;
 border:0 none;
 min-width:140px;
 border-radius:5px;
 font-size:18px;
 font-family:	"Raleway",​​Arial,​sans-serif;
   }
.anmeldung:hover{
   background-color: #00b8fd;
   text-decoration:none !important;
}
.tip:hover{
   text-decoration:none !important;
}

input {
padding: 1px; margin:0 !important;
}

td{
	/*line-height:normal;*/padding: 2px !important;
}

hr{
	color:#666666;
height:1px;
	
	
}
#nojs{	
	margin:10px;
	color:#000000;
	padding:10px 10px 10px 50px;
	border:2px solid #FF0000;
	background-color:#FFFFFF;
	font-size:12px;
	line-height:20px;
	font-weight:bold;
	text-align:left;
	background-image:url('ausrufezeichen.gif');
	background-repeat:no-repeat;
	background-position:10px center;
	width:350px;
}
#nojs #nojskop {
font-size:14px;
color:#FF0000;
font-weight:bold;
margin-bottom:10px;
	}
	
.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_on.png') no-repeat scroll center center;
font-weight:bold; font-size:18px;
position:relative; top:1px;
}
.payment .aktiv span{
background:transparent url('payment_down.png') no-repeat scroll center center;
}



.yachtoffice .ui-widget-content{
/*	 background:#0A1F55 none !important;*/
}
.yachtoffice .orange{
	color:#FFB01C
}
.yachtoffice .rot{
	color:#FFB01C !important
}

.yachtoffice .ui-state-focus { outline: none; }
.yachtoffice #accordion h3{
/*color: #FFB01C;*/
	font-weight:bold;
	/*background:#f5f8fa none;*/
	border-color:#CCCCCC
}
.yachtoffice #accordion .ui-accordion-content{
	/*background:#f5f8fa none;*/
	border-color:#CCCCCC
}
.yachtoffice #accordion .ui-accordion-header-active{
	border-bottom:0 none;
}
.yachtoffice #accordion .ui-icon-triangle-1-e{
	background: transparent url('plus.png');
	height: 15px;
    width: 15px;
    margin-top:-7px;
}
.yachtoffice #accordion .ui-icon-triangle-1-s
{
	background: transparent url('minus.png');
	height: 15px;
    width: 15px;
    margin-top:-7px;
}

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

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

@media (max-width: 900px) {
.yachtoffice .zeile .datum{  display:none }
.yachtoffice .zeile .datumSmall{ float:none; display:block; width:99%; }
.yachtoffice .zeile .datumSmall span{display:inline}
.yachtoffice .zeile .terminKurz{ display:none }
.yachtoffice .zeile .terminKurzSmall{ display:block; width:99%; font-weight:bold }
.yachtoffice .zeile .kosten{ display:none }
.yachtoffice .zeile .kostenSmall{ float:none; display:block; width:99%; }
.yachtoffice .zeile .knop{float:none; display:block; width:99%; }
}














