/*
 * Überschriften: 24 Punkt Verdana #0a2c68
 *
 * Überschrift Neuigkeiten: 24 Punkt Verdana #A12421
 *
 * Überschrift Filialübersicht: 18 Punkt Verdana bold #0a2c68
 *
 * Fliesstext grau: 14 Punkt Verdana #333, Zeilenhöhe 18 Punkt
 *
 * Fliesstext blau: 14 Punkt Verdana #0a2c68, Zeilenhöhe 18 Punkt
 *
 * Footer Überschrift: 14 Punkt Verdana bold #0a2c68
 * Footer Links: 12 Punkt Verdana #0a2c68
 *
 * Hauptnavigation: 14 Punkt Verdana bold #0a2c68
 *
 * Metanavigation: 12 Punkt Verdana bold #0a2c68
 *
 * Hintergrund Boxen / Footer: #EFF3F6
 *
 * Copyright Info: 11 Punkt Verdana #999
 *
 * Gestrichelte Linie: #A2B5BC
 *
 * ------
 * Startseite / Kontakt / Shopdetail - Spalte Links: 587px (padding-right: 14px) / Spalte Links: 353px (padding-left: 14px)
 *
 *
 * Contentseiten - Spalte Links: 729px (padding-right: 14px) / Spalte Links: 211px (padding-left: 14px)
 *
 *
 * Filialübersicht / Produktübersicht - Spalte Links: 456px (margin-right: 28px) / Spalte Links: 456px
 */
/*
 * There are no versions declared anywhere in css, so we simply don't care
 * about semanic validation.
 */

/* browser reset */

* {
	margin: 0px;
	padding: 0px;
	text-indent: 0px;
	list-style: none;
	border: none;
	text-align: left;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: inherit;
	font-style: inherit;
	font-weight: inherit;
	border-collapse: collapse;
	border-spacing: 0;
}

a:link,
a:hover,
a:active,
a:visited,
a:focus {
	font:inherit;
	/* cannot inherit, IE6 won't do it. */
	color: #0a2c68;
	text-decoration: none;
}

a:hover {
	outline: none;
}

body {
	padding: 10px;
	font-size: 62.5%;
	color: #0a2c68;
	font-weight: normal;
}
/*
html, body {
	height: 100%;
	margin: 0 0 1px;
}
*/
html {
	overflow-y: scroll;
}

strong, b {
	font-weight: bold;
}

emph, i {
	font-style: italic;
}

/* core utilities */
.clearfix:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

.clearfix {
	zoom: 1;
}


/* layout of core elements */
body {
	background-color: #878076;
}

#top-border {
	width: 986px;
	height: 23px;
	margin: 0px auto;
	background-image: url(img/page_border_top.png);
	background-repeat: no-repeat;
	background-position: top;
}


#wrapper {
	width: 940px;
	overflow: hidden;
	margin: 0px auto;
	background-image: url(img/page_border_lr.png);
	background-repeat: repeat-y;
	background-color: white;
	padding: 0px 23px 3px 23px;
}

#bottom-border {
	width: 986px;
	height: 23px;
	margin: 0px auto;
	background-image: url(img/page_border_bottom.png);
	background-repeat: no-repeat;
	background-position: bottom;
}

#header {
	display: block;
	margin-left: 782px;
}

#logo {
	display:block;
}

#navi {
	clear: both;
	margin-top: 5px;
	font-size: 140%;
	line-height: 260%;
	font-weight: bold;
	border-bottom: 10px solid #0a2c68;
	text-transform: uppercase;
	margin-bottom: 1px;
}

#subnaviwrapper {
	background-color: #0a2c68;
}

#subnavi {
	clear: both;
	background-color: #eff3f6;
	padding: 0px 10px;
	font-size: 120%;
	line-height: 250%;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 2px;
}

#subsubnavi {
	clear: both;
	background-color: #eff3f6;
	padding: 0px 10px;
	font-size: 120%;
	line-height: 250%;
	font-weight: bold;
	text-transform: uppercase;
}

#navi li,
#subnavi li,
#subsubnavi li {
	float: left;
	width: auto;
	margin-right: 20px;
}

#navi li.hl,
#subnavi li.hl,
#subsubnavi li.hl {
	/* color: #a12421; */
	color: #e3000f;
}

#main {
	clear: both;
	border-bottom: 10px solid #0a2c68;
	background-image: url(img/vr.gif);
	background-repeat: repeat-y;
	background-position: 728px 0px;
}

#wrapper.narrow #main {
	background-position: 586px 0px;
}

#wrapper.equal #main {
	background-image: none;
}

#tools {
	clear: both;
	line-height: 380%;
	padding-bottom: 1px;
	background-image: url(img/hr.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

#fontsize {
	font-size: 140%;
	font-weight: bold;
	float: right;
	text-align: right;
	width: 15ex;
}

#breadcrumb {
	font-weight: bold;
	font-size: 120%;
	display: inline;
}

#breadcrumb ul,
#breadcrumb li {
	font-size: inherit;
	display: inline;
	padding-right: 1ex;
}

#breadcrumb li.hl {
	/* color: #a12421; */
	color: #e3000f;
}

#content-wrapper {
	float: left;
	width: 714px;
	overflow-x: hidden;
	padding-right: 15px; /* 1px for the border implemented by #main */
}

#content {
	margin: 14px 0px;
}

#wrapper.narrow #content-wrapper {
	width: 572px;
}

#wrapper.equal #content-wrapper {
	width: 456px;
	padding-right: 14px;
}

#sidebar-wrapper {
	float: left;
	padding-left: 14px;
	width: 197px;
	overflow-x: hidden;
}

#sidebar {
	margin: 14px 0px;
}

#wrapper.narrow #sidebar-wrapper {
	width: 339px;
}

#wrapper.equal #sidebar-wrapper {
	width: 456px;
}

#footer {
	clear: both;
	border-top: 1px solid white;
	background-color: #eff3f6;
	padding: 14px;
}

#copyright {
	text-align: right;
	padding: 14px;
	background-image: url(img/hr.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 15px;
}

/* globally the same */

a:hover {
	/* color: #a12421; */
	color: #e3000f;
}

#content p,
#sidebar p {
	margin: 1ex 0px;
}

/* core styles */
/* FIXME add everything that should appear in normal size */
#content p,
#sidebar p,
#content label,
#sidebar label,
#content li,
#sidebar li,
#content td,
#sidebar td,
#content th,
#sidebar th {
	font-size: 140%;
	line-height: 160%;
}

#content li li,
#content li li {
	font-size: 100%;
	
}

#content ul,
#content li,
#sidebar ul,
#sidebar li {
	list-style-type: disc;
	list-style-position: inside;
}

#content ul ul,
#sidebar ul ul {
	margin-left: 1em;
}

#content h1,
#sidebar h1 {
	color: #0a2c68;
	font-size: 240%;
	font-weight: normal;
	margin-top: 14px;
}

#wrapper.narrow #sidebar h1,
#wrapper.wide #sidebar h1 {
	color: #e3000f;
}

#content h2,
#sidebar h2 {
	color: #0a2c68;
	font-size: 180%;
	font-weight: bold;
}

.light {
	color: #333333;
}


#footer .footer-column {
	float: left;
	width: 200px;
}

#footer .footer-column-wide {
	float: left;
	width: 400px;
}


#footer h5 {
	font-weight: bold;
	font-size: 140%;
	line-height:180%;
}


#footer li {
	font-size: 120%;
	
}

#subsidiary-navi, #subsidiary-navi ul, #subsidiary-navi li {
	list-style-type: disc;
	list-style-position: inside;
}

#subsidiary-navi ul {
	width: 200px;
	float: left;
}

/* ---- */

#searchbox {
	float: right;
	width: auto;
}

#searchInput {
	background: url(img/search_input-background.png) 5px 5px no-repeat;
	padding: 3px;
	padding-left: 25px;
	border: 1px solid #0a2c68;
	background-color: white;
}

#searchButton {
	line-height: 100%;
	background-color: #0a2c68;
	color: white;
	font-weight: bold;
	padding: 4px 6px;
}

#main a:hover,
#main a:focus,
#main a:visited,
#main a:active,
#main a:link {
	text-decoration: underline;
}

#main a:hover {
	/*color: */
}

div.csc-default div.divider {
	clear: both;
	margin: 14px 0px;
	height: 1px;
	background-image: url(img/hr.gif);
	background-repeat: repeat-x;
}

div.csc-default div.divider hr {
	display: none;
}

.csc-frame-frame1 {
	padding: 10px;
	background-color: #eff3f6;
	margin: 14px 0px;
}

.teaser {
	margin: 14px 0px;
	clear: both;
}

#content h2.teaser-headline,
#sidebar h2.teaser-headline {
	font-size: 140%;
}

#wrapper h2.teaser-headline a:visited,
#wrapper h2.teaser-headline a:active,
#wrapper h2.teaser-headline a:hover,
#wrapper h2.teaser-headline a:focus,
#wrapper h2.teaser-headline a:link {
	text-decoration: none;
}

.teaser .teaser-image {
	float: left;
}


.teaser .teaser-content {
	float: left;
	width: 380px;
	padding-left: 14px;
}

#wrapper.equal .teaser .teaser-content {
	width: 302px;
}

.teaser .teaser-link {
	font-weight: bold;
	text-align: right;
}

#wrapper .teaser-link a:visited,
#wrapper .teaser-link a:active,
#wrapper .teaser-link a:hover,
#wrapper .teaser-link a:focus,
#wrapper .teaser-link a:link {
	text-decoration: none;
}

.clear {
	clear: both;
}

/* forms */

#content label {
	font-weight: bold;
}

.formRow {
	margin: 14px 0px;
	clear: both;
}

/* clearfix to make margin work */
.formRow:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

.formBlockLeft {
	float: left;
	padding-right: 14px;
}

.formBlock {
	float: left;
}

.formBlock label {
	display: block;
	width: 100%;
}

.formBlock label.inline {
	display: inline;
	padding-right: 2em;
	width: auto;
}

.formRow button.submit
{
	float: right;
	width: auto;
	background-color: #0a2c68;
	color: white;
	font-weight: bold;
	font-size: 180%;
	cursor: pointer;
	padding: 3px 1em;
	text-align: center;
}

input.text,
textarea,
select
{
	padding: 3px;
	font-size: 140%;
	border: 1px solid #0a2c68;
	background-color: #EFF3F6;
}

form.stdForm .error label {
	color: #e3000f;
}

form.stdForm .error input.text,
form.stdForm .error select,
form.stdForm .error textarea
{
	/*
	background-color: #e3000f;
	color: white;
	*/
	border-color: #e3000f;
}

/* individual styles */

#content .csc-sitemap ul,
#content .csc-sitemap li {
	list-style-type: none;
}

#content .csc-sitemap li {
	margin-top: 1em;
}

#content .csc-sitemap li li {
	margin-top: 0;
}

#content .csc-sitemap ul ul,
#content .csc-sitemap li li {
	list-style-type: disc;
}

#content .csc-sitemap li {
	font-weight: bold;
}

#content .csc-sitemap li li {
	font-weight: normal;
}

#content .csc-sitemap li li li {
	font-size: 100%
}

#content .csc-sitemap a:visited,
#content .csc-sitemap a:link,
#content .csc-sitemap a:focus,
#content .csc-sitemap a:active,
#content .csc-sitemap a:hover,
#content .csc-menu-1 a:visited,
#content .csc-menu-1 a:link,
#content .csc-menu-1 a:focus,
#content .csc-menu-1 a:active,
#content .csc-menu-1 a:hover,
#content #c530 h2 a:visited,
#content #c530 h2 a:link,
#content #c530 h2 a:focus,
#content #c530 h2 a:active,
#content #c530 h2 a:hover {
	text-decoration: none;
}

.tx-indexedsearch-searchbox-sword {
	border: 1px solid #0a2c68;
	padding: 3px;
}

.left {
	float: left;
}

.right {
	float: right;
}

@media print {
	#navi,
	#subnaviwrapper,
	#footer,
	#searchbox,
	#fontsize,
	#top-border,
	#bottom-border {
		display: none;
	}
	#wrapper {
		background-image: none;
		padding: 0px;
	}
	#printButton {
		display: none;
	}
	#main {
		border-bottom: none;
	}
	html {
		overflow-y: visible !important;
	}
	#wrapper {
		overflow: visible !important;
	}
	#sidebar-wrapper {
		overflow-x: visible !important;
		padding-left: 0px;
	}
	#content-wrapper {
		overflow-x: visible !important;
	}
	* {
		page-break-inside: auto! important;
	}
}