/* ---------------------------------------------------------------- */
/* Grundlayout ---------------------------------------------------- */
/* ---------------------------------------------------------------- */
body,
form {
	margin: 0px;
	padding: 0px;
	font-family:  Verdana, Arial;
	font-size: 11px;
	color: #666;
}

body {
	background:url(img/verlauf.gif) repeat-x #fff;
}


img {
	border: none;
}

.body-table {

}

/* contentbody umschliesst das komplette Layout */
#contentbody {
	position: absolute;
	width: 827px;
	top: 0px;
	padding: 0px;
	margin: 0px;
	/*background:url(img/border.png) right repeat-y ;*/
	/*border-right:1px solid #ddd;*/
	z-index:10;
}



a {
		color: #eb2222;
		text-decoration: none;
}

a:hover {
		text-decoration: underline;
}

/* ---------------------------------------------------------------- */
/* Kopf ----------------------------------------------------------- */
/* ---------------------------------------------------------------- */

#head {
	position: relative;
	width: 800px;
	height: 95px;
	z-index: 2000;
	border-bottom: 1px solid #fff;
	background-color:#fff;
}



#logodiv {
	position: absolute;
	top: 25px;
	left: 20px;
}

#logodiv img {
	width:174px;
	height:45px;
}

.skip {
    position: absolute;
    bottom: 116px;
    left: 735px;
}


/* ---------------------------------------------------------------- */
/* Contentbereich ------------------------------------------------ */
/* ---------------------------------------------------------------- */


#maincontent {
		width:800px;
		background:#fff;
		z-index:0;
}

#content {


}

#topmoods {
    background:#dadce0;
	width:800px;
	height:119px;
}

.startmoods {
    background:#dadce0;
    width:800px;
    margin-bottom:0px;
    padding-top:8px;
    padding-bottom:8px;
}


#sprache {
		position: absolute;
		right: 17px;
		z-index:1000;
		top:48px
}

#sprache img{
		border:1px solid #fff;
}


.datum {
	color:#999;
	padding-right:10px;
	width:300px;
	text-align:right;
}


/* ---------------------------------------------------------------- */
/* Standards ------------------------------------------------------ */
/* ---------------------------------------------------------------- */

p,
td, th,
li,
input,
select,
option,
.copy,
textarea {
	margin: 0px;
	font-size: 11px;
	line-height: 17px;
	color:#666;
	/*letter-spacing: 0.01em;*/
}

p {
	margin-bottom: 12px;
}


h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: none;
	color: #414141;
	margin: 0px;
	line-height:normal;
}

h1 {
	font-size: 20px;
	color: #515151;
	margin-top: 10px;
	margin-bottom: 40px;
}


h2 {
		font-size: 16px;
		margin-top: 30px;
		margin-bottom: 15px;
		clear:left;
}


h3.first {
    margin-top:0px;
}


h3 {font-size: 13px; margin-bottom: 5px; margin-top:20px;}
h4 {font-size: 11px; margin-bottom: 2px;}
h5 {font-size: 11px; margin-bottom: 2px;}
h6 {font-size: 11px; margin-bottom: 0px;}


strong {
    color:#333;
}

/* ---------------------------------------------------------------- */
/* Listen ------------------------------ */
/* ---------------------------------------------------------------- */

ul {
    padding:0px;
    margin:0px;
    margin-left:16px;
    margin-bottom:20px;
    list-style-image:url(img/square.gif);

}

ul li {
    margin-bottom:2px;


}


/* ---------------------------------------------------------------- */
/* Zusammenbau der Content-Container ------------------------------ */
/* ---------------------------------------------------------------- */

/* Position des Begin des Containers .p1 .p2 ... */
.p1, .p2, .p3, .p3, .p4, .p5 {
		position: relative;
		left: 0px;
		float: left;
		padding: 0px;
		margin: 0px;
		margin-left: 10px;
		margin-bottom: 10px;
}

.p1 {
		margin-left: 0px;
		clear: left;
}

.p2 {
}

.p3 {
}

/* Weite des Containers (anzahl der Spalten) */
.w1 { width: 135px;}
.w2 { width: 580px; padding-right:15px;}
.trenner {width: 60px;}


.headline-table {
		padding-top:30px;
}

.content-table {
		margin-bottom:60px;
}

.big-margin {
		margin-bottom:100px;
}

td.footer {
    padding-top:100px;
}


/* ---------------------------------------------------------------- */
/* navigation ----------------------------------------------------- */
/* ---------------------------------------------------------------- */


td.navibereich {
    text-align:right;
}

ul#nav,
ul#nav ul {
    margin: 0;
    padding: 0;
    width: 150px; /* Width of Menu Items */
    background: #fff; /* IE6 Bug */
    color: black;
    width: 100%;
	list-style-type:none;
	list-style-image:none;
    }

ul#nav li {
    position: relative;
    list-style: none;
    font-size:1px;
    line-height:1px;
	margin-bottom:2px;
	list-style-type:none;
    }

ul#nav ul.submenu {
    position: relative;
    left: 0px;
    display: block;
}


ul#nav li ul li{
    margin:0px;
    padding:0px;
    margin-bottom:1px;
}



ul#nav ul {
    display: none;

    top: 0;
    }

ul#nav li ul li a { padding: 2px 5px; } /* Sub Menu Styles */



ul#nav li a{
    display: block;
    text-decoration: none;
    padding: 5px;
    border-bottom: 0;
    color:#888;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight:normal;
    line-height:12px;
    list-style:none;}

ul#nav li a:hover {
    color:#333;
}

ul#nav li a.selected,
ul#nav li.selected a{
    color:#333;
    font-weight:bold;
}

ul#nav li ul li a{
    background-image:url(../img/navi-verlauf.gif);
    background-repeat: repeat-y;
    /*background-color:#f7f7f7;*/
}



/* ---------------------------------------------------------------- */
/* Kontakt ----------------------------------------------------- */
/* ---------------------------------------------------------------- */

.formular-table {
    margin-bottom: 0px;
}

.formular-table td{
		background-color:#f4f4f6;
}

.formular-table td.label{
        width:40%;
        text-align:right;
}

.formular-table th{
        text-align:left;
}

form table td {

}

form .no-pad {
		padding:0px;
}

form .long {
		width: 265px;
		height: 14px;
}

form .medium {
		width: 210px;
		height: 14px;
}

form .short {
		width: 50px;
		height: 14px;
}

form .textfield {
		width: 265px;
		height: 120px;
		border: 1px solid #dadce0;
}

form .absenden {
		width: 267px;
		height: 20px;
		cursor:pointer;
}

select,
input {
		border: 1px solid #dadce0;
		height:22px;
		background:#fff;
}

select {
        width:267px;
}



/* ---------------------------------------------------------------- */
/* Management ----------------------------------------------------- */
/* ---------------------------------------------------------------- */


.box-management {
    height:93px;
	background: #f7f7f7;

}

.box-management ul{
    margin:0px;
	margin-top:5px;

}

img.management {
    float:left;
	margin-right:25px;
}


/* ---------------------------------------------------------------- */
/* Management ----------------------------------------------------- */
/* ---------------------------------------------------------------- */


table#flottenliste {
    table-layout:auto;
	margin-top:20px;
    border-collapse:collapse;
    width:590px;
}



table#flottenliste td{
    font-size:10px;
	vertical-align:top;
	line-height:15px;
	padding:4px;

}



table#flottenliste tr.odd{
    background:#fff;
}


table#flottenliste tr.even{
    background:#e9eaec;
}


table#flottenliste th{
    text-align:left;
    font-size:10px;
    vertical-align:top;
    line-height:12px;
    color:#333;
	cursor: pointer;
	padding:4px;
	background: #DADCE0;
}


table#flottenliste td a{
    color:green;
}




/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables sorting
 */


table#flottenliste th.sorting_asc {
    background: url('img/sort_asc.gif') no-repeat center right #DADCE0;
}

table#flottenliste th.sorting_desc {
    background: url('img/sort_desc.gif') no-repeat center right #DADCE0;
}

table#flottenliste th.sorting {
    background: url('img/sort_both.gif') no-repeat center right #DADCE0;
}


/*
 * Sorting classes for columns
 */
/* For the standard odd/even
tr.odd td.sorting_1 {
    background-color: #D3D6FF;
}

tr.odd td.sorting_2 {
    background-color: #DADCFF;
}

tr.odd td.sorting_3 {
    background-color: #E0E2FF;
}

tr.even td.sorting_1 {
    background-color: #EAEBFF;
}

tr.even td.sorting_2 {
    background-color: #F2F3FF;
}

tr.even td.sorting_3 {
    background-color: #F9F9FF;
}
*/



/* ---------------------------------------------------------------- */
/* Validation ------------------------------ */
/* ---------------------------------------------------------------- */


.errmsg {
    display: none;
    color:#ff9900;
}

.notvalid {
    border: 1px solid #bf737a;
    background-color:#f7edee;
}

.errormsglabel {
    cursor: pointer;
}

#validationmsg {
    background-color:#f7edee;
    border-top: 1px solid #bf737a;
    border-bottom: 1px solid #bf737a;
    display: none;
    margin-top:15px;
    margin-bottom:15px;
}

#validationmsg h2{
        margin:12px;
        font-style: italic;
        color: #030100;
        font-size: 13px;
}

#validationmsg ul {
        padding:0px;
        margin:0px;
        margin-left:28px;
        margin-bottom:20px;
        list-style-type:square;
        list-style-image:none;
        color: #951521;
}

#validationmsg ul li {
        margin-bottom:3px;
        font-style: italic;

}
#validationmsg ul li span{
        color: #444;

}

#validationmsg .red{
        color: #951521;

}


.thumbBox {
    display:none;
}

img.imgFull {
    cursor:pointer;
}

/* ---------------------------------------------------------------- */
/* Kontakt Tabellen ----------------------------------------------- */
/* ---------------------------------------------------------------- */

.kontakt-table td{
    background:url(img/vl_td.jpg) bottom repeat-x;
    vertical-align:top;
}

.vessel {
	margin-bottom:0px;
}

.vessel img{
    margin-bottom:12px;
}