/* CSS Maritime Technik  */
html, body {
	height:100%;
	margin:0;
	padding:0;
}
body {
	min-width:955px; /* Prevent content from becoming unreachable in Gecko */ 
	margin:0 auto;
}
#aussen {
	width:960px;
                min-height:100%;
	background:#F6F6F6;
	border:0;
	margin:auto;
	text-align:left;
}

/* ++++++++++ NAVIGATION ++++++++++ */
#navcontainer {
	float:left;
	width:220px;
}

.navigation {
	width: 224px;
  	position:fixed;
	overflow:auto;
                min-height:100%;
	top:1px;
	bottom:1px;
	text-align:left;
}


.navigation h2 {
	/*background: #E7EFF3;*/
	color:#3C6AAA;
	font: bold 11px Verdana,Arial,sans-serif;
	line-height: 110%;
	margin: 0;
	padding-left: 8px;
}

.navigation ul {
	padding: 0;
	margin:0;
	border-top: 2px solid #E7EFF3;
	list-style:none;
}

.navigation li {
	border-bottom: 2px solid #E7EFF3;
}

.navigation li a {	
	font-size: 11px;
	color: #554;
	display: block;
	text-decoration: none;
	width: 92%;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 8%;

}

.navigation li a:hover {
	background: #E7EFF3;
	color: #3C6AAA;
	font-weight:bold;
	background-image: url(../img/button-a.gif);
}

.navigation li a:active, .navigation li a:focus {
	background: #F0F0FF;
	color: #06C;
	font-weight:bold;
	background-image: url(../img/button-a.gif);
}
.navigation li a.aktiv {
	background: #F0F0FF;
	color: #06C;
	font-weight:bold;
	background-image: url(../img/button-a.gif);
}

.navy {
	color:navy;
	background-color:navy;
	border:1px solid navy;
}

p.p12left { 
	color: #554;
	font-size:11px;
	text-align:left; 
	margin-left:5px;
}

/* ++++++++++ MAIN-CONTAINER +++++++++ */

#header {
	height:60px;
	width:740px;
	margin:0 auto;
}

#content {
	width:739px;
	padding:0;
	margin-left:220px;
}

p.lang {
   font-size: 0.7em;
   text-align: right;
   margin: 0 1.0em;
}
p.lang img {
	border:0;
}
#footer {
	width:740px;
	height:60px;
	margin:0 auto;
}

#footer p {
	color:#036;
	margin:0;
	padding:4px;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}

/* Styling rules to make this demo page look nice. */
body,
html{
	font-family: Arial, Helvetica, sans-serif;
	color:#000;
	background-color: #3764AF; /* vorher #F6F6F6 */
}
#header,
#footer {
	background:#F6F6F6;
	color:#eee;
}

#middle {
	background:#eee;
}
#content {
	background:#f6f6f6;
}

h1,
h2 {
	margin:0;
}

h1 {
	font-size:1.4em;
	text-align:center;
	padding-top:5px;
}

#header h1 {
	font-size:1.0em;
	margin-top:-10px;
}

h2 {
	font-size:1.2em;
	padding-top:1em;
	margin-top:0;
}
p {
	margin-bottom:0;
	font-size:0.8em;
	line-height:1.4em;
}
pre {
	font-size:0.9em;
	line-height:1.4em;
}
ul {
	font-size:0.8em;
	line-height:1.4em;
}

ul.info {
	margin-left:-10px;
}
ul.info li {
	font-size:12px;
	padding:3px;
	margin-bottom:2px;
}

a:link { text-decoration:underline; color:#003399; }
a:hover { background:none; text-decoration:underline; color:#3264C8; }
a:active {  background:none; text-decoration:none; color:#003399; }
a:visited { background:none; text-decoration:none; color:#003399; }

hr { background-color:#000000; color:#000000; border: #000000; height: 1px; margin: 2px; }

p.normal       { font-size: 12px; font-weight: normal; color: #2D5591; }
.header        {  font-size: 16px; font-weight: bold; color: #2D5591; text-align: center; line-height:1.6em;}
.small         { font-size: 10px}
.small-notbold { font-weight: normal; font-size: 10px }
.bold          { font-weight: bold}
.notbold       { font-weight: normal}
.nodecoration  { text-decoration: none}
.underline     { text-decoration: underline}

.left          {  font-size: 12px; font-weight: normal; color: #2D5591; text-align: left;    vertical-align: top}
.left-b        {  font-size: 12px; font-weight: bold;   color: #2D5591; text-align: left;    vertical-align: top}
.right         {  font-size: 12px; font-weight: normal; color: #2D5591; text-align: right;   vertical-align: top}
.right-b       {  font-size: 12px; font-weight: bold;   color: #2D5591; text-align: right;   vertical-align: top}
.center        {  font-size: 12px; font-weight: normal; color: #2D5591; text-align: center;  vertical-align: top}
.center-b      {  font-size: 12px; font-weight: bold;   color: #2D5591; text-align: center;  vertical-align: top}
.justify       {  font-size: 12px; font-weight: normal; color: #2D5591; text-align: justify; vertical-align: top}
.justify-b     {  font-size: 12px; font-weight: bold;   color: #2D5591; text-align: justify; vertical-align: top}

.middle        {  font-size: 12px; font-weight: normal; color: #2D5591; text-align: center;  vertical-align: middle}
.middle-lbg    {  font-size: 12px; font-weight: normal; color: #2D5591; text-align: center;  vertical-align: middle; background-color: #FFFFFF}
.middle-mbg    {  font-size: 12px; font-weight: normal; color: #000000; text-align: center;  vertical-align: middle; background-color: #66CCCC}
.middle-dbg    {  font-size: 12px; font-weight: normal; color: #2D5591; text-align: center;  vertical-align: middle; background-color: #A0BEDC}
.middle-b      {  font-size: 12px; font-weight: bold;   color: #2D5591; text-align: center;  vertical-align: middle}
.middle-b-lbg  {  font-size: 12px; font-weight: bold;   color: #2D5591; text-align: center;  vertical-align: middle; background-color: #FFFFFF}
.middle-b-mbg  {  font-size: 12px; font-weight: bold;   color: #000000; text-align: center;  vertical-align: middle; background-color: #66CCCC}
.middle-b-dbg  {  font-size: 12px; font-weight: bold;   color: #2D5591; text-align: center;  vertical-align: middle; background-color: #A0BEDC}

.left-lbg      {  font-size: 12px; font-weight: normal; color: #2D5591; text-align: left;    vertical-align: top;    background-color: #FFFFFF}
.left-b-lbg    {  font-size: 12px; font-weight: bold;   color: #2D5591; text-align: left;    vertical-align: top;    background-color: #FFFFFF}
.right-lbg     {  font-size: 12px; font-weight: normal; color: #2D5591; text-align: right;   vertical-align: top;    background-color: #FFFFFF}
.right-b-lbg   {  font-size: 12px; font-weight: bold;   color: #2D5591; text-align: right;   vertical-align: top;    background-color: #FFFFFF}
.center-lbg    {  font-size: 12px; font-weight: normal; color: #2D5591; text-align: center;  vertical-align: top;    background-color: #FFFFFF}
.center-b-lbg  {  font-size: 12px; font-weight: bold;   color: #2D5591; text-align: center;  vertical-align: top;    background-color: #FFFFFF}
.justify-lbg   {  font-size: 12px; font-weight: normal; color: #2D5591; text-align: justify; vertical-align: top;    background-color: #FFFFFF}
.justify-b-lbg {  font-size: 12px; font-weight: bold;   color: #2D5591; text-align: justify; vertical-align: top;    background-color: #FFFFFF}
.left-lbg  a:hover { color:#a00; }

.left-dbg      {  font-size: 12px; font-weight: normal; color: #2D5591; text-align: left;    vertical-align: top;    background-color: #A0BEDC}
.left-b-dbg    {  font-size: 12px; font-weight: bold;   color: #2D5591; text-align: left;    vertical-align: top;    background-color: #A0BEDC}
.right-dbg     {  font-size: 12px; font-weight: normal; color: #2D5591; text-align: right;   vertical-align: top;    background-color: #A0BEDC}
.right-b-dbg   {  font-size: 12px; font-weight: bold;   color: #2D5591; text-align: right;   vertical-align: top;    background-color: #A0BEDC}
.center-dbg    {  font-size: 12px; font-weight: normal; color: #2D5591; text-align: center;  vertical-align: top;    background-color: #A0BEDC}
.center-b-dbg  {  font-size: 12px; font-weight: bold;   color: #2D5591; text-align: center;  vertical-align: top;    background-color: #A0BEDC}
.justify-dbg   {  font-size: 12px; font-weight: normal; color: #2D5591; text-align: justify; vertical-align: top;    background-color: #A0BEDC}
.justify-b-dbg {  font-size: 12px; font-weight: bold;   color: #2D5591; text-align: justify; vertical-align: top;    background-color: #A0BEDC}

div.aktuell {
	margin-top:5px;
	width:560px;
	background-color:#E7EFF3;
	padding:3px;
	border:2px solid #C0C0C0;
}

div.aktuell p {
	margin:0px;
	padding:3px;
	text-align:left;
	color:#036;
}

div.aktuell table.termin {
	margin:2px;
	border:1px solid #036;
	width:95%;
	background-color:#ff9;
}