#css-debug {position:fixed;border:1px solid fuchsia;font-size:10px;font-family:arial;background:white;opacity: 0.6;line-height:10px;}
#css-debug:after { content: "-"; }
.css-dbg {width:7px;height:10px;float:left; background:blue;display:none;font-size:10px;line-height:10px;color:white;margin-right:1px;}
#css-debug-1 { background:red;}
#css-debug-2 { background:green;}
#css-debug-3 { background:fuchsia;}
#css-debug-4 { background:maroon;}
#css-debug-5 { background:orange;}



/* #0
################# DEFAULT ################# */
.col-margin {
  display: none;
}

/*
.col-main {
  float:left;
  width:67%;
  margin-top:-85px;
}
.col-nav {
  float:left;
  width:28%;
  padding-left:2%;
  margin-right:5%;
}
*/

.col-main {
  float:left;
  /*width:500px;*/
  width:60%;
  margin-top:0px;
  padding-bottom:60px;
}
.col-nav {
  float:left;
  width:284px;
  padding-left:15px;
}


.paper-frame {
  background: url(/layout/pattern_frame.png) repeat-y top left;
  opacity: 1;
  width:100%;
  min-height: 100%;
  margin-left:-70px;
}

.paper {
  background: url(/layout/pattern_inner.jpg) repeat-y 15px 0;

  min-height: 100%;

}

/*
footer .footer-paper-frame {
  background: url(/layout/footer_frame.png) no-repeat top left;
  height: 329px;
}
footer .footer-paper-inner {
  background: url(/layout/footer_inner.jpg) no-repeat 32px 0px;
  height: 329px;
}
*/

#search_div {
/*  	top: 18px !important;*/
/*  	right: 100px !important;*/
  	width: 100% !important;
  	margin: 0 !important;
/*  	position: absolute !important;*/
        display: block;
/*        width:27%;float:right;position:relative;margin-bottom:10px;margin-top:-15px;margin-right:-10px;padding-bottom:10px;text-align: left;*/

  }
  
  #search-margin {
      
  
      width: auto;
          padding-left: 10px;
    margin-right: 30px;
  }
 input.search-input {
    width: 100%;
    height: 40px !important;
    padding-left: 35px !important;
    background: url(/layout/search_black.png) no-repeat  7px 7px;
    background-size: 20px 20px;
    font-size: 16px !important;
}

/* ################# SHOW-CLASSES #################*/

@media all and (min-width: 10px) {
  .mshow-1 { display:block; }
  .mshow-2 { display:none; }
  .mshow-3 { display:none; }
  .mshow-4 { display:none; }
  .mshow-5 { display:none; }
  .mshow-d { display:block; }
  .mshow-m { display:block; }
}
@media all and (min-width: 521px) {
  .mshow-1 { display:none; }
  .mshow-1.andhigher { display:block; }
  .mshow-2 { display:block; }
}
@media all and (min-width: 769px) {
  .mshow-2 { display:none; }
  .mshow-2.andhigher { display:block; }
  .mshow-3 { display:block; }
  .mshow-d { display:block; }
  .mshow-m { display:none; }
}
@media all and (min-width: 1025px) {
  .mshow-3 { display:none; }
  .mshow-3.andhigher { display:block; }
  .mshow-4 { display:block; }
}
@media all and (min-width: 1600px) {
  .mshow-4 { display:none; }
  .mshow-4.andhigher { display:block; }
  .mshow-5 { display:block; }
}


.xfooter-paper-frame {
	margin-left: 0px;
}


@media all and (max-width: 1150px) {
	html, body {
	    height: 100%;
	    min-height: 100%;
	    width: 100%;
	}	
	body {
	    overflow-x: hidden;
	    overflow-y: auto;
	}	
	.paper-frame { 
		margin: 0;
		margin-left: 16px;
	}
	.iwsetter {	
		max-width: auto;
		width: 100%;
	}
	.ad_banner_right {	
		margin-left: 45px;
		margin-bottom: 20px;
		top: 0px;
		position: relative;
	}
	.page.owsetter {
	}
	
	.xfooter-paper-frame {
		margin-left: 170px;
	}
	
	footer {
	   width:100%;
	   text-align: center;
	}
	
	.header_image {
		width: 100%;
		height: auto;
	}	
	
}




@media all and (max-width: 1160px) {
	
}


@media all and (max-width: 980px) {
	.paper-frame { margin: 0; margin-left: 0px; }
	footer {
	   padding-left: 18%;
	}
	.header_image {
	    margin-left: 0px;
	}	
}
@media all and (max-width: 850px) {
	.col-main {
	  width:57%;
	}
}



/* ################# SHOW-CLASSES ################# */
















/* #5
################# LARGE DESKTOPS ################# */
@media all and (min-width: 1600px) {
#css-debug:after { content: "XL"; }
#css-debug-5 {  display:block; }

}/* #5 END */




/* #4
################# DESKTOPS ################# */
@media all and (min-width: 1025px) and (max-width: 1599px) {
#css-debug:after { content: "L"; }
#css-debug-4 {  display:block; }

}/* #4 END */



/* #3
################ PAD LANDSCAPE ################# */
@media all and (min-width: 769px) and (max-width: 1024px) {
#css-debug:after { content: "PAD L 1200"; }
#css-debug-3 {  display:block; }


img.thumb { width:100%;height:auto;margin:10px 0 !important; }
  .left-float-image { width:50%;height:auto; margin-right:10px;}
  .right-float-image { width:50%;height:auto; margin-left:10px;}
}/* #3 END */


/* # OnlyMobileVer */
/* ################# MOBILES VERSION #################
@media all and (max-width: 1023px) {
}
*/


/* #3X - break - start different view
################# X VIEW ################# */
@media all and (max-width: 768px) {

  /* GALLERY */
  .gallery_overview { margin-bottom:20px;background:#EEE; }
  .gallery_overview img {float:none;margin:0px 20px 0px 0px;width: 100%;}
  .gallery_albuminfo {}
  .gallery_albuminfo a, .gallery_description {margin:15px 15px; display: block;}
  .galleria-container.fullscreen .galleria-info { width: 50%;  }

  /* FORMS */
  div.form-table .tab-row { display:block; }
  div.form-table .a { float:left;display:block;width:100%;padding:0; }
  div.form-table .b { float:left;display:block;width:100%;margin-bottom:14px;padding:0; }
  div.form-table .captcha small { display:none; }

  /* SEARCH DIV */
  #search_div {
/*  	top: 18px !important;*/
/*  	right: 100px !important;*/
  	width: 100% !important;
  	margin: 0 !important;
/*  	position: absolute !important;*/
        display: none;
/*        width:27%;float:right;position:relative;margin-bottom:10px;margin-top:-15px;margin-right:-10px;padding-bottom:10px;text-align: left;*/

  }
  input.search-input {
    width: 100%;
    height: 40px !important;
    padding-left: 35px !important;
    background: url(/layout/search_black.png) no-repeat  7px 7px;
    background-size: 20px 20px;
    font-size: 16px !important;
}
  .xfooter-paper-frame {
	margin-left: 0px;
  }

  .ad_banner_right,
  .ad_banner_content {
  	display: none
  }
  
  .ad_banner_right_mobile,
  .ad_banner_content_mobile {
  	display: block;
  }
  

  #fancybox-img {    width: 80%;  }

  img.thumb { width:100%;height:auto;margin:10px 0 !important; }
  .left-float-image {    float:none !important; width:100%;height:auto; }
  .right-float-image {    float:none !important;width:100%;height:auto;  }
   .left-float-image img, .right-float-image img { width:100%;height:auto;}
  div.image-subscription {    
    padding: 1px 4px;
    font-size: 10px;
    line-height: 10px;
    padding-bottom: 9px;
    text-align: center;
}


  /* MAIN LAYOUT */
  .iwsetter { width:100%;padding:0 0px;max-width:768px; }
  .col-margin { float:none; width:100%; }
  .col-main { float:none; width:100%; padding:10px 0px; }
  .col-nav { display:none; }
  /*footer {position: static;height:auto;min-height: auto;margin-top:-100px; } */

  footer { padding:0; }

/* nützlich
.center-content { border-left:20px solid transparent; border-right:20px solid transparent; }
  .content-wrapper { padding:0 20px 0 20px !important; }
  footer {position: static;height:auto;min-height: auto; }
*/

  .main-content {   margin-top: -50px;  }

  .mob-navi-icon { display: block !important; }

  .div-table { display: block; }
  .div-trow { display: block; }
  .div-cell { display: block; }

  .div-cell.ct-0-img { width:50%; }
  .div-cell.ct-0-img img { width:100%;height:auto; }
  .div-cell.ct-0-txt { width:50%; }

  h1 { font-size:30px !important; }
  
  h2 { font-size:18px !important;  }
  
  .paper-pad {
    padding:30px 0 50px 0;
  }
  
  h3 { font-size:15px !important; font-weight:bold !important; }

  h4 { font-size:14px !important; }

  .platocontent {
    padding: 0 15px;
  }


  .paper-frame {
    background: none;
    opacity: 1;
  }

  .paper {
    background: url(/layout/pattern_inner.jpg) repeat-y -50px 0 ;

    min-height: 100%;

  }

}/* #3X END */



@media all and (max-width: 740px) {

	#mobile-navigation {
	  top:73px !important;
	}

}


/* #2
################# MOBILES LANDSCAPE - PAD PORTRAIT ################# */
@media all and (min-width: 521px) and (max-width: 768px) {
  #css-debug:after { content: "M L / PAD P 768"; }
  #css-debug-2 {  display:block; }

}





/* #1
################# MOBILES ################# */
@media all and (max-width: 520px) {
  #css-debug:after { content: "M 520"; }
  #css-debug-1 {  display:block; }
 

  .header_image img {  margin-left: -40px; }

}