@charset "utf-8";

/*-----------------------------------*/
/*---------- Global Styles ----------*/
/*-----------------------------------*/

* {
	margin: 0;
	padding: 0;
	outline: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,
img {
	border:0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
	font-style: normal;
	font-weight: normal;
}

ol,
ul {
	list-style: none;
}

caption,
th {
	text-align: left;
}

abbr,
acronym {
	border: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before,
q:after {
	content:'';
}

.clear {
	font-size: 0.001em;
	line-height: 0.001em;
	text-indent: -5555px;
	overflow: hidden;
	height: 0;
	clear: both;
}

.indented {
	font-size: 0.001em;
	line-height: 0.001em;
	text-indent: -5555px;
	overflow: hidden;
	margin: 0 !important;
	padding: 0 !important;
}

.noMargin {
	margin: 0 !important;
}

.noPadding {
	padding: 0 !important;
}

html,
body {
	height: 100%;
	min-width:980px;
}

html {
	overflow-y: scroll;
}

body {
	font: 13px/20px Arial, Helvetica, sans-serif;
	color: #000000;
	height: 208px;
	background: #fff url(../images/bgr/bgr-body.png) 0 0 repeat-x;
}

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

/*---------- Container ----------*/
#container {
	width: 980px;
	margin: 0 auto;
}

/*---------- Header ----------*/
#header {
	background: url(../images/bg-header.jpg) no-repeat 0 0;
	height: 492px;
	position: relative;
	z-index:2;
}

/*---------- Branding ----------*/
h1#branding {
	width: 210px;
	height: 89px;
	position: absolute;
	left: 1px;
	top: 25px;
}

h1#branding a {
	display: block;
	width: 210px;
	height: 89px;
}


/*---------- Navigation ----------*/
ul#navigation {
	width: 453px;
	height: 38px;
	position: absolute;
	left: 0px;
	top: 442px;
	z-index:7;
}

ul#navigation li {
	float: left;
	padding-right:7px;
}

ul#navigation li a {
	text-indent: -5555px;
	overflow: hidden;
	display: block;
	height: 38px;
}

ul#navigation li a.index {
	width:85px;
	background:url(../images/bgr/bgr-navi.png) 0px 0 no-repeat;
}

ul#navigation li a:hover.index {
	background:url(../images/bgr/bgr-navi.png) 0px -38px no-repeat;
}

ul#navigation li a.uber-uns {
	width:80px;
	background:url(../images/bgr/bgr-navi.png) -92px 0 no-repeat;
}

ul#navigation li a:hover.uber-uns {
	background:url(../images/bgr/bgr-navi.png) -92px -38px no-repeat;
}

ul#navigation li a.angebote {
	width:84px;
	background:url(../images/bgr/bgr-navi.png) -180px 0 no-repeat;
}

ul#navigation li a:hover.angebote{
	background:url(../images/bgr/bgr-navi.png) -180px -38px no-repeat;
}

ul#navigation li a.neuigkeiten {
	width:101px;
	background:url(../images/bgr/bgr-navi.png) -272px 0 no-repeat;
}

ul#navigation li a:hover.neuigkeiten {
	background:url(../images/bgr/bgr-navi.png) -272px -38px no-repeat;
}

ul#navigation li a.archiv {
	width:66px;
	background:url(../images/bgr/bgr-navi.png) -380px 0 no-repeat;
}

ul#navigation li a:hover.archiv {
	background:url(../images/bgr/bgr-navi.png) -380px -38px no-repeat;
}

/*---------- SubNavigation ----------*/
ul#navigation li:hover a.uber-uns {
	background:url(../images/bgr/bgr-navi.png) -92px -38px no-repeat;
	}
ul#navigation li:hover a.angebote {
	background:url(../images/bgr/bgr-navi.png) -180px -38px no-repeat;
	}
	
ul#navigation li ul {
	position:absolute;
	top:35px;
	left:-9999px;
	padding:30px 20px 20px 20px;
	background:url(../images/bgr/bgr-subnavi.png) 0 5px no-repeat;
	z-index:7;
}

ul#navigation li:hover ul.subUber-uns {
		left:90px;
		width:140px;
	}
ul#navigation li:hover ul.subAngebote {
		left:178px;
		width:245px;
	}

ul#navigation li:hover ul li {
	padding:2px 0;
	float:none;
}

ul#navigation li ul li a {
	line-height: 1em;
	text-indent: 0px;
	display: block;
	font-size:12px;
	font-weight:normal;
	line-height:20px;
	color:#fff;
	text-decoration:none;
	height:auto;
}
ul#navigation li ul li a:hover{
	color:#f14d21;
}
	
	
/*---------- Navigation Additional ----------*/
ul#navigationAdditional {
	width: 210px;
	position: absolute;
	left: 768px;
	top: 80px;
	font-size:16px;
}

ul#navigationAdditional li {
	float: left;
	padding:2px 16px 2px 14px;
	background:url(../images/bgr/bgr-navi-add.png) right center no-repeat;
}
ul#navigationAdditional li.lastLi {
	background:none;
	padding:2px 0px 2px 14px;
}

ul#navigationAdditional li a {
	display: block;
	color:#3a3a3a;
	text-decoration:none;
}

ul#navigationAdditional li a:hover {
	color:#e83721;
}


/*---------- Slideshow ----------*/
#slideshow {
	width: 975px;
	height: 305px;
	position: absolute;
	left: 0px;
	top: 123px;
	overflow:hidden;
	background:#fff;
}

/*---------- Claim ----------*/
#claim {
	width: 299px;
	height: 167px;
	line-height:normal;
	position: absolute;
	left: 677px;
	top: 225px;
	overflow:hidden;
	z-index:9;
	background:transparent url(../images/bgr/bgr-claim.png) 0 0 no-repeat !important;
	filter:alpha(opacity=65); 
}
*+html #claim { /* IE7 */
	background: #ffffff url(../images/bgr/bgr-claim.png) 0 0 no-repeat !important;
	filter:alpha(opacity=65); 
}
* html #claim { /* IE6 */
	background: #ffffff url(../images/bgr/bgr-claim.png) 0 0 no-repeat !important;
	filter:alpha(opacity=65); 
}

#claim1 {
	width: 269px;
	height: 144px;
	padding:23px 0 0 30px;
	font-size:25px;
	font-weight:normal;
}

#claim2 {
	width: 269px;
	height: 167px;
	padding:35px 0 0 30px;
	font-size:41px;
	font-weight:normal;
}

#claim3 {
	width: 269px;
	height: 146px;
	padding:21px 0 0 30px;
	font-size:17px;
	font-weight:normal;
}


/*---------- Newsletter form ----------*/
#newsletter-form {
	color:#fff;
	width: 302px;
	height: 38px;
	position: absolute;
	left: 676px;
	top: 445px;
}
#newsletter-form label {
	font-size:22px;
}
#newsletter-form label,
#newsletter-form input#email {
	line-height:30px;
	float:left;
}
#newsletter-form input#email {
	color:#828282;
	width: 140px;
	height: 32px;
	font: 12px/32px Arial, Helvetica, sans-serif;
	padding:0 10px 0 27px;
	margin:0 10px 0 8px;
	border:none;
	background:url(../images/bgr/bgr-input-newsletter.png) 0 0 no-repeat;
}
#newsletter-form button {
	cursor:pointer;
	font-size:0.0001em;
	text-indent: -5555px;
	overflow: hidden;
	width: 34px;
	height: 32px;
	line-height:30px;
	padding:0;
	margin:0;
	border:none;
	background:url(../images/bgr/bgr-button-ok.png) 0 0 no-repeat;
}
#newsletter-form button:hover {
	background:url(../images/bgr/bgr-button-ok.png) 0 -32px no-repeat;
}


/*---------- ContentMain ----------*/
#content {
	float: left;
	padding: 48px 0;
	margin: 0 0 0 3px;
	color:#565656;
	position:relative;
	z-index:1;
}

#content h2 {
	font-size: 43px;
	line-height: normal;
	font-weight: normal;
	margin: 0 0 34px -3px;
	color:#1c1c1c;
}
#content h2 strong {
	font-weight: bold;
	color:#e83721;}

#content h3 {
	font-size: 21px;
	line-height: 30px;
	font-weight: normal;
	margin: 0 0 11px 0;
	padding-top:10px;
	color:#e83721;}
	
#content h3 strong {font-weight: bold;color:#e83721;}
#content ul {margin: 0 0 20px 0px;}
#content ul li {
	list-style:disc inside;
	padding: 10px 0;
	border-bottom: 1px dotted #666;}

#content.accordion-content ul {
	padding: 20px 0 20px 0;
}
#content h4 {
	padding: 0 0 16px 0;
}
#content p {
	margin: 0 0 20px 0;
}
#content span{
	font-size:12px;
}
#content dd {
	padding: 0 0 20px 30px;
}
p#column-right-text {
	padding:50px 0 0 0;
}
	

a 		{color: #e83721; text-decoration: none;}
a:hover {text-decoration: underline;}

#content strong {
	font-weight: bold;
}

#content em {
	font-style: italic;
}

.separator {
	padding-top:20px;
	border-bottom:1px solid #ddd;
	}
.separator-wide {
	width:100%;
	float:left;
	padding-top:20px;
	margin-bottom:20px;
	border-bottom:1px solid #ddd;
	}
iframe {
	border:1px solid #777;
	}
.esv-sva {
	display:block;
	width:182px;
	height:20px;
	background:url(../images/gesundheits-100er/tb-2.jpg) no-repeat 0 0;
	padding:115px 0 0 0;
}
div#youtube-video {
	padding: 0 0 20px 0;
}

/*---------- Content column ----------*/
.content-column {
	float: left;
	width: 450px;
	padding: 0 72px 0 0;
}
* html .content-column {overflow:hidden;}
.column-right {padding: 0 0px 0 0;}

.column-right-text {
	padding: 0 0px 0 0;
	width: 700px;}

.content-column-img {
	width: 270px;
	float: left;
	height: auto;}

/*---------- Accordion ----------*/
.accordion-toggle {
	cursor: pointer;
	margin: 0 0 20px 0;
	border-bottom:1px solid #ddd;
	}
.accordion-content {
	padding: 0 0 10px 0;
	border-bottom:1px solid #ddd;
	}
	

/*---------- Footer ----------*/
#footer {
	width: 100%;
	height: 208px;
	background:url(../images/bgr/bgr-footer.png) 0 0 repeat-x;
}
#contentFooter {
	position:relative;
	width: 980px;
	margin:0 auto;
	height: 208px;
	color:#828282;
}

#footerLogos {
	position:relative;
	width: 980px;
	float:left;
	margin:0;
	padding:14px 0 0 0;
	height: 156px;
}

#footerLogos div {	
	height: 110px;
	float:left;
	padding:20px 28px;
}

.custom { /* Applied to container DIV */
	width: 980px;
	height: 156px;
}

.custom .simply-scroll-clip { /* Applied to clip DIV */
	width: 980px;
	height: 156px;
}

/* Container DIV - automatically generated */
.simply-scroll-container { 
	position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
	z-index: 2;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list { 
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
	
.simply-scroll-list li {
	padding: 0;
	margin: 0;
	list-style: none;
}
	
.simply-scroll-list li img {
	border: none;
	display: block;
}

#footerLogos div a{
	text-indent: -5555px;
	overflow: hidden;
	display: block;
}

div.logo1 a {
	margin-top:40px;
	width:152px;
	height: 13px;
	background:url(../images/photo/logo1.png) 0 0 no-repeat;
}
div.logo1 a:hover {
	background:url(../images/photo/logo1.png) 0 -13px no-repeat;
}

div.logo2 a {
	margin-top:2px;
	width:67px;
	height: 60px;
	background:url(../images/photo/logo2.png) 0 0 no-repeat;
}
div.logo2 a:hover {
	background:url(../images/photo/logo2.png) 0 -60px no-repeat;
}

div.logo3 a {
	margin-top:27px;
	width:154px;
	height: 41px;
	background:url(../images/photo/logo3.png) 0 0 no-repeat;
}
div.logo3 a:hover {
	background:url(../images/photo/logo3.png) 0 -41px no-repeat;
}

div.logo4 a {
	margin-top:14px;
	width:39px;
	height: 49px;
	background:url(../images/photo/logo4.png) 0 0 no-repeat;
}
div.logo4 a:hover {
	background:url(../images/photo/logo4.png) 0 -49px no-repeat;
}

div.logo5 a {
	margin-top:30px;
	width:151px;
	height: 28px;
	background:url(../images/photo/logo5.png) 0 0 no-repeat;
}
div.logo5 a:hover {
	background:url(../images/photo/logo5.png) 0 -28px no-repeat;
}

div.logo6 a {
	margin-top:27px;
	width:153px;
	height: 42px;
	background:url(../images/photo/logo6.png) 0 0 no-repeat;
}
div.logo6 a:hover {
	background:url(../images/photo/logo6.png) 0 -42px no-repeat;
}
div.logo7 a {
	margin-top:13px;
	width:59px;
	height:58px;
	background:url(../images/photo/logo7.png) 0 0 no-repeat;
}
div.logo7 a:hover {
	background:url(../images/photo/logo7.png) 0 -58px no-repeat;
}
div.logo8 a {
	margin-top:18px;
	width:66px;
	height:50px;
	background:url(../images/photo/logo8.png) 0 0 no-repeat;
}
div.logo8 a:hover {
	background:url(../images/photo/logo8.png) 0 -50px no-repeat;
}
div.logo9 a {
	margin-top:30px;
	width:130px;
	height:39px;
	background:url(../images/photo/logo9.png) 0 0 no-repeat;
}
div.logo9 a:hover {
	background:url(../images/photo/logo9.png) 0 -39px no-repeat;
}
div.logo10 a {
	margin-top:3px;
	width:73px;
	height:60px;
	background:url(../images/photo/logo10.png) 0 0 no-repeat;
}
div.logo10 a:hover {
	background:url(../images/photo/logo10.png) 0 -60px no-repeat;
}
div.logo11 a {
	margin-top:27px;
	width:108px;
	height:30px;
	background:url(../images/photo/logo11.png) 0 0 no-repeat;
}
div.logo11 a:hover {
	background:url(../images/photo/logo11.png) 0 -30px no-repeat;
}
div.logo12 a {
	margin-top:25px;
	width:119px;
	height:30px;
	background:url(../images/photo/logo12.png) 0 0 no-repeat;
}
div.logo12 a:hover {
	background:url(../images/photo/logo12.png) 0 -30px no-repeat;
}
div.logo13 a {
	margin-top:13px;
	width:110px;
	height:54px;
	background:url(../images/photo/logo13.jpg) 0 0 no-repeat;
}
div.logo13 a:hover {
		background:url(../images/photo/logo13.jpg) 0 -54px no-repeat;
}

#footer p {
	padding:10px 0 0 0;
	font-size:12px;
}

#footer a.nach-oben {
	position:absolute;
	top:160px;
	left:895px;
	font-size: 0.001em;
	line-height: 0.001em;
	text-indent: -5555px;
	width:85px;
	height:35px;
	display:block;
	background:url(../images/bgr/bgr-nach-oben.png) 0 0 no-repeat;
}

#footer a:hover.nach-oben {
	background:url(../images/bgr/bgr-nach-oben.png) 0 -35px no-repeat;
}