/*** HTML tags ***/
BODY{margin:0px;padding:0px;text-align:center;background:#f1f1f1;height:100%;font-family:Arial;Verdana;font-size: 62.5%;}
A{text-decoration: none;color: #000;}
HTML{height: 100%;}


/*-------------------------------------------------
Layout
-------------------------------------------------*/

.center {
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	padding: 0 0 0 1.2em;
	width: 87.8em;
	min-height:100%;
	position: relative;
}

.wrapper {
	text-align: left;
	padding: 0 0 0 1.2em;
	width: 87.8em;
	min-height:100%;
	position: absolute;
	background: white url(../images/shadow_wrapper_left.gif) repeat-y;
}

.inset {
	position: absolute;
	left: 50%;
	margin-left: -110px;
	top: 22px;
	display: none;
}

.rightShadow {
	width: 1.2em;
	margin-left: 87.8em;
	height: 100%;
	position: absolute;
	background:  url(../images/shadow_wrapper_right.gif) repeat-y;
}

/*-------------------------------------------------
Header
-------------------------------------------------*/
.logo {
	float: left;
	height: 13.2em;
	width: 26.4em;
	border: none;
}

.circle_head {
	float: right;
}

.right_header {
	float: right;
	height: 14.8em;
	width: 38.5em;
	background: url(../images/circle_head.gif) no-repeat right top;
}

.meta_nav{
    overflow: hidden;
    width: 100%;
    display: block;
    margin-left: 53px;
}

.imprint {
	font-size: 1.2em;
	float: left;
	display: block;
	margin: 1.3em 2.3em 0 0;
}

.decrease {
	font-family: "Arial Narrow", Arial, Verdana;
	font-size: 1.5em;
	font-weight: bold;
	color: #bf444e;
	display: block;
	height: 1.30em;
	width: 1.19em;
	background: #ebeced;
	padding: 0.31em 0 0.14em 0.69em;
	border-right: 1px solid #c5c6c8;
	float: left;
}

.decrease:hover {
	background: #cbcccd;
}

.increase {
	font-family: "Arial Narrow", Arial, Verdana;
	font-size: 2.0em;
	font-weight: bold;
	color: #bf444e;
	display: block;
	height: 1.24em;
	width: 1.0em;
	background: #ebeced;
	padding: 0.06em 0 0 0.47em;
	float: left;
}

.increase:hover {
	background: #cbcccd;
}

.text_size {
	position: absolute;
	margin: 13.9em 0 0 32.6em;
	width: 5.9em;
	background: #ebeced;
}

/*-------------------------------------------------
Navigation
-------------------------------------------------*/
.navigation {
	float: left;
	width: 100%;
	padding: 0;
	margin: 1.69em 0 0 0;
	border-top: 0.1em solid #c5c6c8;
	border-bottom: 0.1em solid #c5c6c8;
}

.navigation li:first-child{
	padding: 0.19em 2.44em 0.25em 3.31em;
}

.navigation li {
	list-style: none;
	font-family: "Arial Narrow", Arial, Verdana;
	font-size: 16px;
	font-weight: bold;
	float: left;
	padding: 0.19em 20px 0.25em;
	margin: 0;
}

.navigation li A {color: #bf444e;}

.navigation li:hover{
	background: #ebeced;
}

.navigation li:first-child .active{
	background: #ebeced;
	padding: 0.19em 2.44em 0.25em 3.31em;
	margin: -0.19em -2.44em -0.25em -3.31em;
}

.navigation li .active{
	background: #ebeced;
	padding: 0.19em 2.25em 0.25em 2.21em;
	margin: -0.19em -2.25em -0.25em -2.21em;
}

.navigation li a.active {white-space: nowrap;}



.subnavigation {
	float: left;
	width: 100%;
	padding: 0;
	margin: -0.3em 0 0 0;
	background: #ebeced;
	border-top: 0.1em solid #c5c6c8;
	border-bottom: 0.1em solid #c5c6c8;
}

.subnavigation li:first-child{
	padding: 0.19em 2.44em 0.25em 3.31em;
}

.subnavigation li{
	list-style: none;
	font-family: "Arial Narrow", Arial, Verdana;
	font-size: 1.6em;
	font-weight: bold;
	float: left;
	padding: 0.19em 2.25em 0.25em 2.21em;
	margin: 0;
}

.subnavigation li A {color: #bf444e;}

.subnavigation li:first-child .active{
	background: #cbcccd;
	padding: 0.19em 2.44em 0.25em 3.31em;
	margin: -0.19em -2.44em -0.25em -3.31em;
}

.subnavigation li .active{
	background: #cbcccd;
	padding: 0.19em 2.25em 0.25em 2.21em;
	margin: -0.19em -2.25em -0.25em -2.21em;
}

.subnavigation li a.active {white-space: nowrap;}

.subnavigation li:hover{
	background: #cbcccd;
}

.navigationShadow {
	background: url(../images/shadow_navi.gif) repeat-x left top;
	width: 100%;
	float: left;
}

/*-------------------------------------------------
Content
-------------------------------------------------*/
.content {
	float: left;
	margin: 0 5.0em 0 5.4em;
	width: 82.4em;
	background: #fff;
	position: relative;
	z-index: 2;
}

h1 {
	color: #bf444e;
}

h2 {
	font-size: 1.3em;
}

p {
	font-size: 1.3em;
	line-height: 1.4em;
}

p.image-headline {
	width: 256px;
	margin-bottom: 40px;
	float:left;
}

.headline {
	margin: 0.5em 0 -1.3em 0;
}

.ueber_uns {
	height: 2.98em;
	width: 8.23em;
}

.ueber_uns {
	height: 75px;
	width: 212px;
}

.headline_links {
	height: 2.5em;
	width: 4.7em;
	margin: 0.5em 0 1.3em 0;
}

.headline_downloads {
	height: 34px;
	width: 132px;
	margin: 0.5em 0 1.3em 0;
}

.headline_forms {
	height: 87px;
	width: 513px;
	margin: 0.5em 0 1.3em 0;
}

.headline_links_fuer {
	height: 2.5em;
	width: 19.75em;
	margin: 0.5em 0 1.3em 0;
}

.impressum {
	height: 2.8em;
	width: 10.1em;
	margin: 0.5em 0 1.3em 0;
}

.kontakt {
	height: 2.18em;
	width: 7.76em;
}

.faq {
	height: 2.98em;
	width: 14.60em;
}

.information {
	height: 2.8em;
	width: 11.69em;
}

.qualitaet {
	height: 2.8em;
	width: 23.77em;
}

.unterstuetzung {
	height: 2.8em;
	width: 14.1em;
}

.waswirtun {
	height: 2.65em;
	width: 12.6em;
}

.column01 {
	float: left;
	width: 23.6em;
	padding-right: 2em;
}

.column02 {
	width: 23.6em;
}

.column_2_3 {
	width: 49.1em;
	float: left;
}

.column_1_3 {
	width: 30em;
	float: left;
}

.teaser {
	position: absolute;
	margin: 1em 0 0 8.5em;
	height: 6.7em;
	width: 20.4em;
}

.bg-red {
	background: #bf444e;
	padding: 20px;
	border: 1px solid #bf444e;
	height: 250px;
    width: 250px;
    border-radius: 146px;
}

.link-red {
	padding-left: 80px;
	font-size: 18px;
	text-decoration: underline;
}

.arrow_link_red {
	font-size: 1.3em;
	font-weight: bold;
	color: #c54752;
	text-decoration: underline;
	background: url(../images/arrow_link.gif) no-repeat left center;
	padding-left: 1.6em;
}

.arrow_link_red2 {
	text-decoration: underline;
    background: url(../images/arrow-link2.svg) no-repeat left center;
    padding-left: 20px;
    margin-left: 11px;
    font-size: 16px;
}

.arrow_link {
	font-size: 1.3em;
	color: #000;
	text-decoration: underline;
	background: url(../images/arrow_link.gif) no-repeat left center;
	padding-left: 1.6em;
}

.email {
	text-decoration: underline;
}

/*-------------------------------------------------
Footer
-------------------------------------------------*/
.footer {
	height: 15.4em;
	width: 82.4em;
	margin-left: 5.4em;
	background: url(../images/circle_foot.gif) no-repeat right bottom;
	float: left;
	bottom: 0em;
	position:absolute;
	z-index: 1;
}

.footer p{
	bottom: 0px;
	position:absolute;
}

.footer strong{
	color: #bf444e;
}

/*-------------------------------------------------
Bug fixes
-------------------------------------------------*/

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

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */