@charset "UTF-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #f8f8f8 url(images/body_bg.jpg) repeat-x;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.oneColFixCtr #container {
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtr #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	
}

#logo {	
	margin:0px auto;
	margin-top:44px;
	width:219px;
	background:url(images/logo.gif) 0 0 no-repeat;
	height:69px;
	
	
}
a:hover{	
	color:red;
	
	
		
}

div a {	
	border:0px;
	
	
}


#comp {	
	margin:0px auto;
	margin-top:59px;
	padding:0px;
	width:716px;
	height:288px;
	overflow:hidden;
	border:0px;
	

	
}
#img {	
	padding:0px;
	margin:0px;
	
	
	
}


/* boat */

#boat {	
	padding:0px;
	margin:0px;
	width:179px;
	height:288px;
	float:left;
	overflow:hidden;
		
	
}

#boat a {
	position:absolute;
	width:179px;
	height:288px;
	
	
	
}
#boat a span  {
	display:block;
	padding:0px;
	margin:0px;
	background-color: #003478;
	width:179px;
	height:5px;
	
	
}

#boat a:hover span  {
	display:block;
	padding:0px;
	margin:0px;
	background-color: #ffffff;
	width:179px;
	height:5px;
	
	
}


/* service */

#serv {	
	padding:0px;
	margin:0px;
	width:179px;
	height:288px;
	float:left;
	overflow:hidden;
		
	
}

#serv a {
	position:absolute;
	width:179px;
	height:288px;
	
	
	
}
#serv a span  {
	display:block;
	padding:0px;
	margin:0px;
	background-color: #d9531e;
	width:179px;
	height:5px;
	
	
}

#serv a:hover span  {
	display:block;
	padding:0px;
	margin:0px;
	background-color: #ffffff;
	width:179px;
	height:5px;
	
	
}


/* ent */

#ent {	
	padding:0px;
	margin:0px;
	width:179px;
	height:288px;
	float:left;
	overflow:hidden;
		
	
}

#ent a {
	position:absolute;
	width:179px;
	height:288px;
	
	
	
}
#ent a span  {
	display:block;
	padding:0px;
	margin:0px;
	background-color: #e4a04e;
	width:179px;
	height:5px;
	
	
}

#ent a:hover span  {
	display:block;
	padding:0px;
	margin:0px;
	background-color: #ffffff;
	width:179px;
	height:5px;
	
	
}

/* eind */

#eind {	
	padding:0px;
	margin:0px;
	width:179px;
	height:288px;
	float:left;
	overflow:hidden;
		
	
}

#eind a {
	position:absolute;
	width:179px;
	height:288px;
	
	
	
}
#eind a span  {
	display:block;
	padding:0px;
	margin:0px;
	background-color: #c9d6a6;
	width:179px;
	height:5px;
	
	
}

#eind a:hover span  {
	display:block;
	padding:0px;
	margin:0px;
	background-color: #ffffff;
	width:179px;
	height:5px;
	
	
}


/* kontakt */

#kontakt {	
	padding:0px;
	margin:0px auto;
	margin-top:20px;
	width:435px;
	height:288px;
	font-size:small;
	color:#b7b7b7;

	
	
	
}
#stpl {	
	padding:0px;
	margin:0 0 10px 0;
	background: url(images/stpl.gif) repeat-x;
	width:435px;
	height:2px;
	
	
}
#kontd {	
	margin:0px auto;
	float: left;
	width:145px;
	height:100px;
	text-align:left;
	
		
}

#phone{	
	padding:0px;
	margin: 4px;
	width:20px;
	height:23px;
	background:url(images/phone.gif);
	float:left;
	
	
		
}
#letter{	
	padding:0px;
	margin: 4px;
	width:26px;
	height:17px;
	background:url(images/letter.gif);
	float:left;
	
	
		
}