/* 

FORMATTING stylesheet for Batservice Holding
Author: cedesign@ceteq.com
Web designed and implementet in TYPO3 (www.typo3.com) by: cedesign.no
Updated: 07.05.2008

*/

/* ---------------  RESET ALL CSS START ---------------  */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* ---------------  RESET ALL CSS END ---------------  */

/* --------------- TEXT START ---------------  */

.bodytext {
	color: #000;
	font: 13px georgia;
	padding-bottom: 5px;
}

/* @group Tekst group */

strong { 
font-weight: bold; 
}

em {
font-style: italic;
}

.csc-header csc-header-n1 {
}

.csc-firstHeader {
	text-align: left;
	color: #336999;
	width: 98%;
	font: small-caps bold 18px/20px georgia, verdana;
	border-bottom: 1px dotted #d8d8d8;
	margin-top: 0;	
}

.csc-header csc-header-n2 {
}

h1 {
	text-align: left;
	text-align: left;
	color: #336999;
	width: 98%;
	font: small-caps bold 18px/20px georgia, verdana;
	border-bottom: 1px dotted #d8d8d8;
}

/* KOLONNE CONFIG */
/* afhænger af content bredde */

/* two col = (width-50)/2 */
.two-col-1, .two-col-2 {
	float: left;
	width: 47%;
}

.two-col-1 {
	margin-right: 6%;
}

/* three col = (width-50) / 3 */
.three-col-1,
.three-col-2,
.three-col-3 {
	float: left;
	width: 30%;
}

.three-col-1,
.three-col-2 {
	margin-right: 5%;
}

/* four col */
.four-col-1,
.four-col-2,
.four-col-3,
.four-col-4 {
	float: left;
	width: 22%;
}

.four-col-1,
.four-col-2,
.four-col-3 {
	margin-right: 4%;
}


/* Referanser */
#reflogo {
	width: 433px;
	margin: 0;
	padding: 0;
	height: 270px;
}

#refen {
	width: 190px;
	float: left;
	height: 270px;
}

#refto {
	width: 110px;
	float: left;
	height: 270px;
}

#reftre {
	width: 125px;
	float: left;
	height: 270px;
}

/* --------------- BILDER OG BILDETEXT START ---------------  */

.csc-textpic-imagewrap {
	float: left;
	background-color: none;
}

.csc-textpic-caption {
	float: left;
	font: italic 10px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #000000;
	padding-top: 2px;
	padding-left: 5px;
	padding-right: 5px;
}

.csc-textpic-image csc-textpic-firstcol csc-textpic-lastcol {
}
/* --------------- BILDER OG BILDETEXT END ---------------  */

/* --------------- HOLDING FRONTPAGE BLUE BOX START ---------------  */

#bluebox {
	background-color: #669CCC;
	padding: 10px;
	color: white;
}

#blueboxtitle {
	text-align: left;
	font: small-caps bold 18px/20px georgia, verdana;
	border-bottom: 1px dotted #d8d8d8;
	color: white;		
}

/* --------------- HOLDING FRONTPAGE BLUE BOX END ---------------  */

/* --------------- MANDAL INTRO CONTENT START ---------------  */

/* Mandal intro */
#manintro {
	width: 463px;
	float: left;
	margin-bottom: 10px;
}

/* Mandal Hovedbilde */
#largeintro {
	height: 212px;
	background: #dae3fe;
	padding: 10px;
	float: left;
	margin-bottom: 10px;
}

/* Mandal Small Images */
#smallintro {
	float: left;
}

.mone {
	background: #dae3fe;
	width: 142px;
	height: 105px;
	float: left;
	padding-left: 8px;
	padding-top: 8px;
}

.mone a {
}

.mone a:hover {
}

#mtwo {
	background: #dae3fe;
	width: 142px;
	height: 105px;
	float: left;
	padding-left: 8px;
	padding-top: 8px;
	margin-right: 7px;
	margin-left: 6px;
}

#mthree {
	background: #dae3fe;
	width: 142px;
	height: 105px;
	float: left;
	padding-left: 8px;
	padding-top: 8px;
}

#smalltitle {
	padding-top: 8px;
}

#smalltitle a {
	font: small-caps bold 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #3e3e3e;
	padding-top: 8px;
	text-decoration: none;
}

#smalltext {
	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #3e3e3e;
}

#smalltext a {
	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #3e3e3e;
	text-decoration: none;
}

/* --------------- MANDAL INTRO CONTENT END ---------------  */

/* --------------- PROSPECTS START ---------------  */

#reftotalwrap {
	width: 736px;
	float: left;
}

#refsmall {
	width: 286px;
	float: left;
}

#pen {
	width: 64px;
	height: 64px;
	float: left;
	margin-right: 10px;
	margin-bottom: 13px;
}

#pto {
	width: 64px;
	height: 64px;
	float: left;
	margin-right: 10px;
	margin-bottom: 13px;
}

#ptre {
	width: 64px;
	height: 64px;
	float: left;
	margin-right: 10px;
	margin-bottom: 13px;
}

#pfire {
	width: 64px;
	height: 64px;
	float: left;
	margin-bottom: 13px;

}

/* BOAT */
#boatwrap {
	float: left;
	height: 500px;
	width: 450px;
}

#boatimage {
	float: left;
	width: 427px;
	height: 218px;
	margin-left: 23px;
}

/* BOAT TITLE */
#boattitle {
	float: left;
	width: 427px;
	height: 25px;
	margin-left: 23px;
	background-color: #454545;
	margin-top: 15px;
	color: white;
	font: bold 14px "Lucida Grande", Lucida, Verdana, sans-serif;
}

#btitle {
	float: left;
	text-align: left;
	width: 297px;
	height: 25px;
	padding-left: 10px;
	padding-top: 3px;
}

#bdown {
	float: left;
	text-align: right;
	width: 115px;
	height: 25px;
	padding-right: 5px;
	padding-top: 7px;
}

#bdown a {
	color: white;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	font-size: 10px;
}

/* BOAT TITLE SMALL */
#boatstitle {
	float: left;
	width: 427px;
	height: 25px;
	margin-left: 4px;
	padding-left: 10px;
}

#bstitle {
	float: left;
	font-size: 14px;
	color: #32281e;
	text-align: left;
	width: 297px;
	height: 25px;
	padding-left: 10px;
	padding-top: 3px;
	
}

#bscomp {
	float: left;
	font-size: 14px;
	color: #32281e;	
	text-align: right;
	width: 115px;
	height: 25px;
	padding-right: 5px;
	padding-top: 3px;
}

/* BOAT TEXT */
#boattext {
	float: left;
	width: 427px;
	height: 18px;
	margin-left: 23px;
	font-size: 14px;
	color: gray;
	text-align: left;	

}

#btext {
	float: left;
}

#bcompt {
	float: left;
}

/* --------------- PROSPECTS END ---------------  */

/* --------------- COMPANIES LINE START ---------------  */

#companyline {
	background-color: #669CCC;	
	width: 90px;
	float: left;
	margin-bottom: 20px;
	font-size: 14px;
	color: white;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
}

#companylineto {
	background-color: #669CCC;
	width: 330px;
	float: left;
	margin-bottom: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 10px;
	text-align: right;
}

#companylineto a {
	color: white;
	text-decoration: none;
	font-size: 14px;
}

/* --------------- COMPANIES LINE END ---------------  */

/* CONTACT START */

#kontakt {
	width: 440px;
	height: 300px;
	float: left;
}

#kontaktwrap {
	width: 270px;
	height: 300px;
	float: left;
}

#kontakt-a {
	width: 260px;
	height: 89px;
	float: left;
	border-top: 1px dotted silver;
	font: 14px Georgia, "Times New Roman", Times, serif;
	padding: 5px;
}

#kontakt-b {
	width: 260px;
	height: 88px;
	float: left;
	border-top: 1px dotted silver;
	border-bottom: 1px dotted silver;
	font: 14px Georgia, "Times New Roman", Times, serif;
	padding: 5px;
}

#kontakt-c {
	width: 260px;
	height: 89px;
	float: left;
	border-bottom: 1px dotted silver;
	font: 14px Georgia, "Times New Roman", Times, serif;
	padding: 5px;
}

#kontakt-d {
	width: 160px;
	height: 290px;
	float: left;
	background-color: #669CCC;
	color: white;
	font: 14px Georgia, "Times New Roman", Times, serif;
	padding: 5px;
}

#kontakt-en {
	width: 180px;
	float: left;
}

#kontakt-to {
	width: 80px;
	float: left;
}



/* CONTACT END */

/* --------------- END OF CODE ---------------  */