/* cmsms stylesheet: baer modified: 09/25/18 13:30:15 */
/* allgemeine Definitionen */
html, body {
  margin:0;padding:0;
}
img {
  border: 0 none;
}
a {text-decoration: none;
}

body {
	font-size:100.1%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align:center;
	width:100%;
	overflow-y: scroll;
overflow-x:hidden
	
}
.mobileon {display:none}
.mobileoff {display:block}
/*-------------Positionen + Grösse------------------*/
#container {
 	height: 100%;
 	margin: 0px auto;
  	text-align: left;
  	max-width:1280px;
margin-top:4em;
 }
object {
  min-width: 100%;
  min-height: 101% !important; //not 100% but more than 101
}
#header { display:block; position:relative; height:80px; width:100%}
#logo {position:relative;float:left; margin:12px 0 0 0px; z-index:99}
#search {position:absolute; right:0;top:0; margin-bottom:5px}
#headerimage {position:relative; top:-20px; z-index:0; height:334px}
#telefon {float:right}
#content { width:80%;margin-left:12%;margin-top:4em; }
#inhalt { text-align:left; 
}

.left, .center , .right {width:260px; float:left; margin-bottom:10px; }
.left, .center  {margin-right:35px}

.bild {margin-bottom:30px; margin-top:20px}
.galerie {margin-bottom:40px; margin-left:-31px}
#footer { text-align:left; margin-top:2em; margin-bottom:4em }
.item-properties p {margin:0; padding:0}
/*----------------start------------------*/
#start #content {width:100%; margin-left: 12%;}
#startblock .item {float:left; width:230px; margin-right:20px}
#start #content h2 {margin-top:2em}
#start p {margin:0}
/* ------------ Standard  HTML default settings ------------ */
 p.none {display:none;}

p {
	padding: 0;
	margin-top: 0em;
    margin-bottom: 1em;
  
}
h1, h2, h3, h4, h5 {
font-weight: bold;
margin-top:0;		}

table{
border-collapse:collapse;
}
table td{padding-right:0px; }
img {max-width:100%; height:auto}

/*---------------fontsize---------------*/

#container {font-size:0.85em}
 #footer {font-size:0.85em}
#inhalt {font-size:0.9em; line-height:1.7em}
#text ,#primary-nav li a { }
ul#primary-nav li ul a  {}
#menu_horiz a, h1, h2 {text-transform:uppercase; font-weight:bold; font-size:0.85em }
h1 {font-weight:normal; font-size:2em;letter-spacing:0.05em}
h2 {font-size:1.5em}
#startblock h2 {font-size:1em}
#telefon {font-weight:bold}

/*-------Farben -----------*/

body{background-color:#FFFFFF;color:#000000;}
#menu_horiz a, #startblock h2 a {color:#000000}
#menu_horiz a.menuactive,#menu_horiz a.currentpage, #menu_horiz a:hover {border-bottom: 3px solid #D2232A;
}
#telefon, #footer {color:#797979}
a, a:link, a:active {color:#D2232A}



/*-----------------MENU HORIZONTAL-------------------*/
/* hack for IE6 */
* html div#menu_horiz {
/* hide ie/mac \*/
	height: 1%;
/* end hide */
}
div#menu_horiz {
	width: 800px;
	margin:0;
position:absolute;
bottom:10px;
right:-80px; height:20px;z-index:99

}
div#menu_horiz ul {
	list-style-type: none;
	margin: 0;
height:100%;

}

div#menu_horiz li {
	float: left;
	list-style: none;
	margin:0px 20px 0 0;
background-image:none;
padding:0
}

div#menu_horiz a {
	padding:0 0px 0 0; /*für untere linie haupt navi 3. wert auf 8px*/
	margin: 0;
	text-decoration: none;
	display: block;
}

div#menu_horiz a span, div#menu_horiz li.parent a span, div#menu_horiz li.parent a:hover span, div#menu_horiz li.menuactive a span  {
	padding-left: 0px;
}
/* cmsms stylesheet: crossover modified: 09/24/18 14:41:19 */
/* accessibility */
/* menu links accesskeys */
span.accesskey {
	text-decoration: none;
}
/* accessibility divs are hidden by default, text, screenreaders and such will show these */
.accessibility, hr {
/* position set so the rest can be set out side of visual browser viewport */
	position: absolute;
/* takes it out top side */
	top: -999em;
/* takes it out left side */
	left: -999em;
}
/* definition tags are also hidden, these are also used for accessibility menu links */
dfn {
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0;
	height: 0;
	overflow: hidden;
	display: inline;
}
/* end accessibility */
/* wiki style external links */
/* external links will have "(external link)" text added, lets hide it */
a.external span {
	position: absolute;
	left: -5000px;
	width: 4000px;
}
a.external {
/* make some room for the image, css shorthand rules, read: first top padding 0 then right padding 12px then bottom then right */
	padding: 0 12px 0 0;
}
/* colors for external links */
a.external:link {
	color: #18507C;
/* background image for the link to show wiki style arrow */
	background: url(https://www.baerholzschutz.ch/uploads/NCleanBlue/external.gif) no-repeat 100% -100px;
}
a.external:visited {
	color: #18507C;
/* a different color can be used for visited external links */
/* Set the last 0 to -100px to use that part of the external.gif image for different color for active links external.gif is actually 300px tall, we can use different positions of the image to simulate rollover image changes.*/
	background: url(https://www.baerholzschutz.ch/uploads/NCleanBlue/external.gif) no-repeat 100% -100px;
}
a.external:hover {
	color: #18507C;
/* Set the last 0 to -200px to use that part of the external.gif image for different color on hover */
	background: url(https://www.baerholzschutz.ch/uploads/NCleanBlue/external.gif) no-repeat 100% 0;
	background-color: inherit;
}
/* end wiki style external links */
/* clearing */
/* clearfix is a hack for divs that hold floated elements. it will force the holding div to span all the way down to last floated item. We strongly recommend against using this as it is a hack and might not render correctly but it is included here for convenience. Do not edit if you dont know what you are doing*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clear {
	height: 0;
	clear: both;
	width: 90%;
	visibility: hidden;
}
#main .clear {
	height: 0;
	clear: right;
	width: 90%;
	visibility: hidden;
}
* html>body .clearfix {
	display: inline-block;
	width: 100%;
}
* html .clear {
/* Hides from IE-mac \*/
	height: 1%;
	clear: right;
	width: 90%;
/* End hide from IE-mac */
}
/* end clearing */
/* cmsms stylesheet: handheld modified: 09/25/18 13:46:47 */
@media screen and (min-width: 751px) and (max-width: 1050px)
{
#start #content {margin-left:1%}
#telefon {margin-right:1%}
}


@media screen and (max-width: 750px) {

body {
margin:0;
padding:0;
width:100%;
}
div#container {width:100%;min-width:0;  margin:1em 0 0 0 }
div#header {height:auto}
div#logo, div#telefon {float:none}
div#logo {margin:0 0 1em 1em}
div#telefon {margin:0.5em 0 1em 0.5em}

#inhalt, #content{width:99%}
#inhalt, #startseite #inhalt, #footer {margin:0 0.5em 0 0.5em; }
div#content {margin:1em 0 0 2px}
.mobileon {display:block}
.mobileoff {display:none}

/*--------images------------*/

div #headerimage {max-width:100%; height:auto; top:0;}
div #headerimage object {max-width:100%; height:auto}
img {max-width:100% ; height:auto }
Iframe {width:99% !important; height:99%}

/*----startseite------*/
#startblock .item {margin-right:0px; width:99%; margin-bottom:40px}
#start #content {width:auto}
#start #content h2 {margin:0.5em 0 0 0}

/*------------listit--------------*/
.left, .center, .right {float:none; width:99%}

/*----galerie------*/
div .galerie {margin: 0 0 1em 0}
div .gallery .img {height:auto;margin:0 }
div .gallery .img img {width:100px}

/*------ prettyPhoto styling for small screens---------- */
.pp_pic_holder{ width: 100% !important; left: 0px !important;}
.pp_content { height: auto !important;  width: 100% !important;}
.pp_fade {  width: 100%!important; height: 100%!important; }
#pp_full_res img { height: 100% !important; width: 320px !important;}
a.pp_close { right: 10px!important; top: 10px!important; }
.pp_expand {display:none !important} /*----vergrösserungssymbol------*/
div .pp_details { width: 100%!important; padding-left: 3%; padding-right: 4%; padding-top: 10px; padding-bottom: 10px;  margin-top: 30px !important; background-color: #363636; margin-left:-18px !important }
div .pp_description {float:left; margin-left:0px; font-size:0.85em}
div .pp_gallery {display:none !important}

/*-----font u.farbe---------*/
div#container, div#inhalt {font-size:1em; line-height:1.4em}
div#menu_horiz {font-size:0.85em !important;}
h1 {font-size:1.3em;line-height:1.4em; margin-bottom:0.5em}
h2 {font-size:1.1em}
#menu_horiz li {background-color:#efefef}
#menu_horiz a {color:#000000}
#menu_horiz a:hover {border:none; }
#menu_horiz a.menuactive{border:none;color:#d2232a}
/*-------------horiz menu für Browser wird vert----------*/
div#menu_horiz {
	margin: 0 ;
	padding: 0;
height:100% !important;
position:relative;
bottom:0;right:0px;
width:100%;
height:auto;
}
div#menu_horiz ul {
	list-style: none;
	margin: 0px 0 0 0 0px;
	padding: 0px;line-height:1.4em
}
#menu_horiz li {
	list-style: none !important;
	margin: 0px 0px -1px !important;
	padding: 0px 0px 0px 0px !important;background-image:none;
float:none !important;
border-bottom:2px solid #ffffff
	}

div#menu_horiz span {padding-left:5px !important}
#menu_horiz li.currentpage {
	padding: 0px 0px 3px 0px;
}
#menu_horiz li.menuactive {
	margin: 0;
	padding: 0px;
	}
#menu_horiz li.activeparent {
	margin: 0;
	padding: 0px 0 0 0;
}
/* fix stupid IE6 bug with display:block; */
* html #menu_horiz li {
	height: 1%;
}
* html #menu_horiz li a {
	height: 1%;
}
* html #menu_horiz li hr {
	height: 1%;
}
/** end fix **/
div#menu_horiz a {
/* IE6 has problems with this, fixed above */
	display: block;
	padding: 0.3em 0em 0.3em 0.5em;
	min-height: 1em;/* Fixes IE7 whitespace bug */
	text-decoration: none;
}


/*---------------------position level 2----------------------*/
#menu_horiz ul ul {
	margin: 0;
	padding: 0;
	}
#menu_horiz li.menuactive ul {	margin: 0;}
#menu_horiz ul ul li {padding:0; margin:0}
div#menu_horiz ul ul a {
		padding: 0.3em 0 0.3em 2.8em;
}

}