@charset "UTF-8";

@media screen, projection
{
/*----  Allbemeine Einstellungen  ----------------------------------------------------------------------------------------*/

/* beheben des Italics Bugs für IE 5.x/IE 6 */
	* html body * { overflow: visible; }
	* html iframe { overflow: auto; }
	
/* vertikaler Scrollbalken einschalten seitliches Springen verhindern*/
	html { height: 100%; margin-bottom: 1px; }

/* Innen-/Außenabstände aller Elemente zurücksetzen */
	* { margin:0; padding: 0; outline:none;}
	
/* Schrifteinstellungen initialisieren allgemein */
	body {
		font-size: 100.01%;  /* Fehler für Schriftgrößen für Operaversionen beheben */
		color: #4c555f;
		text-align: left;
	}

/* sichere Positionierung der Grundelemente */
	#header, #nav, #main, #footer { clear:both; }

/* Korrekturen für Select-Boxen */
	option { padding-left: 0.4em; }

/* Rahmen löschen für <fieldset> und <img> Elemente */
	fieldset, img { border: 0 solid; }

/* Einstellung für Listen & Zitate */
	ul, ol, dl { margin: 0 0 1em 1em }
	li {  line-height: 16px; margin-left: 1.5em;}
	dt { font-weight: bold; }
	dd { margin: 0 0 1em 2em; }

	blockquote { margin: 0 0 1em 1.5em; }

	
/*----  Grundlayout  ----------------------------------------------------------------------------------------*/

/* Zentrieren und Hintergrund */
	body { 
		background: #707d96 url() repeat-x top left; 
		padding: 62px 0; 
	}
	body { text-align: center; } /* zentrieren alter IE's */
	#page { text-align:left; margin: 0 auto; }

	#page { 
		width: 1010px;
		background: #ffffff; 
		border:0px solid #838383;
		padding: 0px; 
		background: #ffffff url("../images/left-bg.gif") repeat-y top left; 
	}

/*----  Hauptelemente des Seitenlayouts  ----------------------------------------------------------------------------------------*/

	#header {
		position:relative;
		height:141px;
		width:auto;
		color: #000000;
		margin:0px 0px 0px 0px;
		padding: 0px; 
		background: #ffffff url("../images/head-bg.gif") repeat-x 0px 0px; 
		border:0px solid #ff0000; 
	}
	#header.home {
		height:224px;
		background: #ffffff url() no-repeat top left; 
	}

	#topnav { text-align: right; color: #aaa; background: transparent; }

	#headerlogo {
		position:absolute; 
		top:27px;
		left:717px;
		height:85px; 
		width:225px; 
		margin:0px; 
		padding:0px; 
		background: #ff0000 url() no-repeat top left; 
		border:0px solid #693a2b;
	}
	.slogan {margin:0px 0px 0px 0px;}
	.logo {margin:0px 0px 0px 0px;}

	#topline {
		position:relative; 
		height:25px;
		width:1010px; 
		margin:0px 0px 0px 0px;
		padding: 0px;
		display:block;
		background: #ffffff url() no-repeat top left; 
		border:0px solid #ff0000; 
	}
	#headhnav {
		position:relative; 
		height:91px;
		width:736px; 
		margin:0px 0px 0px 274px;
		padding: 0px;
		display:block;
		background: #214062 url() no-repeat top left; 
		background: transparent url() no-repeat top left; 
		border:0px solid #ff0000; 
	}
	#headunav {
		position:relative; 
		height:25px;
			height:31px;
		width:736px; 
		margin:0px 0px 0px 274px;
		padding: 0px; 
		display:block;
		background: #3d5d7d url("../images/navigation/unav-bg.gif") repeat-x 0px 25px; 
		border:0px solid #ff0000; 
	}

	#main { 
		height:100%; 
		padding:0px 0; 
		background: transparent url("../images/Peters-Schiffbau-Flagge.gif") no-repeat 0px 323px;
	}

/* Einstellungen für die Grundspalten */
	#col1 { 
		position:relative;
		height:100%; 
		width: 274px; 
		margin-top:-141px;
		float: left; 
		background: transparent url("../images/PPeters-Schiffbau-Flagge.gif") no-repeat 0px 465px;
		background-color: transparent; 
		border:0px solid #ff0000; 
	}
	#col1-content { 
		position:relative;
		height:100%;
		padding: 0px 0px 0px 0px; 
		background: transparent url() no-repeat 0px 160px; 
	}

	#col3 { 
		width:736px; 
			width:733px; 
		margin: 0px 0px 0px 274px;
		padding:0px;
		border:0px solid #ff0000; 
	}
	#col3-content { 
		position:relative; 
		height:100%;
		padding: 39px 188px 20px 83px; 
	}








	#home { 
		height:100%; 
		background: #fff;
		text-align:center;
		padding:0px 0; 
		background: #ffffff url("../../images/home/hometext-bg.gif") repeat-x top left;
		border:0px solid #ff0000; 
	}
	#hometext { 
		width:600px; 
		height:244px; 
		display:block;
		padding:0px 0px 0px 0px; 
		margin:0px 185px 0px 185px; 
		text-align:left;
		background: #ffffff url("../../images/home/hometext-bg.gif") repeat-x top left;
		border:0px solid #ff0000; 
	}
	#hauptbereiche { 
			position:relative;
		height:179px; 
		text-align:center;
		padding:0px 0px 0px 21px; 
		background: transparent;
		background: transparent url() repeat-y top left;
		border:0px solid #ff0000; 
	}
	#hauptbereiche.bereich { 
		width:100px; 
		height:138px; 
		float:left;
		display:block;
		text-align:center;
		background: transparent;
		margin:0px 8px 0px 8px;
		padding:0px 0px 0px 0px; 
		background: transparent url() repeat-y top left;
		border:0px solid #ff0000; 
		border-bottom:7px solid #ff0000; 
	} 

	#footer { 
		color:#7ea9c2; 
		height:25px;
		padding: 0px;
		font-size: 0.85em;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-weight:bold;
		background: #ffffff url() repeat-y top left;
		border: 0px solid #ff0000;
		border-top: 0px #bbbbbb solid;
	}
	#footer.home { 
		height:67px;
		padding:8px 197px 0px 197px;
		font-weight:normal; 
		letter-spacing:0.02em;
		color:#ffffff;
		
	}
	#footer a:link { 
		color:#7ea9c2; 
		font-size: 1.00em;
		font-weight:bold;
		text-decoration: underline;
		border: 0px #ff0000 solid;
	}
	
	#certificate { 
		position:relative;
		width:294px;
		height:38px;
		margin:-43px 0px 0px 0px;
		float:right;
		padding: 0px;
		text-align: center;
		z-index:200;
		background: #eaeaea url("../../images/dotline-grey.gif") repeat-x top left;
		border: 0px #ff0000 solid;
	}

	#certificate img { 
		margin:7px 0px 0px 15px;
		margin:7px 3px 0px 3px;
			display:inline;
			margin:7px 0px 0px 0px;
			border:1px solid transparent;
	}
	#certificate a:hover img { 
			border:1px solid #b2b4b6;
			margin:6px 0px 1px 0px;
	} 

	#certificate .certext { 
		position:absolute;
		width:100%;
		top:53px;
		font: 12px/15px Tahoma; 
		color: #4c555f; 
		color: #777777;   
		font-weight:bold; 
		letter-spacing:0.1em;
		text-align:center;
		display:none;
		border:0px solid #ffffff;
	} 
	#certificate  a:hover .certext { 
		display:block;
	} 

	#language { 
		position:absolute; 
		width:171px;
		height:27px;
		margin:145px 0px 0px 0px;
		float:left;
		padding: 0px;
		text-align: center;
		background: transparent url("../../images/line-orange.gif") repeat-x top left;
		border: 0px #ff0000 solid;
	}
	#language.home { 
		margin-top:197px;
	}

	#language img { 
		margin:10px 4px 0px 4px;
		border:1px solid transparent;
	}
	#language a:hover img { 
		border:1px solid #b2b4b6;
		margin:9px 4px 1px 4px;
	} 

	#suchmaske { 
		position:absolute; 
		top:140px;
		left:778px;
		height:21px; 
		width:159px; 
		margin:0px 0px 0px 0px;
		overflow:hidden;
		float:right;
		padding: 0px;
		background: #ffffff url("../../images/suchmaske-bg.gif") no-repeat 0px 1px;
		border: 1px #646464 solid;
	}
	#suchmaske img { 
		margin:7px 3px 0px 3px;
	}
	#suchmaske input { 
		width: auto;
		height:100%;
		margin:0px 0px 0px 0px;
		padding:3px 2px 2px 25px;
		color:#646464;
		background: #ffffff url("../../images/suchmaske-bg.gif") no-repeat 1px 1px;
		border: 0px #646464 solid;
	}




/*------------------------------------------------------------------------------------------------------*/

/* Clear-Methode zum clearen von Floatumgebungen */
	 .clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

/* Einstellung fur Safari zwingend */
	.clearfix { display: block; }

/* Clear-Methode zum clearen von Floatumgebungen */
	.floatbox { overflow:hidden; }

/* IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
	#ie_clearing { display: none; }


/* Das Simsalabim für unsichtbare Elemente */
	.skip, .print {
		position: absolute;
		top: -1000em;
		left: -1000em;
		height: 1px;
		width: 1px;
	}


/*------------------------------------------------------------------------------------------------------*/

/* Weiter Einstellungen für die Inhalts-Container */




}