/********************************************
 * 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;
}

.noPrint
{
	display: none;
}

.noWrap
{
	white-space: nowrap;
}

/* 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 ***************/
#containerRight,
#containerLeft,
#boxSponsor,
#boxSearchenginenavi
{
	display: none;
}

#containerCenter
{
	width: auto;
	padding: .6154em;
	*padding: .6006em;
}

.yui-u.first.start #containerCenter h1
{
	text-align: center;
}

.yui-u.first.start #containerCenter ul li
{
	margin-left: 1.5em;
}

.yui-u.first.start #containerCenter ul li
{
	list-style-type: disc;
	list-style-type: outside;
}

h1
{
	font-size: 115%;
	font-weight: bold;
	color: #364876;
	margin-bottom: .6154em; /* 8px */
	*margin-bottom: .6006em;
}

h1.teaser,
h2
{
	font-size: 115%;
	font-weight: bold;
	color: #7082b4;
	margin: 1.2308em 0 .3077em 0; /* 16px 0 4px 0 */
	*margin: 1.2011em 0 .3003em 0;
}

h1.teaser
{
	margin-top: 0;
}

p
{
	margin-bottom: 1.2308em;
	*margin-bottom: 1.2011em;
}

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

.yui-u.first #containerCenter a:link,
.yui-u.first #containerCenter a:visited,
.yui-u.first #containerCenter a:active
{
	color: #7082b4;
}

.yui-u.first #containerCenter a:hover
{
	color: #7082b4;
	text-decoration: underline;
}

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

.error
{
	color: #ff1403;
	text-align: right;
	width: 92%;
}

.yui-u.first .error
{
	color: #ff1403;
	text-align: left;
}

div.clearing
{
	clear: both;
	margin: 0;
	padding: 0;
}

div.spacer
{
	clear: both;
	height: 1.5385em; /* 20px */
	*height: 1.5014em;
	margin: 0;
	padding: 0;
}

div.spacerHalf
{
	clear: both;
	height: .7692em; /* 10px */
	*height: .7507em;
	margin: 0;
	padding: 0;
}

div.navigate
{
	display: block;
	clear: both;
	float: right;
	text-align: right;
	margin: 1.2308em 0 .6154em 0; /* 16px 0 8px 0*/
	*margin: 1.2011em 0 .6006em 0;
}

div.ahead
{
	display: inline;
}

div.ahead a:link,
div.ahead a:visited,
div.ahead a:active,
div.ahead a:hover
{
	color: #364876;
}

img.inlineLeft,
a.inlineLeft img
{
	display: inline;
	float: left;
	margin: 0 .6154em .3077em 0; /* 0 8px 4px 0 */
	*margin: 0 .6006em .3003em 0;
}

img.inlineRight,
a.inlineRight img
{
	display: inline;
	float: right;
	margin: 0 0 .3077em .6154em;
	*margin: 0 0 .3003 .6006em;
}

/* header -----------------------------------*/
#hd
{

}

/* body -------------------------------------*/
#bd
{
	margin: 0;
	padding-bottom: 5.3456em; /* 70px */
	*padding-bottom: 5.2548em;
}

/* footer -----------------------------------*/
#boxFooter
{
	font-size: 85%;
	margin: .8991em 0 1em 0em; /* 9px 0 0 0px */
	*margin: .8774em 0 .9759em 0em;
}

#boxFooterBBM
{
	clear: both;
	margin-top: .7240em; /* 8px */
	*margin-top: .7065em;
}

/* Google Maps ------------------------------*/
#map
{
	width: auto;
	height: 300px;
	border: 1px solid #616161;
	margin-bottom: 1.2308em;
	*margin-bottom: 1.2011em;
}

/* program ----------------------------------*/
table.program
{
	white-space: nowrap;
}

table.program th
{
	font-size: 115%;
	font-weight: bold;
	padding-bottom: .5351em; /* 8px */
	*padding-bottom: .5222em;
}

table.program td
{
	padding-bottom: .6154em; /* 8px */
	*padding-bottom: .6006em;
}

table.program td.time
{
	vertical-align: top;
	text-align: right;
	width: 5.6923em; /* 74px */
	*width: 7.4319em; /* 99px */
	padding-right: 1.9231em; /* 25px */
	*padding-right: 1.8767em;
}

table.program span.title
{
	color: #a83c03;
}

/* images, full width -----------------------*/
img.imgFullWidth
{
	display: block;
	clear: both;
	margin-bottom: 1.2308em; /* 16px */
	*margin-bottom: 1.2011em;
}

/* sitemap ----------------------------------*/
div.sitemap
{
	float: left;
	width: 49%;
	min-height: 32em;
}

.sitemapcontent ul
{
	border-color: #a83c30;
	border-width: 1px;
	border-style: dotted;
	font-weight: bold;
	list-style-type: none;
	list-style-position: inside;
	margin: 0 1em 1em 0;
	padding: .2em;
}

.sitemapcontent li
{
	list-style-type: none;
	margin-left: 0;
}

.sitemapcontent ul ul li
{
	list-style-type: square;
	list-style-position: outside;
	margin-top: .3077em;
	*margin-top: .3003em;
}

.sitemapcontent ul ul
{
	border-style: none;
	font-weight: normal;
	padding: 0 0 0 1em;
	margin: 0 .5em 0 .5em;
}

a.sitemap:link,
a.sitemap:active,
a.sitemap:visited
{
	text-decoration: none;
}

a.sitemap:hover
{
	color: #a83c30;
	text-decoration: underline;
}

/* Some general styles for forms ------------*/
label,
div.label
{
	display: block;
	float: left;
	padding-top: .0777em;
	*padding-top: .1501em;
}

.required
{
	font-weight: bold;
}

input.button,
input.reset,
input.submit
{
	border: solid 1px #616161;
	color: #000000;
	background-color: #ffffff;
	vertical-align: middle;
	font-size: 85%;
}

input.button:hover,
input.reset:hover,
input.submit:hover
{
	background-color: #ffffff;
	/* font-size: 85%; */
}

input.text,
input.password,
textarea
{
	font-size: 99%;
	background-color: #ffffff;
	padding: 0 .0777em .0777em;
	*padding: 0 .0758em .0758em;
	border: 1px solid #616161;
}

input.text,
input.password
{

	margin-bottom: .1554em;
	*margin-bottom: 0;
}

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

span.radio
{
	display: block;
	float: left;
	margin-right: 1em;
	*margin-right: .9759em;
	padding-top: .0777em;
	*padding-top: .0758em;
}

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

select
{
	font-size: 99%;
	background-color: #ffffff;
	border: solid 1px #616161;
}

/* More general styles: rows of buttons -----*/
div.boxButtons
{
	clear: both;
	width: 41.3364em; /* 532px */
	*width: 40.3402em;
	text-align: right;
	margin-top: .7692em;
	*margin-top: .6006em;
}

* html div.boxButtons
{
	/* IE6 only: prevent cut-off buttons */
	padding-bottom/**/: 1px;
}

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

* html #formContact label
{
	/* IE6 only */
	width/**/: 10.8100em; /* 144px */
}

#formContact .text,
#formContact select,
#formContact textarea
{
	width: 30.0699em; /* 387px */
	*width: 29.3452em;
	margin-bottom: .1554em;
	*margin-bottom: 0;
}

#formContact select
{
	width: 30.3807em; /* 391px */
	/* select boxes will be rendered
	 * differently in Internet Explorer */
	*width: 29.7244em; /* 392px */
}

#formContact #inputPLZ
{
	width: 5.5167em; /* 71px */
	*width: 5.3838em;
	margin-right: .1554em;
	*margin-right: .1517em;
}

#formContact #inputOrt
{
	width: 24.0870em; /* 310px */
	*width: 23.5065em;
}

#formContact #inputNachricht
{
	height: 7.5369em;
	*height: 7.3553em;
}

/* registration -----------------------------*/
#formRegStart label
{
	width: 14.1538em; /* 184px */
	*width: 13.81275em;
}

* html #formRegStart label
{
	/* IE6 only */
	width/**/: 13.5875em; /* 181px */
}

#formRegStart div.error
{
	display: block;
	font-size: 77%;
	width: 34.7652em; /* 348px */
	*width: 33.9274em;
	margin: 0 0 .5994em 18.4815em; /* left: 185px */
	*margin: 0 0 .3900em 18.0361em;
}

#formRegStart .text,
#formRegStart .password
{
	width: 27.1950em; /* 350px */
	*width: 26.5396em;
}

#formRegData label,
#formRegData div.label
{
	width: 8.0769em; /* 105px */
	*width: 7.8823em;
}

* html #formRegData label
{
	/* IE6 only */
	width/**/: 7.6571em; /* 102px */
}

#formRegData .text
{
	width: 33.3333em; /* 429px */
	*width: 32.5300em;
}

#formRegData select.birthday
{
	margin-right: .1538em; /* 2px */
	*margin-right: .1501em;
}

#formRegData #inputZIP
{
	width: 5.5167em; /* 71px */
	*width: 5.3838em;
	margin-right: .1554em;
	*margin-right: .1517em;
}

#formRegData #inputTown
{
	width: 27.3504em; /* 352px */
	*width: 26.6913em;
}

#formRegData #inputDOBDay,
#formRegData #inputDOBMonth
{
	margin-right: .1554em; /* 2px */
	*margin-right: .1517em;
}

#formRegData #inputRegion
{
	margin-bottom: .1554em; /* 2px */
	*margin-bottom: .1517em;
}

#formRegData #boxGTC
{
	border: 1px solid #616161;
	background-color: #ffffff;
	color: #000000;
	width: 40.6923em; /* 529px */
	*width: 39.7867em; /* 530px */
	height: 18.4615em;
	*height: 18.0166em;
	padding: 0 .2308em; /* 0 3px */
	*padding: 0 .2252em;
	overflow: auto;
}

/*
#formRegData #boxGTC h1,
#formRefData #boxGTC h2
{
	color: #000000;
}
*/

#formRegData #boxGTC ol,
#formRegData #boxGTC ul
{
	margin-bottom: 1.2em;
}

#formRegData #boxGTC ol li
{
	list-style: decimal outside;
	margin-left: 2em;
}

#formRegData #boxGTC ul li
{
	list-style: disc outside;
	margin-left: 1.5em;
}

#formRegData #boxAcceptGTC
{
	margin: .7692em 0 .6154em 0;
	*margin: .6006em 0 .4504em 0;
}

#formRegConfirm div.label
{
	width: 7em; /* 91px */
	*width: 6.8313em;
	/* make empty labels use space */
	min-height: 1px;
	*height: 1px;
}

#formRegConfirm div.text
{
	display: block;
	float: left;
	/* 1px more than usual to line-up
	 * with right border of buttons */
	width: 34em; /* 442px */
	*width: 33.1806em;
	margin-bottom: .1538em;
	*margin-bottom: .1501em;
	padding: .0769em .1538em;
	*padding: .1501em .1501em .0751em .1501em;
	background-color: #ffffff;
}

#formRegConfirm #outputZIP
{
	width: 5.4615em; /* 71px */
	*width: 5.3299em;
	margin-right: .1538em;
	*margin-right: .1501em;
}

#formRegConfirm #outputTown
{
	/* 1px more than usual to line-up
	 * with right border of buttons */
	width: 28.0769em; /* 365px */
	*width: 27.4003em;
}

/* activation -------------------------------*/
#formRegActivation input.submit
{
	margin-left: .1810em; /* 2px@85% */
	*margin-left: .1766em;
}

/* forgot password --------------------------*/
#formForgotPassword label
{
	width: 10em; /* 130px */
	*width: 9.7590em;
}

* html #formForgotPassword label
{
	/* IE6 only */
	width/**/: 9.5338em; /* 127px */
}

#formForgotPassword #inputEmail
{
	width: 31.3908em; /* 404px */
	*width: 30.6343em;
}

/* personal news page editor ----------------*/
#boxMyNewsPersEdit .boxSelect
{
	text-align: center;
}

#boxMyNewsPersEdit input.text
{
	width: 1.0878em; /* 14px */
	*width: 1.0616em;
	position: relative;
	top: .1554em; /* 2px */
	*top: .1516em;
}

/* id card editor ---------------------------*/
#formIdCardEdit label,
#formIdCardEdit div.label
{
	width: 13em; /* 169px */
	*width: 12.6867em;
}

#formIdCardEdit .text,
#formIdCardEdit textarea
{
	float: left;
	width: 28.3605em; /* 365px */
	*width: 27.6770em;
	margin-bottom: .1554em;
	*margin-bottom: .1517em;
}

#formIdCardEdit div.text
{
	width: 28.5159em; /* 367px */
	*width: 27.8287em;
	margin: .0769em 0 .2308em .1538em;
	*margin: .0751em 0 .2252em .1501em;
}

#formIdCardEdit #inputZIP
{
	width: 5.5167em; /* 71px */
	*width: 5.3838em;
	margin-right: .1554em;
	*margin-right: .1517em;
}

#formIdCardEdit #inputTown
{
	width: 22.3776em; /* 288px */
	*width: 21.8383em;
}

#formIdCardEdit #inputRegion
{
	margin-bottom: .1554em; /* 2px */
	*margin-bottom: .1517em;
}

#formIdCardEdit #boxPicture
{
	width: 28.3846em; /* 369px */
	*width: 27.7005em;
	text-align: center;
	margin-left: 13em; /* 169px */
	*margin-left: 12.6867em;
}

/* file upload */
#formIdCardEdit div.inputFile
{
	position: relative;
}

#formIdCardEdit input.file
{
	position: relative;
	float: left;
	text-align: right;
	width: 28.6713em; /* 369px */
	*width: 27.9803em;
	-moz-opacity: 0;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}

#formIdCardEdit div.boxFileFake
{
	position: relative;
	top: -1.5540em; /* -20px */
	*top: -1.4407em; /* -19px */
	width: 41.3846em; /* 538px */
	*width: 40.3872em;
	z-index: 1;
}

#formIdCardEdit input.fileFakeText
{
	width: 19.8135em; /* 255px@99% */
	*width: 19.1427em; /* 255px@100% */
	margin-left: 13.1313em; /* 169px@99% */
	*margin-left: 12.6867em; /* 169px@100% */
}

#formIdCardEdit input.fileFakeButton
{
	/* float to the right to be always
	 * behind the "real button",
	 * margin-right to settle rounding
	 * differences when increasing font */
	float: right;
	margin-right: .0679em; /* .75px@85% */
	*margin-right: .0662em;
	/*----------------------------------*/
	width: 9.7738em; /* 108px@85% */
	*width: 9.6265em; /* 109px@85% */
	margin-bottom: .1810em; /* 2px@85% */
	*margin-bottom: 0;
}

/* id card  ---------------------------*/
.smallmemberpic
{
	width: 60px;
	display: block;
	border: 1px solid #cccccc;
	margin: 2px;
	margin: 2px;
}

.smallmemberpicframe
{
	width: 66px;
	height: 84px;
	background-color: white;
	border: 1px solid #cccccc;
}

.leftcol
{
	float: left;
}

.rightcol
{
	float: left;
	padding: 1em;
}

div.boxTextLeft
{
	display: block;
	float: left;
	width: 66%;
	text-align: left;
}

div.boxTextRight
{
	display: block;
	float: right;
	width: 66%;
	text-align: left;
}

div.boxImageLeft
{
	display: block;
	float: left;
	width: 33%;
	text-align: left;
}

div.boxImageRight
{
	display: block;
	float: right;
	width: 33%;
	text-align: right;
}