/* CSS Document caroline-helfer.ch */
@import "flexslider.css";
@import "form.css";
@import "../webfonts/icomoon.css";

/****** WEBFONTS ******/
@font-face {
    font-family: 'santana';
    src: url('../webfonts/Santana-RegularCondensed-webfont.eot');
    src: url('../webfonts/Santana-RegularCondensed-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/Santana-RegularCondensed-webfont.woff') format('woff'),
         url('../webfonts/Santana-RegularCondensed-webfont.ttf') format('truetype'),
         url('../webfonts/Santana-RegularCondensed-webfont.svg#santana-regularcondensedRg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanscondensed_light';
    src: url('../webfonts/OpenSans-CondLight-webfont.eot');
    src: url('../webfonts/OpenSans-CondLight-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/OpenSans-CondLight-webfont.woff') format('woff'),
         url('../webfonts/OpenSans-CondLight-webfont.ttf') format('truetype'),
         url('../webfonts/OpenSans-CondLight-webfont.svg#open_sanscondensed_light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sans_condensedbold';
    src: url('../webfonts/OpenSans-CondBold-webfont.eot');
    src: url('../webfonts/OpenSans-CondBold-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/OpenSans-CondBold-webfont.woff') format('woff'),
         url('../webfonts/OpenSans-CondBold-webfont.ttf') format('truetype'),
         url('../webfonts/OpenSans-CondBold-webfont.svg#open_sans_condensedbold') format('svg');
    font-weight: bold;

}

/****** STANDARDS ******/
/* FF Scrollbalken einblenden*/
:root body 	{ overflow-y:scroll; } 

/* tel links */
a[href^="tel"]:link, a[href^="tel"]:visited {
	color: inherit;
	text-decoration:none;
	cursor:default!important;
}
a[href^="tel:"]:hover {
	color: inherit!important;
}
@media only screen and (max-width:500px) {
  a[href^="tel"]:link, a[href^="tel"]:visited {
      text-decoration:underline;
	  cursor:pointer!important;
   }
}

/* Zeilenumbruch */
p {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}

/****** IDIVIDUALS ******/
body {
	background: #000 url(../img/canvas.jpg) fixed;
    font-family: open_sanscondensed_light, sans-serif;
    font-size: 1em;
    line-height: 1.5;
	margin:0;
	padding:0;
	color:#000;
}
input, textarea { font-family: open_sanscondensed_light, sans-serif; font-size:1rem}
body b { font-family:open_sans_condensedbold; font-weight:bold}
a, a:link { color:#000}

div.csc-textpic-imagecolumn, td.csc-textpic-imagecolumn .csc-textpic-image { margin-right:7px; margin-bottom:7px}

header.csc-header h1, section div h1, h1 { font-family: santana, "Times New Roman", Times, serif; font-size:1.6rem; font-weight:normal; margin:2% 0 2% 0; color:#000} 
header.csc-header h2, section div h2, h2 { font-family: santana, "Times New Roman", Times, serif; font-size:1.3rem; font-weight:normal; margin:2% 0 2% 0; color:#000}
header.csc-header h1.csc-firstHeader, .csc-firstHeader, header.csc-header h2.csc-firstHeader{ margin: 0 0 2% 0!important}
h1 a:link, h1 a:visited { text-decoration:none; color:#000}
h2 a:link, h2 a:visited { text-decoration:none; color:#000}
h3 a:link, h3 a:visited { text-decoration:none; color:#000}
h1 a:hover,
h2 a:hover,
h3 a:hover { text-shadow: 1px 1px 10px #000;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-ms-transition: all .2s easet;
-o-transition: all .2s ease;
transition: all .2s ease;}

.csc-default { margin-bottom:20px;}
.csc-uploads-element a img { padding: 5px 5px 0 0;}
.csc-uploads-fileName { padding-left: 25px; white-space:nowrap }

.wrapper {
	position:relative;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
	padding:0;
	z-index:10;
}

.hidden	{ display:none }
.fl_right { float:right}

#mainheader { background-color:#fff; z-index:20}
#mainheader:after { 
	content:""; position:absolute; height:22px; width:100%; background: url(../img/bow-white.png) no-repeat bottom; background-size: 100% 22px; z-index:20;
}
.fullheader { position:relative}
.fullheader .csc-default { margin-bottom:0!important;}
.tx-ws-flexslider:after { 
	content:""; position:absolute; height:22px; margin-top:-22px; width:100%; background: url(../img/bow-bottom.png) no-repeat bottom; background-size: 100% 22px; z-index:20
}

#logoimheader{
	width:33%;
    margin: 1.5% auto 0 auto;
  }
#logoimheader:hover{
    -moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
  }

#container {
  clear: both;
}
#container, .inner{
    width: 100%;
}
#container .wrapper { min-height:230px;   }

.clearer { clear:both}

.einespalte { padding:0 2.5%;}
.rechtespalte section{  margin:0 2.5%;}
.linkespalte, .rechtespalte {
float:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
	}

p { text-align:justify }
ul { padding:0 0 1em 1em}
ul ul { padding:0 0 0 1em}
nav ul { padding:0}

article a:link, article a:visited{ color:#333;}
article a:hover{ color:#000; transition: all 500ms ease-in-out; }
p a:link, p a:visited{ color:#333;}
p a:hover{ color:#000; }


/*** NAVIGATION ***/
/* Hauptmenue */
@media screen and (min-width: 781px) {	
#hauptnavigation { position:relative; width: 100%; height:100px; margin:0 auto; display:block; background-color:#fff; text-align:center; z-index:20;}	
#hauptnavigation .hauptmenu { display:inline; text-align:center;}
	.hauptmenu .menuitem {  display:inline;}

#hauptnavigation .hauptmenu .menuitem {text-align:center; padding:22px 0 10px 0 !important; }
}

#hauptnavigation .hauptmenu .menuitem a:link { display: inline-block; text-decoration:none; font-size: 1.5rem; line-height:1.5em ; font-family: santana, sans-serif; }
#hauptnavigation .hauptmenu .menuitem a:hover {
	-moz-transform: scale(1.075);
	-webkit-transform: scale(1.075);
	-o-transform: scale(1.075);
	-ms-transform: scale(1.075);
	transform: scale(1.075);
}

#hauptnavigation .hauptmenu .act { color:#fff; background-color:#DD2A1B }
#hauptnavigation .hauptmenu .act a:link,
#hauptnavigation .hauptmenu .act a:visited { color:#fff; font-family: santana, arial, sans-serif;}

/* Subnavigation */
@media screen and (min-width: 781px) {
nav.hauptnavi ul li:hover ul { display:inline!important}
.hauptmenu ul.submenu { position:absolute; top:63px; z-index:-1;}
}
nav.hauptnavi ul li.inactive ul { display:none}
.hauptmenu ul.submenu { left:0px; width:100%; text-align:center; overflow:hidden;
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}

li.submenuitem { text-align:center; display:inline; padding: 9px 10px;}
#hauptnavigation .hauptmenu li.submenuitem a:link { display: inline-block; padding:9px 0!important; text-decoration:none; font-size: 1.3rem!important; line-height:1rem!important ; font-family: santana, arial, sans-serif!important; }
#hauptnavigation .hauptmenu ul li a:link,
#hauptnavigation .hauptmenu ul li a:visited { color:#696969!important; }

.hauptmenu ul.submenu li.submenuitem a:hover {
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}
#hauptnavigation .hauptmenu li ul li.act a:link ,
#hauptnavigation .hauptmenu li ul li.act a:visited  {  color:#fff!important; }
.hauptmenu ul.submenu li.act:hover {
	-moz-transform: none;
	-webkit-transform: none;
	-o-transform: none;
	-ms-transform: none;
	transform: none;
}

/*** FOOTER ***/
@media screen and (max-height: 500px) {
footer { position:relative;}
.layout1 #container .wrapper { margin-bottom: 25px; }
} 
@media screen and (min-height: 501px) {
footer { position:fixed;}
.layout1 #container .wrapper { margin-bottom: 100px; }
}
footer { bottom:0px; width:100%; background-color:#fff; padding:10px 0; color:#000; font-size:0.85rem; line-height:1rem; z-index:10000;
-webkit-box-shadow:inset 0 10px 20px -10px rgba(0,0,0,.8);
box-shadow:inset 0 10px 20px -10px rgba(0,0,0,.8); }
.footer1 { float:left; width: 50%; text-align:left; } 
.footer2 { float:left; width: 50%; text-align:right; margin-left: 0%;} 

/* Copyright */
footer a:link,footer a:visited { text-decoration: none; color:#000; }
footer a:hover { text-decoration:underline;}

/*** TRANSITIONS ***/
#logoimheader, .hauptmenu .menuitem a, .submenu .submenuitem a {
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-ms-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
}

/*** map.search.ch ***/
.mapsearch-title { font-family: santana, "Times New Roman", Times, serif; font-size:1.4rem; color:#000}
.mapsearch-inhalt { font-family: open_sanscondensed_light, sans-serif; font-size: 1.4em;}

/*** LAYOUT SPECIFIC **/
/* Layout 1: w/o Header, flex cols */
.layout1 #container .wrapper {	background:#fff; }
.layout1 .hauptmenu ul.submenu { background-color:#fff!important; overflow:hidden;}


/* Layout 2: with Header, 2 fix cols */
.layout2 #hauptnavigation .hauptmenu .act,
.layout2 .wrapper, .layout2 #hauptnavigation   { background-color:transparent;} 
.layout2 .wrapper section, .layout2 section a:link, .layout2 section a:visited, .layout2 h1, .layout2 h2, .layout2 h3  { color:#fff!important} 
.rechtespaltefix { box-sizing: content-box; margin-left: 9.1%; padding-left:9.1%; border-left:1px solid #fff}


#cboxOverlay { background-image:none; background-color:rgba(0, 0, 0, 0.9)!important;}
.blur{
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -ms-filter: blur(5px);
    -o-filter: blur(5px);
    filter: blur(5px); }