/* content.css */

/* fonts */
@font-face {
    font-family: 'DIN Regular';
	src: url('/fileadmin/web/fonts/din-regular.eot');
}
@font-face {
    font-family: 'DIN Regular';
	src: url('/fileadmin/web/fonts/din-regular.ttf');
}

/* special */
::-moz-selection{
	background: #9B4213;
	color: #FFFFFF;
}
::selection {
	background: #9B4213;
	color: #FFFFFF;
}

/* common */
#content .element {
	margin: 0 0 16px 0;
}

/* headlines */
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
	margin: 16px 0 0 0;
	
	font-family: "DIN Regular", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #9B4213;
	color: #2F2D1D;
	text-transform: uppercase;
}

#content h1 {
	margin: 16px 0 8px 0;
	font-size: 18px;
}

#content h2 {
	font-size: 16px;
}
#content h3 {
	font-size: 14px;
}
#content h4 {
	
}
#content h5 {
	
}
#content h6 {
	
}

/* basic elements */
#content p,
#content ul,
#content ol,
#content dl,
#content address,
#content blockquote,
#content pre,
#content table {
	margin: 8px 0 16px;
	line-height: 20px;
}

#content p {
	
}

#content ul {
	list-style-type: circle;
	list-style-position: outside;
	
	margin-left: 16px;
}

#content ol {
	list-style-type: decimal;
	list-style-position: inside;
	
	margin-left: 16px;
}
#content li {
	
}

#content dl {
	
}
#content dt {
	
}
#content dd {
	
}

#content address {
	font-style: italic;
}

#content blockquote {
	font-style: italic;
}


#content pre {
	width: 100%;
	overflow: auto;
	
	font-family: monospace;
	white-space: pre;
}

#content table {
	
}

#content thead {
	
}
#content thead tr {
	
}
#content thead th,
#content thead td {
		
}
#content thead th {
	background-color: #000000;
	color: #FFFFFF;
}
#content thead td {
	
}

#content tbody {
	
}
#content tbody tr {
	
}
#content tbody th,
#content tbody td {
	
}
#content tbody th {
	background-color: #000000;
}
#content tbody td {
	
}

#content tfoot {
	
}
#content tfoot tr {
	
}

#content tfoot th,
#content tfoot td {
	border-top: 1px solid #000000;
}
#content tfoot th {
	
}
#content tfoot td {
	
}

#content tr {
	
}

#content th,
#content td {
	padding: 4px 8px;
}

#content th {
	font-weight: bold;
}
#content td {
	
}

/* links */
#content a {
	text-decoration: underline;
}
#content a:link {
	
}
#content a:visited {
	
}
#content a:hover {
	
}
#content a:active {
	
}

/* typo3 custom elements */
#content .csc-textpic,
#content .csc-textpic-text,
#content .csc-textpic-image {
	
}

#content .csc-textpic {
	
}
#content .csc-textpic-text {
	
}
#content .csc-textpic-image {
	
}

#content .csc-textpic-image,
#content .csc-textpic-imagecolumn {
	width: auto !important;
}

/* content frames */
#content .csc-frame-frame1 {
	padding: 5px 20px 5px 20px;
	
	background: #F0F0F0;
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#content .context .csc-frame-frame2 {
	position: relative;
	
	display: block;
	height: 85px;
	width: 378px;
	
	margin: 0 5px 5px 0;
	padding: 25px 10px 10px 160px;
	border-right: 12px solid #3f3a40;
	background: #1D181E;
	
	font-size: 11px;
	line-height: 16px;
	color: #FFFFFF;
}

#content .context .csc-frame-frame2 a {
	color: #FFFFFF;
}

#content .context .csc-frame-frame2 h2 {
	position: relative;
	
	font-size: 22px;
	margin: 0;
}
#content .context .csc-frame-frame2 h2 a {
	color: #FFFFFF;
	text-decoration: none;
}
#content .context .csc-frame-frame2 h2 a:hover {
	text-decoration: underline;
}

#content .context .csc-frame-frame2 h3 {
	position: absolute;
	top: 10px;
	left: -5px;
	z-index: 1000;
	
	background: #d11d1c;
	color: #FFFFFF;
	text-transform: uppercase;
	
	padding: 5px;
}

#content .context .csc-frame-frame2 img {
	position: absolute;
	top: 0;
	left: 0;
	
	display: block;
}

/* sitemaps */
#content .sitemap {
	display: block;
	height: 1%;
	list-style-type: none;
	list-style-position: outside;
	color: #2F2D1D;
}

#content .sitemap:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* sitemap large */
#content .sitemap_subpages_large {
	margin-left: 0;
}
#content .sitemap_subpages_large li {
	position: relative;
	
	display: block;
	height: 58px;
	width: 390px;
	overflow: hidden;
	
	margin: 0 5px 5px 0;
	padding: 10px 10px 10px 160px;
	background: #FFFFFF url('/fileadmin/web/images/common/sitemap-item.background.gif') right top no-repeat;
}
#content .sitemap_subpages_large li:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#content .sitemap_subpages_large li h2 {
	position: relative;
	
	font-size: 15px;
	margin: 0;
	background: url('/fileadmin/web/images/common/arrow-brown.icon.gif') 0 6px no-repeat;
}
#content .sitemap_subpages_large li h2 a {
	color: #8a7c64;
	text-decoration: none;
}
#content .sitemap_subpages_large li h2 a:hover {
	text-decoration: underline;
}

#content .sitemap_subpages_large li .description {
	display: block;
	font-size: 11px;
	line-height: 16px;
}

#content .sitemap_subpages_large li img {
	position: absolute;
	top: 0;
	left: 0;
	
	display: block;
}

#page_14 #content .sitemap_subpages_large {
	width: 840px;
}

#page_14 #content .sitemap_subpages_large li {
	width: 240px;
	float: left;
}

/* sitemap small */
#content .sitemap_subpages_small {
	margin: 0 0 25px 0;
}
#content .sitemap_subpages_small li {
	float: left;
	margin: 3px;
}
#content .sitemap_subpages_small li h2 {
	display: none;
}
#content .sitemap_subpages_small li a {
	display: block;
	
	-moz-box-shadow: #000000 0 5px 5px -5px;
	-webkit-box-shadow: 000000 0 5px 5px -5px;
	box-shadow: 000000 0 5px 5px -5px;
}
#content .sitemap_subpages_small li a img {
	display: block;
	
	border: 5px solid #FFFFFF;
}
#content .sitemap_subpages_small li a:hover img,
#content .sitemap_subpages_small li a.active img {
	border-color: #e8e5e0;
}
#content .sitemap_subpages_small li .link {
	display: none;
}
#content .sitemap_subpages_small li strong {
	display: none;
}

/* content context */
#content .context {
	color: #FFFFFF;
}

#content .context h1,
#content .context h2,
#content .context h3,
#content .context h4,
#content .context h5,
#content .context h6 {
	color: #FFFFFF;
	text-transform: none;
}

#content .context h1 {
	font-size: 44px;
}

#content .context h2 {
	font-size: 24px;
}