/********************************************
 * 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 ***************/
div#header-image,
div#menu,
div#special,
div#ft
{
	display: none;
}

div#custom-doc-start
{
	width: auto;
	margin: 0 auto;
	text-align: left;
}

div.yui-t4 div#yui-main-start
{
	margin-right: 0;
}

div#bd-start div.yui-b
{
	float:right;
}

div.yui-t4 div#yui-main-start div.yui-b
{
	width: 44.2308em;
	*width: 43.1648em;
	margin-right: 0;
}

div#yui-main-start
{
	width: 44.2308em;
	*width: 43.1648em;
}

/* rechte Spalte im IE korrigieren */
div#bd-start
{
	*position: relative;
}

div#bd-start div.yui-b
{
	*position: absolute;
	*right: 0;
	*top: 0;
}

div#bd-start div#yui-main-start div.yui-b
{
	*position: relative;
	*left: 0;
}

/* Header ************************************/
div#header-logo
{
	width: 100%;
	text-align: right;
	margin-bottom: 2.4em;
}

/* Body **************************************/
div#main
{
	font-size: 93%;
}

/* Stories ----------------------------------*/
div.startsprache
{
	width: 11.6667em;
	*width: 11.3855em;
	text-align: left;
	font-size: 93%;
	float: right;
	margin-top: -1em;
}

/* Printfooter (Druckicon unter Story) ------*/
div#printfooter img
{
	/* 30x30px@93% */
	width: 2.5084em;
	*width: 2.4479em;
	height: 2.5084em;
	*height: 2.4479em;
}

/* Generelles Layout *************************/
body
{
	font-family: Arial, sans-serif;
	color: #000000;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
	text-align: center;
}

p
{
	font-family: Arial, sans-serif;
	color: #000000;
	font-size: 99.5%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
}

.subhead
{
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #666666;
	text-decoration: none;
	text-align: left;
	vertical-align: top;
}

.spacer
{
	clear: both;
}

div.spacer
{
	clear: both;
	height: 1.5385em;
	*height: 1.5014em;
}

div.spacer10
{
	clear: both;
	/* 10px@93% */
	height: .8333em;
	*height: .8133em;
}

div.spacer15
{
	clear: both;
	/* 15px@93% */
	height: 1.2500em;
	*height: 1.2199em;
}

div.spacer20
{
	clear: both;
	/* 20px@93% */
	height: 1.6667em;
	*height: 1.6265em;
}

div.spacer30
{
	clear: both;
	/* 30px@93% */
	height: 2.5000em;
	*height: 2.4398em;
}

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

a:hover
{
	text-decoration: underline;
}

a,
a:link,
a:visited,
a:active,
a:hover
{
	font-family: Arial, sans-serif;
	color: #999999;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-align: left;
}

a.navi-bold:link,
a.navi-bold:visited,
a.navi-bold:active,
a.navi-bold:hover
{
	font-family: Arial, sans-serif;
	color: #999999;
	font-size: 93%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-align: left;
}

a.grau11:link,
a.grau11:visited,
a.grau11:active,
a.grau11:hover
{
	font-family: Arial, sans-serif;
	color: #999999;
	font-size: 85%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-align: left;
	display: block;
	margin-bottom: .4545em;
	*margin-bottom: .4436em;
}

a.navi-select:link,
a.navi-select:visited,
a.navi-select:active,
a.navi-select:hover
{
	font-family: Arial, sans-serif;
	color: #000000;
	font-size: 85%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-align: left;
	text-transform: uppercase;
}

a.navi:link,
a.navi:visited,
a.navi:active,
a.navi:hover
{
	font-family: Arial, sans-serif;
	color: #999999;
	font-size: 85%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-align: left;
	text-transform: uppercase;
}

a.download
{
	display: block;
	/* 15px@93% */
	margin-bottom: 1.2500em;
	*margin-bottom: 1.2199em;
}

a.download img
{
	/* 16x16px@93% */
	width: 1.3333em;
	*width: 1.3012em;
	height: 1.3333em;
	*height: 1.3012em;
}

h1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 116.25%;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #999999;
	text-decoration: none;
	display: block;
	margin: 0 0 .7143em 0;
	*margin-bottom: 0 0 .6971em 0;
}

/*
h2
{
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #999999;
	text-decoration: none;
	display: inline;
}

h2.spacer15
{
	display: block;
	margin-bottom: 1.2500em;
	*margin-bottom: 1.2199em;
}

h3
{
	display: block;
	margin-bottom: .8333em;
	*margin-bottom: .8133em;
}
*/

h4
{
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
	display: inline;
/*
	margin-bottom: .8333em;
	*margin-bottom: .8133em;
*/
}

div.headline
{
	margin-bottom: .8333em;
	*margin-bottom: .8133em;
}

.klein-grau
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #999999;
	text-decoration: none;
	display: block;
	margin-bottom: .2727em;
	*margin-bottom: .2662em;
}


.kursiv-grau
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 108%;
	font-style: italic;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #999999;
	text-decoration: none;
	display: block;
	margin-bottom: 1.0714em;
	*margin-bottom: 1.0456em;
}

.titel-blau
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #3849B0;
	text-decoration: none;
	display: block;
	margin-bottom: 1.0909em;
	*margin-bottom: 1.0646em;
}

.titel-grau
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #999999;
	text-decoration: none;
}

.border
{
	border:  1px #cccccc solid;
}

div.image-right
{
	float: right;
	width: 11.6667em;
	*width: 11.3855em;
	margin: 0 0 .8333em .8333em;
	*margin: 0 0 .8133em .8133em;
}

/*div.image-right img
{
	width: 11.6667em;
	*width: 11.3855em;
	height: auto;
}*/

.imageCut
{
	width: 12.5em;
	height: 8.3333em;
	overflow: hidden;
}

.inlineright
{
	text-align: left;
	float: right;
	margin: 0 0 .8333em .8333em;
	*margin: 0 0 .8133em .8133em;
	font-size: 83%;
}


.inlineleft
{
	text-align: left;
	float: left;
	margin-bottom: .8333em;
	*margin-bottom: .8133em;
}

.inlineleft img,
.inlineleft span.caption
{
	margin-right: .8333em;
	*margin-right: .8133em;
}

div.startkeyvisual
{
	float: left;
	width: 44.2308em;
	*width: 43.1648em;
}

div.startkeyvisual img
{
	width: 44.2308em;
	*width: 43.1648em;
	height: auto;
	*height: 27.2501em;
}

div.partnerlinks
{

	float: left;
	text-align: left;
	width: 10.7692em;
	*width: 10.5097em;
	margin-left: .8em;
	padding-left: .9em;
	border-left: 1px #cccccc solid;
}

div.partnerlinks a.grau11
{
	display: block;
	margin-bottom: .0909em;
	*margin-bottom: .0887em;
}

div.contact
{
	/* 20px@93% */
	margin-bottom: 1.6667em;
	*margin-bottom: 1.6265em;
}

/* Google-Maps */
div#map
{
	float: right;
	width: 275px;
	height: 280px;
}

div#map span,
div#map a
{
	float: right;
	clear: both;
	font-size: 100%;
}

/* extra styles for WYSIWYG story editor */
div.indexcms li, #main li
{
	list-style-type: circle;
	margin-left: 4em;
}

/*
 * Content-Syndication:
 *
 * Auf Caston.de befindet sich hinter einer
 * News eine Trennlinie, die auf Herfurth.de
 * nicht erscheinen soll. Stattdessen soll
 * ein Spacer ausgegeben werden (der wiederum
 * nicht auf Caston.de erscheint).
 */
hr.castonHr
{
	display: none;
}

div.herfurthSpacer
{
	height: .8333em;
	*height: .8133em;
}

div.breadcrumb
{
	display: none;
}