/* DATEI: style.css */

/* GENERAL  */
body  { 
	padding: 0; 
	margin: 10px;
	background:#fff;
	}
/* --- */

/* FONTS */
body, .txt_normal {
	/* font-size: 68.75%; =11px */
	/* font-size: 75%; =12px */
	font-size: 113%; /* =18px */
	/* */ line-height:1.35em;
}

h1 {
	padding:0;
	margin:0;
	font-family: "LetterGothicMTStd-Bold-webfont", "LetterGothicStd", Lucida Console, Monaco, monospace;
	font-size: 1.6em;
	font-weight: normal;
	color:inherit;
	line-height:normal;
	/* letter-spacing:1px; */
	margin:1em 0 0.5em;
	text-transform:uppercase; 
}
.invisible { display:none; font-size:1em; padding:5px 0; }

#div_contentLeft {
	font-family: "LetterGothicMTStd-Bold-webfont", "LetterGothicStd", Lucida Console, Monaco, monospace;
	font-size:1em; 
	line-height:1.35em;
}
/* --- */

/* LAYERS */
div { 
	position:relative;
	padding: 0; 
	margin: 0;
	border: 0;
	background:transparent;
	text-align:left;
	visibility:visible;
	}

#div_hcontainer { text-align:center; }
#div_hcenter { position:relative; top:0; margin:0; width:100%; max-width:610px; min-width:290px; height:auto; text-align:left; background:#fff; border:0; }

	#div_wrapHeader { position:relative; z-index:90; left:0; top:0; width:100%; height:auto; }
		#logo { position:relative; z-index:11; left:0; top:0; }
		#mainnav {  position:relative; z-index:12; left:0; top:5pt; }

	#div_wrapContent { position:relative; z-index:90; left:0; top:0; width:100%; height:auto; padding-bottom:20pt; }
		#div_containerLeft { position:relative; float:none; z-index:51; margin:0; padding:0; left:0; top:5pt; width:100%; min-height:0; overflow:visible; }
			#div_contentLeft { padding:0; }
		#div_containerMain { position:relative; float:none; z-index:55; margin:0; padding:0; left:0; top:5pt; width:100%; min-height:0; overflow:visible; }
			#div_contentMain { padding:0; }
		#div_containerRight { position:relative; float:none; z-index:59; margin:0; padding:0; left:0; top:5pt; width:100%; min-height:0; overflow:visible; }
			#div_contentRight { padding:0; }

#div_wrapContent img { max-width:100%; } 

#div_print_header { display:none; }
#div_print_footer { display:none; }
/* --- */

/* IMFARNEN content cols / width */
body.cols_2-5 #div_containerMain { width:100%; }
body.cols_2-5 #div_containerRight { width:100%; }
body.cols_3-4 #div_containerMain { width:100%; }
body.cols_3-4 #div_containerRight { width:100%; }
body.cols_4-3 #div_containerMain { width:100%; }
body.cols_4-3 #div_containerRight { width:100%; }
body.cols_5-2 #div_containerMain { width:100%; }
body.cols_5-2 #div_containerRight { width:100%; }
body.cols_7-0 #div_containerMain { width:100%; }
body.cols_7-0 #div_contentMain { padding:0; }
body.cols_7-0 #div_containerRight { display:none; }

/* IMFARNEN content colors per section */
#mainnav ul li ul { background:#fff !important; }

/* IMFARNEN intro */
body.intro #div_wrapContent { position:relative; z-index:20; left:0; top:0; width:100%; height:auto; background:#fff; }
body.intro #div_containerMain { position:relative; float:none; left:0; top:10pt; width:100%; height:auto; padding:0; background:#fff; overflow:visible; }
body.intro #div_contentMain { width:100%; padding:0; color:#3c2326; }
body.intro #logo { display:block; }
body.intro #div_containerLeft { position:relative; float:none; left:0; top:10pt; width:100%; }
body.intro #div_containerLeft h1 { color:#3c2326; }
body.intro #div_containerRight { display:none; }
/* --- */

/* NAVIGATION */

/* mainnav */
#mainnav ul.level_1 {
	width:100%;
}
#mainnav ul.level_1 li {
	width:auto;
	margin:2px 5px 2px 0;
	font-size: 1em;
	line-height:1em;
}
#mainnav ul.level_1 li.first {
	margin:2px 5px 2px 0;
}
#mainnav ul.level_1 a {
	padding:2px 5px;
	font-size: 1.2em;
	line-height:1.3em;
}
#mainnav ul.level_1 li.active, #mainnav ul.level_1 li.trail {
	display:block;
	width:100%;
}
#mainnav ul.level_1 a.active, #mainnav ul.level_1 a.trail {
	text-align:left;
	/* 
	font-size: 1.5em;
	font-weight: bold;
	line-height:1.7em;
	 */
}
/* pure CSS mouseovers? */
#mainnav ul.level_1 li.submenu ul.level_2 {
	display:none;
}
#mainnav ul.level_1 li.submenu:hover ul.level_2 {
	display:none;
}
#mainnav ul.level_1 li.active ul.level_2, #mainnav ul.level_1 li.trail ul.level_2 {
	display:block;
}
#mainnav ul.level_1 li.active:hover ul.level_2, #mainnav ul.level_1 li.trail:hover ul.level_2 {
	display:block;
}
/* */

/* subnav */
#mainnav ul.level_2 {
	/* display:none; */ 
	margin:0 0 15px;
	padding:0;
	width:100%;
}
#mainnav ul.level_2 li {
	float:left;
	margin:2px 5px 2px 0;
	padding:1px 0;
	width:auto;
	font-size: 1em;
	line-height:1em;
}
#mainnav ul.level_2 a {
	padding:2px 5px;
	font-size: 1.2em;
	line-height:1.3em;
}
#mainnav ul.level_2 li.active, #mainnav ul.level_2 li.trail {
	display:block;
	width:auto;
}
#mainnav ul.level_2 a.active {
	/* font-weight: bold; */
	font-size: 1.2em;
	font-weight: normal;
	line-height:1.3em;
}

/* contao */
#div_wrapContent .caption { float:right; width:65%; }
body.cols_2-5 #div_wrapContent .caption { width:65%; }
body.cols_3-4 #div_wrapContent .caption { width:65%; }
body.cols_4-3 #div_wrapContent .caption { width:65%; }
body.cols_5-2 #div_wrapContent .caption { width:65%; }
body.cols_7-0 #div_wrapContent .caption { width:65%; }

#div_wrapContent .ce_gallery li { float:left; margin:0 15px 15px 0; padding:0; line-height:0; }
#div_wrapContent .ce_gallery .caption { float:right; width:90%; }
#div_wrapContent .image_container .caption { float:right; width:65%; }


/* ce_form */
label { 
	font-size: 1em;
}
input, textarea { 
	font-size: 1.2em;
}
  

.ce_form form { margin:0; }
.ce_form form fieldset { margin:0; padding:0; border:0; }
.ce_form form legend { display:none; margin:0; padding:0; border:0; }
.ce_form form label { 
	display: block;
    float: none;
    width: auto;
	height: auto;
	text-align:left;
	padding:4px 0 0 0;
}
.ce_form form input { margin:3px 0; width:auto; }
.ce_form form textarea { margin:3px 0; width:auto; max-width:100%; }
.ce_form form .radio_container { width:auto; overflow:hidden; }
.ce_form form .radio_container span { display:block; margin:4px 0; }
.ce_form form .radio_container input { float:left; width:auto; margin:1px 3px 0 0; padding:0; border:0; background:transparent; }
.ce_form form .radio_container label { float:left; width:auto; height:auto; font-weight:normal; cursor:pointer; padding:0; margin-right:15px; text-align:left; }
.ce_form form .radio_container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ce_form form .checkbox_container { width:100%; overflow:hidden; }
.ce_form form .checkbox_container span { display:block; padding:0 0 15px 0; width:auto; }
.ce_form form .checkbox_container input { float:left; width:15px; margin:1px 3px 0 0; padding:0; border:0; background:transparent; }
.ce_form form .checkbox_container label { float:left; width:auto; max-width:90%;  height:auto; font-weight:normal; cursor:pointer; padding:0 20px 0 0; margin-right:0; text-align:left; }
.ce_form form .checkbox_container label:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ce_form form .checkbox_container span:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ce_form form label.error { color:#f00; }
.ce_form form input.error { border:1px solid #f00; }
.ce_form form p.error { font-size:0.9em; color:#f00; font-weight:bold; }
.ce_form div.submit_container { }
.ce_form input[type="submit"] { 
	margin-left:0;
}
.ce_form fieldset.salutation { margin:15px 0 -15px 0; }
.ce_form fieldset.salutation label { display:none; }
.ce_form fieldset.salutation .radio_container label { display:block; }
.ce_form fieldset.salutation div.radio_container { margin-left:0; }
.ce_form fieldset.selection { margin:15px 0 -15px 0; }
.ce_form fieldset.selection label { display:none; }
.ce_form fieldset.selection .checkbox_container label { display:block; }
.ce_form fieldset.selection div.checkbox_container { margin-left:0; }

.a_mime_icon { 
	padding-left: 22px;
	background-image: url("../../tl_files/imfarnen.ch/iconPLAIN_big.gif") !important;
}

#kontakt-102 img { display:none; }