/* **********************
	General styles
*********************** */

html {
	scrollbar-arrow-color: #ffffff;
	scrollbar-base-color: #000000;
	scrollbar-track-color: #000000;
	scrollbar-face-color: rgb(122, 0, 39);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

body {
	margin: 0;
	padding: 0;
	background-color: #fff;
}

body, html {
	height: 100%
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
 
.clearfix {
    display: inline-block;
}
 
html[xmlns] .clearfix {
    display: block;
}
 
* html .clearfix {
    height: 1%;
}

#modal {
	-ms-overflow-style: auto;
}

/* **********************
	Fonts
*********************** */

@font-face {
	font-family: "FrutigerLight";
	src: url("../fonts/FrutigerLight/frutigerlight.eot");
	src: url("../fonts/FrutigerLight/frutigerlight.eot#iefix") format("embedded-opentype"),
	url("../fonts/FrutigerLight/frutigerlight.woff") format("woff"),
	url("../fonts/FrutigerLight/frutigerlight.ttf") format("truetype"),
	url("../fonts/FrutigerLight/frutigerlight.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "FrutigerBold";
	src: url("../fonts/FrutigerBold/frutigerbold.eot");
	src: url("../fonts/FrutigerBold/frutigerbold.eot#iefix") format("embedded-opentype"),
	url("../fonts/FrutigerBold/frutigerbold.woff") format("woff"),
	url("../fonts/FrutigerBold/frutigerbold.ttf") format("truetype"),
	url("../fonts/FrutigerBold/frutigerbold.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}

/* **********************
	Print
*********************** */

@media print {
	section	{ display: block; page-break-before: always; }
}

/* **********************
	Buttons
*********************** */

button {
	outline: 0 none;
	width: 80px; 
	height: 80px;
	border: none;
	background: none;
	overflow: hidden;
	text-indent: 1000px;
	margin: 0 15px;
}
.buttons {
	text-align: center;
	margin: 40px;
}

.button_up   		 { background: url(../img/nav_sprite.png) 0px  0 no-repeat; }
.button_down 		 { background: url(../img/nav_sprite.png) -160px 0 no-repeat; }
.button_up_color     { background: url(../img/nav_sprite_color.png) 0px 0 no-repeat; }
.button_down_color   { background: url(../img/nav_sprite_color.png) -160px  0 no-repeat; }
.button_up_schwarz 	 { background: url(../img/nav_sprite_schwarz.png) 0px 0 no-repeat; }
.button_down_schwarz { background: url(../img/nav_sprite_schwarz.png) -160px 0 no-repeat; }

#shortnav,
#shortnav_ba {
	float: right;
	width: 250px;
}
#shortnav button,
#shortnav_ba button {
	padding: 0;
	margin: 0;
}
.button_alltaeglich {
	width: 290px;
	height: 50px;
	margin-right: 30px !important;
}
.button_insider {
	width: 180px;
	height: 50px;
	margin-right: 30px !important;
}
.button_alltaeglich	 { background: url(../img/headmenu_daily.png) no-repeat; }
.button_insider 	 { background: url(../img/headmenu_insider.png) no-repeat; }

#home,
#home_ba {
	text-indent: -1000px;
	overflow: hidden;
	display: block;
	float: left;
	width: 200px;
	height: 50px;
	background: url(../img/headmenu_back.png) no-repeat;
}

#sprache,
#sprache_ba {
	text-indent: -1000px;
	overflow: hidden;
	display: block;
	float: right;
	width: 40px;
	height: 50px;
	background: url(../img/headmenu_flag_de.png) no-repeat;
}

/* **********************
	Content
*********************** */

#main {
	margin: 0 auto;
	width: 1080px;
	padding: 0px;
	font-size: 1.1em;
	line-height: 1.7em;
	font-family: FrutigerLight;
}
#content_wrapper {
	padding: 0;
}
section {
	max-width: 1080px;
	overflow: hidden;
}

section#titlebox,
section#titlebox_ba {
	height: 50px;
	position: fixed;
	width: 970px;
	padding: 20px 60px 20px 50px;
	background: rgb(122, 0, 39) none no-repeat right center;
	z-index: 20;
}

section#titlebox_ba {
	bottom: 0px;
}

h1.topic {
	font-size: 55px;
	color: #7a0027;
}
b, strong {
	font-family: FrutigerBold;
}

.center {
	text-align: center;
}

#touch_icon {
	position: absolute;
	left: 850px;
	top: 111px;
	width: 180px;
	height: 130px;
	background: url('../img/touch_icon_shadow.png') no-repeat left top;
}


.bu {
	color: #999;
	font-size: 0.9em;
	margin: 5px 0 40px;
	padding-bottom: 100px;
}

.mitbu {
	padding-bottom: 0;
	margin-bottom: 0;
}

.bigpic {
	margin: 25px 0;
}

/* **********************
	SLIDER-BULLET
*********************** */
/*
.jssorbullet div           (normal)
.jssorbullet div:hover     (normal mouseover)
.jssorbullet .av           (active)
.jssorbullet .av:hover     (active mouseover)
.jssorbullet .dn           (mousedown)
*/
div.jssorbullet {
	bottom: -35px !important;
}
.jssorbullet div, 
.jssorbullet div:hover, 
.jssorbullet .av
{
    background: url(../img/jssorbullet_grey.png) no-repeat;
    overflow:hidden;
    cursor: pointer;
    text-indent: 100px;
}
.jssorbullet.white div, 
.jssorbullet.white div:hover, 
.jssorbullet.white .av
{
    background: url(../img/jssorbullet_white.png) no-repeat;
}
.jssorbullet div,
.jssorbullet.white div { 
	background-position: -5px -4px; 
}
.jssorbullet div:hover, 
.jssorbullet .av:hover,
.jssorbullet.white div:hover, 
.jssorbullet.white .av:hover {
	background-position: -35px -4px; 
}
.jssorbullet .av,
.jssorbullet.white .av { 
	background-position: -65px -4px; 
}
.jssorbullet .dn, 
.jssorbullet .dn:hover,
.jssorbullet.white .dn, 
.jssorbullet.white .dn:hover { 
	background-position: -95px -4px; 
}


.slider2bullets {
	position: absolute;
	top: 10px;
	left: 0 !important;
	right: 0 !important;
	
	margin: 0 auto !important;
}

/* **********************
	SLIDER-ARROWS
*********************** */
/*
.jssora03l                  (normal)
.jssora03r                  (normal)
.jssora03l:hover            (normal mouseover)
.jssora03r:hover            (normal mouseover)
.jssora03l.jssora03ldn      (mousedown)
.jssora03r.jssora03rdn      (mousedown)
*/
.jssoral, .jssorar {
    display: block;
    position: absolute;
	top: -67px !important;
    width: 55px;
    height: 55px;
    cursor: pointer;
    background: url(../img/jssorarrows_grey.png) no-repeat;
    overflow: hidden;
}

.jssoral, .jssorar {
	top: -7px !important;
}

.jssoral.white, .jssorar.white {
    background-image: url(../img/jssorarrows_white.png);
}
.jssoral.black, .jssorar.black {
    background-image: url(../img/jssorarrows_black.png);
}
.jssoral { margin-left: 50px; left: 0px; }
.jssorar { margin-right: 60px; right: 0px; } 
.jssoral { background-position: -3px -33px; }
.jssorar { background-position: -63px -33px; }
.jssoral:hover { background-position: -123px -33px; }
.jssorar:hover { background-position: -183px -33px; }
.jssoral.jssoraldn { background-position: -243px -33px; }
.jssorar.jssorardn { background-position: -303px -33px; }

/* **********************
	Padding & Margin
*********************** */

.pad100l { padding-left:  100px; }
.pad200l { padding-left:  200px; }
.pad300l { padding-left:  300px; }

.pad100r { padding-right:  100px; }
.pad200r { padding-right:  200px; }
.pad300r { padding-right:  300px; }

.pad60b { padding-bottom:  60px; }


.mar60t  { margin-top:  60px; }

.mar60b  { margin-bottom:  3160px; }

.mar100l { margin-left:  100px; }
.mar200l { margin-left:  200px; }
.mar300l { margin-left:  300px; }
.mar400l { margin-left:  400px; }

.mar100r { margin-right:  100px; }
.mar200r { margin-right:  200px; }
.mar300r { margin-right:  300px; }
.mar400r { margin-right:  400px; }


/* **********************
   Slider
************************ */
.slider2, .slider3, .slider4, .slider5, .slider6{
	position: relative; 
	margin-top: 40px;
	margin-bottom: 50px;
	top: 0px; 
	left: 0px; 
	width: 1080px;
}

.slides2, .slides3, .slides4, .slides5, .slides6{
	cursor: move; 
	position: absolute; 
	left: 0px; 
	top: 0px; 
	width: 1080px; 
	overflow: hidden;
}

.slider4, .slides4{
	height: 800px;
}

.slider2bullets {
	position: absolute; 
	top: -50px;
}

.bauchbinde {
	padding: 25px 100px 20px 200px;
}

.hinweis {
	width: 680px;
	margin: 40px 200px;
	padding: 20px;
	background: #f4edc5;
	font-weight: bold;
	color: #d40808;
	font-size: 24px;
}