.hide{
     display:none;

}
.log{
    position:fixed;
    bottom:0;
    width:100%;
    background-color:#000;
    
    border-top:5px solid gray;
    height:160px;
    overflow:auto;
    display:none;
}
.log-frame{             
    overflow:auto;

}
.log-c{
    width:900px;
    margin:0 auto;
    height:140px;
    color:#fff;
    font-size:11px;
    font-family:verdana;
}



body {

      background-color:#F8F6F3;
      margin: 0;
      padding:0;

}

/* Stil für den benutzerdefinierten Cursor */








img{
    border:                   0;
    max-width:100%;
}       





.btn{
    cursor:                   pointer;
    text-decoration:          none;
}



@font-face{
    font-family:"Ciutadella-Regular";
    src:url("fonts/Ciutadella-Regular.otf");
 }


@font-face{
    font-family:"Ciutadella-Light";
    src:url("fonts/Ciutadella-Light.otf");
 }
 
@font-face{
    font-family:"Ciutadella-SemiBold";
    src:url("fonts/Ciutadella-SemiBold.otf");
 }
 
 
 
 
 
 
 
 

@font-face{
    font-family:"CiutadellaSlab-Rg";
    src:url("fonts/CiutadellaSlab-Rg.otf");
 }

@font-face{
    font-family:"CiutadellaSlab-Lt";
    src:url("fonts/CiutadellaSlab-Lt.otf");
 }



/* default font values */
h1,
div {
position:            relative;
    font-family:         "Ciutadella-Regular", arial;
font-size:           20px;
color:               #000;
line-height:        130%;
box-sizing: border-box!important;

}
ul,
li{
 box-sizing: border-box!important;
}

.text-green{
  color:#009036; 
}
.alert{
  color:red;
}


.hb{
width:90px!important;
margin:40px auto;
}

.hb-line{
width:inherit;
height:10px;
margin-bottom:8px;
background-color:blue;
}
/*  min height for Internet Explorer */
/*\*/
* html .boxCenterXXX {
	height: 32em;
}

/**
 *  
 */ 
h1,h2{
       

       font-family:"Ciutadella-Light";
font-weight:100;
    margin:0;
      color:#769CA3;
      font-size:46px;
      font-weight:100;
      line-height:        130%;
       
}



h3{
font-family:inherit;
font-size:inherit;
color:inherit;
font-weight:700!important;
margin-bottom:-15px;
margin-top:0;
}

.bbGallery{
float:left;
margin-right:10px;
margin-bottom:10px;
width:120px;
text-align:center;
background-color:#CFD3CF;
}



/**/
/* bbCode  */


.c-tab{
float:left;
color:inherit;
width:300px;
margin-right:30px;
line-height:130%;
}
.c-tab strong{
      font-size:16px;
      letter-spacing:2px;
      font-weight:300;
}


.c-tab .linker-email,
.c-tab .linker-links{
color:#fff;
}






.tab{
margin-bottom:-16px;

}


.tab-0{


}
.tab-1{


}

.tab-2{
float:right;
margin-right:0;
}



.bbImageCenter{

padding-bottom:8px;

}

.bbImageSmall{

margin-bottom:-24px;

}


.bbImageLeft{
float:left;

padding-bottom:8px;
padding-right:12px;
}





.overlay-box .bbList {
      margin-top:-2px;
      margin-bottom: 0;
}
.overlay-box .bbList li{
  line-height: inherit;
  margin-bottom: 4px;
  
}



.overlay-box .bbList li::before {
  
  margin-right: 8px;  
margin-left: -22px;

}

.contentImageSmall {
	float: left;
	margin-top: 5px;
	margin-bottom: 18px;
	margin-right: 10px;
}
.contentImageText {
	margin-top: 6px;
	font-size: 0.8em;
	line-height: 1.3em;
	color: #194949;
}


.cA {
	clear: both!important;
}




#system-tracker{
 display:none;
}

#screen-alpha{
  position:fixed; 
  z-index:11111111; 
  left:0px; 
  top:0px; 
  height:0px; 
  width:0px; 
  background-color      :#000; 
filter:alpha(opacity=75);
-moz-opacity:.75;
opacity:.75;  
display:none;

}

#screen-content{
  position:fixed; 
  z-index:11111112;  
  top:90px; 

/*
border:1px solid #000;

       -moz-box-shadow:3px 3px 3px #C5C8C2;
                -webkit-box-shadow:3px 3px 3px #C5C8C2;
                box-shadow:3px 3px 3px #C5C8C2;
 
 */
width:900px; 
min-height:560px;
color:#fff;
display:none;
background-color:#fff;
overflow:auto;
height: 60vh;
}