/*
Grunddefinitionen, teilweise auch in anderen CSS verwandt
 
ausgangswert                      aufgehellt auf farbfläche     abgedunkelt auf weiß   Linie DOKs
slot1 VDB (r255 g0 b0)/#ff0000          #f86a6d (50%)                 #feefef (5%)     #ffcccc
slot2 TTX (r0 g135 b255)/#0087ff        #489afb (70%)                 #eff8ff (5%)     #bad8ff
slot3 ZBS (r150 g130 b100)/#968264      #8f7e63 (88%)                 #f9f7f5 (5%)     #ff99ff
slot4 VDBs(r255 g0 b255)/#ff00ff        #fa69fa (50%)                 #ffeefe (5%)     #dedad0

fontello icon-font, siehe  auch fontello.css:
0xe805    icon-check
0xe804    icon-check-empty
0xe807    icon-circle-empty   
0xe808    icon-dot-circled    
0xe802    icon-layout     
0xe803    icon-menu   
0xe806    icon-arrow-combo    
0xe809    icon-up-open-big
0xe800    icon-down-open-big
0xe80a    icon-left-open-big
0xe801    icon-right-open-big
*/

@font-face { font-family: "TazLight"; 
  src: url("static/fonts/Taz_3_.eot"); 
  src: url("static/fonts/Taz_3_.eot?#iefix") format("embedded-opentype"),
  url("static/fonts/Taz_3_.woff") format("woff"),
  url('static/fonts/Taz_3_.ttf') format('truetype'),
  url('static/fonts/Taz_3_.svg#webfont') format('svg');
  font-weight: normal;
  font-style: normal; 
  /*letter-spacing:0.025em;*/

}
@font-face { font-family: "TazSemiBold"; 
  src: url("static/fonts/Taz_6_.eot"); 
  src: url("static/fonts/Taz_6_.eot?#iefix") format("embedded-opentype"),
  url("static/fonts/Taz_6_.woff") format("woff"),
  url('static/fonts/Taz_6_.ttf') format('truetype'),
  url('static/fonts/Taz_6_.svg#webfont') format('svg');
  font-weight: normal;
  font-style: normal; 
  /*letter-spacing:0.025em;*/
}


html,body { 
  font-size:100%;
  /* text-align:center;
  margin: 0 auto;
  min-width:1065px;max-width:1420px;*/
  min-width:1065px;
  height:100%;
  font-family: TazLight, Verdana, sans-serif;
  font-size: 0.95rem;/*15px;*/
  font-size:100%;
  letter-spacing:0.025em;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  -ms-hyphenate-limit-chars: 6 3 2;
  hyphenate-limit-chars: 6 3 2;
  /*text-rendering: optimizeLegibility;
  text-rendering: geometricPrecision;*/
 } 

body{
  height:100%;
  background:#fff;
  color:#555;
  /*box-sizing:border-box;
  -o-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;*/
}

/* apply a natural box layout model to all elements */
*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

/*p {margin:0;padding:0;}*/

a {text-decoration:none;background:transparent;outline:none;}
a:active, a:focus {outline: none;}

input{border:none;background:transparent;color:#555;}

input[type="radio"],
input[type="checkbox"] {
  display: none;
}
input[type='checkbox'] + label:before,
input[type='radio'] + label:before {
  font-family: 'fontello';
  padding-right: 0.9em;
  font-size:16px;
}

input[type="radio"] + label:before {
  content: "\e807"; /* Radio Button Unchecked */
}
input[type="radio"]:checked + label:before {
  content: "\e808"; /* Radio Button Checked */
}
input[type="checkbox"] + label:before {
  content: "\e804"; /* Checkbox Unchecked */
}
input[type="checkbox"]:checked + label:before {
  content: "\e805"; /* Checkbox Checked */
}
input[type="checkbox"]:required{
  display:inline;
}

input {
    -webkit-appearance: none; 
    -moz-appearance: none; 
}
input:focus{outline:none;}
input:active{outline:none;}

select {
  border: 0 !important; 
  -webkit-appearance: none;  
  -moz-appearance: none;
  background:transparent;
}

.fs12{font-size:12px;}
.fs15{font-size:15px;}

.slot1{border-color:#f00!important;}
.slot1 a{color:#f00!important;}
.slot2{border-color:#0087ff!important;}
.slot2 a{color:#0087ff!important;}
.slot3 {border-color:#968264!important;}
.slot3 a{color:#968264!important;}
.slot4{border-color:#f0f!important;}
.slot4 a{color:#f0f!important;}
/* layout */
#all{height:100%;}
#oouter{
 height:100%;
 text-align:center;
 margin: 0 auto;
 /*min-width:1065px;max-width:1385px;*/
 min-width:1050px;max-width:1370px;
}
#outer{
 height:100%;
  font-size:100%;
  margin:0 45px 0 45px;
  /*padding:0 45px 0 45px;*/
}

#main{ 
  height:100%;
  position:relative;/*float:left; */
  font-family: TazLight, Verdana, sans-serif;
  font-size: 0.95rem;/*15px;*/
  text-align:left;
  margin:0;padding:0;
  min-width:960px; /*960 bis 1380  ein border pix*/  
  max-width:1280px;
  line-height:1.333;
  /*background:#fff;*/
}
#main b{
 font-family: TazSemiBold, Verdana, sans-serif;
 font-weight:normal;
}
#main i{
 font-family: 'Times New Roman',Times, serif;
 font-weight:bold;
}
#main a{color:#555;text-decoration:none;}
#main a:hover{color:#555;text-decoration:none;}

#imprint{
  font-family:TazLight;
  /*font-size: 0.8rem;*/
  font-size:11px;
  letter-spacing:0.025em;
  text-align: justify;
  -o-text-align-last:justify;
  -ms-text-align-last:justify;
  -moz-text-align-last:justify;
  -webkit-text-align-last: justify;
  text-align-last:justify;
  position:absolute;
  right:-5px;
  top:54px;
  margin:0 0 0 0px;padding:7px 0 0 7px;
/*min-height:230px;width:44px;max-width:44px;*/
min-width:168px;
min-height:30px;
background:transparent;
  -moz-transform:rotate(-90deg);
  -webkit-transform:rotate(-90deg);
  -ms-transform:rotate(-90deg);
  -o-transform:rotate(-90deg);
  transform:rotate(-90deg);
  -moz-transform-origin: right top;
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top;
}

/* modal und overlay in eigenem css*/

#minisearch{font-size:12px;color:#555;background-color:transparent;}
#minisearch input{
  background-color:transparent;
  font-size:12px;
  color:#555;
  letter-spacing:0.025em;
  border-style:none;
  width:6em;
  -webkit-appearance: none; 
  -moz-appearance: none; 
}
#minisearch_input::-webkit-input-placeholder { color:#555;     opacity:1!important; }
#minisearch_input::-moz-placeholder { color:#555;    opacity:1!important; }
#minisearch_input::-ms-placeholder { color:#555;    opacity:1!important; }
#minisearch_input::-o-placeholder { color:#555;    opacity:1!important; }


/* ab hier eraser quads 
 * werden wohl nicht mehr gebraucht...
 *
 * */

.quad15{
    position:relative;top:-7px;left:-7px;width:15px;min-width:15px;height:15px;min-height:15px;z-index:99;background:#fff;margin:0;padding:0;
float:left;
}
.rec7_n{
    position:relative;top:0px;left:1px;width:7px;min-width:7px;height:1px;min-height:1px;z-index:99;background:#fff;margin:0;padding:0;
    float:left;
}
.quad15_nw{
    position:relative;top:0px;left:0px;width:7px;min-width:7px;height:7px;min-height:7px;z-index:99;background:#fff;margin:0;padding:0;
    float:left;
}
.rec15_e{
    position:relative;top:0px;right:-7px;width:7px;min-width:7px;height:1px;min-height:1px;z-index:99;background:#fff;margin:0;padding:0;
    float:left;
}

/*micro clearfix */
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }

.innergrid{
position:relative;top:0;left:0;padding:7px 0px 0px 7px;margin-right:7px;margin-bottom:7px;
border-left:1px solid #000;border-top:1px solid black;
}
.innergrid_full{
position:relative;top:0;left:0;padding:7px 7px 7px 7px;margin-right:0px;margin-bottom:0px;
border-left:1px solid #000;border-top:1px solid black;
}

.igo{
position:relative;top:0;left:0;padding:7px 7px 7px 7px;margin-right:0px;margin-bottom:0px;
border:1px solid black;
}
.igi{
}

.igo:before{
    content: "";
    display: block;
    background: #fff;
    position: absolute;
    top: -1px;
    left: -1px;
    width: 7px;
    height: 7px;
}
.igo:after{
    content: "";
    display: block;
    background: #fff;
    position: absolute;
    top: -1px;
    right: -1px;
    width: 7px;
    height: 7px;

}
.igi:before{
    content: "";
    display: block;
    background: #fff;
    position: absolute;
    bottom: -1px;
    left: -1px;
    width: 7px;
    height: 7px;
}
.igi:after{
    content: "";
    display: block;
    background: #fff;
    position: absolute;
    bottom: -1px;
    right: -1px;
    width: 7px;
    height: 7px;
}