/**** ALLGEMEIN ****/

html {
	height: 100%;
}

body {
	height: 100%;
	font-family: Lucida Grande, "Futura", Tahoma, Geneva, sans-serif;
	font-size: 12px;
	line-height: 16px;  
	color: #333;
  background-attachment: fixed;
}

.deko {
	position: absolute;
	left:50%;
	top:50%;
	z-index: -1;
	color:white;
	font-family:"Georgia";
}

/**** STRUKTURGEBENDE CONTAINER ****/

#_mutterschiff {
	margin:30px auto;
	background-color:white;
}

#_header {
	height:20px;
	padding:15px 15px 10px;
	font-size:14px;
	color:black;
}

#_content {
	clear:both;
	margin:20px;
}

#_left {
	float: left;
	width: 205px;
	padding: 0 15px 20px 0;
}

#_right {
	margin-left: 240px;
}

#linke_spalte {
	width:68%;
	margin-right:2%;
	float:left;
}

#rechte_spalte {
	width:30%;
	float:left;
}

#_footer {
	clear:both;
	font-size:10px;
	color:black;
	margin-top:16px;
	padding:6px 18px;
}

/**** LOGIN UND LOGO ****/

#login {
	padding:0;
}

#logo {
	float:left;
	margin:15px 0 0 15px;
}

/**** NAVIGATION ****/

#navi {
	color:black;
	margin-left:233px;
	padding-top:120px;
	height:20px;
}

#navi li {
	float:left;
	margin-left:25px;
	list-style:none;
	font-size:14px;
}

#navi li a {
	color:#333;
	text-decoration:none;
}

#navi .aktiv {
	color:#bf0000;
}

/**** CLOSE BUTTON ****/

.close_button {
	position:absolute;
	cursor:pointer;
	right:10px;
	top:3px;
	background:url(../layout/close.png) no-repeat;
	width:14px;
	height:16px;
}

.close_button a {
	text-decoration: none;
	display: block;
}

/**** ELEMENTE ****/

table {
	border: 0px black solid;
}

td, th {
  padding: 3px 6px;
}

h1 {
}

h2 {
	font-size: 18px;
	padding-bottom:2px;
	margin-bottom:16px;
}

h3 {
	font-size: 14px;
	padding:3px 0px;
	margin-bottom:6px;
	font-weight:normal;
}

h4 {
	font-size: 12px;
	font-weight:bold;
	margin: 8px 0 4px 0;
}

h5 {
	font-size:11px;
	margin-bottom:6px;
}

h6 {
	font-size:10px;
	margin-bottom:6px;
}

.ul_ebene_1 {
	margin:4px 0 4px 20px;
	color:#333;
	list-style-type:disc;
}

.ul_ebene_2 {
	margin:4px 0 4px 20px;
	color:#666;
	list-style-type:circle;
}

p {
	margin: 6px 0;
}

label {
	font-size:9px;
	color:black;
	margin-top:4px;
}

.ie label {
	display:block;
}

.ui-state-highlight {
	list-style-type: none;
	height:30px;
	margin:4px 0;
}

/* Dialog */
.dialog {
  background-color : white;
  left             : 50%;
  margin-left      : -140px;
  padding          : 10px;
  position         : absolute;
  top              : 200px;
  width            : 280px;
  z-index          : 10;
}

.bad_message {
  border : 3px #e26121 solid;
}

.good_message {
  border : 3px #45a53f solid;
}

.status td {
	padding-top:20px;
}

.mailarea {
	width:400px;
	height:100px;
}

.accesscode {
	font-size: 20px;
	color:#666;
	font-weight: bold;
	padding:1px 10px;
}

.colbox {
	border-radius: 2px;
}

@media screen {
  hr { display:none; }
	.page_nr {display:none;}
	.drucktitel {display:none;}
	.druckname {display:none;}
	.druckkompass {display:none;}
}

@media print {
  hr { page-break-before:always; color:#999; text-align:left; margin-bottom: 10px;}
	html { background:white !important; }
	body { background:white !important; }
	.page_nr {display:block; font-size:10px; float: right;}
	.drucktitel {display:block; font-size:13pt;	margin: 0px 0 10px; color: #666;}
	.druckname {display:block; border:none; font-size: 11pt; color: #999; font-weight: normal; margin: 0;}
	.druckkompass {display:block; border:none; font-size: 9pt; color: #666; font-weight: normal; margin: 0 0 30px;}
	.result {text-align: center; position: relative;}
	.chart_title {font-weight: bold; border:1px solid #999;}
	#_mutterschiff { box-shadow: none  !important; border:none;} 
	#_header { display:none; }
	#_left { display:none; }
	#_right {	margin-left: 0px; }
	.detailspan {display:none;}
	#_footer {display: none;}
	.legende {position: absolute; right: 0cm; bottom: 0cm;}
	.legende h4 {font-size: 9pt; text-align: left;}
	.legende td {font-size: 7pt; padding: 0px 4px; text-align: left; vertical-align: top; }
	.legende_description {width:3.4cm;}
}

.visible {
	display: block !important;
}