/* 
	CSS Document 
	Nordkapp Cruise
	Sircon Norge AS
	http://sircon.no
---------------------------------------------- */

html {
	margin: 0;
	padding: 0;
	background-color: #eee;
	}

body {
	width: 960px;
	margin: 0 auto;
	padding: 0 0 20px;
	}


/* Layout
---------------------------------------------- */
/*
weather
*/


.wrap {
	background: url("../images/bg_content.png") repeat-y;
	position: relative;
	}

.content { 
	width: 880px; 
	padding: 285px 40px 20px;
	min-height: 100px;
	height: auto !important;
	height: 100px;
	}

	.sunset { background: url("../images/bg_sunset.jpg") top center no-repeat; }
	.mountains { background: url("../images/bg_mountains.jpg") top center no-repeat; }

.topnav {
	width: 590px;
	height: 50px;
	margin-right: 290px;
	border-bottom: 1px dotted #a1a1a1;
	}

.primary {
	width: 570px;
	min-height: 200px;
	height: auto !important;
	height: 200px;
	padding: 0 20px 0 0;
	border-right: 1px dotted #a1a1a1;
	}

.secondary {
	width: 250px;
	margin: 40px 0 20px;
	padding: 0 0 20px 0;
	!border-left: 1px dotted #a1a1a1;
	}

.bookingform {
	width: 590px;
	border-top: 1px dotted #a1a1a1;
	padding-top: 40px;
	margin-bottom: 20px;
	}

.content_bottom {
	width: 960px;
	height: 20px;
	background: url("../images/bg_content_bottom.png") no-repeat;
	}

.footer {
	padding: 20px 0 0;
	width: 880px;
	border-top: 1px dotted #a1a1a1;
	}
	
	.footer p { text-align: center; color: #666; margin: 0; }


/* Default type and links
---------------------------------------------- */
	
a { color : #a00; text-decoration: none; }
a:hover { color : #4e4e4e; text-decoration: underline; }
p { margin : 0 0 17px 0; }

p, td p, td, li, input#navn, input#epost, textarea#melding {  
	font: normal 12px/17px "Trebuchet MS", sans-serif;
	color: #000;
	}

h1 {
	font: bold 22px/17px "Trebuchet MS", sans-serif;
	margin: .2em 0 17px;
	color: #3d5ab2;
	}

h2 {
	font: bold 18px/17px "Trebuchet MS", sans-serif;
	margin: .2em 0 17px;
	color: #a00;
	}	

h3 {
	font: normal 18px/17px "Trebuchet MS", sans-serif;
	margin: .2em 0 17px;
	color: #4e4e4e;
	}

h4 {
	font: bold 12px/17px "Trebuchet MS", sans-serif;
	margin: .2em 0 0;
	color: #a00;
	}

.logo {
	position: absolute;
	left: 40px;
	top: 185px;
	}

	
/* Language
---------------------------------------------- */

#language-select { margin: 0; padding: 0; height: 11px; }
.norwegian, .english, .german, .italian, .french, .spanish, .finnish, .dutch, .japanese { width: 16px; height: 11px; text-indent: -9999px; float: left; list-style-type: none; padding: 0; margin: 0 10px 0 0; }
.norwegian a, .english a, .german a, .italian a, .french a, .spanish a, .finnish a, .dutch a, .japanese a { background: url("../images/language-select.png") top left no-repeat; display: block; width: 16px; height: 11px; }

.norwegian a { background-position: 0px 0px; }
.norwegian a:hover { background-position: 0px -11px; }

.english a { background-position: -16px 0px; }
.english a:hover { background-position: -16px -11px; }

.german a { background-position: -32px 0px; }
.german a:hover { background-position: -32px -11px; }

.italian a { background-position: -48px 0px; }
.italian a:hover { background-position: -48px -11px; }

.french a { background-position: -64px 0px; }
.french a:hover { background-position: -64px -11px; }

.spanish a { background-position: -80px 0px; }
.spanish a:hover { background-position: -80px -11px; }

.finnish a { background-position: -96px 0px; }
.finnish a:hover { background-position: -96px -11px; }

.dutch a { background-position: -112px 0px; }
.dutch a:hover { background-position: -112px -11px; }

.japanese a { background-position: -128px 0px; }
.japanese a:hover { background-position: -128px -11px; }


/* Forms
---------------------------------------------- */

input#navn, input#epost, textarea#melding { padding : 4px; border : 1px solid #4e4e4e; }

#booking_navn,
#booking_adresse,
#booking_postnummer,
#booking_poststed,
#booking_epost,
#booking_mobil,
#booking_kommentar {
	padding: 2px; 
	border: 1px solid #a1a1a1;
	width: 80%;
	}

#booking_voksne,
#booking_barn {
	padding: 2px; 
	border: 1px solid #a1a1a1;
	width: 20%;
	}

/* Common
---------------------------------------------- */

.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.clear20 { clear: both; height: 20px; }
.clear40 { clear: both; height: 40px; }
img, div { behavior: url("pngbehavior.htc"); }