/***************************************************************
 *                                                             *
 * @author Juergen Schley <j.schley(at)21torr.com>             *
 * @copyright 2011 -- freistil Rolf Benz                       *
 * @date 2011/08                                               *
 * @version 1                                                  *
 * @lastmodified 2011/08/10                                    *
 * @section screen base                                        *
 *                                                             *
 **************************************************************/

@import url(screen_grid.css);
@import url(screen_page.css);
@import url(screen_navi.css);
@import url(screen_content.css);
@import url(../../../../../../fileadmin/media/farbschema/farbschema.css);

* { 
  margin:0; 
  padding:0;
}

div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}

a,
.fat-link-wrap a { color: #000;text-decoration: none; }

a:hover,
a:active { color: #000; }     

div.clear, br.clear { clear:both;height:1px;font-size:1px;line-height:1px; }

div.clearZero { clear:both;font-size:0; }

div.clearZero a { text-indent: -2000px; }

br.clear { clear:left; }

a:focus { 
  outline:0;
  -moz-outline:0;
}

:focus { 
  outline:0;
  -moz-outline-style:none;
}

div.right { float:right !important; }

div.csc-textpic-clear { clear:both; }

img { 
  border: 0;
  margin: 0;
  padding: 0;
}

.noMarg { margin: 0; }


#sidebar .highslide img {
  border: 0px !important;
}

#sidebar .highslide:hover img {
  border: 0px !important;
}

/************************************************
 *							   					*
 * Orientation Info                           	*
 * Only Landscape on Tablets and Handhelds	  	*
 *							  					*
 ************************************************/ 
.orientationInfo {
  background: #fff;
  width: 100%;
  /*width: 768px;*/
  height: 100%;
  position: absolute;
  z-index: 99999;
  -moz-opacity: 0;
  opacity: 0;
  top: -2000px;
  -webkit-transition: opacity 0.7s;
  display: none;
  font-family: 'Mahsuri Sans MT W01', Arial, Sans-Serif;
}
.orientationInfo .info {
  margin: 30% auto 0px;
  text-align: center;
  font-size: 20px;
  color: #000;
  -webkit-transition: opacity 0.7s;
}
.orientationInfo .info .logo {
  height: 100px;
}

.orientationInfo .info p {
  padding: 0 70px
}

.orientationInfo .info span.headline {
  font-weight: bold;
  font-size: 25px;
}

/*#logo {
  background-image: url('/typo3conf/ext/torr_template/Resources/Public/Images/_new/freistil_logo_schwarz_1x_322.png');
  width: 322px;
  height: 74px;
}*/

/* retina portrait */
/*@media only screen and (-webkit-min-device-pixel-ratio: 2) and (orientation:portrait), only screen and (min--moz-device-pixel-ratio: 2) and (orientation:portrait), only screen and (-o-min-device-pixel-ratio: 2/1) and (orientation:portrait), only screen and (min-device-pixel-ratio: 2) and (orientation:portrait), only screen and (min-resolution: 192dpi) and (orientation:portrait), only screen and (min-resolution: 2dppx) and (orientation:portrait) {
  #logo {
    background-image: url('/typo3conf/ext/torr_template/Resources/Public/Images/_new/freistil_logo_schwarz_2x_644.png');
  }
}*/

/* retina */
/*@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #logo {
    background-image: url('/typo3conf/ext/torr_template/Resources/Public/Images/_new/freistil_logo_schwarz_2x_644.png');
    background-size: 322px 74px;
  }
}*/

/* min-width: 480px */
@media only screen and (max-device-width: 320px) and (orientation : portrait) {
  html, body, .container {
    overflow: hidden;
  }
}

@media only screen and (max-device-width: 480px) and (orientation : landscape) {
  html, body, .container {
    overflow: hidden;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1280px) and (orientation : portrait) {
  .orientationInfo {
    -moz-opacity: 1;
    opacity: 1;
    top: 0px;
    display: block;
  }
  html, body, #footer {
    overflow: hidden;
  }
}