img { border: none; }
form {margin:0px; padding:0px;}




/* ### HTML ###################################################################### */
html {
	margin: 0px;
	padding: 0px;
	height:100%;

}

/* ### BODY ###################################################################### */
body {
	color: #fff;
	font-family:"Myriad Pro", "Myriad","Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0px;
	padding: 0px;
	line-height: 1;
	font-size:16px;
	/*background: url(hg_body.jpg) no-repeat center center fixed;
	background-image:url(hg_body.jpg);*/
	/*background-position:0px 0px;
	background-repeat:no-repeat;*/
	-webkit-background-size: 100%; 
    -moz-background-size: 100%; 
    -o-background-size: 100%; 
    background-size: 100%; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
	/*background-color:#78a6c3;*/
	background-color:#b7185d;
	height:100%;
	/*-moz-text-size-adjust:none;*/ /*verhindert dass mobile browser automatisch die font-size erhöhen. benötigt prefixe (-moz-, -webkit-, -ms-)*/
	}

body#videos {
	color: #fff;
	font-family:"Myriad Pro", "Myriad","Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0px;
	padding: 0px;
	line-height: 1;
	font-size:16px;
	/*background: url(hg_body.jpg) no-repeat center top fixed;*/
	/*background-image:url(hg_body.jpg);*/
	/*background-position:0px 0px;
	background-repeat:no-repeat;*/
	-webkit-background-size: 100%; 
    -moz-background-size: 100%; 
    -o-background-size: 100%; 
    background-size: 100%; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
	/*background-color:#78a6c3;*/
	background-color:#b7185d;
	height:100%;
	}
	
body#overlay {background-image:none; background-color:transparent;}

#site-rahmen {
	position:relative;
	margin:0 auto;
	padding:0 0 30px 0;
	display:block;
	width:1001px;
	font-size:0.875em;
	line-height:1.250em;
	/*background:url(hg_site_rahmen.jpg) 0px 132px no-repeat transparent;*/
	min-height:800px;
}
#site-rahmen.home {background:none;}
#site-rahmen.lachen {/*background:url(hg_site_rahmen_2.jpg) 0px 132px no-repeat transparent;*/}


#bg {
	/*background:url(hg_site_rahmen.jpg) 0px 0px no-repeat transparent;*/
	background:url(hg_site_rahmen_kampagne.jpg) 0px 0px no-repeat transparent;
	position: absolute;
	  z-index: 0;
	  margin:132px 0 0 0;
	  -webkit-border-radius: 10px;
	  -moz-border-radius: 10px;
	  border-radius: 10px;
	  width: 1001px;
	  height: 632px;
	}
#bg_lachen {
	/*background:url(hg_site_rahmen_2.jpg) 0px 0px no-repeat transparent;*/
	background:url(hg_site_rahmen_kampagne.jpg) 0px 0px no-repeat transparent;
	position: absolute;
	  z-index: 0;
	  margin:132px 0 0 0;
	  -webkit-border-radius: 10px;
	  -moz-border-radius: 10px;
	  border-radius: 10px;
	  width: 1001px;
	  height: 632px;
	}

/* ### INHALT ###################################################################### */
.clear {clear:both; font-size:1px; line-height:1px; height:1px;}

h1 {
	font-size:24px;
	text-transform:uppercase;
	margin-bottom:10px;
	}
h2 {
	font-size:20px;
	margin-bottom:12px;
	line-height:20px;
	}

h3 {
	font-size:16px;
	margin-bottom:12px;
	line-height:20px;
	}
h1.result {
	font-size:20px;
	margin-bottom:0;
	color:#b7185d;
	margin-left:40px;
	}
h1.imp {
	font-size:20px;
	margin-bottom:25px;
	color:#b7185d;
	}
h1.lower {text-transform:none;}

h4 {}
h5 {}

 sup {vertical-align:middle; font-size:0.8em; line-height:100%;}

.grau {}
#content_box {
	}

* html #content_box { /*nur IE6*/
}

*+html #content_box { /*nur IE7*/
}

:root #element { background: #fff \0/IE9; } /* nur IE9 + IE10pp4 */


/*nur safari*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #xxx {}
}




/*Allgemeines*/
p {margin-bottom:16px;}
.klein {font-size:0.938em;}
.linie_1px {line-height:1px; font-size:1px; height:1px; background-color:#d0cfc5; display:block; margin-top:8px; margin-bottom:9px; clear:both;}
strong {font-weight:bold;}
em {font-style:italic;}

.underline {text-decoration:underline;}

ul {list-style-position:outside; list-style-image:url(list_weiss.png); padding-left:50px; padding-top:0px; padding-bottom:0px; margin-top:0px; margin-bottom:10px;}
ol {list-style-position:outside; list-style-type:decimal; padding-left:50px; padding-top:0px; padding-bottom:0px; margin-top:0px; margin-bottom:10px;}
ul li {padding-left:0px; padding-bottom:4px;}
ol li {padding-left:0px; padding-bottom:4px;}

ul.no_padding_left {padding-left:0px;}
ul.padding_13px {padding-left:13px;}

.small_spacing {font-size:4px; line-height:4px; height:4px; background-color:transparent; margin:0; paddding:0; display:block; text-indent: -1000em;}
.abstand_8px {font-size:8px; line-height:8px; height:8px; background-color:transparent; clear:both;}

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

.no_margin {margin:0;}

.weiss_hg .rot {color:#004d7f;}
.rot {color:#fff;}/*ab7f94 b5085a 9d123c*/
/*CONTENT*/

#content {
	float:left;
	margin:117px 0 0 0;
	width:473px;
	padding:40px 40px 10px 45px;
	border:1px solid #fff;
	border-radius:12px;
	background-color:#004b7c;  /*fallback*/
	background-color:rgba(0,75,124,0.85);
	position:relative;
	}
.text_375 {width:375px;}
.text_kurz {width:300px;}

#content a {text-decoration:underline;}

.weiss_hg {background-color:#FFF; color:#004d7f; padding:15px 15px 15px 15px; margin-bottom:25px; margin-top:5px;}

#omni_abs {
	position:absolute;
	top:50px;
	left:420px;
	}

#omni_abs_stress {
	position:absolute;
	top:50px;
	left:370px;
	}

#tabelle {
	width:388px;
	background:#fff;
	border:1px solid #004d7f;
	color:#004d7f;
	margin-bottom:20px;
	}
#tabelle_2 {
	width:469px;
	background:#fff;
	border:1px solid #004d7f;
	color:#004d7f;
	margin-bottom:20px;
	}	
.tbl_ue {
	font-size:15px;
	padding:9px 0 0 16px;
	margin-bottom:6px;
	}
.tbl_row {
	padding:8px 16px;
	border-top:1px solid #004d7f;
	}
#tabelle ul {list-style-image:url(list_blau.png);padding-left:13px;margin:0;}
#tabelle ul li {padding-left:0;}
	
.text_imp {
	padding:0 40px 0 45px;
	}
.text_imp a {color:#004c7d;}
.text_imp a:hover {color:#b7185d;}


/*accordion*/
.accordion_box {
	margin-bottom:15px;
	}
.trigger {
    cursor: pointer;
	display:inline;
	color:#b8d171;
	text-decoration:underline;
	}

.trigger_klein {
	cursor: pointer;
	display:inline;
	color:#b8d171;
	margin-bottom:15px;
	text-decoration:underline;
	}

.toggle_container { 
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	margin-top:10px;
	margin-left:-28px;
	padding:8px 28px;
	width:470px;
	background:url(hg_toggle.png) center no-repeat;
	background-size:cover;
	}
.toggle_container_klein p { margin-bottom:0px;}	

.accordion_box_2 {
	margin-bottom:15px;
	}
	
.accordion_box_2 .toggle_container {
	border:none;
	background-image:none;
	padding:0;
	margin:0;
	}

/*Tabellen*/
#content_box table {}
#content_box td {}
#content_box td.last {}
#content_box td.last_klein {}
#content_box td.klein {}
#content_box td.preis {}
#content_box td.ueberschrift {}
#content_box td.plain {}
#content_box td.plainunten {}

/* ### SLIDER ##############*/

#slider_wrap {
    position: relative;
    width: 1001px;
	height:632px;
	
}
#tv_spot {
	position:absolute; /*von site-rahmen ausgehend*/
	/*top:542px;
	left:37px;*/
	z-index:5;
	top:325px;
	left:800px;
	}
#slider img {	
	border-radius:10px;
	-webkit-border-radius: 10px;
	  -moz-border-radius: 10px;
	}
/* ANALYSE */
#content_analyse {
	float:left;
	margin:117px 0 0 0;
	width:560px;
	padding:40px 0px 23px 0px;
	border-radius:12px;
	background-color:#fff;  /*fallback*/
	background-color:rgba(255,255,255,0.85);
	position:relative;
	color:#004b7c;
	}
#content_analyse .text {
	padding:0 40px 0 45px;
	}
#formular {
	background-color:#fff;
	padding:10px 39px 22px 39px;
	line-height:1.125em;
	-moz-text-size-adjust:none;
	}
#formular .hg_frage {
	background:url(hg_fragen.png) center no-repeat;
	background-size:cover;
	padding:4px 0px 6px 8px;
	width:474px;
	min-height:38px;
	margin-bottom:4px;
	border-radius:5px;
	}
#formular .hg_frage_2 {
	background:url(hg_fragen_2.png) 0 0 no-repeat;
	padding:4px 8px 6px 8px;
	width:466px;
	height:53px;
	margin-bottom:4px;
	}
label.frage {
	display:block;
	margin-bottom:5px;
	}
label.radio {
	color:#6f6f6e;
	}
#formular input[type="radio"] {
	margin-left:10px;
	}
#formular .hg_frage input[type="radio"]:first-of-type {
	margin-left:0px;
	}
#formular input[type="submit"] {
	background:url(form_submit.png) 0 0 no-repeat;
	width:129px;
	height:21px;
	border:none;
    cursor: pointer;
	position:absolute;
	bottom:7px;
	left:70px;
	}
#ergebnis_1 {
	background:url(hg_erg_1.png) 420px 10px no-repeat #fff;
	padding:20px 145px 30px 40px;
	margin-bottom:10px;
	}
#ergebnis_2 {
	background:url(hg_erg_2.png) 420px 10px no-repeat #fff;
	padding:20px 145px 30px 40px;
	margin-bottom:10px;
	}
#ergebnis_3 {
	background:url(hg_erg_3.png) 420px 10px no-repeat #fff;
	padding:20px 145px 30px 40px;
	margin-bottom:10px;
	}	
	
/*KONTAKT*/

#kontakt {
	margin-bottom:30px;
	}
#kontakt label.lbl_70 {
	display:block;
	float:left;
	width:70px;
	padding-top:4px;
	}
#kontakt input.text_400 {
	float:left;
	width:398px;
	border:1px solid #6f6f6e;
	margin-bottom:7px;
	height:22px;
	}

#kontakt textarea {
	float:left;
	width:398px;
	border:1px solid #6f6f6e;
	margin-bottom:7px;
	height:80px;
	}	
	
#kontakt select {
	float:left;
	width:120px;
	height:22px;
	margin-bottom:7px;
	border:1px solid #6f6f6e;
	}
#kontakt input.text_80 {
	width:78px;
	border:1px solid #6f6f6e;
	margin-bottom:7px;
	height:22px;
	}
#kontakt input.text_315 {
	width:315px;
	border:1px solid #6f6f6e;
	margin-bottom:7px;
	height:22px;
	}
#kontakt input[type="radio"], #kontakt input[type="checkbox"] {
	float:left;
	margin-right:4px;
	}
#kontakt label.radio {
	margin-bottom:20px;
	float:left;
	width:452px;
	color:#004b7c;
	}
#kontakt input[type="submit"] {
	background-color:#b7185d;
	border:none;
	color:#fff;
	font-size:16px;
	width:100px;
	height:22px;
	margin-left:190px;
	}

/*VIDEOS*/
#video {
	background-image:url(hg_nur_rahmen.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	height:631px;	
}

#content_video {
	width:670px;
	padding-left:50px;
	padding-top:85px;
	
}

.videobild {
	float:left;
	width:329px;
	margin-bottom:26px;	
}

.vidoetext {
	float:right;
	width:293px;
	margin-top:123px;
	height:53px;
	padding-top:11px;
	border-top:1px solid #518aad;
	border-bottom:1px solid #518aad;
	padding-left:14px;
	color:#004c7d;
	font-size:1.125em;
	line-height:1.375em;
}
.vidoetext a {color:#004c7d; text-decoration:none;}


/* ### Header ###################################################################### */
header {
	}
#logo_li {
	width:127px;
	height:52px;
	margin:25px 0 0 28px;
	}
#logo_re {
	position:absolute;
	top:0px;
	left:724px;
	z-index:9999;
	}




/* ### FOOTER ###################################################################### */
#footer {
	float:left;
	margin:640px 0 0 12px;
	width:354px;
	}
#footer.home {
	float:none;
	margin:8px 0 0 12px;
	}
#footer ul {
	list-style:none;
	padding:0;
	}
#footer li {
	padding-left:16px;
	display:inline;
	}
#footer a {color:#fff;}
#footer a:hover, #footer a.active {color:/*#004c7d*/#000;}

/* ### OVERLAY DIVS ###################################################################### */

.all_overlays {
	font-family:"Myriad Pro", "Myriad","Helvetica Neue",Helvetica,Arial,sans-serif; 
	font-size:16px; 
	font-size:0.875em; 
	line-height:1.250em; 
	color:#004b7c; 
	padding: 80px 30px 10px; 
	/*background-color:#FFF;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-moz-text-size-adjust:none;
	-webkit-text-size-adjust:none;*/
	}
#inlineContent {display:none; background-color:#FFF;}
#inlineContent_2 {display:none; background-color:#FFF;}

div.all_overlays ul {list-style-image: url("list_blau.png");}
.tabelle_rund {border:1px solid #004b7c; 
-webkit-border-radius:10px;
   -moz-border-radius:10px;
        border-radius:10px;
		padding:15px 15px 15px 25px;
		width:390px;
		font-style:italic;
		
}

.v_bild {float:right; width:92px;}
.v_text_links {float:left; width:578px;}

/* ### NAVI ###################################################################### */
nav {
	margin-top:25px;
	height:30px;
	font-size:16px;
	}
nav a {color:#fff/*#004c7d*/;}
nav a:hover,
nav a.active {color:#000/*#fff;*/}
nav ul {
	list-style:none;
	padding:0;
	padding-left:8px;
	}
nav li {
	display:inline;
	padding-left:15px;
	padding-bottom:0;
	}
/* 
--------- X-FORM ------------ 
*/

/* Allow only vertical resizing of textareas.*/
textarea { 
    resize: vertical;
} 


.formblock {margin-bottom:8px;}

.form_warning {font-size:0.814em; color:#76663d; margin-left:10px;}
.answertext {font-size:0.814em; color:#76663d; margin-left:10px;}


#rex-xform label.text { /* Alle Labels UND Formularelemente auswählen */
  display: block;
  float: left;
  width: 80px; /* Breite.*/
  text-align:left;
   margin-right:5px;
   display:inline;
}

#rex-xform label.textarea { /* Alle Labels UND Formularelemente auswählen */
  display: block;
  float: left;
  width: 80px; /* Breite.*/
  text-align:left;
   margin-left:10px;
   display:inline;
   font-size:0.814em;
}

#rex-xform input {border:#76663d 1px solid; width:220px; height:16px; background-color:#e8e6e3;}
#rex-xform textarea {border:#76663d 1px solid; width:220px; height:180px; margin-left:25px; background-color:#e8e6e3;}
.formularue { padding-left:80px;} /* insgesamt Breite*/
#rex-xform legend {text-align:right; font-weight:bold; height:35px; width:130px;}
#rex-xform fieldset {}

#rex-xform input.captcha {clear:both; border:#0d529e 1px solid; margin-left:130px; margin-top:10px;}
.as-label {display:block; margin-left:5px;}
#rex-xform input.submit {border:#76663d 1px solid; background-color:#e8e6e3; cursor:pointer; padding:0; margin:0; text-align:center; margin-left:115px; width:50px; height:18px;}


/* ### SPECIAL ###################################################################### */


/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}