/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* reset.css ende */



html, body {
	font-size: 12px;
	background-color: #000;
	color: #fff;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}



a {
	text-decoration: none;
	color: red;
}

td {
	vertical-align: top;
}

input, select, textarea {
	border: none;
}

/* Helpers */
		.clearfix:after {
		    content: ".";
		    display: block;
		    height: 0;
		    clear: both;
		    visibility: hidden;
		}

/* EOF: Helpers */


/* Standards */
		#container {
			width: 960px;
			margin-left: auto;
			margin-right: auto;
		}
/* EOF: Standards */		

		
/* Startpage */
		#startPage {
			font-size: 16px;
			line-height: 22px;
			
		}
		#startPage h1 {
			font-size: 24px;
			font-weight: bold;
		}
		
		#startPage .left {
			float: left;
			width: 245px;
			margin-left: 30px;
		}
		#startPage .middle{
			float: left;
			width: 320px;
			margin-right: 20px;
		}
		#startPage .right {
			float: left;
			width: 320px;
		}
/* Startpage */	

/* Header */

		#header {
			width: 178px;
			background-color: #fff;
			z-index: 1;
			margin-left: 15px;
			height: 200px;
			position: absolute;
			margin-top: -40px;
		}
		
		#header img {
			margin: 98px 0 10px 9px;	
		}

		#header div {
			background-image: url(/img/sprites.gif);
			height: 21px;
		}
		
	

/* EOF: Header */

		#dotLine {
			height: 11px;
			background-image: url(/img/backgrounds.gif);
			border-top: 1px solid #4d4d4d;
			background-position: 0 -50px;
			
		}


/* Main nav */
		#mainnavi {
			z-index: 0;
			background-image: url(/img/backgrounds.gif);
			height: 31px;
			margin-top: 40px;
		}

		#mainnavi ul {
			margin-left: 280px;
			padding-top: 6px;
		}
		
		#mainnavi ul li{
			display: inline;
			margin-right: 24px;
		}
		
		#mainnavi ul a{
			color: #fff;
			font-size: 18px;
			font-weight: bold;
		}
		
		#mainnavi ul a:hover,
		#mainnavi ul a.active {
			color: #999585;
		}
		
		#mainnavi ul ul {
			
			display: none;
		}
/*Main nav */


/* Service nav */
		#servicenav {
			border-top: 1px solid #4d4d4d;
			margin-top: 20px;
			font-size: 12px;
		}
		
		#servicenav ul {
			float: right;
			margin-top: 5px;
		}
		
		#servicenav ul li {
			display: inline;
			margin-left: 15px;
		}
		
		#servicenav ul li a {
			color: #4d4d4d;
		}
		
		#servicenav ul li a:hover,
		#servicenav ul li a.active {
			text-decoration: underline;
		}
/* EOF Service nav */


/* background divs */
		#backgroundArea {
			background: url(/img/background-page.gif) repeat-x #2b2b2f;
			min-height: 561px;
		}
		
/* background divs */		
		


/* div left */
		#left {
			float: left;
			width: 265px;
			padding-top: 150px;
			margin-left: 15px;
			
		
		}

/* EOF: div left */



/* div right */
		#right {
			float: left;	
			width: 620px;
			padding-top: 40px;
			padding-bottom: 20px;
		}
		
		
		#right h1 {
			font-size: 24px;
			font-weight: normal;		
			margin-bottom: 10px;
		}
		
		
		#right h2 {
			font-size: 18px;		
			font-weight: normal;
			margin-bottom: 10px;
		}

		#right table {
			margin-bottom: 30px;	
			width: 400px;
		}	
			
		#right table tr td,
		#right table tr th {
			border-bottom: 1px solid #757575;
		}
		
		#right table td,
		#right table th {
						height: 24px;
			vertical-align: middle;
			padding: 4px 0 4px 5px;
			
		}
		
		#right table th {
			text-align: left;
			padding-right: 20px;
			border-top: 1px solid #757575;
		}
		
		#right table tr.odd td,
		#right table tr.odd th {
			background-color: #626065;			
		}

		
		#right p {
			line-height: 20px;
			width: 600px;
			margin-bottom: 20px;
		}
		
		#right ul li {
			line-height: 20px;
		}
		

		#right form {
			width: 535px;	
		}
		
		#right form > div {
			border-bottom: 1px solid #757575 !important;
			padding: 4px !important;
		}
		
		#right form div label,
		#right form div p {
			width: 235px;
			display: inline-block;
		}
		
		#right form div.extra label {
			width: 200px;	
		}
		
		#right form div.extra input {
			width: 16px;
			margin-right: 8px;
		}
		
		#right form div label.plz {
			width: 30px;
			display: inline-block;
		}
		
		#right form div label.ort {	
			width: 205px;
		}
		
		#right #plz {
			width: 50px;
		}
		
		#right #ort {
			width: 127px;
		}
		
		#right #powerboat_charter,
		#right #firmen_event,
		#right #sonstiges {
			width: 12px;	
			margin-left: 238px;
		}
		
		#right input,
		#right select,
		#right textarea {
			width: 180px;
		}
		
		#right textarea {
			height: 90px;
		}
		
		#right .error {
			color: #ee1c23;
		}
		
		#submit {
			margin: 10px 0 10px 238px;
		}

		#right span.caption {
			margin-top: 10px;
			display: block;
		}
		
		#datepicker {
			width: 293px;
		}
		
		#accordion p {
			width: auto;
		}
		
		#right .combo {
			width: 50px;
		}
		
		#right li {
			list-style-type: circle;
			list-style-position: inside;
		}
		
		.readonly {
			background-color: #ccc;
			
		}
		
		#firma-zeile {
			display: none;
		}
		
		
		/* Timepicker */
		
		.combo {
   /* float:left;
  
    */
}

.clock {
    display:block;
    cursor:pointer;
    float:left;
	float: right;
    margin-left:2px;
}

#sliderWrap {
    position:absolute;
    z-index:100;
    top:30px;
    left:40px;
    background:#fff;
    border:1px solid #ccc;
    display:none;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    _padding-top:10px; /* IE */
}

#sliderWrap label {
    display:block;
    font-size:11px;
    font-family:sans-serif;
}

#sliderWrap p {
    font-size:70%;
}

.auto {
    width:250px;
    padding-right:10px;
}

.auto div {
    width:100%;
}

.auto label {
    float:left;
    text-align:right;
    height:20px;
    width:30px;
}

.auto p {
    margin-left:40px;
}

.auto p .ui-slider-range {
    _font-size: .5em; /* IE */
}

.vertical {
    width:100px;
    padding-left:5px;
    padding-bottom:10px;
}

.vertical div {
    width:33%;
    float:left;
    height:100%;
}

.vertical label {
    text-align:center;
    padding-bottom:8px;
}

.vertical p {
    height:130px;
    margin:0 auto;
    _margin-left:7px; /* IE */
}

.vertical p .ui-slider-handle {
    _margin-bottom: -.4em; /* IE */
}
		
		
		/* EOF: Timepicker */
		
		
/* EOF: right left */
@media print {

}		


.ui-datepicker table {
	
	width: 100% !important;
}

#datepicker table.ui-datepicker-calendar tr td,
#datepicker table.ui-datepicker-calendar tr th {
	border-top: none;
	border-bottom: none;
	height: 20px;
	padding: 1px;
}

#datepicker table.ui-datepicker-calendar tr th {
	padding-right: 0;	
}