@import url('general.css');
@import url('typography.css');
@import url('navigation.css');

#home-box-container {
	position: relative;
	margin: 0 53px;
	height: 364px;
	z-index: 2;
}

#home-box {
	width: 301px;
	height: 334px;
	position: absolute;
	top: 30px;
	right: 0;
	overflow: hidden;
	color: #fff;
}

#home-box #intro {
	overflow: hidden;
}

#home-box #intro .paragraph {
	padding: 32px 20px 20px;
}

#home-box h1,
#home-box .h1,
#home-box h2,
#home-box .h2,
#home-box h3,
#home-box .h3,
#home-box h4,
#home-box .h4,
#home-box h5,
#home-box .h5,
#home-box h6,
#home-box .h6 {
	color: #fff;
	font-weight: normal;
}

#home-box p {
	color: #fff;
	font-size: 1.1em;
}

#tabs .tab {
	position: relative;
	padding-bottom: 30px;
	min-height: 29px;
	background: url('/Files/System/grilleriet/2010/img/home_box_tab_shadow.png') repeat-x left 29px;
}

#tabs .tab .name h2 {
	font-weight: normal;
	font-size: 1em;
	margin: 0;
}

#tabs .tab .name .arrow {
	position: absolute;
	top: 9px;
	right: 9px;
	width: 12px;
	height: 11px;
}

#tabs .tab.open .name:hover .arrow {
	background: url('/Files/System/grilleriet/2010/img/home_box_tab_close.png') no-repeat;
}

#tabs .tab.closed .name:hover .arrow {
	background: url('/Files/System/grilleriet/2010/img/home_box_tab_open.png') no-repeat;
}

#tabs .tab .name {
	background-repeat: no-repeat;
}

#tabs .tab .name a {
	display: block;
	font-size: 1.1em;
	height: 22px;
	padding: 7px 11px 0;
	color: #fff;
	text-decoration: none;
}

#tabs .tab .txt-container {
	display: none;
	overflow: hidden;
}

#tabs .tab .txt {
	padding: 20px;
}

/* Paragraphs */
#home-box #intro .paragraph {
	margin: 0;
}

#home-box #intro .paragraph .txt, #home-box #intro .paragraph .mdl {
	margin: 0;
}

#content-top {
	background: url('/Files/System/grilleriet/2010/img/home_content_top.png') no-repeat;
}

#content {
	min-height: 127px;
	padding: 16px 1px 0;
	background: url('/Files/System/grilleriet/2010/img/home_content_shade.png') repeat-x left top #e9e9e9;
}

#content .paragraph {
	float: left;
	width: 186px;
	margin: 0 0 0 34px;
}

#content .paragraph .txt,
#content .paragraph .mdl {
	margin: 0;
}

#content {
	font-size: 1em;
}

#content .paragraph h2, 
#content .paragraph .h2 {
	font-size: 1.3em;
	font-weight: normal;
	border-left: 5px solid #333;
	padding: 0 0 0 10px;
	margin: 0 0 1em;
}

#content .txt-field {
	width: 128px;
}

#content .submit {
	vertical-align: bottom;
	margin: 0 0 4px;
}