﻿* {
	margin: 0px;
	padding: 0px;
    font-family: 'Open Sans', sans-serif;
}

h1 {
	font-size: 22px;
}

h2 {
	font-size: 14px;
	padding-top: 12px;
	padding-bottom: 6px;
    height: 20px;
}
			
a, a:visited {
	text-decoration: none;
	color: rgb(70,70,70);
}
			
	a:hover {
		text-decoration: none;
		color: #3F71AD;
	}

hr {
    border: 0;
    border-top: 1px solid rgb(210,210,210);
    height: 1px;
    margin-bottom: 20px;
}



/* Hilfsklassen */

			.shadow {
				-moz-box-shadow:    1px 1px 2px 0px rgb(200, 200, 200);
				-webkit-box-shadow: 1px 1px 2px 0px rgb(200, 200, 200);
				box-shadow:         1px 1px 2px 0px rgb(200, 200, 200);
			}

            .invisible {
                display: none !important;
            }

            .transparent {
				opacity: 0.0 !important;
			}

			.flex-column {
				display: flex;
				flex-direction: column;
				flex: 1 1 auto;
                /* IE */
                display: -ms-flexbox;
                -ms-flex: 1 1 auto;
                -ms-flex-direction: column;
			}

			.flex-row {
				display: flex;
				flex-direction: row;
				flex: 1 1 auto;
                /* IE */
                display: -ms-flexbox;
                -ms-flex: 1 1 auto;
                -ms-flex-direction: row;
			}

			.flex-start {
				justify-content: flex-start;
                /* IE */
			}

            .flex-end {
                justify-content: flex-end;
            }

            .flex-top {
                align-items: flex-start;
            }

            .flex-bottom {
                align-items: flex-end;
            }
			
			.flex-middle {
				align-items: center;
			}
			
			.flex-center {
				justify-content: center;
			}

			.flex-no-resize {
				flex: 0 0 auto !important;
			}

			.flex-space-between {
				justify-content: space-between;
			}

            .flex-space-around {
                justify-content: space-around;
            }

            .button-big {
                padding: 13px 23px;
                font-size: 24px;
                font-weight: 300;
                color: white !important;
            }

                .button-big.sitekiosk-windows {
                    background-color: rgb(30,157,222);
                }

                    .button-big.sitekiosk-windows:hover {
                        background-color: rgb(60,187,252);
                    }

                .button-big.sitekiosk-android {
                    background-color: rgb(151,188,37);
                }

                    .button-big.sitekiosk-android:hover {
                        background-color: rgb(181,218,67);
                    }

                .button-big.siteremote {
                    background-color: rgb(23,64,111);
                }

                    .button-big.siteremote:hover {
                        background-color: rgb(53,104,141);
                    }

            .button-huge {
                padding: 40px 80px;
                font-size: 16px;
                color: white !important;
            }

            .button-fill {
                padding: 15px 0px;
                font-size: 24px;
                color: white !important;
                display: inline-block;
                width: 100%;
                text-align: center;
                margin-bottom: 30px;
                cursor: pointer;
            }

            .image-mirror {
                -moz-transform: scaleX(-1);
                -o-transform: scaleX(-1);
                -webkit-transform: scaleX(-1);
                transform: scaleX(-1);
                filter: FlipH;
                -ms-filter: "FlipH";
            }

            .image-flip {
                -moz-transform: scaleY(-1);
                -o-transform: scaleY(-1);
                -webkit-transform: scaleY(-1);
                transform: scaleY(-1);
                filter: FlipV;
                -ms-filter: "FlipV";
            }



/* IE9 Image-Link fix */
a > img {
    border: none;
}


/* Content */
			
	html {
		min-height: 100vh;
		font-family: "Open Sans";
	}

		body {
			min-height: 100vh;
			background-color: white;
		}

            .accept-cookies-popup {
                background-color: rgb(170,170,170);
                font-size: 13px;
                color: white;
                padding-top: 6px;
                padding-bottom: 6px;
            }

                .accept-cookies-button, .holiday-button {
                    cursor: pointer;
                    color: white;
                    text-decoration: underline dotted;
                }

                    .accept-cookies-button:hover, .holiday-button:hover {
                        color: white !important;
                        text-decoration: underline solid;
                    }

            .holiday-popup {
                background-color: rgb(90, 182, 47);
                font-size: 14px;
                color: white;
                padding-top: 20px;
                padding-bottom: 20px;
                top: 0px;
                left: 0px;
                position: absolute;
                width: 100%;
                z-index: 202;
                border-bottom: 4px solid white;
            }

                .holiday-text-left > p {
                    padding-bottom: 6px;
                }

			.wrapper {
				width: 980px; 
				margin-left: auto; 
				margin-right: auto; 
				background-color: white;
			}

/* Header */

			header {
				height: 130px;
			}
			
				.header-topnav {
					height: 30px;
					padding-top: 30px;
					background-color: white;
					font-size: 14px;
                    color: rgb(70,70,70);
				}

                    .header-shopping-cart-link {
                        display: inline-block;
                        margin-top: 2px;
                    }

                    .header-topnav .localizations {
                    }

                        .header-topnav .localizations li {
                            list-style: none;
                            padding-top: 6px;
                            padding-bottom: 6px;
                        }
				
					.header-topnav_languages {}

                        .bubble 
                        {
                            position: relative;
                            width: 110px;
                            height: 20px;
                            padding-left: 20px;
                            background: #FFFFFF;
                            border: #c8c8c8 solid 1px;
                            -webkit-border-radius: 0px;
                            -moz-border-radius: 0px;
                            border-radius: 0px;
                            cursor: pointer;
                        }

                        .bubble:after 
                        {
                            content: "";
                            position: absolute;
                            bottom: -6px;
                            left: 13px;
                            border-style: solid;
                            border-width: 6px 6px 0;
                            border-color: #FFFFFF transparent;
                            display: block;
                            width: 0;
                            z-index: 1;
                        }

                        .bubble:before 
                        {
                            content: "";
                            position: absolute;
                            top: 21px;
                            left: 13px;
                            border-style: solid;
                            border-width: 6px 6px 0;
                            border-color: #c8c8c8 transparent;
                            display: block;
                            width: 0;
                            z-index: 0;
                        }

                            .bubble_popup {
                                width: 110px;
                                padding-left: 20px;
                                padding-top: 6px;
                                padding-bottom: 6px;
                                background-color: #FFF;
                                position: absolute;
                                right: 0;
                                margin-top: 20px;
                                border: 1px solid #c8c8c8;
                                border-top: none;
                                z-index: 401;
                            }

                                .bubble_popup ul li {
                                    list-style: circle;
                                }

						.header-topnav_languages a {}
						
					.header-topnav_userbox { 
                        margin-right: 0px;
					}

                        .header-topnav_userbox a {
                            padding-right: 10px;
                        }
					
					.header-topnav_telefon {
                        margin-right: 0px;
					}
                        
                        .header-topnav_telefon div {
                            padding-right: 20px;
                        }
                        
                    .header-topnav_trenner {
                        color: rgb(200,200,200);
                        margin-right: 20px;
                    }
				
				.header-nav
				{
				    margin-top: 10px;
                    height: 50px;
					/* background-color: #2F619D; */
                    /* border-bottom: 2px solid rgb(240,240,240); */
				}
				
				    .header-nav > a
				    {
				        display: none;
				    }

				    .header-nav li
				    {
				        position: relative;
				        list-style: none;
				        /* background-color: #2F619D; */
				    }
				 
				    /* top level */
				 
				    .header-nav > ul
				    {
				        height: 50px;
				    }
				        .header-nav > ul > li
				        {
							list-style: none;
							height: 50px;
                            display: table-cell;
                            vertical-align: middle;
				        }
				        
				        	.header-nav > ul > li > a {
				        		width: 100%;
				        		display: block;
                                padding: 14px 0px;
				        		background-color: white;
				        		color: black;
				        		transition: background-color 100ms linear 0s;
				        	}
				        	
				        		.header-nav > ul > li > a:hover {
						        	color: #3F71AD;
				        		}
				        		
				        		.header-nav > ul > li > a > span {
				        			padding: 0px 20px;
                                    font-size: 16px;
				        		}

                                    .header-nav > ul > li > a > div.shop-link {
				        			    display: table-cell;
                                        color: rgb(70,165,25);
                                        padding: 0px 10px;
                                        font-size: 16px;
				        		    }

                                        .header-nav > ul > li > a > div.shop-link:hover {
				        			        color: rgb(100,195,55);
				        		        }




                       
				.header-search {
                    display: inline-block;
                    float: right;
					margin-right: 12px;
                    margin-top: 10px;
				}

					.header-search input {
						border: 1px solid rgb(200, 200, 200);
						height: 30px;
						width: 200px;
						padding-left: 10px;
                        font-size: 14px;
                        background-image: url('../Content/header-search-icon.png');
                        background-position: 95% 50%;
                        background-repeat: no-repeat;
					}
                
                .header-nav-active {
                    background-color: rgb(240,240,240) !important;
                }

                .header-subnav {
                    background-color: rgb(240,240,240);
                    height: 210px;
                    width: 940px;
                    position: absolute;
                    top: 120px;
                    padding: 20px;
                    z-index: 400;
                    display: inline-table;
                }

                    /* NoFlex Fallback */
                    .header-subnav > div {
                        display: table-cell;
                        vertical-align: top;
                        width: 235px;
                    }


                    .header-subnav-active {
                        /* box-shadow: 0px 4px 5px -4px #666; */
                    }

                    .header-subnav li {
                        list-style: none;
                        padding-top: 3px;
                        padding-bottom: 3px;
                    }

                    .header-subnav a {
                        color: #3F71AD;
                        font-size: 16px;
                    }

                        .header-subnav a:hover {
                            text-decoration: underline;
                        }


                #header_login_status {
                    float: right;
                    margin-right: 4px;
                }

                #header_login_username {
                    float: right;
                    max-width: 90px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    margin-right: 12px;
                }

                #header_login_default {
                    float: right;
                    margin-right: 12px;
                }
            

/* Main */

h1.top {
    background-color: rgb(240,240,240);
    padding: 20px;
    margin-top: 20px;
    /*border: 1px solid rgb(180,180,180);*/
}

			.main {}

				.content {
                    width: 980px; /* Because IE needs to be told explicitly... */
                    font-size: 14px;
                    color: rgb(70,70,70);
				}

                    .content p {
                        padding-bottom: 12px;
                    }

                    .content .slideshow {
                        width: 940px;
                        height: 380px;
                        padding-left: 40px;
                        padding-top: 40px;
                        background-color: rgb(240,240,240);
                        margin-bottom: 21px;
                        background-position: center;
                        background-size: contain;
                    }

                        .slideshow_infobox {
                            width: 262px;
                            height: 262px;
                            padding-left: 34px;
                            padding-right: 34px;
                            padding-top: 34px;
                            padding-bottom: 34px;
                            font-size: 18px;
                            color: white;
                        }

                            .slideshow_infobox h3 {
                                padding-bottom: 18px;
                                font-size: 22px;
                                font-weight: 400;
                                letter-spacing: 0.8px;
                            }

                            .slideshow_infobox p {
                                font-size: 18px;
                                font-weight: 300;
                                line-height: 22px;
                                padding-bottom: 12px;
                            }

                                .slideshow_infobox p.small {
                                    font-size: 14px;
                                    font-weight: 300;
                                    line-height: 20px;
                                    padding-bottom: 6px;
                                }

                    /* Slideshow */
                    #prov-sideshow {
				        position: relative;
				        height: 488px;
				        width: 900px;
                        padding: 40px;
				        margin-left: auto;
				        margin-right: auto;
                        margin-bottom: 36px;
				        /* border: 1px solid rgb(200,200,200); */
				        background-color: white;
			        }
		
				        .prov-slideshow-caption {
					        display: block;
					        position: absolute;
					        top: 20;
					        left: 20;
					        width: 300px;
					        height: 300px;
				        }
				
				        .switch-container {
					        position: absolute;
					        top: 0;
					        left: 0;
					        display: block;
					        height: 488px;
					        width: 900px;
                            padding: 40px;
					        opacity: 1.0;
					        -webkit-transition: opacity 1s ease-in-out;
					        -moz-transition: opacity 1s ease-in-out;
					        -o-transition: opacity 1s ease-in-out;
					        transition: opacity 1s ease-in-out;
				        }
				
					        .switch-container.A {
						        background-color:#FFFFFF;
					        }
				
					        .switch-container.B {
						        background-color:#FFFFFF;
					        }
				
				
				        #slideshow-pips {
					        position: absolute;
					        bottom: -32px;
					        width: 900px;
					        margin-left: auto;
					        margin-right: auto;
					        text-align: center;
					        z-index: 300;
                            opacity: 1.0;
					        -webkit-transition: opacity 1s ease-in-out;
					        -moz-transition: opacity 1s ease-in-out;
					        -o-transition: opacity 1s ease-in-out;
					        transition: opacity 1s ease-in-out;
				        }
				
					        #slideshow-pips > .pip {
						        display: inline-block;
						        height: 12px;
						        width: 12px;
						        margin-left: 4px;
						        margin-right: 4px;
						        text-decoration: none;
						        color: rgb(220,220,220);
						        opacity: 0.7;
                                background-size: contain;
					        }
					
						        #slideshow-pips > .pip.main {
							        background-image: url('../Content/slideshow-pip-grey-normal.png');
						        }
						
						        #slideshow-pips > .pip.main.active {
							        background-image: url('../Content/slideshow-pip-grey-normal-active.png');
                                    opacity: 0.9;
						        }
						
						        #slideshow-pips > .pip.normal {
							        background-image: url('../Content/slideshow-pip-grey-normal.png');
						        }
						
						        #slideshow-pips > .pip.normal.active {
							        background-image: url('../Content/slideshow-pip-grey-normal-active.png');
                                    opacity: 0.9;
						        }
						
						        #slideshow-pips > .pip:hover {
                                    background-image: url('../Content/slideshow-pip-grey-normal-active.png');
							        opacity: 0.9;
						        }
						
					        #slideshow-pips > .arrow {
						        /* display: inline-block; */
                                display: none;
						        height: 12px;
						        width: 12px;
						        margin-left: 4px;
						        margin-right: 4px;
						        text-decoration: none;
						        color: rgb(220,220,220);
						        opacity: 0.6;
						        background-image: url('../Content/slideshow-arrow-grey.png');
                                background-size: contain;
					        }
						
						        #slideshow-pips > .arrow.left {
							        -moz-transform: scaleX(-1);
					                -o-transform: scaleX(-1);
					                -webkit-transform: scaleX(-1);
					                transform: scaleX(-1);
					                filter: FlipH;
					                -ms-filter: "FlipH";
						        }
						
						        #slideshow-pips > .arrow.right {}
						
						        #slideshow-pips > .arrow:hover {
							        opacity: 0.9;
						        }



                    .content .referenzen-frontpage {
                        background-color: rgb(240, 240, 240);
                        color: rgb(120, 120, 120);
                        height: 150px;
                        margin-bottom: 21px;
                        padding: 40px;
                    }

                    .content .referenzen {
                        position: absolute;
                        bottom: 0;
                        color: white;
                        height: 48px;
                        opacity: 0.8;
                        padding: 40px;
                        width: 900px;
                        z-index: 100;
                    }

                        .referenzen > .referenzen_claim {
                            float: left;
                            margin-top: 8px;
                            margin-right: 8px;
                            font-size: 15px;
                            margin-left: -6px;
                        }

                    .content .referenzen-overlay {
                        display: block;
                        float: left;
                        clear: both;
                        height: 136px;
                        padding-top: 32px;
                        padding-bottom: 32px;
                        width: 100%;
                        margin-bottom: 40px;
                        margin-top: -40px;
                        background-color: rgb(240,240,240);
                        color: rgb(70,70,70);
                    }

                    .content .referenzen-all {
                        padding-top: 40px;
                        padding-bottom: 40px;
                    }

                    .content .referenzen-block {
                        color: white;
                        height: 48px;
                        padding: 40px;
                        width: 900px;
                        z-index: 100;
                    }

                    .content .referenzen-block-alle {
                        color: rgb(200,200,200);
                        height: 48px;
                        padding: 40px 0px;
                        width: 980px;
                        z-index: 100;
                    }

                        .referenzen-frontpage .provisio_references > a {
                            color: rgb(200, 200, 200);
                            display: inline-block;
                            float: left;
                            font-size: 48px;
                            padding-left: 40px;
                            padding-right: 20px;
                            padding-top: 20px;
                        }

                        .referenzen .provisio_references > a {
                            color: white;
                            opacity: 0.725;
                            display: inline-block;
                            float: left;
                            font-size: 70px;
                            padding-left: 21px;
                            padding-right: 21px;
                            margin-top: -8px;
                        }

                        .referenzen-overlay .provisio_references {
                            height: 136px;
                            padding-left: 25px;
                            padding-right: 25px;
                        }
                        
                            .referenzen-overlay .provisio_references > a {
                                color: white;
                                opacity: 0.725;
                                display: inline-block;
                                float: left;
                                font-size: 70px;
                                padding-left: 23px;
                                padding-right: 23px;
                                margin-top: 32px;
                            }

                        .referenzen-all .provisio_references_all {
                            /*height: 136px;
                            padding-left: 25px;
                            padding-right: 25px;*/
                        }
                        
                            .referenzen-all .provisio_references_all > a {
                                color: rgb(200,200,200);
                                display: inline-block;
                                float: left;
                                font-size: 60px;
                                padding-left: 19px;
                                padding-right: 19px;
                                padding-top: 20px;
                                padding-bottom: 20px;
                            }

                        .referenzen-block .provisio_references {
                            height: 136px;
                            padding-left: 25px;
                            padding-right: 25px;
                        }
                        
                            .referenzen-block .provisio_references > a {
                                color: white;
                                opacity: 0.725;
                                display: inline-block;
                                float: left;
                                font-size: 70px;
                                padding-left: 18px;
                                padding-right: 18px;
                                margin-top: -8px;
                            }

                        .referenzen-block-alle .provisio_references {
                            height: 136px;
                            padding-left: 18px;
                            padding-right: 0px;
                        }
                        
                            .referenzen-block-alle .provisio_references > a {
                                color: rgb(200,200,200);
                                opacity: 1;
                                display: inline-block;
                                float: left;
                                font-size: 70px;
                                padding-left: 0px;
                                padding-right: 40px;
                                margin-top: -8px;
                            }

                        .feature-table_info {
                            width: 283px;
                        }

                        .feature-table_references {
                            margin-left: 45px;
                            margin-top: 10px;
                        }

                            .feature-table_references.siteremote {
                                margin-left: 0px !important;
                                margin-top: 10px;
                            }

                        .feature-table_references .provisio_references {
                            height: 24px;
                            padding-left: 0px;
                            padding-right: 0px;
                        }
                        
                            .feature-table_references .provisio_references > a {
                                /*color: white;*/
                                opacity: 1;
                                display: inline-block;
                                float: left;
                                font-size: 24px;
                                padding-left: 0px;
                                padding-right: 12px;
                                margin-top: 0px;
                            }

                                .feature-table_references.sitekiosk-windows .provisio_references > a {
                                    color: rgb(30,157,222);
                                }

                                    .feature-table_references.sitekiosk-windows .provisio_references > a:hover {
                                        color: rgb(60,187,252);
                                    }

                                .feature-table_references.sitekiosk-android .provisio_references > a {
                                    color: rgb(151,188,37);
                                }

                                    .feature-table_references.sitekiosk-android .provisio_references > a:hover {
                                        color: rgb(181,218,67);
                                    }

                                .feature-table_references.siteremote .provisio_references > a {
                                    color: rgb(23,64,111);
                                }

                                    .feature-table_references.siteremote .provisio_references > a:hover {
                                        color: rgb(53,104,141);
                                    }

                        /* only show the first 8 / 10 */

                        .referenzen-frontpage .provisio_references > a:nth-child(n+11) {
                            display: none;
                        }

                        .referenzen .provisio_references > a:nth-child(n+8), 
                        .referenzen-overlay .provisio_references > a:nth-child(n+9),
                        .referenzen-block .provisio_references > a:nth-child(n+9),
                        .referenzen-block-alle .provisio_references > a:nth-child(n+10) {
                            display: none;
                        }

                        /* override for french solution pages */
                        .provisio_references.fr > a:nth-child(7) {
                            display: none;
                        }

                        .provisio_references.es > a:nth-child(7) {
                            padding-right: 0px;
                        }

                        .provisio_references.us > a:nth-child(6) {
                            padding-right: 0px;
                        }
                        
                        .provisio_references.us > a:nth-child(7) {
                            display: none;
                        }

                            .referenzen-block-alle .provisio_references > a:nth-child(n+9) {
                                padding-right: 0px;
                            }

                        .feature-table_references .provisio_references > a:nth-child(n+7) {
                            display: none;
                        }

                            

                    .content .produktbox {
                        width: 940px;
                        /* height: 380px; */
                        margin-bottom: 21px;
                        padding-left: 40px;
                        padding-top: 40px;
                        padding-bottom: 40px;
                    }

                        .produktbox-sitekiosk {
                            background-color: rgb(21,148,213);
                        }

                        .produktbox-siteremote {
                            background-color: rgb(14,50,106);
                        }

                            .produktbox_infobox {
                                width: 295px;
                                /* height: 262px; */
                                /* padding: 34px; */
                                color: white;
                                font-weight: lighter;
                                margin-left: 7px;
                                margin-top: 2px;
                                padding-left: 34px;
                                padding-top: 30px;
                                padding-right: 16px;
                                padding-bottom: 13px;
                            }

                                .produktbox_infobox h3 {
                                    padding-bottom: 17px;
                                    font-size: 24px;
                                    font-weight: 400;
                                    letter-spacing: 0.8px;
                                }

                                .produktbox_infobox p {
                                    font-size: 18px;
                                    font-weight: 300;
                                    line-height: 22px;
                                    padding-bottom: 12px;
                                    /* letter-spacing: -0.1px; */
                                }

                                    .produktbox_infobox p > img.compatible {
                                        margin-top: 18px;
                                        margin-right: 9px;
                                    }

                                        .produktbox_infobox p > img.compatible:last-child {
                                            margin-right: 0px;
                                        }

                        .produktbox a > img {
                            border: none; /* IE9 border fix */
                        }



                    .content .sitekiosk-screenshots {
                        display: block;
                        float: left;
                        clear: both;
                        height: 200px; 
                        width: 100%;
                        margin-bottom: 40px;
                        margin-top: -40px;
                        background-color: rgb(240,240,240);
                        color: rgb(70,70,70);
                    } 
                    
                     

                        .sitekiosk-screenshots_steps {
                            display: inline-block;
                            float: left;
                            width: 700px;
                            padding-left: 24px;
                            padding-right: 24px;
                            padding-top: 12px;
                            border-right: 1px solid rgb(220,220,220);
                        }

                        .sitekiosk-screenshots_video {
                            display: inline-block;
                            float: left;
                            padding-left: 24px;
                            padding-top: 12px;
                        }
                                        
                            .content .sitekiosk-screenshots_textbox {
                                display: block;
                                width: 185px;
                                float: left;
                                text-align: center;
                            }

                                .content .sitekiosk-screenshots_textbox > a {
                                    display: inline-block;
                                    /*border: 1px solid rgb(180,180,180);*/
                                }

                                    .content .sitekiosk-screenshots_textbox > a:hover {
                                        /*border: 1px solid #3F71AD;*/
                                    }

                                .content .sitekiosk-screenshots_textbox > p {
                                    font-size: 13px;
                                    color: rgb(70,70,70);
                                    padding-top: 10px;
                                    float: right;
                                    width: 160px;
                                }

                                .sitekiosk-screenshots_video > .sitekiosk-screenshots_textbox > p {
                                    width: 185px !important;
                                }                      

                    .content .featurebox {
                        /* height: 135px; */
                        width: 470px;
                        height: 172px;
                        margin-bottom: 35px;
                        position: relative;
                    }

                        .featurebox:nth-child(2n) {
                            margin-left: 500px;
                            position: absolute;
                        }

                        .featurebox-left {
                            margin-right: 30px;
                            float: left;
                        }

                        .featurebox_background {
                            position: absolute;
                            height: 72px;
                            width: 96px;
                            top: 6px;
                            left: 0px;
                            z-index: 10;
                        }

                            .featurebox_background > a > img {
                                width: 96px;
                                /* height: 72px; */
                                border: 1px solid rgb(220,220,220);
                                opacity: 0.9;
                            }

                                .featurebox_background > a > img:hover {
                                    border: 1px solid rgb(170,170,170);
                                    opacity: 1;
                                }

                        .featurebox_content {
                            position: absolute; 
                            z-index: 20; 
                            margin-left: 115px; 
                            /* margin-top: 30px; */
                        }


                        .featurebox h3 {
                            font-size: 17px;
                            font-weight: 400;
                            /*letter-spacing: 0.8px;*/
                            color: rgb(5,121,180);
                            padding-bottom: 4px;
                        }

                            .featurebox h3 > a {
                                    color: rgb(5,121,180);
                                }

                                    .featurebox h3 > a:hover {
                                        color: rgb(35,151,210);
                                    }

                            .featurebox h3.android {
                                color: rgb(151,188,37);
                            }

                                .featurebox h3.android > a {
                                    color: rgb(151,188,37);
                                }

                                    .featurebox h3.android > a:hover {
                                        color: rgb(181,218,67);
                                    }

                            .featurebox h3.siteremote {
                                color: rgb(14,50,106);
                            }

                                .featurebox h3.siteremote > a {
                                    color: rgb(14,50,106);
                                }

                                    .featurebox h3.siteremote > a:hover {
                                        color: rgb(44,90,136);
                                    }

                            .featurebox h3.sitecafe {
                                color: rgb(51,165,0);
                            }

                                .featurebox h3.sitecafe > a {
                                    color: rgb(51,165,0);
                                }

                                    .featurebox h3.sitecafe > a:hover {
                                        color: rgb(81,195,30);
                                    }

                        .featurebox p {
                            /*font-weight: 300;
                            line-height: 16px;*/
                            width: 360px; /* IE10 */
                        }

                        .featurebox_icon {
                            margin-right: 35px;
                            padding-top: 4px;
                            border: none; /* IE9 */
                        }

                    /* Alternative ohne fest Höhe -> contentbox */
                    .content .contentbox {
                        width: 470px; 
                    }

                        .contentbox-left {
                            margin-right: 40px;
                            float: left;
                        }

                        .contentbox h3 {
                            font-size: 17px;
                            font-weight: 400;
                            color: rgb(5,121,180);
                            padding-bottom: 8px;
                        }

                            .contentbox h3.android {
                                color: rgb(151,188,37);
                            }

                            .contentbox h3.siteremote {
                                color: rgb(14,50,106);
                            }

                            .contentbox h3.sitecafe {
                                color: rgb(51,165,0);
                            }

                        .contentbox p {
                            /*font-weight: 300;*/
                        }

                            .contentbox p > a.sitekiosk-windows {
                                color: rgb(30,157,222);
                            }

                                .contentbox p >.sitekiosk-windows:hover {
                                    color: rgb(60,187,252);
                                }

                            .contentbox p > a.sitekiosk-android {
                                color: rgb(151,188,37);
                            }

                                .contentbox p >.sitekiosk-android:hover {
                                    color: rgb(181,218,67);
                                }

                            .contentbox p > a.siteremote {
                                color: rgb(23,64,111);
                            }

                                .contentbox p >.siteremote:hover {
                                    color: rgb(53,104,141);
                                }

                        /* Fix für Webkit-Browser */
                        .contentbox > .contentbox_content > div {
                            width: 386px;
                        }

                         

/* Feature Vergleich Tabelle & Featureboxes */

                    .content .feature-table_container, .content .featureboxes_container, .content .device-table_container {
                        margin-bottom: 40px;
                        position: relative;
                    }

                        .feature-table_container-collapsed {
                            height: 440px !important;
                            overflow-y: hidden;
                        }

                        .featureboxes_container-collapsed {
                            height: 360px !important;
                            overflow-y: hidden;
                        }

                        .device-table_container-collapsed {
                            height: 550px !important;
                            overflow-y: hidden;
                        }

                        .feature-table_container_fade, .featureboxes_container_fade, .device-table_container_fade {
                            height: 140px;
                            width: 100%;
                            z-index: 30;
                            position: absolute;
                            bottom: 0px;
                            left: 0px;
                            opacity: 0.9;
                            /* IE9 SVG, needs conditional override of 'filter' to 'none' */
                            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc2JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
                            background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%); /* FF3.6+ */
                            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(90%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
                            background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%); /* Chrome10+,Safari5.1+ */
                            background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%); /* Opera 11.10+ */
                            background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%); /* IE10+ */
                            background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%); /* W3C */
                            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
                        }

                    .content .feature-table {
                        width: 980px;
                        border-spacing: 0;
                    }

                        .feature-table_info {
                            border-top: 1px solid rgb(220, 220, 220);
                            border-left: 1px solid rgb(220, 220, 220);
                            border-right: 1px solid rgb(220, 220, 220);
                            padding: 12px;
                        }

                            .feature-table_info:last-of-type {
                                border-bottom: 1px solid rgb(220, 220, 220);
                            }

                            .feature-table_info > h3 {
                                color: rgb(5,121,180);
                                font-size: 16px;
                                font-weight: 400;
                                letter-spacing: 0.8px;
                                padding-bottom: 4px;
                            }

                            .feature-table_info > p {
                                margin: 0px;
                                padding: 0px;
                                font-size: 11px;
                                color: rgb(100, 100, 100);
                            }

                        .feature-table tr {}    
                    
                            .feature-table tr td.front {
                                width: 312px;
                                min-height: 45px;
                                text-align: left;
                                padding-left: 40px;
                                border-right: 1px solid rgb(220,220,220);
                                vertical-align: middle;
                            }

                            .feature-table-siteremote tr td.front {
                                font-size: 14px;
                                font-weight: lighter;
                            }

                                .feature-table tr td.front > a {
                                    display: block;
                                    /*margin-left: -32px;
                                    margin-top: 8px;
                                    position: absolute;*/
                                }
                        
                            .feature-table tr td.title {
                                /* width: 166px; */
                                text-align: center;
                                border-right: 1px solid rgb(220,220,220);
                                padding-bottom: 20px;
                                padding-top: 10px;
                            }
                            
                            .feature-table tr td.inner {
                                min-height: 45px;
                                width: 166px;
                                text-align: center;
                                vertical-align: middle;
                                border-right: 1px solid rgb(220,220,220);
                                padding-top: 8px;
                                padding-bottom: 8px;
                            }

                            .feature-table-siteremote tr td.inner {
                                font-size: 14px;
                                font-weight: lighter;
                                color: rgb(14,50,106);
                                width: 213px !important;
                                padding-left: 4px;
                                padding-right: 4px;
                            }

                            .feature-table-siteremote tr td.inner-half {
                                font-size: 14px;
                                font-weight: lighter;
                                color: rgb(14,50,106);
                                width: 106px !important;
                                padding-left: 4px;
                                padding-right: 4px;
                                text-align: center;
                                border-right: 1px solid rgb(220,220,220);
                                padding-top: 8px;
                                padding-bottom: 8px;
                            }

                                /*
                                .feature-table-siteremote tr td.inner-half.left {
                                    border-right: 1px solid rgb(220,220,220);
                                }
                                */

                                .feature-table tr td.inner > img {
                                    margin-top: 4px;
                                }

                                .feature-table .button-big {
                                    /*display: block;
                                    margin: 0px 35px;*/
                                    text-align: center;
                                    padding: 5px 10px;
                                    font-size: 18px !important;
                                }

                                    .feature-table .button-big > img {
                                        display: inline-block;
                                        margin-bottom: -3px;
                                    }

                            /* Streifenmuster */
                            .feature-table tr:nth-child(2n+3) {
                                background-color: rgb(245, 245, 245);
                            } 




/* Siteremote extra buttons */

.siteremote-button-test {
    background-color: rgb(219,62,7); 
    margin-right: 20px; 
    padding: 10px 15px !important;
}

    .siteremote-button-test:hover {
        background-color: rgb(249,92,37);
    }

.siteremote-button-rent {
    background-color: rgb(63,190,0); 
    margin-right: 20px; 
    padding: 10px 15px !important;
}

.siteremote-button-buy {
    background-color: rgb(63,190,0); 
    padding: 10px 15px !important;
}

    .siteremote-button-rent:hover, .siteremote-button-buy:hover {
        background-color: rgb(93,220,0); 
    }

/* SiteRemote Requirements */
.requirements-switch-cloud, .requirements-switch-server {
    width: 230px; 
    height: 32px; 
    font-size: 18px; 
    font-weight: lighter;
    color: rgb(14,50,106); 
    background-color: white; 
    border: 1px solid rgb(14,50,106); 
    text-align: center;
}

    .requirements-switch-active {
        font-weight: 400;
        color: white; 
        background-color: rgb(14,50,106); 
    }

        .requirements-switch-active:hover {
            font-weight: 400;
            color: white; 
            background-color: rgb(14,50,106);
        }

        .requirements-switch-inactive:hover {
            color: rgb(14,50,106);
            background-color: rgb(220,230,250); 
        }






/* Facebook Newsfeed/Wall */
                    .content .news {
                        width: 980px;
                        /* height: 173px; */
                        background-color: rgb(240,240,240);
                        margin-bottom: 36px;
                        overflow-y: auto;
                    }

                        .news_header {
                            padding: 40px;
                            border-bottom: 1px solid rgb(210,210,210);
                        }

                        #facebook_wall,
                        #news_wall {
                            /*height: 600px;
                            overflow-y: auto;*/
                        }

                            /* Fallback, if the script decides to ignore the limit parameter */
                            #facebook_wall > .post:nth-child(n+5),
                            #news_wall > .post:nth-child(n+5) {
                                display: none;
                            }

                            .news .column-left {
                                /*float: left;
                                clear: left;
                                width: 402px;
                                margin-right: -2px; /#####* border überlappen lassen *#####/
                                border-right: 1px solid lightgray; */
                                padding: 25px 40px;
                                display: block;
                                clear: both;
                                float: left;
                                width: 880px;
                            }

                            .news .column-right {
                                /*float:right;
                                clear: right;
                                width: 400px;
                                border-left: 1px solid lightgray;*/
                                padding: 20px 40px;
                                display: block;
                                clear: both;
                                float: left;
                                width: 880px;
                            }

                            #facebook_wall .date,
                            #facebook_wall .date > a,
                            #news_wall .date,
                            #news_wall .date > a {
                                display: block;
                                float: left;
                                font-size: 16px;
                                color: #3F71AD;
                                width: 170px;
                            }

                                #facebook_wall .date > a,
                                #news_wall .date > a {
                                    font-size: 16px;
                                    cursor: pointer;
                                    text-decoration: none;
                                    color: #3F71AD !important;
                                }

                                    #facebook_wall .date > a,
                                    #news_wall .date > a {
                                        cursor: pointer;
                                        text-decoration: none !important;
                                        color: #3F71AD !important;
                                    }

                            #facebook_wall .image,
                            #news_wall .image {
                                padding-top: 12px;
                                width: 400px;
                            }

                            #facebook_wall .message,
                            #news_wall .message {
                                display: block;
                                width: 710px;
                                float: left;
                            }

                                #facebook_wall .message > a,
                                #news_wall .message > a {
                                    color: #3F71AD;
                                }

                                    #facebook_wall .message > a:hover,
                                    #news_wall .message > a:hover {
                                        text-decoration: underline;
                                    }

                                #facebook_wall .image img,
                                #news_wall .image img {
                                    max-width: 100%;
                                }

                        .news_footer {
                            /*height: 45px;*/
                            border-top: 1px solid lightgrey;
                            padding: 40px;
                        }

                            .news_header > a, .news_footer > a {
                                color: #3F71AD;
                            }
                            
                                .news_header > a:hover, .news_footer > a:hover {
                                    color: #3F71AD;
                                    text-decoration: underline;
                                }


/* Events */
.events {
    width: 980px;
    background-color: rgb(240,240,240);
    margin-bottom: 21px;
}

    .events_entry {
        padding: 10px 35px;
    }

        .events_entry_image {
            padding-right: 30px;
            width: 150px;
            height: auto;
        }

        .events_entry_text {
            color: rgb(140,140,140);
        }
                    


/* Lösungen & Produkte */

                    .content .solution_banner{
                        position: relative;
                        margin-bottom: 40px;
                        height: 568px;
                    }

                        .content .solution_banner > img {
                            position: absolute;
                            height: 568px;
                        }

                        .content .solution_banner > .solution_banner_textbox {
                            position: absolute;
                            height: 268px;
                            width: 268px;
                            margin-left: 46px;
                            margin-top: 46px;
                            padding: 30px;
                            /*opacity: 0.8;*/
                        }

                        .content .solution_banner > .solution_banner_textbox > h1 {
                            color: white;
                            font-size: 24px;
                            font-weight: normal;
                            margin: 0;
                            padding-bottom: 20px;
                            text-align: left;
                        }

                        .content .solution_banner > .solution_banner_textbox > p {
                            color: white;
                        }



                        .solution_banner_gallery {
                            background-color: rgb(240,240,240);
                            padding-top: 40px;
                            padding-bottom: 20px;
                        }

                            .solution_banner_gallery_block {
                                width: 142px;
                                margin-left: 21px;
                                margin-right: 21px;
                            }

                                .solution_banner_gallery_block a {
                                    height: 106px;
                                    width: 142px;
                                    border: 1px solid rgb(180,180,180);
                                }

                                .solution_banner_gallery_block p {
                                    padding-top: 10px;
                                    padding-bottom: 10px;
                                }

                    .content .product_banner{
                        background-color:orange;
                        margin-bottom: 40px;
                    }

                        .content .product_banner_main {
                            padding: 49px;
                            color: white;
                        }

                            .content .product_banner_main > div { 
                                min-width: 1px; /* IE10 */
                            }

                            .content .product_banner_main h1 {
                                font-size: 36px;
                                color: white;
                                margin: 0px;
                                padding-bottom: 20px;
                                letter-spacing: 1px;
                                text-align: left;
                            }

                            .content .product_banner_main p {
                                font-size: 18px;
                            }

                    .content h1 {
                        color: rgb(19,143,206);
                        margin-bottom: 40px;
                        margin-top: 30px;
                        font-size: 18px;
                        letter-spacing: 0.35px;
                    }

                        .content h1.solutions {
                            color: #3f71ad;
                            font-size: 20px;
                        }

                        .content h1.android {
                            color: rgb(151,188,37);
                        }

                        .content h1.siteremote {
                            color: rgb(14,50,106);
                        }

                        .content h1.sitecafe {
                            color: rgb(51,165,0);
                        }

                    .content .solution_abstract {
                        background-color: white;
                        margin-top: -20px;
                        margin-bottom: 30px;
                        font-weight: lighter;      
                    }

                    .content .solution_testimonial {
                        background-color: rgb(240,240,240);
                        padding: 50px 95px;
                    }

                        .solution_testimonial_quote {
                            font-size: 16px;
                            color: #3F71AD;
                        }

                        .solution_testimonial_source {
                            padding-top: 30px;
                        }

                        .content .solution_testimonial a:hover {
                            text-decoration: underline;
                        }

                    .content .solution_details {
                        background-color: white;
                        margin-top: 40px;
                    }

                        .solution_details_text {}

                            .solution_details_box {
                                padding-bottom: 12px;
                                width: 620px; /* IE10 */
                            }

                                .solution_details_box h2 {
                                    font-size: 20px;
                                    padding-top: 0px;
                                    padding-bottom: 20px;
                                    color: #3F71AD;
                                }

                                .solution_details_box p {
                                    padding-bottom: 12px;
                                    font-weight: lighter;
                                }

                                .solution_details_box a {
                                    color: rgb(23,64,111);
                                    font-weight: 400;
                                }

                                    .solution_details_box a:hover {
                                        text-decoration: underline;
                                    }

                        .solution_details_images {
                            margin-left: 40px;
                        }

                            .solution_details_images img {
                                margin-bottom: 20px;
                            }



                        .solution_partner {
                            width: 980px;
                            background-color: rgb(240,240,240);
                            margin-bottom: 36px;
                            margin-top: 12px;
                        }

                            .solution_partner_text {
                                width: 490px;
                                padding-top: 40px;
                                padding-left: 40px;
                                padding-right: 40px;
                                padding-bottom: 40px;

                            }

                                .solution_partner_text > h2 {
                                    color: #3f71ad;
                                    font-size: 20px;
                                    font-weight: lighter;
                                    margin: 0px;
                                    padding-bottom: 30px;
                                    padding-top: 0px;
                                }

                                .solution_partner_text > h1 {
                                    color: #3f71ad;
                                    font-size: 20px;
                                    margin: 0px;
                                    padding-bottom: 20px;
                                    padding-top: 0px;
                                }

                                .solution_partner_text > p {
                                    font-weight: lighter;
                                    padding-bottom: 20px;
                                    padding-top: 0;
                                }

                                    .solution_partner_text > p > a {
                                            color: #3f71ad;
                                        }

                                            .solution_partner_text > p > a:hover {
                                                text-decoration: underline;
                                            }

                                .solution_partner_text_logos {}

                                    .solution_partner_text_logos > p {
                                        padding-bottom: 25px;
                                        font-weight: lighter;
                                    }

                                        .solution_partner_text_logos > p > a {
                                            color: #3f71ad;
                                        }

                                            .solution_partner_text_logos > p > a:hover {
                                                text-decoration: underline;
                                            }

                                    .solution_partner_text_logos img {
                                        margin-right: 22px;
                                    }
                        
                            .solution_partner_image {
                                width: 409px;
                                border-left: 1px solid rgb(220,220,220);
                            }











				.sidebar {
					width: 140px;
					padding: 20px;
					border-left: 1px solid rgb(200,200,200);
				}



/* Unternehmen, etc. */

                    .content .company_banner {
                        margin-bottom: 40px;
                    }

                        .company_banner_gallery {
                            background-color: rgb(240,240,240);
                            padding-top: 40px;
                            padding-bottom: 20px;
                        }

                            .company_banner_gallery_block {
                                margin-left: 21px;
                                margin-right: 21px;
                            }

                                .company_banner_gallery_block p.last {
                                    padding-bottom: 0px;
                                }

                                .company_banner_gallery_block a {
                                    border: 1px solid rgb(180,180,180);
                                    padding: 0px;
                                }

                                    .company_banner_gallery_block a img {
                                        margin: 0px;
                                        padding: 0px;
                                    }

                    .content .company_textblock {
                        background-color: white;
                        margin-top: -20px;
                        margin-bottom: 30px;
                        padding-bottom: 30px;
                        font-weight: lighter; 
                        border-bottom: 1px solid rgb(220,220,220);     
                    }
                        
                        .content .company_textblock a {
                            color: #3F71AD;
                        }

                        
                        .content .company_textblock .timeline {

                        } 
                        
                            .content .company_textblock p.timeline-date {
                                background-color: white;
                                padding-bottom: 15px;
                                font-weight: 400;
                                font-size: 16px;
                                color: #3F71AD;   
                            }     
                       
                            .content .company_textblock p.timeline-entry {
                                background-color: white;
                                padding-bottom: 15px;
                                font-weight: lighter;     
                            }

                            .content .company_textblock p.timeline-spacer {
                                margin-bottom: 15px;
                                height: 15px;
                                width: 1px;
                                border-left: 1px solid rgb(220,220,220);    
                            }

                    .company_textblock-grau {
                        padding-top: 33px;
                        padding-left: 40px;
                        padding-right: 40px;
                        padding-bottom: 40px;
                        background-color: rgb(240,240,240);
                        text-align: left;
                        color: rgb(140,140,140);
                        margin-bottom: 30px;
                    }

                        .company_textblock-grau h1 {
                            font-size: 22px;
                            font-weight: 400;
                            text-align: center;
                            color: #3F71AD;
                            margin: 0px;
                            padding-top: 0px;
                            padding-bottom: 30px;
                        }

                        .company_textblock-grau h2 {
                            font-size: 20px;
                            font-weight: lighter;
                            text-align: center;
                            color: #3F71AD;
                            padding-top: 15px;
                            padding-bottom: 25px;
                        }

                        .company_textblock-grau ul li {
                            margin-left: 12px;
                            padding-bottom: 5px;
                            padding-left: 10px;
                        }

                            .company_textblock-grau ul li.focus {
                                color: #3F71AD;
                            }

                    .company_textblock-kontakt {
                        padding-top: 33px;
                        padding-left: 40px;
                        padding-right: 40px;
                        padding-bottom: 40px;
                        background-color: rgb(240,240,240);
                        text-align: center;
                        color: rgb(140,140,140);
                        margin-bottom: 30px;
                        background-repeat: no-repeat;
                        background-position: bottom right;
                    }

                        .company_textblock-kontakt.mail {
                            
                        }

                        .company_textblock-kontakt.shopnow > a {
                            display: block;
                            width: 297px;
                            padding-top: 10px;
                            padding-bottom: 10px;
                            background-color: rgb(70,165,25);
                            color: white;
                            text-decoration: none;
                            text-align: center;
                            font-size: 16px;
                            margin-top: 12px;
                            margin-left: auto;
                            margin-right: auto;

                        }

                            .company_textblock-kontakt.shopnow > a:hover {
                                text-decoration: none;
                                background-color: rgb(100,195,55);
                            }

                        .company_textblock-kontakt.telefon {
                            background-color: rgb(70,165,25);
                            color: white;
                        }

                            .company_textblock-kontakt.telefon h2 {
                                color: white;
                            }

                            .company_textblock-kontakt.telefon .telefon_bestellen, .company_textblock-kontakt.telefon .telefon_support {
                                display: inline-block;
                                height: 212px;
                                margin-left: 25px;
                                margin-right: 25px;
                                margin-top: 20px;
                                padding-top: 40px;
                                width: 430px;
                                background-color: rgb(53,147,7);
                                color: white;
                            }

                        .company_textblock-kontakt.telefon.closed {
                            background-color: rgb(212,53,27) !important;
                        }

                            .telefon_bestellen.closed, .telefon_support.closed {
                                background-color: rgb(189,40,16) !important;
                            }
                                

                        .company_textblock-kontakt.email {
                            
                        }

                            .company_textblock-kontakt.email .email_bestellen, .company_textblock-kontakt.email .email_support {
                                display: inline-block;
                                height: 255px;
                                margin-left: 25px;
                                margin-right: 25px;
                                margin-top: 20px;
                                padding-top: 40px;
                                width: 430px;
                                background-color: rgb(230,230,230);
                            }

                                .company_textblock-kontakt.email .email_bestellen > a, .company_textblock-kontakt.email .email_support > a {
                                    display: block;
                                    margin-left: auto;
                                    margin-right: auto;
                                    margin-top: 18px;
                                    padding-top: 12px;
                                    padding-bottom: 12px;
                                    width: 297px;
                                    text-align: center;
                                    background-color: rgb(23,64,111);
                                    color: white;
                                }

                                    .company_textblock-kontakt.email .email_bestellen > a {
                                        margin-top: 46px !important;
                                    }

                                    .company_textblock-kontakt.email .email_bestellen > a:hover, .company_textblock-kontakt.email .email_support > a:hover {
                                        background-color: rgb(53,94,141);
                                    }

                                    .company_textblock-kontakt.email .email_support > a.online {
                                        background-color: rgb(70,165,25);
                                    }

                                        .company_textblock-kontakt.email .email_support > a.online:hover {
                                            background-color: rgb(100,195,55);
                                        }

                        .company_textblock-kontakt.fax {
                            
                        }

                        .company_kontakt-greensoftware {
                            display: block; 
                            width: 980px; 
                            height: 281px; 
                            position: relative; 
                            margin-bottom: 30px;
                            color: white;
                        }

                            .company_kontakt-greensoftware h2 {
                                font-size: 18px;
                                font-weight: 400;
                            }

                            .company_kontakt-greensoftware p {
                                font-size: 18px;
                                font-weight: lighter;
                            }

                        .company_textblock-kontakt h1 {
                            font-size: 22px;
                            font-weight: 400;
                            text-align: center;
                            color: rgb(23, 64, 111);
                            margin: 0px;
                            padding-top: 0px;
                            padding-bottom: 30px;
                        }

                        .company_textblock-kontakt h2 {
                            color: rgb(23, 64, 111);
                            font-size: 18px;
                            font-weight: 400;
                            padding-bottom: 20px;
                            padding-top: 2px;
                        }

                        .company_textblock-kontakt p {
                            color: rgb(100, 100, 100);
                            font-size: 18px;
                            font-weight: lighter;
                        }

                        .company_textblock-kontakt p.blau {
                            font-size: 18px;
                            font-weight: lighter;
                            color: rgb(23, 64, 111);
                        }

                        .telefon > p {
                            color: white !important;
                        }

                        .telefon_bestellen > p, .telefon_support > p {
                            color: white !important;
                            padding-bottom: 0;
                            padding-top: 8px;
                        }

                            .email_bestellen > h2,
                            .email_support > h2,
                            .telefon_bestellen > h2,
                            .telefon_support > h2 {
                                padding-bottom: 10px;
                                padding-top: 14px;
                            }

                        .company_map:hover > .icon-zoom > img {
                            opacity: 0.8;
                        }



                    .contact_contentblock {
		                display: block;
		                margin-bottom: 23px;
		                clear: both; /* just in case... */
		                background-color: rgb(240,240,240);
		                float: left;
		                text-align: center;
	                }

                        .contact_contentblock.contact_contentblock_status.anniversary_de {
                            background-image: url('//www.provisio.com/web/Media/Default/Unternehmen/provisio_20_years_de_small.png');
                            background-position: 35px 40px;
                            background-repeat: no-repeat;
                        }

                        .contact_contentblock.contact_contentblock_status.anniversary_en {
                            background-image: url('//www.provisio.com/web/Media/Default/Unternehmen/provisio_20_years_en_small.png');
                            background-position: 35px 40px;
                            background-repeat: no-repeat;
                        }
	
		                .contact_contentblock.textblock {
			                width: 900px;
			                padding: 40px;
		                }
		
			                .contact_contentblock.textblock > h2 {
				                font-size: 16px;
				                padding-bottom: 14px;
				                color: rgb(23,64,111);
			                }
	
		                .contact_contentblock_status {
			                /* height: 737px; */
			                padding-top: 22px;
			                padding-bottom: 30px;
			                padding-left: 20px;
			                padding-right: 20px;
		                }
		
			                .contact_contentblock_status_text {
				                text-align: center;
				                margin-bottom: 30px;
			                }
			
				                .contact_contentblock_status_text > p {
					                padding-top: 8px;
					                padding-bottom: 8px;
				                }
				
					                .contact_contentblock_status_text > p.blue {
						                color: rgb(23,64,111);
						                font-size: 15px;
					                }
	
			                .contact_contentblock_status_wrapper {
				
			                }
			
				                .contact_contentblock_status_column {
					                display: block;
					                float: left;
					                width: 445px;
					                margin-right: 12px;
					                margin-left: 13px;
				                }
				
					                .contact_contentblock_status_column_item {
						                position: relative;
						                height: 130px;
						                color: rgb(23,64,111);
						                background-color: rgb(228,228,228);
						                border-top: 1px solid rgb(210,210,210);
					                }
					
						                .contact_contentblock_status_column_item > img,
						                .contact_contentblock_status_column_item > div {
							                position: absolute;
						                }
						
							                .contact_contentblock_status_column_item > img {
								                left: 30px;
                                                top: 50px;
							                }
							
							                .contact_contentblock_status_column_item > div {
								                left: 92px;
								                font-size: 18px;
                                                text-align: left;
							                }
							
								                a.contact-button {
									                display: block;
									                width: 279px;
									                margin-top: 10px;
									                padding-top: 6px;
									                padding-bottom: 6px;
									                text-align: center;
									                color: white;
									                background-color: rgb(23,64,111);
									                text-decoration: none;
								                }
								
									                a.contact-button:hover {
										                color: white;
										                background-color: rgb(53,94,141);
										                text-decoration: none;
									                }

                                                    a.contact-button.green {
										                background-color: rgb(70,165,25) !important;
									                }
									
										                a.contact-button.green:hover {
											                background-color: rgb(100,195,55) !important;
										                }   
					
						                .contact_contentblock_status_column_item.contact_status_indicator {
							                height: 115px;
							                background-repeat: no-repeat;
							                background-position: top left;
							                text-align: center;
							                color: white;
						                }
						
							                .sales .contact_contentblock_status_column_item.contact_status_indicator {
								                background-image: url('http://provisio.com/web/Media/Default/Unternehmen/contact_status_sales_neutral.jpg');
							                }
							
							                .support .contact_contentblock_status_column_item.contact_status_indicator {
								                background-image: url('http://provisio.com/web/Media/Default/Unternehmen/contact_status_support_neutral.jpg');
							                }
						
							                .contact_status_indicator > span.title {
								                position: absolute;
                                                display: block;
                                                width: 100%; /* fix wrapping */
								                top: 30px;
                                                text-align: center;
								                font-size: 18px;
							                }

                                                .contact_status_indicator > span.title.holiday {
								                    top: 20px !important;
							                    }
							
							                .contact_status_indicator > span.text {
								                position: absolute;
                                                display: block;
                                                width: 100%; /* fix wrapping */
								                top: 64px;
                                                text-align: center;
								                font-size: 16px;
							                }

                                                .contact_status_indicator > span.text.holiday {
								                    top: 50px !important;
							                    }

                                            .holiday-name {
                                                font-size: 14px;
                                                margin-top: 6px;
                                            }



/* Developer Blog */
                .blog-posts li {
                    list-style-type: none;
                }

                    .content .devblog_entry {
                        padding: 0px;
                        margin-bottom: 30px;
                        border-bottom: 1px solid rgb(220,220,220);
                    }

                        .content .devblog_entry_image {
                            width: 198px;
                            height: 140px;
                            border: 1px solid rgb(220,220,220);
                            margin-right: 40px;
                        }

                        .content .devblog_entry_text {
                            width: 980px;
                            padding: 0px;
                            color: rgb(70,70,70);
                        }

                            .content .devblog_entry_abstract {
                                padding-bottom: 30px;
                                border-bottom: 1px solid rgb(220,220,220);
                            }

                                .content .devblog_entry_abstract a {
                                    color: #3F71AD;
                                }

                                .content .devblog_entry_abstract h1 {
                                    margin: 0px;
                                    padding: 0px;
                                    padding-bottom: 20px;
                                    font-size: 20px;
                                    font-weight: 400;
                                    color: #3F71AD;
                                    text-align: left;
                                }

                                    .content .devblog_entry_abstract h1 a {
                                        color: #3F71AD;
                                    }

                            .content .devblog_entry_footer {
                                padding-top: 25px;
                                padding-bottom: 10px;
                            }

        .media-library-picker-field-featured-image {
            display:none;
        }



/* Fancybox Popups */
.popup-box {
    display: none; 
    min-height: 200px; 
    width: 980px; 
    /* padding: 40px; */
    background-color: rgb(240,240,240);
}

    .popup-box_content {
        padding-top: 40px;
        padding-left: 40px;
        padding-right: 40px;
    }

    .popup-box_text {
        margin-top:40px;
        padding-top:30px;
        padding-left: 40px;
        padding-right: 40px;
        padding-bottom: 40px;
        border-top: 1px solid rgb(200, 200, 200);
    }

        .popup-box_text h3 {
            font-size: 18px;
            color: #3F71AD;
            font-weight: 400;
        }




/* Footer */

            #footer-sig {
              margin-bottom: 36px;
            }

			footer {
				height: 60px;
				padding: 6px 20px;
				/* border-top: 1px solid rgb(200, 200, 200); */
				font-size: 12px;
                background-color: rgb(240,240,240);
			}
			
				footer a {
					padding-left: 6px;
					text-decoration: none;
				}

                .footer-nav {
                    background-color: rgb(240,240,240);
                    padding-top: 40px;
                    padding-bottom: 30px;
                    float: left;
                    clear: both;
                }

                    .footer-nav_links {
                        flex-wrap: wrap;
                        padding-left: 40px;
                        width: 709px;
                        float: left;
                    }

                        .footer-nav_links_block {
                            float: left;
                            /*height: 145px;*/
                            width: 177px;
                            padding-bottom: 15px;
                        }

                        .footer-nav_links_block:nth-child(4n+1){
                            clear: left;
                        }

                            .footer-nav_links_block span {
                                height: 32px;
                                font-size: 16px;
                                color: #3F71AD;
                                display: block; /* IE 10 */
                            }

                            .footer-nav_links_block a {
                                font-weight: lighter;
                                font-size: 14px;
                                padding-bottom: 6px;
                                display: block; /* IE 10 */
                                width: 175px;
                                height: 16px;
                            }

                    .footer-nav_social {
                        width: 200px;
                        height: 495px;
                        padding-left: 30px;
                        border-left: 1px solid rgb(210, 210, 210);
                        float: right;
                    }

                        .footer-nav_social_block {
                            font-size: 14px;
                            color: rgb(70,70,70);
                            overflow: hidden; /* SMB Fix */
                        }

                            .footer-nav_social_block span.headline {
                                display: block;
                                height: 40px;
                                font-size: 16px;
                                color: #3F71AD;
                            }

                                .footer-nav_social_block span.label-social {
                                    display: block;
                                    margin-top: -30px;
                                    margin-left: 40px;
                                }

                            .footer-nav_social_block a {
                                display: block;
                                height: 32px;
                                padding-bottom: 10px;
                            }

                                .footer-nav_social_block a img {
                                    padding-right: 12px;
                                }

                .footer-copyright {
                    border-top: 1px solid rgb(210,210,210);
                    background-color: rgb(240,240,240);
                    padding: 40px 40px;
                    font-weight: lighter;
                    font-size: 14px;
                    float: left;
                    width: 900px;
                    height: 20px;
                }

                    .footer-copyright span {
                        padding-right: 30px;
                    }

                        .footer-copyright span a {
                            padding-right: 20px;
                        }