@charset "UTF-8";


/* CSS Reset
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
 	padding: 0;
  	border: 0;
  	font-weight: inherit;
  	font-style: inherit;
  	font-size: 100%;
  	font-family: inherit;
  	vertical-align: baseline;
}
:focus {outline: 0;}
body {line-height: 1.5;}
ol, ul {list-style-type: none;}
table {border-collapse: collapse; border-spacing:0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote, q {quotes: "" "";}
img {margin: 0; padding: 0;}
a img { border: none; }


/* Default Setting
-------------------------------------------------------------- */

* {margin: 0; padding: 0;}
html { font-size: 16px; height:101%; }

body { 
	font: normal 12px/150% "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	color: #888; 
  	background-color: #000;
	}

/* Navagation Menu
-------------------------------------------------------------- */		

#nav {height: 60px; width: 960px; overflow: hidden; background: transparent url(assets/menu.png) no-repeat left top;}
#nav #menu {display: block; list-style-type: none; float: left;}
#nav #menu li {display: block; height: 60px; float: left;}
#nav #menu li a {display: block; float: left; height: 60px; text-decoration:none; text-indent: -2000px; overflow: hidden;}

/* tab widths */

#nav #menu li.bookSession a			{width: 190px;}
#nav #menu li.whatsNew a			{width: 156px;}
#nav #menu li.packages a			{width: 128px;}
#nav #menu li.gallery a				{width: 116px;}
#nav #menu li.markMorffew a			{width: 187px;}
#nav #menu li.giftVouchers a		{width: 183px;}

#nav #menu li a.active,
#nav #menu li a:hover {background:transparent url(assets/menu.png) no-repeat left top;}

/* tab start points */

#nav #menu li.bookSession a.active,
#nav #menu li.bookSession a:hover	{background-position: -0px bottom;}
#nav #menu li.whatsNew a.active,
#nav #menu li.whatsNew a:hover		{background-position: -190px bottom;}
#nav #menu li.packages a.active,
#nav #menu li.packages a:hover		{background-position: -346px bottom;}
#nav #menu li.gallery a.active,
#nav #menu li.gallery a:hover		{background-position: -474px bottom;}
#nav #menu li.markMorffew a.active,
#nav #menu li.markMorffew a:hover	{background-position: -590px bottom;}
#nav #menu li.giftVouchers a.active,
#nav #menu li.giftVouchers a:hover	{background-position: -777px bottom;}


/* Top Menu
-------------------------------------------------------------- */		

.fb-like { padding-top: 10px; float: right; }
.pink { color: #00a3db; }

#topMenu { height: 30px; padding-top: 7px; float: right; }

ul#topMenu li {
	list-style-type: none;
	font-size: 11px;
	line-height: 30px;
	float: left;
	background: url(assets/topMenuDivider.png) no-repeat top left;
	}

ul#topMenu li a {
	display: block;
	color: #fff200;
	text-decoration: none;
	height: 30px;
	padding: 0 10px;
	float: left;
	}

ul#topMenu li a:hover, 
ul#topMenu li a.current { color: #fff; }

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

#layoutHolder 			{ width: 960px; margin: 0 auto; padding-bottom: 70px; }

#headerHolder			{ width: 960px; }
#header 				{ height: 76px; width: 960px; background:url(assets/headerLogo.gif) no-repeat; }
ul#banner-home li img 	{ width: 960px; height: 640px; overflow:hidden; }
ul#banner li img 		{ width: 960px; height: 480px; overflow:hidden; }

#banner-video		 	{ width: 960px; height: 540px; }

#contentHolder 			{ width: 960px; padding-top: 40px; }

.column-full 			{ width: 960px; height: 300px; margin-bottom: 40px; }
#column-1, #column-2 	{ width: 460px;  margin-bottom: 40px; }
#column-contact 		{ width: 420px; }
.columnSplit 			{ width: 190px; margin-right: 20px; float: left; }
.columnCap 				{ width: 460px; margin-bottom: 10px; }
.columnCap-contact 		{ width: 420px; margin-bottom: 10px; }

.package-mgn			{ margin: 20px 0; }

.left 	{float: left;}
.right 	{float: right;}

.galleryBtn {width: 460px; height: 150px; margin-bottom: 40px;}

.markMorffewPortrait {
	background: url(assets/markMorffewPortrait.jpg) no-repeat top left;
	width: 460px; 
	height: 250px; margin-bottom: 20px;
	}

/* Definition list (How We Work page)
-------------------------------------------------------------- */

dt 		{ font-weight: bold; }
dd		{ background:none no-repeat left top; padding: 0 0 30px 60px; }
	
dd.no01 { background-image:url(assets/numbers-01.gif); }
dd.no02 { background-image:url(assets/numbers-02.gif); }
dd.no03 { background-image:url(assets/numbers-03.gif); }
dd.no04 { background-image:url(assets/numbers-04.gif); }
dd.no05 { background-image:url(assets/numbers-05.gif); }
dd.no06 { background-image:url(assets/numbers-06.gif); }
dd.no07 { background-image:url(assets/numbers-07.gif); }
dd.no08 { background-image:url(assets/numbers-08.gif); }
dd.no09 { background-image:url(assets/numbers-09.gif); }
dd.no10 { background-image:url(assets/numbers-10.gif); }

p.drop { padding-top: 10px; }
	

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { 
	font-weight: normal; letter-spacing: -0.02em; 
	margin-bottom: 10px;
	-webkit-text-stroke: 1px transparent;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
	}

h1 { font-size: 24px; line-height: 1.4em; color: #fff; margin-bottom: 20px; }
h2 { font-size: 19px; line-height: 1.2em; margin-top: 5px; color: #fff200; }
h3 { font-size: 14px; line-height: 14px; color: #fff;}
h4 { font-size: 12px; line-height: 12px; }
h5 { font-size: 12px; font-weight: bold; }
h6 { font-size: 12px; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img { margin: 0; }


/* Text elements
-------------------------------------------------------------- */

a:link,
a:active,
a:visited	{color: #fff200; text-decoration: none;}
a:hover		{text-decoration: underline;}

p, img      { margin-bottom: 15px; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }
p em 		{ font-style: oblique; }
p strong 	{ font-weight: bold; }
img 		{ border: none; }

.form-marg	{ margin-bottom: 20px; }
.note { color: red; }

hr { color: #333; background: #333; border: 0; height: 1px; margin: 20px 0; }

blockquote {
	padding: 30px 30px 30px 40px;
	border: 1px solid #262626;
	background: #191919 url(assets/blockquote.png) top left no-repeat;
	margin: 20px 0;
	color: #666;
}

abbr, acronym { border-bottom: 1px dotted #666; }

.detailsGray	{ color: #999; }
.detailsWhite 	{ color: #fff; }
.detailsYellow 	{ color: #fff200; }
.detailsPrice 	{ font-size: 16px; color: #fff200; }
.detailsIndent 	{ margin: -20px 0 0 60px; display: block; }

.formCopy table,td,tr { font-size: 12px; vertical-align: middle; }
.formElements { font-size: 12px; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; padding: 3px; margin-top: 3px; }

ul.bullets { list-style: disc; padding-left: 20px; }
ul.bullets li { margin-bottom: 10px; }


/* Footer
-------------------------------------------------------------- */		

#footer, 
#footerLine {width: 960px; height: 50px; padding-top: 10px; font-size: 10px; color: #333; } 

#footerLine {border-top: 1px solid #333;}

#footer a:link, #footerLine a:link,
#footer a:active, #footerLine a:active,
#footer a:visited, #footerLine a:visited 	{color: #444; text-decoration: none;}
#footer a:hover, #footerLine a:hover 		{color: #666; text-decoration: underline;}

/**** noscript-Hinweis ****/
div#att {
	background-color: #fffeb8;
	border-bottom: 1px solid #000;
	height: 2.5em;
	line-height: 2.5em;
	position: absolute;
	top:0;
	width: 100%;
	color: #c12a02;
}

div#att p{
	background: transparent url(img-fader/images/att.png) no-repeat 0 46%;
	margin-left: 6px;
	display: inline;
	padding: 6px 0 6px 26px;
}