/* individuelle Anpassung des YUI-Grids -----*/
div#custom-doc
{
	width: 65.3864em;
	*width: 63.8088em;
	margin: auto;
	text-align: left;
}

div.yui-t4
{
	min-width: 0;
}

div.yui-t4 div#yui-main
{
	margin-right: 0;
}

div.yui-t4 div#yui-main div.yui-b
{
	width: 49.5385em;
	*width: 48.3446em;
	margin-right: 0;
}

div#yui-main
{
	width: 49.5385em;
	*width: 48.3446em;
}

div.yui-gf div.yui-u
{
	float: left;
	width: 13.8462em;
	*width: 13.5125em;
}

div.yui-gf div.first
{
	float: right;
	width: 33.6923em;
	*width: 32.8803em;
}

div.yui-gf div.first div#main
{
	*width: 99%;
}

/* Anpassung der Startseite */
div#custom-doc-start
{
	width: 58.1538em;
	*width: 56.7523em;
	margin: 0 auto;
	text-align: left;
}

div.yui-t4 div#yui-main-start
{
	float: left;
	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#hd
{
	margin-top: .3846em;
	*margin-top: .3753em;
}

div#header-image
{
	float: left;
	width: 15.6923em;
	*width: 15.3141em;
}

div#header-image img
{
	width: 13.8461em;
	*width: 13.5124em;
}

div[id=header-image] img
{
	height: auto;
}

*+html div#header-image img
{
	height: auto;
}

div#header-logo img
{
	width: 13.4615em;
	*width: 13.1371em;
	height: 3.3846em;
	*height: 3.3030em;
}

/* 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;
}

/* Menu links -------------------------------*/
div#menu li
{
	clear: both;
	margin-bottom: .2308em;
	*margin-bottom: .2252em;
}

div#menu li.menu3
{
	margin-left: .5385em;
	*margin-left: .5255em;
}

div#menu li.menu4
{
	margin-left: .9231em;
	*margin-left: .9008em;
}

hr.menu-line
{
	float: left;
	width: 11em;
	*width: 10.7349em;
	height: 1px;
}

img.menu-item
{
	width: .7692em;
	*width: .7507em;
	height: .4615em;
	*height: .4504em:
}

/* Special ----------------------------------*/
div#special
{
	border: 1px solid #cccccc;
	width: 11.9231em;
	*width: 11.6357em;
	padding: .7692em .7692em .7692em 1.1538em;
	*padding: .7507em .7507em .7507em 1.1260em;
}

/* Footer ************************************/
#footer
{
	clear: both;
	position: relative;
	width: 100%;
	margin: 0;
	padding: .25em 0 0 0;
}

div#ft
{
	font-size: 93%;
}

/* 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;
}

div.partnerlinks div.grau
{
	display: block;
	height: 1.0769em;
	*height: 1.08em;
}

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;
}

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;
}

/* Rubriken */
h2.rubrik
{
	margin: 1.3525em 0 2.0287em; /* 16px 0 24px */
	*margin: 1.3199em 0 1.9798em;
	padding: 0 0 2px 0;
	border-bottom: 1px solid #999999;
}

h2.rubrik div
{
	font-size: 116.25%;
	display: inline;
	white-space: nowrap;
	text-transform: uppercase;

	color: #999999;

	padding: .5072em .5072em 0 0; /* 6px 6px 0 2px */
	*padding: .4950em .4950em 0 0;
}
/* Rubriken (Ende) */

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: 1.4545em;
	*line-height: 1.42em;
	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;
}

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;
}

/*
 * Bilder links in eigener Spalte
 */
div.clearing
{
	display: block;
	clear: both;
	width: 100%;
	height: 0;
	font-size: 0;
	line-height: 0;
	margin: 0;
	padding: 0;
}

.boxTeamColLeft
{
	float: left;
	text-align: left;
	width: 150px;
}

.boxTeamColRight
{
	float: left;
	text-align: left;
	width: 22.3756em; /* 270px@12.0667px */
	*width: 21em;
	margin-left: 1.3260em; /* 16px@12.0667px */
	*margin-left: 1.29em;
}

#main ul li
{
	list-style-image: url(/_images/quadrat.gif);
	list-style-position: outside;
	margin-left: 1.5em;
	*margin-left: 2em;
}
