/*  */

body {
	/*font-family: trebuchet ms, verdana, arial, tahoma;*/
        font-family: verdana, arial, helvetica, sans-serif;
	/*letter-spacing: 1px;*/
	font-size: 80%; /*font-size: 90%;*/
	color: #2953A1;
	background-color: white;
	line-height: 140%; /*line-height: 140%;*/
	margin: 0;
	/*padding: 0;*/
        padding:0 0 20px 0; /*wg foooter*/
	text-align: center;
}

/* Set the page width */
#wrapper-menu-top, #header, #wrapper-content, #wrapper-footer {
	width: 85%;
	margin: 0 auto;
	text-align: left;
}

#wrapper-menu-top {
	background: white url('images/bg02-white-left.png') no-repeat left top;
}

#menu-top {
	background: transparent url('images/bg02-white-right.png') no-repeat right top;
	overflow: hidden; /* no idea why this works, but it fixes a FF problem */
}

#menu-top ul {
	margin: 0 20px;
	padding: 1em 0 0 0;
	list-style: none;
	font-size: 85%;
	float: left;
}

#menu-top li {
	display: inline;
	float: left;
	padding: 0 7px 0 0;
	color: #415170;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: 900;
}

#menu-top a {
	float: left;
	background: url(images/menuleft.png) no-repeat left top;
	margin: 0;
	padding: 0 0 0 11px;
	margin: 1px 1px 0px 1px;
	text-decoration: none;
}

#menu-top a span {
	background: transparent url(images/menuright.png) no-repeat right top;
	padding:0px 15px 0px 6px; /*padding:5px 15px 4px 6px;*/
   	margin:0px 0px 0px 0px;
	color:#25669F;
	display: block;
	float: none;
	cursor: pointer; /* IE doesnt display the hand when you roll over the link for some reason. This fixes it */
  	vertical-align:  bottom;
}

#menu-top a:hover { background-position:0% -42px; 	}
#menu-top a:hover span {  
	vertical-align:   top;
	background-position: 100% -42px; 
	/*color: #d6d6d6;*/
} 
#menu-top a.menu_current {
	background-position: 0% -42px;
}
#menu-top a.menu_current span{
	background-position: 100% -42px;
}
#menu-top a.menu_current:visited {
	background-position: 100% -42px;
}
#menu-top a.menu_current:visited span{
	background-position: 100% -42px;
	color: #F0F0E7; /*#d6d6d6   #E9E9E0*/ 
}
/*------------------------------*/
/* Main menu BEGIN */

div.mainmenu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
div.mainmenu li {
	list-style: none;
	margin-left: 0px;
	padding-top: 0px;
}

div.mainmenu ul li a.menu_current:link, div.mainmenu ul li a.menu_current:visited {
	background-position: 0px -76px; /*-54px;*/  
	color: #ffffff;
	background-color: #333333;
	font-weight: bold;
	/*padding-left: 5px;
	padding-top: 5px;*/
	text-indent: 29px;
	text-decoration: none;
	line-height: 41px;
}
div.mainmenu ul li a:link, div.mainmenu ul li a:visited  {
	display: block;
	color: #ffffff;
	font-size: 12px;
	/*font-weight: bold;*/
	background: #333333 url(./images/menu_bg.gif);
	background-repeat: no-repeat;
	width: 100%;
	text-indent: 27px;
	text-decoration: none;
	line-height: 45px; /*25px;*/
	height: 37px;
	/*margin-bottom: 2px;*/
	/*padding-top: 6px;*/
}

div.mainmenu ul li a:hover {
	background-position: 0px -38px; /*-27px;*/ 
	color: #fff878;
	background-color: #333333;
	/*padding-left: 5px;*/
	/*padding-top: 4px;*/
	text-indent: 29px;
	text-decoration: none;
	line-height: 41px;
}
/*------------------------------*/

#wrapper-header {
	background: transparent url('images/backoben.jpg') top center repeat-x;
}

#header {
	/*background: #eee url('images/hafen_hamburg.jpg') no-repeat center top;*/
        background: #eee url('images/bg_bruecke3.jpg') no-repeat right top;
}
/*#header1 {
	background: #eee url('images/bg_frachter_container.jpg') no-repeat right top;
}
#header2 {
	background: #eee url('images/bg_nacht2.jpg') no-repeat right top;
}
#header3 {
	background: #eee url('images/bg_turm.jpg') no-repeat right top;
}
#header4 {
	background: #eee url('images/bg_container.jpg') no-repeat right top;
}
#header5 {
	background: #eee url('images/bg_tiger.jpg') no-repeat right top;
}
#header6 {
	background: #eee url('images/bg_kraene2.jpg') no-repeat right top;
}
#header7 {
	background: #eee url('images/bg_kraene2.jpg') no-repeat right top;
}
#header8 {
	background: #eee url('images/bg_kraene2.jpg') no-repeat right top;
}*/

#wrapper-header2 {
	background: transparent url('images/backobenlinks.jpg') top left no-repeat;
}

#wrapper-header3 {
	background: transparent url('images/backobenrechts.jpg') top right no-repeat;
}

#header h1 {
	margin: 0 20px;
	padding: 0;
	height: 155px;
	line-height: 3em;
	color: #ccc;
	font-size: 130%;
}

#wrapper-content {
	background: white url('images/bg02-white-left.png') no-repeat left top;
}

* html #wrapper-content { height: 1%; }

#content {
	background: transparent url('images/bg02-white-right.png') no-repeat right top;
	/*padding: 35px 245px 5px 40px;*/
	padding: 15px 140px 5px 40px;
}

#wrapper-menu-page {
	float: right;
	width:180px;
	margin: 20px 30px 3em 2em;
	background: transparent url('images/menu.png') no-repeat;
	text-align: center;
	line-height: 140%;
	font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
}

* html #wrapper-menu-page { margin-right: 15px; }

#menu-page { padding-top: 5px; }

#menu-page ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 90%;
}

#menu-page h3 {
	font-size: 75%;
	text-transform: uppercase;
	margin: 1em 0 0.3em 0;
	color: #5b8fbe;
	font-weight: normal;
	letter-spacing: 0.15em;
}

#menu-page a:link, #menu-page a:visited { color: #888; }
#menu-page a:hover { color: #5b8fbe; }

#wrapper-footer {
	margin-top: 1em;
	text-align: center;
}

#footer {
	margin: 0 20px;
	background-color: #e5f0fc;
	border: 1px solid #ccc;
	border-bottom: 0;
	clear: both;
}

h2 { font-size: 110%; }
h3 { font-size: 100%; }

a:link, a:visited { color: #2953A1;/*#5b8fbe;*/ text-decoration: underline; }
a:hover{ color: #5b8fbe; text-decoration: none; }

#logo{  /*background: url('images/nett-werft-schild.jpg')  ;*/
	background: url('images/logoNeu207x111.png')  ;
	position: absolute; bottom:0; right:7px; width:207px; height:111px;
}



.toplogo{  background: url('images/internettdesign01.png')  ;
	position: absolute; top:26px; right:117px; width:155px; height:18px;
}
/*----------------------------------------------------------------------------------------------------------
------------ab hier-die alten reinkopierten css-definitionen-----------------------------------------------------------------------------------------------
---------------------*/
hr {
	border: 0px; /* Für Firefox und Opera */
	border-top: solid 1px #4682B4;
	border-bottom: transparent;
	margin: 0px auto 0px auto;
	width: 100%;
	text-align: center;
} 

td{
	padding: 0px 10px 0px 10px;
} 
.td1{
	background-color: #95B5CE;
	color: #EFEFEF;
	font-weight: bolder;
} 
.td2{
	/*padding: 0px 10px 0px 10px;*/
	background-color: #F6F6F6;
	color: #0A4D88;
	/* font-weight: bolder;*/
} 
A:hover:before{
	COLOR: #565F96;
	CURSOR: hand;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
}
/* Reihenfolge beachten!!! Link, Visited, Hover, Focus, Activ */

/*.A:link{COLOR:#336699; CURSOR: hand; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 11px; TEXT-DECORATION: underline;  font-weight:none;   }*/
/*A:visited{  COLOR: #ff6250; 
		COLOR: #333333; CURSOR: hand; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 11px; TEXT-DECORATION: underline; font-weight:none;  }
*/

/*   letter-spacing:0.2mm;  font-style: cursiv; italic;  */

.li{/*COLOR:#444444;*/ color:#336699; black;font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-weight: 900;  
	font-size: 12px; line-height:12pt; letter-spacing:0.2mm; word-spacing:0.8mm;TEXT-DECORATION: none;list-style-position=top; margin-top:1.5px;  }
      
.{color: #444444;  font-family:  Arial, Verdana, Tahoma, Geneva, Helvetica, sans-serif; font-size: 12px; font-weight: bold; 
	line-height:12pt; letter-spacing:0.0mm; word-spacing:0.0mm; } 
.all{color:#444444;font-family: Arial, Verdana, Tahoma, Geneva, Helvetica, sans-serif; font-size: 12px;  font-weight: bold; 
	line-height:12pt; letter-spacing:0.0mm; word-spacing:0.0mm; width: 490px;  }

.verybig{color:#336699;  font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 125%; font-weight: normal; 
letter-spacing:-0.2mm;  word-spacing: 0.2mm; line-height:12pt; text-transform:uppercase;	/*width:5px; overflow:hidden;*/}
 /*text-decoration: cursiv; */

.tbl{/*margin-top:1.5px;*/ margin: 12px 12px 12px 12px; padding: 3px 3px 3px 3px;  /*cellspacing:5; cellpadding:4; padding:3cm;*/  /*padding-top:3cm;*/ }
.row1{background-color:#E8EAED;}
.row2{background-color:#D3DEE9;}

.h_xl{color:   #777777;  font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 24px; font-weight: 900;  }
.h_blue{color: #336699;  font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 16px; font-weight: bold; letter-spacing:0.0mm;}
.h_grey{color: #555555;  font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 16px; font-weight: bold; }

.t_grey{color: #555555;  font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 14px; font-weight: normal; } 
.t_blue{color: #336699;  font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 14px; font-weight: normal; }

.s_grey{color: #555555;  font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 11px; font-weight: normal; line-height=130%; } 
.s_blue{color: #336699;  font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 11px; font-weight: normal; line-height=130%; }

.xs{color: #314a79;      font-family: tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 9px; font-weight: bold; line-height=130%; } 
.xs_grau{color: #c0c0c0; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 11px; font-weight: bold; line-height=130%; }

.xs_grey{ 	color: #555555; font-size:  9px;  	                 	font-family:verdana, arial, helvetica, sans-serif;  }
.n_grey{ 	Color: #555555; font-size: 12px; 						font-family:verdana, arial, helvetica, sans-serif;	} 
.l_grey{	color: #555555;	font-size: 24px; 	font-weight: bold;	font-family:verdana, arial, helvetica, sans-serif;	} 
.xl_grey{ 	color: #555555; font-size: 48px;  	font-weight: 900; 	font-family:verdana, arial, helvetica, sans-serif;  }
.grey  { 	color:#777777;}
.xs_blue{ 	color: #336699; font-size:  9px;  	                 	font-family:verdana, arial, helvetica, sans-serif;  }
.n_blue{ 	Color: #336699; font-size: 12px; 						font-family:verdana, arial, helvetica, sans-serif;	} 
.l_blue{	color: #336699;	font-size: 24px; 	font-weight: bold;	font-family:verdana, arial, helvetica, sans-serif; line-height=100%;	} 
.xl_blue{	color: #336699;	font-size: 48px; 	font-weight: 900;	font-family:verdana, arial, helvetica, sans-serif;	} 
.xxl_blue{	color: #336699;	font-size: 55pt;	font-weight: 900;	font-family:verdana, arial, helvetica, sans-serif;	line-height:50pt;style=width:100%; } 
.n_yellow{ 	Color: #FFE600; font-size: 12px; 						font-family:verdana, arial, helvetica, sans-serif;	}

.headlines	{color: #ff9900; font-family: Arial, Helvetica, sans-serif; font-size: 12px;  font-weight: bold;  }

.fields			{background-color:Black;     color:White; border:1 solid #ff7300; font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight: bold;  }
.textbox_short  {background-color:lightgrey; color: Blue; width: 45px;  border: 1 solid Black; font-family: Arial, Helvetica, sans-serif; font-size: 12px;  }
.textbox_middle {background-color:lightgrey; color: Blue; width: 150px; border: 1 solid Black; font-family: Arial, Helvetica, sans-serif; font-size: 12px;  }
.textbox		{background-color:  #E5E5E5; color: #25669F; width: 199px; border: 1 solid lightgrey;font-family: Arial, Helvetica, sans-serif;font-size: 12px;  }
.button  		{background-color: Grey;     color: Black;width: 125px; border: 1 solid Black; font-family: Arial, Helvetica, sans-serif; font-size: 11px; cursor: hand;  }
.boxtext 		{font-family: Arial, Helvetica, sans-serif; font-size : 11px; color : Black; background-color : #eeeeee;  }

.boxtitle {	font-family : Arial, Helvetica, sans-serif;	font-size : 11px;	color : Black;	font-weight : bold;	background-color: lightgrey;  }
.pulldownbox
		  { background-color:lightgrey; color:Blue; width:150px; border:1px thin #ffffff; border-style: solid; 
		    font-family: Arial, Helvetica, sans-serif; font-size: 11px; }

.form01{	
	color: #336699;
 	font-family:Courier New,Times New Roman,verdana, arial, helvetica, sans-serif; 
 	font-size:11px;
 	font-weight: none; 	
/*	border-color:#cecece;	*/
/*	border-width:70px; */
	BACKGROUND-color:white;
 	}

.nav0 {	HEIGHT: 13px; LEFT: 165px; POSITION: absolute; TOP: 0px; VISIBILITY: hidden; WIDTH: 100px; Z-INDEX: 1;color: Black;
    	font-family: Arial, Helvetica, sans-serif;   font-size: 12px;font-weight: bold;  }

.nav1 {	HEIGHT: 13px; LEFT: 165px; POSITION: absolute; TOP: 0px; VISIBILITY: hidden; WIDTH: 100px; Z-INDEX: 1;color: Black;
	    font-family: Arial, Helvetica, sans-serif;   font-size: 12px;font-weight: bold;  }

.nav2 {	HEIGHT: 13px; LEFT: 165px; POSITION: absolute; TOP: 0px; VISIBILITY: hidden; WIDTH: 100px; Z-INDEX: 1;color: Black;
    	font-family: Arial, Helvetica, sans-serif; font-size: 12px;font-weight: bold;  }

.nav3 {	HEIGHT: 13px; LEFT: 165px; POSITION: absolute; TOP: 0px; VISIBILITY: hidden; WIDTH: 100px; Z-INDEX: 1;color: Black;
	    font-family: Arial, Helvetica, sans-serif; font-size: 12px;font-weight: bold; }

.nav4 {	HEIGHT: 13px; LEFT: 165px; POSITION: absolute; TOP: 0px; VISIBILITY: hidden; WIDTH: 100px; Z-INDEX: 1;color: Black;
	    font-family: Arial, Helvetica, sans-serif;  font-size: 12px;font-weight: bold;  }
.nett{
	color: #d6d6d6;
	background-color:#6e7ec6;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	border-top:1px solid #415170;
	border-left:1px solid #415170;
	/*border-right:1px solid #415170;*/
	border-bottom:1px solid #415170;
}
.werft{
	color: #415170;
	background-color:#d6d6d6;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	border-top:1px solid #415170;
	/*border-left:1px solid #415170;*/
	border-right:1px solid #415170;
	border-bottom:1px solid #415170;
}
.werft2{
	color: #415170;
	background-color:#ffffff;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	/*border-top:1px solid #415170;
	border-right:1px solid #415170;
	border-bottom:1px solid #415170;*/
}

/* +++++ foooter +++++ */
#foooter{
	position:fixed;
    	bottom:0px;
	right:7px; width:207px; height:111px;
	/*background: url('images/nett-werft-schild.jpg')  ;*/
	background: url('images/logoNeu207x111.png')  ;
}
/*	position:absolute;
  	bottom:0;
  	left:0;
  	width:100%;
  	height:20px;
}
@media screen{
  	body>div#footer{
   		position: fixed;
	}
}
* html body{
  	overflow:hidden;
} 
* html div#content{
  	height:100%;
  	overflow:auto;
}*/

/*----*/
#menu2 {
	/*width: 75%;*/
        margin: 0 auto;
	/*--margin: 20px 20px 30px 40px;--*/
	font-size: 85%;
	white-space: nowrap; /* stops half a menu link dropping to next line. Instead, the whole link will drop. This only happens if you have a lot of menu links, and large text size */
	padding-right: 2px;	/* The menu far left, and far right borders are not quite lining up in non IE browsers for some reason. This makes it less noticable */
	padding-left: 40px;
background: transparent;

	/*margin: 0 20px;*/
	/*padding: 0;*/
        padding: 130px 20px 1px 40px;
	height: 18px; /*155px;*/
	/*line-height: 3em;*/
	color: #ccc;
	/*font-size: 130%;*/
}

* html #menu2 { padding-right: 0; background: transparent;} /* See above comment. This re-adjusts IE to the above padding */

#menu2 ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	/*border-left: 1px solid #95bc0e;
	border-right: 1px solid #95bf0f;*/
	width: 100%;
background: transparent;
}

#menu2 li { display: inline; }

#menu2 a:link, #menu2 a:visited {
	padding: 0.25em 1em;
	/*background: transparent;*/
	/*background: #ffffff url('images/menu2.gif') repeat-x;*/
        background: #e5e5e5;
	color: #25669f;/*color: #888888;*/
	text-decoration: none;
	float: left;
	border-right: 1px solid #000000;
	border-top: 1px solid #888888;
	/*border-left: 1px solid #888888;*/
	margin: 0px 5px 0px 5px;
	padding: 0px 5px 0px 5px; /*1px 0 0 0;*/
opacity:0.7;
filter: alpha(opacity=70);
font-weight: bold;
}

#menu2 a:hover {
	/*background: #ffffff url('images/menu_hover.gif') repeat-x;*/
        background: #959eb0;
	color: #f0f0e7;/*color: #5B8FBE;*/
opacity:1.0;
filter: alpha(opacity=100);
font-weight: bold;
}
/*----*/

#moeve{
position:absolute;
  	bottom:88px;
	right:20px;
}

#fehler{
background:  url('images/fehler.gif') repeat-x;
width: 343px;
height: 149px;
position:absolute;
  	top:39px;
	left:400px;
opacity:0.7;
filter: alpha(opacity=70);

}