@charset "UTF-8";
@import url('../Wilo_Default/wilo_default.css');

/*
	SYR FARBCODES
	#221e1f - SCHWARZ
	#505050 - BLAU
	#d6332c - ROT
	#002a55 - DUNKELBLAU
	#231f20 - FOOTERGRAU; f3f3f3
*/

html{
	font-family: 'Arial';
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background-color: #f9f9f9;
	color: #221e1f;
}

img{
	border: 0px;
}

h1,h2,h3,h4,h5,h6,b,strong{
	font-family:'Arial';
	color: #221e1f; 
}

body{
}

.fltl{
}

.fltr{
}

.floatbox{
}

*{
}

a, a:visited, a:active, a:link{
	text-decoration: none;
	color: inherit;
}

a:hover{
	color: inherit;
}

hr{
	border: 0px;
	background-color: #00ccff;
}

.hidethis{
}

/* GENERAL */
.inner-wrapper{
}

.header {
	background-color: #009c82;
}

.header-inside {
	background-color: #009c82;
}

.header-upper {
	background-color: #009c82;
	color: white;
}

.header-searchlist, .header-searchlist li {
}

.header-searchlist {
}

.header-searchPreText{
	color: black !important;
	font-family: 'Arial';
}

.searchbox-outer{
	font-weight: bold;
}

.header-searchbox {
	color: black;
	font-family: 'Arial';
	font-weight: bold;
}

.wilocode-logo {
	padding-left: 15px;
	padding-top: 25px;
}

.wilocode-logo img{
	height: 50px;
}

.l1 {
}

.l1 img {
}

.l2 {
}

.l3 {
}

.header-line-text{
	color: #505050;
	font-weight: bold;
}

.headerbg{
}

.header-scrolledSubline {
}

.header-scrolledSubline ul{
	list-style: none;
	background-color: #505050;
}

.header-scrolledSubline li {
	color: white;
	cursor: pointer;
	border-right: 1px solid #006cb9;
	font-weight: bold;
}

.header-scrolledSubline li:first-child {
	border-left: 1px solid #006cb9;
}

.text-hidden {
}

.text-showed {
}

.header-scrolledSubline li:hover {
	background-color: #0052a5;
}

.header-scrolledSubline-outer {
	background-color: #505050;
}

#header_scrolled {
}

.section1-bg {
	background-color: #fff;
}

.center-right{
}

.center-right picture, .center-right img{
}

.loginbox-outer{
	background-color: white;
	color: black;
	border: 2px solid black;
}

.hidden{
	box-shadow: 0px 0px 3px 0px black;
}

.loginbox-outer button{
	border: 0px;
	background-color: #221e1f;
	color: white;
	font-family: Arial Bold;
	cursor: pointer;
}

.loginbox-outer-button{
	border: 0px;
	background-color: #221e1f;
	color: white !important;
	font-family: 'Arial';
	cursor: pointer;
}

.loginbox-outer-button , .loginbox-outer-button a:hover, .loginbox-outer-button a:link, .loginbox-outer-button a:active {
	color: white;
}

.loginbox-outer button i{
}

.failureModal {
	font-family: 'Arial';
}

.section1-inner{
}

.loginbox-headline{
	background-color: #221e1f;
	color: white;
}

.loginbox-headline i{
}

.loginbox-headline b{
	color: white;
}

.loginbox-inputs{
}

.loginbox-inputs ul{
}

.loginbox-inputs li{
}

.loginbox-inputs ul li{
	list-style: none;
}

.loginbox-inputs li{
}

.loginbox-inputs li:first-child{
	color: white;
}

.loginbox-inputs li:last-child{
}

.loginbox-inputs ul input{
	font-family: 'Arial';
	border: 0px;
	background-color: #f3f3f3;
	color: black;
}

.loginbox-underline{
	font-weight: bold;
}

.loginbox-underline section:first-child{
	color: black;
}

.jetztRegistrieren{
	color: white;
	font-weight: bold;
}

.jetztRegistrieren b{
	color: white;
}

.jetztRegistrieren br{
}

.login-subtext b{
	color: white;
}

.login-subtext{
	color: white;
	font-weight: bold;
}

.login-subtext br{
}

.login-subtext-alert{
	color: #ff7826;
	font-family: 'Arial';
}

.login-subtext-alert ul{
}

.login-subtext-alert ul li{
	list-style: none;
}

.login-subtext-alert ul li br{
}

.login-subtext-alert li{
}

.login-subtext-alert li:first-child{
}

.section1-subline{
	color: white;
}

.section1-subline section {
}

.section1-subline li:first-child{
}

.section1-subline li:last-child{
}

.section1-subline ul {
	font-family: 'Arial';
	cursor: pointer;
}

.section1-subline ul:hover {
	color: #71c4ff;
}

.section1-subline ul li{
	list-style: none;
	cursor: pointer;
}

/* apphowto_section */
.section2-bg{
	background-color: #505050;
	color: white;
}

.section2-left {
}

.section2-left img {
}

.section2-right {
}

.section3-bg{
}

section3-inner picture, .section3-inner img{
}

.section3-left {
}

.section3-right {
}

.section3-right h1{
}

.section3-right-inner section{
}

.section3-text1 {
}

.section3-text2 {
}

.apphowto_content{
}

.apphowto_titel{
	color: white;
}

.apphowto_list {
	font-weight: bold;
}

.apphowto_li {
}

.apphowto_section_right{
}

.apphowto_phone{
}

.apphowto_badges{
}

.apphowto_scantext{
}

/* vorteile_section */
.syr_vorteile_section_bg{
	background-color: white;
	color: black;
	font-family: 'Arial';
}

.syr_vorteile_content{
}

.syr_vorteile{
}

.syr_vorteile_titel{
	font-weight: 800;
}

.syr_vorteile_list {
	font-weight: bold;
	list-style-image: url('Images/red_dot.png');
}

.syr_vorteile {
}
.syr_vorteile_section_tablettyp {
}

.offers-section {
}

.syr_vorteile_li{
}

/* section 4 */
.section4-bg{
	background-color: white;
}

.section4-bg h1{
	color: #221e1f;
}


.section4-inner{
}

.section4-inner section{
}

.section4-inner section section{
}

*,
*::before,
*::after {
}

.section5-bg{
	color: #221e1f;
	background-color: #f3f3f3;
}

.ulInner {
}

.ulInner li:first-child{
}

.ulInner li:last-child{
}

.section5-bg b{
	color: #221e1f;
}

.section5-inner ul li{
	list-style: none;
}

.section5-home-address address{
}

.section5-inner{
}

.section5-inner section{
}

.section6-bg{
	background-color: #0052a5;
	color: white;
}

.ansicht{
	background-color: #505050;
}

.section7-bg{
	background-color: #231f20;
	color: white;
	
}

.section7-bg b{
	color: white;
}

.apphowto_section_fltr {
}

#display_sizes {
	color: #fff;
}

#display_sizes li span {
}

#display_sizes ul {
}

#display_sizes li a {
	color: #FFF;
	font-weight: normal;
	text-decoration:none;
}

#display_sizes li {
	list-style: none;
}

#display_sizes li.select, #display_sizes li:hover {
	background-color: #231f20;
}

#display_sizes li.select, #display_sizes li:hover a {
	color: #fff;
}

#display_sizes li.select a {
	font-family: 'Arial';
	color: #fff;
	text-decoration:none;
}

#display_sizes li a:hover {
	text-decoration: none;
	color: #fff;
}

.registration_content {
}

.registration_content input[type="text"] {
	background-color: #f3f3f3;
	font-weight: bold;
	border: none;
}

.registration_content input[type="password"] {
	background-color: #f3f3f3;
	border: none;
}

.rcbInput{
}

.registration_content input[type="submit"] {
}

.h1-blue {
	background-color: black;
	color: white;
}

.inner_page_view {
	background-color: white;
}

.RadButton_QRMetro.RadButton:active .rbDecorated, .RadButton_QRMetro.RadButton:focus .rbDecorated, .RadButton_QRMetro.RadButton.rbSkinnedButtonChecked .rbDecorated, .RadButton_QRMetro.RadButton.rbSkinnedButtonChecked:hover .rbDecorated, .RadButton_QRMetro.RadButton.rbLinkButtonChecked .rbDecorated, .RadButton_QRMetro.RadButton.rbLinkButtonChecked:hover .rbDecorated {
    color: #ffffff;
}
.RadButton_QRMetro.rbSkinnedButtonChecked, .RadButton_QRMetro.rbSkinnedButtonChecked.rbHovered, .RadButton_QRMetro.rbSkinnedButtonChecked input.rbDecorated, .RadButton_QRMetro.rbSkinnedButtonChecked.rbHovered .rbDecorated {
    background-color: #505050;
}

.rbSkinnedButton {
    background-color: transparent;
    border: 0 none;
    text-decoration: none !important;
}

.rbDecorated {
}

#mainmenu {
}

.imprint_outer {
}

.imprint_outer a {
	text-decoration: underline;
}

.datenschutz_outer{
}

.warning{
	color: #d6332c !important; 
}

.syr-header-relative {
}

.syr-logo-right img{
}


/*Default Adminpage*/
.roundedBorder {
    border: 2px solid #505050;
}

.roundedBorder50 {
    border: 2px solid #505050;
}

.roundedBorder100 {
    border: 2px solid #505050;  
}

.roundedBorderLeftOuter {
}

.section7-bg b{
	color: white;
}

.rlbGroup  {
	overflow: hidden !important;
}
.rlbItem
{
    float:left !important;
}
.rlbGroup, .RadListBox
{
    width:auto !important;
}

.small_grey
{
	color: #999999;
    font-family: Verdana,Helvetica,Geneva,Arial,sans-serif;
    font-size: 10px;
    font-weight: normal;
}

.mandatory_item {
	color: #c50a33 !important;
}



/* video box on qr-Code-Scan */

.expand span:before {
	content: "\f08e ";
	font-family: FontAwesome;
	padding-right: 5px;
	margin-left: 10px;
}

.qrVideoTrigger input[type="checkbox"]:checked ~ .qrVideoFrame {
	display: block !important;
}

.fieldsetContainer {
	height: 0;
	overflow: hidden;
	transition: height 400ms linear;
}

.dataContainer input {
	display: none;
}

.dataContainer > input:checked ~ .fieldsetContainer {
	height: 100%;
}

label .arrow-dn {
	display: inline-block;
}

label .arrow-up {
	display: none;
}