@import url("navigation.css");
@import url("modules.css");
@import url("input.css");
@import url("slideshow.css");
@import url("blog.css");

/************************* RESET **********************/

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 {
	border: 0;
	margin: 0;
	padding: 0;
	outline: 0;
}

/************************* HTML BODY **********************/

html {
	height: auto !important;
	height: 100%;
	min-height: 100%;
}

body {
	background: #07606e url(/web/grafik/bg.jpg) center top no-repeat;
	background-attachment:fixed;
	color: #000000;
	font: 12px/17px  Arial, Helvetica, sans-serif;
	height: auto !important;
	height: 100%;
	min-height: 100%;
}

/************************* STRUCTURE **********************/

#container {
	margin: 0 auto;
	width: 1000px;
}

	#header {
		height: 135px;
	}
	
		#header #logo {
			padding: 25px 0 0 0;
			margin: 0 0 0 -30px;
			float: left;
			width: 350px;
		}
		
		#header #headcontent {
			float: right;
			width: 500px;
		}
		
			#header #headcontent #socialmedia {
				float: right;
				padding: 40px 30px 0 0;
			}
		
			#header #headcontent #support {
				width:188px;
				padding: 40px 0 0 30px;
				float: right;
				background: url(/web/grafik/topspacer.png) no-repeat 0 50px;
			}
	
	#mainnav {
		background: #000;
	}
	
	#subnav {
		padding: 10px 0 0 2px;
	}
	
	#content {
		margin: 10px 0 10px 0;
	}
	
		#content #inlinecontent {
			background: #fff;	
			margin: 0 0 0 0;
		}
	
	#footer {
		background: #000;
		color: #fff;
		font-weight: normal;
		font-size: 11px;
		font-family: Arial, Helvetica, sans-serif;
		padding: 0 20px;
		line-height: 35px;
		margin: 0 0 50px 0;
	}


/************************* FRONTPAGE **********************/

#breadcrumb {
	height: 20px;
	padding: 10px 0 0 5px;
	margin: 10px 0;	
	text-transform: uppercase;
	font-size: 10px;
	color: #000;
}

	#breadcrumb a {
		color: #000;
		font-weight: normal;
	}
	
.rightcontent {
	width: 700px;
	float: right;
	padding: 20px 0 0 30px;
	background:url(/web/grafik/contentspacer.png) left top repeat-y;
}

	.rightcontent ul {
		list-style: none;
	}

		.rightcontent ul li {
			background: url(/web/grafik/liarrow.png) no-repeat 0 7px;
			padding: 3px 0 3px 20px;	
		}

	.rightcontent.intro .innerleft {
		float: left;
		width: 310px;	
	}
	
		.rightcontent.intro .innerleft p {
			padding: 0 0 0 15px;
		}
	
	.rightcontent.intro .innerright {
		float: right;
		width: 340px;	
	}
	
		.rightcontent.intro .innerright p {
			padding: 0 0 0 15px;
		}

	.rightcontent.intro ul {
		margin: 20px 0 20px 15px;
	}

	.rightcontent.intro h3 {
		display: block;
		margin: 5px 0 0 0;
		color: #249c8e;
		text-transform: uppercase;
		font-size: 12px;
	}
	
	.rightcontent.intro h4 {
		display: block;
		margin: 15px 0 0 0;
		text-transform: uppercase;
		border-bottom: 1px solid #fff;
		font-size: 16px;
	}
	
		.rightcontent.intro h4 a {
			color: #000;
		}
		
			.rightcontent.intro h4 a:hover {
				border-bottom: 1px solid #000;
				text-decoration: none;
				font-size: 16px;
				line-height: 12px;
			}
		
	.rightcontent h1 {
		text-transform: uppercase;
		font-size: 35px;
		color: #000;
	}
	
	.rightcontent h2 {
		text-transform: uppercase;
		background: #000;	
		color: #fff;
		padding: 7px 20px 5px 15px;
		font-size: 12px;
		margin: 30px 0 30px 0;
	}
	
		.rightcontent h5 {
		text-transform: uppercase;
		background: #000;	
		color: #fff;
		padding: 7px 20px 5px 15px;
		font-size: 12px;
		margin: 30px 0 15px 0;
	}
	
.leftcontent {
	width: 200px;
	float: left;
	padding: 20px 30px 30px 0;
}
	
	.leftcontent .motivation {
		padding: 40px 0 0 0;
		margin: 30px 0 0 0;
		background:url(/web/grafik/longspacer.png) no-repeat;
	}

	.leftcontent .readmoreabout {
		text-transform: uppercase;
		background: #000;	
		color: #fff;
		padding: 5px 20px 3px 20px;
		font-size: 14px;
	}
	
	.leftcontent ul {
		list-style: none;
	}

		.leftcontent ul li {
		}
		
			.leftcontent ul li a {
				color: #000;	
				text-transform: uppercase;
			}
			
/************************* FRONTPAGE **********************/


#banner {
	margin: 0 0 0 0;
}

#content #inlinecontent {
	padding: 30px 20px;
}

	#embeed {
		display: none;	
	}

	#content #inlinecontent .row1, #content #inlinecontent .row2, #content #inlinecontent .row4, #content #inlinecontent .row5 {
		background: url(/web/grafik/longspacer.png) no-repeat 0 100%;
		padding: 0 0 25px 0;
		margin: 0 0 25px 0;
	}
	
		#content #inlinecontent .row3 .moredesti {
			text-align: right;
			text-transform: uppercase;
		}
	
			#content #inlinecontent .row3 .moredesti h2 {
				font-size: 16px;
			}
			
			#content #inlinecontent .row3 .moredesti a {
				color: #000;
			}

	#content #inlinecontent .frontpagebox {
		width: 300px;
		float: left;
		background: url(/web/grafik/contentspacer.png) no-repeat;
		padding: 0 0 0 14px;
		margin: 0 0 0 14px;
		position: relative;
	}
	
		#content #inlinecontent .frontpagebox h1, #content #inlinecontent .frontpagebox h2 {
			height: 55px;
			text-transform: uppercase;
			font-size: 20px;
			display: block;
			padding: 5px 0 0 0;
		}
		
			#content #inlinecontent .frontpagebox h1 a, #content #inlinecontent .frontpagebox h2 a {
				color: #000;
				text-decoration: none;
				border-bottom: 1px solid #fff;
				line-height: 14px;
			}
			
			#content #inlinecontent .frontpagebox h1 a:hover, #content #inlinecontent .frontpagebox h2 a:hover {
				text-decoration: none;
				border-bottom: 1px solid #000;
			}
			
		#content #inlinecontent .frontpagebox .pic {
			position: relative;
		}
		
		#content #inlinecontent .frontpagebox .text {
			position: absolute;
			display: none;
			background: url(/web/grafik/blackbg.png);
			top: 0;
			left: 0;
			height: 140px;
			padding: 30px 15px;
			color: #fff;
			text-decoration: none;
		}
		
		#content #inlinecontent .frontpagebox a:hover {
			text-decoration: none !important;
		}
		
		#content #inlinecontent .frontpagebox .sticker {
			position: absolute;
			top: 25px;
			right: -10px;
		}
		
		#content #inlinecontent .frontpagebox .video {
			float: left;
			width: 80px;
			padding: 15px 0;
			text-transform: uppercase;
			background: url(/web/grafik/video.png) no-repeat 55px 14px;
			font-size: 11px;
		}

		#content #inlinecontent .frontpagebox .pictures {
			float: left;
			width: 115px;
			text-align: center;
			padding: 15px 0;
			text-transform: uppercase;
			background:url(/web/grafik/pictures.png) no-repeat 98px 14px;
			font-size: 11px;
		}

		#content #inlinecontent .frontpagebox .more {
			float: right;
			width: 70px;
			text-align: right;
			padding: 15px 18px 15px 0;
			text-transform: uppercase;
			background: url(/web/grafik/more.png) no-repeat 100% 13px;
			font-size: 11px;
		}

	
	#content #inlinecontent .frontpagebox:first-child {
		background: none;
		padding: 0;
		margin: 0;
	}

	#inlinecontent h1 {
		text-transform: uppercase;
		font-size: 35px;
		color: #000;
	}

/************************* BOOK **********************/


.booktour {	
}

	.booktour h2 {
		background: url(/web/grafik/longspacer.png) no-repeat;
		color: #000;
		padding: 40px 0 0 0;
		margin: 40px 0 0 0;
		font-size: 25px;
	}
	
	.booktour .note {
		background: url(/web/grafik/longspacer.png) no-repeat bottom ;
		padding: 0 0 30px 0;
		margin: 0 0 30px 0;
	}
	
	.booktour .accept {
		margin: 0 0 50px 0;	
	}
	
		.booktour .accept .left {
			float: left;
		}
		
		.booktour .accept .right {
			float: right;
		}	
	
	.booktour .req {
		padding: 14px 0;	
	}
	
	.booktour td {
		padding: 5px 0;	
	}
	
	.booktour .bookboxes {
		margin: 30px 0 0 0;
	}
	
		.booktour .bookboxes .date {
			padding: 10px 0 10px 0;
			float: left;
			width: 100px;
		}
		
		.booktour .bookboxes .comminghome {
			padding: 14px 0 10px 0;
			float: right;
			width: 170px;
		}
			
		.booktour .bookboxes .hometour {
			display: block;	
			padding: 5px 0 0 10px;
			float: left;
		}
		
		.booktour .bookboxes .totalprice {
			background: #000;
			color: #fff;
			padding: 10px;
			width:100px;
			text-align: center;
			float: right;
			font-size: 15px;
			font-weight: bold;
		}
		
.prices {
}

	.prices h1 {
		float:left;
		margin: 0 0 30px 0;	
	}

	.prices .info {
		float:right;
		margin: 0 0 30px 0;	
	}

	.prices .booklink {
		display: block;	
		background: #000;
		color: #fff;
		text-transform: uppercase;
		width: 100px;
		text-align: center;
		padding: 5px 0;
		float: right;
	}

	.prices .note {
		padding: 10px 15px ;
	}

	.prices table {	
		width: 700px;
	}
	
		.prices table thead {
			background: #000;
		}
	
		.prices table th {	
			text-align: left;
			color: #fff;
			font-size:14px;
			text-transform: uppercase;
			padding: 5px 0 5px 15px;
		}
		
		.prices table tr {	
			text-align: left;
		}
		
			.prices table tr td {
				text-align: left;
				padding: 8px 0 8px 15px;
				background: url(/web/grafik/longspacer.png) no-repeat 0 bottom;
			}


/************************* GALLERI **********************/

.gallery.item {
	float: left;
	margin: 0 15px 10px 0;
}

.galleri {
	padding: 0 0 0 15px;
}

.galleri_text {
	float: left;
	width: 430px;
}

.galleri_program {
	width: 230px;
	float: right;	
}

.galleriprogram h2 {
	margin: 0px 0 15px 0;	
}

.nomargin {
	margin: 0 !important;
}

/************************* POPUP **********************/

#popup{
	background: #000;
	width: 630px;
	padding: 40px 15px;
	color: #FFF;
}


#popup h1 {
	font-size: 30px;
	margin: 0 0 15px 0;
	text-transform: uppercase;

}

#popup h2 {
	margin: 25px 0 0 0;
	text-transform: uppercase;
	font-size: 18px;

}

#popup p {
	margin: 30px 0 0 0;
	text-transform: uppercase;
	padding: 0 0 25px 0;
	border-bottom: 1px dotted #FFF;
	font-size: 10px;
	width: 600px;

}

#popup .img {
	border-bottom: 1px dotted #FFF;
	border-top: 1px dotted #FFF;
	padding: 15px 0;
}

/************************* TEXT **********************/

h1, h2, h3, h4, h5, h6 {
	line-height: normal;	
}

h1 {
}

h2 {
}

h3 {
}

p {
	margin: 9px 0 9px 0;
}

/************************* LINKS **********************/

a {
	color: #3c98a0;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:focus {
}

a:visited {
}

/************************* TABLES **********************/

table {
}

table th {
}

table td {
}

/************************* OTHERS **********************/

.logo {
}

.clear {
	clear: both;
}

.noshow {
	display: none;
}

.banner_back{
	position:absolute;
	z-index:-10;
	width:960px;
	height:360px;
	padding:20px;
}