/********************************************
 * This print style sheet must be included
 * after the YUI style sheet grids.css,
 * grids-min.css, reset-fonts-grids.css,
 * reset-fonts-grids-min.css respectively.
 * One of the above must be loaded in any
 * case, because this style sheet just
 * overwrites styles set by one of the style
 * sheets listed above.
 *
 * The rules defined here assume that
 * div.first is the only content inside
 * div#bd that is to be printed. The web
 * developer must ensure that this is the
 * case. Thus he must set "display: none;"
 * for all content not to be printed.
 *******************************************/

/* set general page layout ----------------*/
@page
{
	size: auto portrait;
	margin: 2.0cm 1.5cm;
}

body
{
	color: #000000;
	background-color: transparent;
	text-align: left;
	font-family: "times new roman", times, serif;
}

.noPrint
{
	display: none !important;
}

/* overwrite YUI screen styles ------------*/
#doc,
#doc2,
#doc3,
#custom-doc,
.yui-t1,
.yui-t2,
.yui-t3,
.yui-t4,
.yui-t5,
.yui-t6,
.yui-t7
{
	width: auto;
}

#yui-main
{
	width: auto;
}

.yui-t1 #yui-main,
.yui-t2 #yui-main,
.yui-t3 #yui-main,
.yui-t4 #yui-main,
.yui-t5 #yui-main,
.yui-t6 #yui-main
{
	margin: 0;
}

.yui-t1 .yui-b,
.yui-t2 .yui-b,
.yui-t3 .yui-b,
.yui-t4 .yui-b,
.yui-t5 .yui-b,
.yui-t6 .yui-b
{
	width: auto;
}

.yui-t1 #yui-main .yui-b,
.yui-t2 #yui-main .yui-b,
.yui-t3 #yui-main .yui-b,
.yui-t4 #yui-main .yui-b,
.yui-t5 #yui-main .yui-b,
.yui-t6 #yui-main .yui-b,
.yui-t7 #yui-main .yui-b
{
	margin: 0;
}

#yui-main .yui-b
{
	width: auto;
}

.yui-gb .yui-u,
.yui-gc .yui-u,
.yui-gd .yui-u
{
	margin: 0;
	width: auto;
}

.yui-gc div.first,
.yui-gd .yui-u,
.yui-gd div.first,
.yui-ge .yui-u,
.yui-ge div.first,
.yui-gf .yui-u,
.yui-gf div.first,
.yui-ge div.first
{
	width: auto;
}

/* community specific styles ----------------*/
/* general styles ---------------------------*/
.noScreen
{
	display: none;
}

body
{
	line-height: 1.3846em; /* 18px */
	*line-height: 1.35em;
}

#doc4
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans;
}

h1
{
	font-weight: bold;
	font-size: 123.08%; /* 16px */
	line-height: 1.25em; /* 20px */
	*line-height: 1.22em;
	margin: 0 0 1.0625em; /* 0 0 17px@16px */
	*margin: 0 0 1.04em;
}

h2
{
	font-weight: bold;
	font-size: 107.69%; /* 14px */
	line-height: 1.2857em; /* 18px@14px */
	*line-height: 1.25em;
	margin: 0;
}

a:link,
a:visited,
a:active
{
	color: #b80d15;
	text-decoration: none;
}

a:hover
{
	color: #b80d15;
	text-decoration: underline;
}

ul li
{
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 1.6154em; /* 21px */
	*margin-left: 1.73em; /* 23px */
}

ol li
{
	list-style-type: decimal;
	list-style-position: outside;
	margin-left: 1.6154em; /* 21px */
	*margin-left: 1.73em; /* 23px */
}

div.clearing
{
	clear: both;
	width: 100%;
	height: 0;
	font-size: 0;
	line-height: 0;
	margin: 0;
	padding: 0;
}

div.spacer
{
	clear: both;
	width: 100%;
	height: 1.3846em;
	*height: 1.35em;
	margin: 0;
	padding: 0;
}

.error
{
	color: #b80d15;
}

/* header -----------------------------------*/
#boxHeaderPrint
{
	text-align: right;
	width: 100%;
	height: 80px;
	margin-bottom: 40px;
}

/* body -------------------------------------*/
.containerContent
{
	position: relative;
	color: #000000;
}

.containerLeft,
.containerRight
{
	width: 100%;
}

.containerRight
{
	display: none;
}

/* footer -----------------------------------*/
#boxFooter
{
	font-size: 84.62%; /* 11px */
	line-height: 1.6364em; /* 18px@11px */
	*line-height: 1.60em;
	color: #000000;
	margin: 1.0909em 0 2.2727em; /* 12px 0 25@11px */
	*margin: 1.06em 0 2.22em;
}

#boxFooter a:link,
#boxFooter a:visited,
#boxFooter a:active
{
	color: #000000;
	text-decoration: none;
}

#boxFooter a:hover
{
	color: #000000;
	text-decoration: underline;
}

/* special content --------------------------*/
/* home ---------------------------------*/
#containerLeftHome
{
	text-align: center;
	margin: 0;
	padding: 0;
}

#containerLeftHome #imgCrestHome
{
	width: 232px;
	height: 336px;
}

/* opening times ------------------------*/
.boxOpening
{
	font-size: 92.31%; /* 12px */
	line-height: 1.3333em; /* 16px@12px */
	*line-height: 1.30em;
	margin-top: 2.6667em; /* 32px@12px */
	*margin-top: 2.60em;
}

/* news ---------------------------------*/
/* general --------------------------*/
.containerContentNews .navigate
{
	display: none;
}

.containerContentNewsDetail .containerLeft
{
	display: none;
}

#boxNewsDetail.containerRight,
#boxNewsDetail.containerRight .containerLeft
{
	display: block;
}

/* teasers --------------------------*/
.boxTeaser
{
	font-size: 92.31%; /* 12px */
	margin: 0 0 1.5em; /* 0 0 18px@12px */
	*margin: 0 0 1.46em;
}

.boxTeaserText
{
	margin: 0;
	padding: 0;
}

.boxTeaserText h1
{
	font-size: 116.67%; /* 14px@12px */
	line-height: 1.2857em; /* 18px@14px */
	*line-height: 1.25em;
	margin: 0 0 .6429em; /* 0 0 9px@14px */
	*margin: 0 0 .63em;
}

/* details --------------------------*/
#boxNewsDetail
{
	color: #000000;
}

#boxNewsDetail h1
{
	margin: 1.3846em 0; /* 18px 0 */
	*margin: 1.35em 0;
}

/* Google Map ---------------------------*/
.containerContentMap .containerRight
{
	display: block;
	margin: 0 0 1.3846em; /* 0 0 18px */
	*margin: 0 0 1.35em;
}

#map
{
	width: 487px;
	height: 487px;
}

/* some general styles for forms ------------*/
label,
div.label
{
	display: block;
	float: left;
	padding-top: .0777em; /* 1px */
	*padding-top: .15em; /* 2px */
}

.required
{
	color: #b80d15;
}

input.button,
input.reset,
input.submit
{
	border: solid 1px #bdbdbd;
	vertical-align: middle;
	font-size: 84.62%; /* 11px */
}

input.text,
input.password,
textarea
{
	font-size: 99%;
	line-height: 1.3986em; /* 18px@99% */
	*line-height: 1.36em;
	color: #000000;
	padding: 0 .3108em; /* 0 4px@99% */
	*padding: 0 .30em;
	border: 1px solid #bdbdbd;
}

input.text,
input.password
{

	margin-bottom: .1554em; /* 2px */
	*margin-bottom: 0;
}

input.radio
{
	vertical-align: -40%;
	*vertical-align: -25%;
	margin-bottom: .3077em; /* 4px */
	*margin-bottom: 0;
}

span.radio
{
	display: block;
	float: left;
	margin-right: 1em; /* 13px */
	*margin-right: .98em;
	padding-top: .0777em; /* 1px */
	*padding-top: .08em;
}

span.checkbox
{
	/* add your styles here, if required */
}

select
{
	font-size: 99%;
	color: #000000;
	border: solid 1px #c0c0c0;
}

/* more general styles: rows of buttons -----*/
div.boxButtons
{
	clear: both;
	width: 33.1538em; /* 431px */
	*width: 32.35em;
	text-align: right;
	margin: .3077em 0 .6923em; /* 4px 0 9px */
	*margin: .15em 0 .68em; /* 2px 0 9px */
	/* IE6 only: prevent cut-off buttons */
	_padding-bottom: 1px;
}

/* contact form -----------------------------*/
#formContact label
{
	display: block;
	float: left;
	width: 11.3077em; /* 147px */
	*width: 11.04em;
	_width: 10.81em; /* 144px */
}

#formContact .text,
#formContact select,
#formContact textarea
{
	width: 21.2898em; /* 274px@99% */
	*width: 20.78em;
	margin-bottom: .1554em; /* 2px@99% */
	*margin-bottom: 0;
}

#formContact select
{
	width: 22.0668em; /* 284px@99% */
	/* select boxes will be rendered
	 * differently in Internet Explorer */
	*width: 21.61em; /* 285px@99% */
}

#formContact #textareaMessage
{
	width: 21.6006em; /* 278px@99% */
	*width: 21.08em;
	height: 8.3916em; /* 108px@99% */
	*height: 8.19em;
	padding-right: 0;
}