/* CSS Document */

/* Notes */
/* Schriftart Logo: Tasteless Candy  */
/* Schriftart Logo Untertitel: Advert Regular  */

@import url("../css/iconSprite.css");

/******  Import Special TTF Fonts from folder ../fonts  ******/
@font-face {font-family: 'Glyphicons Halflings';src: url('../fonts/glyphicons-halflings-regular.eot');src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');}
@font-face {font-family: 'Tasteless Candy';src: url('../fonts/TastelessCandy.ttf') format('truetype');}
@font-face {font-family:'AdvertRegular';src: url('../fonts/AdvertRegular.ttf') format('truetype');}
.tastelessCandy{font-family:'Tasteless Candy';font-weight:100;}
.advert{font-family:'AdvertRegular';}
/******  END Import Special TTF Fonts from folder ../fonts  ******/

/******  Reset and common styles ******/

html{background-color:#fff;color:#000;height:100%;}
body {}

.hidden-print,
.btn,
abbr{display:none;}

h1{margin-top:0px;margin-bottom:20px;}
h1.small{line-height:1;color:rgb(153, 153, 153);font-size:24px;margin-bottom:10px;}

a{outline:none;text-decoration:none;color:#000;}
a:hover{outline:none;}
hr{border-width:0px;}

ul,li{list-style:none;}

img,fieldset{border:none;}
legend{display:none;}
label{cursor:pointer;}

.floatLeft{float:left;}
.floatRight{float:right;}
.displayNone{display:none;}
.floatTerminator{clear:both;}
.upper{font-size:60%;vertical-align:super;}
.lower{font-size:60%;vertical-align:sub;}
.center-block {display: block;margin-left: auto;margin-right: auto;}
.trennlinie{border-top:1px solid #dcdde2;height:1px;clear:both;}

#toTop {display:none;}

.panel-primary>.panel-heading{border-color:RGB(153, 153, 153);/*background-color:RGB(153, 153, 153)*/;background:url(../img/layout/background/bg_footer_hell.png)}
.panel-primary{border-color:RGB(153, 153, 153);}
.btn-default{color:RGB(177, 177, 177);}
.btn-default:hover{color:RGB(153, 153, 153);}

/******  END Reset and common styles ******/

/***  Validation GLOBALS  ***/
form input.error{border:1px solid red;}
form label.error{color:red;font-weight:normal;font-size:80%;}
form .form-control.optional{}
form .form-control.mandatory{background:rgba(238, 238, 238, 1.0);}
/***  END Validation GLOBALS  ***/

/******  Navbar ******/

.navbar{position:absolute;top:0px;left:0px}
.navbar-fixed-top{}
.navbar a{outline:none;/*background: rgba(255, 255, 255, 0.7);*/}
.navbar .containerWrapper{position:absolute;z-index:1;width:100%}
.navbar .containerWrapper .container{position:absolute;}
.navbar-header button{display:none;}

.navbar-nav{display:none;}
.navbar-brand{position:absolute;left:15px;top:15px;}

.navbar-brand span.tastelessCandy{font-size:22px;color:#fff;}
.navbar-brand span.advert{font-size:11px;color:#fff;float:left;margin:3px 0px 0px 20px}


/******  END Navbar ****************/

/******  Background SZENE ******/
.statikheader{display:block !important;height:120px;width:auto;background: url(../img/layout/background/statikheader.jpg) 0px 0px no-repeat;}
#bgFarbverlauf {display:none;}
/******  END Background SZENE ******/

/*** Body Content ***/

.headerfix{display:block !important;height:120px;width:auto;background: url(../img/layout/background/statikheader.jpg) 0px 0px no-repeat;}
#wrapper{width:100%;position:relative;overflow:hidden;}
#mask { width:100%;}
#mask .contentbox {width:100%; float:left;}

.container{}
.content {position:relative;}

.container .jumbotron{margin-top:10px;position:relative;}

.jumbotron h1{margin-top:-10px;}

/*** Site KONFIGURATOR ***/
.konfigurator .jumbotron{z-index:2;margin:0px;padding:30px;position:relative;}
.konfigurator .iconSale{position:absolute;top:0px;left:0px;}
.konfigurator .visible-xs{display:none}


.konfigurator ul{margin-top:15px;padding:0px;width:430px;}
.konfigurator li{font-weight:bold;min-height:35px;margin-bottom:2.5%;position:relative;margin-left:-55px;padding:0px;}
.konfigurator li label{margin-left:-30px;}
.konfigurator label{font-weight:bold;}
.konfigurator .iconOKBig{float:left;margin:-7px 10px 0px 0px;}

.konfigurator .trigger{display:none;}
.konfigurator .trigger_active .btn{display:none;}
.konfigurator .toggle_container {font-weight:normal;display:block !important;margin:0px 0px 0px 100px;padding:15px;background:#efefef;border-radius:8px;font-size:12px;}

.konfigurator .zusatzleistungen li{margin-left:-30px}
.konfigurator .zusatzleistungen .trigger{display:none;}
.konfigurator .zusatzleistungen .toggle_container{margin:0px 0px 0px 56px;}


.konfigurator  input[type="checkbox"]{float:left;cursor: pointer;}
.konfigurator  input[type="checkbox"]{position: absolute; clip: rect(0,0,0,0);}
.konfigurator  input[type="checkbox"] + label{height:35px;background: transparent url(../img/layout/iconSprite.png) -362px -4px no-repeat;padding-left: 56px;}
.konfigurator  input[type="checkbox"]:checked + label  {background-position:  -362px -59px;}
.konfigurator .zusatzleistungen label{padding-top:7px;width:100%;}

.konfigurator .btn {display:none;}

.konfigurator .fixedmenu{position:absolute;z-index:1;width:250px;top:350px;right:0px;}
.konfigurator .fx {position: fixed;top:0px;padding-top:440px/*gleiches padding wie #wrapper + jumbotron!*/;}

.konfigurator .menubox{}

.konfigurator .menubox p{clear:both;}
.konfigurator .menubox .number{display:inline-block;float:right;}
.konfigurator .menubox .summe{display:inline-block;float:right;}
.konfigurator .menubox .underline{display:block;background: rgb(204, 204, 204);width:100%;height:1px;}
.konfigurator .menubox form.costs{line-height:1;width:220px;}
.konfigurator .menubox form.costs .menuboxWrapper{position:relative;}
.konfigurator .menubox form.costs .background{position:relative;width:100%;padding:10px 10px 40px 10px;background:rgb(238, 238, 238);border-radius:6px;}
.konfigurator .menubox form.costs p{display:none}
.konfigurator .menubox form.costs p.foo{display:block;}
.konfigurator .menubox form.costs p.active{display:block;}
.konfigurator .menubox .sum{position:absolute;bottom:20px;width:100%;padding:0px 10px;font-weight:bold;}
.konfigurator .menubox .total{position:absolute;bottom:0px;right:8px;font-size:16px;}

.konfigurator .panel{display:none;}

/*** END Site KONFIGURATOR ***/

/*** MODUL jquery ACCORDEON ***/
.trigger {cursor:pointer;}
.trigger_active .caret{display:none;}
.toggle_container {}

/*** MODUL jquery CAROUSEL GENERALS ***/
.carousel-inner ul{padding-left:15px;}
.carousel-inner li{padding-right:10px;padding-left:10px;list-style-type:disc;}

/*** END jquery CAROUSEL GENERALS ***/

/*** MODUL jquery CAROUSEL ***/
#myCarousel{display:none;}
#myCarousel .carousel-indicators{display:none;bottom:0px}
#myCarousel img{border-radius:6px;}
#myCarousel a{outline:none;text-decoration:none;}
#myCarousel .label{display:none;/*text-align:right;position:absolute;z-index:99;bottom:0px;right:0px;line-height:36px;font-weight:normal;font-size:20px;text-transform:uppercase;display:inline-block;width:239px;height:44px;background: #585858;*/}
#myCarousel a{color:#fff;}
#myCarousel .carousel-caption{text-shadow:;text-align:left;left:45%;right:5%;}
#myCarousel .carousel-control{display:none;border-radius:6px;}
#myCarousel .carousel-control .back{display:none/*inline-block*/;;position:absolute;bottom:0px;left:0px;width:40px;height:40px;}
#myCarousel .carousel-control .next{display:none/*inline-block*/;position:absolute;bottom:0px;right:0px;width:40px;height:40px;}

/*** MODUL jquery CAROUSEL Listview  ***/

#myCarouselLW{display:none;width:100%;padding:0px 20px;}
#myCarouselLW .carousel-indicators{display:none;bottom:0px}
#myCarouselLW .carousel-inner{margin-bottom:40px;min-height:365px;background:rgb(236, 236, 236);border-radius:6px;padding:0px;}
#myCarouselLW .item{padding:50px 40px 20px 40px;}
#myCarouselLW .row a.btn{position:absolute;right:-2px;top:10px;border:0px;font-size:80%;}
#myCarouselLW .row a.btn:hover{color:#fff;text-shadow:-1px -1px 1px #999;}
#myCarouselLW img{max-width:100%;height:auto;margin-bottom:15px;}
#myCarouselLW a{outline:none;text-decoration:none;}
#myCarouselLW .label{display:none;/*text-align:right;position:absolute;z-index:99;bottom:0px;right:0px;line-height:36px;font-weight:normal;font-size:20px;text-transform:uppercase;display:inline-block;width:239px;height:44px;background: #585858;*/}
#myCarouselLW a{}
#myCarouselLW .textbox{font-size:90%;text-shadow:0px 1px 0px #fff;}
#myCarouselLW .textbox h3{margin-top:0px;}
#myCarouselLW .cs_leftBtn,
#myCarouselLW .cs_rightBtn {position:absolute;height:360px;z-index:99;}
#myCarouselLW .cs_leftBtn .back,
#myCarouselLW .cs_rightBtn .next{display:none;}
#myCarouselLW .cs_leftBtn {top:0;left:0;outline:none;display: block;background: url(../img/layout/buttons/control_left.png) no-repeat 0 0;width:39px; /* Should be as wide as the button graphic being used */}
#myCarouselLW .cs_rightBtn {top:0px;right:0;outline:none;display: block;background: url(../img/layout/buttons/control_right.png) no-repeat 0 0;width:39px; /* Should be as wide as the button graphic being used */}
#myCarouselLW a.cs_leftBtn,
#myCarouselLW a.cs_rightBtn{border:0;outline:none;}
#myCarouselLW .cs_leftBtn img,
#myCarouselLW .cs_rightBtn img {border:0;position:relative;top:0px;margin:0;width:1px;height:1px;}


/*** Site WEBAPPS ***/
.webapps{padding:0px;page-break-before:always;}
.webapps .teaser{font-size:11px;background: url(../img/layout/background/bg_servicebox.png) repeat-x 0 0;border-radius:6px;}
.webapps .teaser h1{font-size:16px;margin-top:20px}
.webapps .teaser img{width:200px;height:auto;}
.webapps .btn.send{width:100%;margin-bottom:20px;margin-left:15px;}
.webapps .btn.print{width:100%;margin-bottom:20px;margin-left:-15px;}
.webapps .iconEnvelop02{margin-top:3px;margin-right:10px;}
.webapps ul.list-style-disc li{list-style-type:disc;padding-left:10px;margin-left:-15px;}
.webapps ul.list-style-img li{list-style-type:none;margin-left:-40px;padding-left:0px;line-height:36px;margin-bottom:10px;}
.webapps ul.list-style-img span{margin-right:10px;}

.webapps form{display:none;}

.webappsample.jumbotron{margin-top:30px;width:100%;margin-bottom:30px;float:left;}

.webappsample div.row div{float:left;margin-left:20px;}
.webappsample h3{margin:0px 0px 20px 0px;color:rgb(153, 153, 153);}
.webappsample h4{display:none;}
.webappsample img{max-width:100px;height:auto;margin-bottom:20px;}
.webappsample .iconForward{margin-top:50px;}

/*** Site WEBSITES ***/
.websites{padding:0px;page-break-before:always;}
.websites img{width:100px;height:auto;float:left;margin-right:20px;}
.websites div.row div{margin-bottom:15px;}

.websites h3.referenzen{display:none;}
.websites .galerie{display:none;}

/*** REFERENZEN Gallerie ***/

.referenzen{page-break-before:always;}
.referenzen .btn{display:none;}
.referenzen .carousel{margin-top:40px;margin-bottom:0px;}

.galerie{margin-top:30px;}
.galerie h3{text-align:center;margin-bottom:30px;}
.galerie div.row div{margin-bottom:15px;}
.galerie .row a.image{display:block;width:100%;margin-bottom:40px;outline:none;}
.galerie .row .wrapper{width:100%;}
.galerie .row .trigger{}
.galerie .row .toggle_container{float:left;display:block !important;}
.galerie img{width:300px;height:auto;float:left;margin-right:30px;/*box-shadow:1px 1px 2px rgba(0, 0, 0, 0.3);*/}
.galerie .row .textbox{border:1px solid rgb(153,153,153);display:block;background:#fff;;font-size:12px;color:#333;width:300px;}
.galerie .row .textbox .titel{display:block;padding:10px;background:rgb(153,153,153);color:#fff;font-size:14px;box-shadow:0px 3px 5px rgb(177,177,177);}
.galerie .row .textbox .text{position:relative;display:block;padding:10px 10px 10px 10px;}
.galerie .row .textbox a.btn{/*position:absolute;bottom:15px;*/}
.galerie .row .textbox ul{padding-left:18px;}
.galerie .row .textbox li{padding-right:10px;padding-left:4px;list-style-type:disc;}

/***  REFERENZEN Gallerie End ***/

/*** QUOTES ***/

.quotes{position:relative;text-align:center;text-shadow:0px 1px 0px rgb(255,255,255);padding:0px 40px;margin-top:50px}
.quotes .author{font-size:14px;line-height:1.1;}
.quotes .author span{display:block;}
.quotes .author i{display:block;}
.quotes .start{/* Sonderzeichen heißt: “ */position:absolute;top:-0.4em;left:5px;font-size: 110px;line-height:1;font-family: Georgia,sans-serif;font-style:italic;;}
.quotes .end{/* Sonderzeichen heißt:  ” */position:absolute;bottom:-0.75em;right:5px;font-size: 110px;line-height:1;font-family: Georgia,sans-serif;font-style:italic;}

/*** Site KONTAKT ***/
.kontakt h1{margin-top:0px;}
.kontakt .iconEnvelop01{display:none;}
.kontakt .toggle_container {display:block !important;}
/***  Kontakt Form ***/
.kontakt .panel{display:none;}


/***  END konfig Kontaktform & webapp Kontaktform ***/

.agb .row div{margin-bottom:40px;}

/* ----------   MODUL: Routeplaner GOOGLE   ---------------------------------------------------------------------------------------------------- */

#googlerouteplaner h1{page-break-before:always;}

#googlerouteplaner #routedescription{display:none;}

#googlerouteplaner #map_canvas{display:block;width:100%;height:600px;color:#000;border-radius:8px;}


/* ----------   MODUL: Voting   ---------------------------------------------------------------------------------------------------- */
.voting{margin-top:40px;}

.voting #modulVOTE ul{padding:0px;margin:0px;}
.voting #modulVOTE li{list-style-type:none;margin:0px}
.voting #modulVOTE .labelRadio{padding-left:10px;width:120px;color:#000;}
.voting #modulVOTE .inputRadio{}
.voting #modulVOTE .question{font-weight:bold;font-size:20px;margin-bottom:30px;}
.voting #modulVOTE .answer{font-weight:normal;}
.voting #modulVOTE .btn{margin-top:30px;}

/* ----------   Seite VOTINGERGEBNIS   ---------------------------------------------------------------------------------------------------- */

.votingResult{margin-top:40px;}
.votingResult table{margin-left:0px;}

.votingResult .tdvotinganswer{line-height:1;;}
.votingResult .tdvotingresult{text-align:right;white-space:nowrap}
.votingResult .tdvotingbar{width:110px;}
.votingResult .votingbar{background: #ffff00; height:12px;border:1px solid red;}
.votingResult .date{font-style:italic;}
.votingResult .info{margin:15px 0px}


/*** POPUP SHADOWBOX ***/
body.shadowbox{}

body.shadowbox ul{padding-left:24px}
body.shadowbox li{list-style-type:disc;padding-left:10px;}
body.shadowbox .container{position:relative;z-index:0;padding-top:150px;}
body.shadowbox .statikheader{height:120px;width:100%;background:(../img/layout/background/statikheader.jpg) 0px 0px no-repeat;position:absolute;top:0px;left:0px;z-index:1;}
body.shadowbox .navbar-brand{position:absolute;top:10px;left:5px;z-index:2;padding:0px;margin-top:0px;}
body.shadowbox .navbar-brand span.advert{}

body.shadowbox .onlyImage img{width:100%;}
/*** END POPUP SHADOWBOX ***/

/*** FOOTER ***/
#footer {display:none;}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXX     AKTIONSANGEBOTE Mit Bestellformular    START     XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */



/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXX     AKTIONSANGEBOTE Mit Bestellformular    ENDE     XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */