/**********************************************
All Styles by outline4.ch

color blue: #216db0
color orange #ff6600

***********************************************/

/***********************************************/
/*      BODY // FONT // $S                */
/*********************************************/

body { margin:0; padding:0; font: normal 12px/18px Arial, Helvetica, sans-serif; background-color:#FFFFFF; }
ul, li {margin:0; padding:0;}

#header_print {display: none; visibility: hidden;}


/***********************************************/
/*         TITEL DEFINITIONEN                 */
/*********************************************/

h1 {color: #000; font-weight:bold; font-size:12px; line-height:18px; margin:0; margin-bottom: 15px;}
h2 {color: #000; font-weight:bold; font-size:12px; line-height:18px; margin:0;}
h3 {color: #000; font-weight:normal; font-style:italic; font-size:12px; line-height:18px; margin:0;}


/***********************************************/
/*       PARAGRAPHEN                          */
/*********************************************/

p { margin: 0; padding: 0; margin-bottom: 15px; } /* line-spacing: 2px; */
.some_space {margin-bottom: 15px;}
a.some_space {margin-bottom: 15px;}
.image_right {float:right; margin-left:5px; width:120px;}
.news_image_right {float: right; margin: 0 0 10px 10px; }

hr {color: none; background-color: none; background: none; border-bottom: 1px solid #666666; margin: 0; padding: 0; margin-bottom: 13px;}
em {color: #000; font-weight: bold; font-style: normal;}

/***********************************************/
/*  Tables brauchen class damit sie richtig  */
/*  formatiert werden                       */
/*******************************************/

table { border-collapse: collapse; caption-side:bottom; vertical-align: top; } /* float: left; margin-right: 1em; width: 450px;  */
table td { border:none; padding: 0px; height:18px; font: normal 12px/18px Arial, Helvetica, sans-serif; background-color:transparent; } /* Height gleich setzen wie den zeilenabstand! */
table th { border:none; padding: 0px; font: normal 12px/18px Arial, Helvetica, sans-serif; background-color:transparent; }

table.special_table { border-collapse: collapse; border: 4px solid #666666!important;}

table tr.pad_all td {padding: 12px;}
table tr.pad_top td {padding: 12px 12px 0 12px;}
table tr.pad_border td {padding: 0 12px;}
table tr.pad_bottom td {padding: 0 12px 12px 12px;}


/***********************************************/
/* Einsatzplan								  */
/*******************************************/

td.no_wrap {white-space: nowrap; vertical-align: top; }
table.einsatzplan td { padding-bottom: 10px;}


/*table tbody.special_border {overflow:visible;
  padding: 15px;
}*/

#address_container td, #adress_container_2 td, #adress_container_3 td {font: normal 11px/15px Arial, Helvetica, sans-serif; height:15px; background-color:transparent; }

#ecard_thumb table {  border-collapse:separate; caption-side:top;}

/* eventuell auch gewisse titel definitionen definieren table td h1 { font-size:24px; } */
/* th.border {border-bottom:solid; border-bottom-color:#666666;} */

#hideMeFromTheRealWorld {display:none} /* um verstecketen content der suchmaschinen reinzubringen */


/***********************************************/
/*   ABSOLUTE DIVS | CONTENT BOXEN            */
/*********************************************/

#online_temp {position: absolute; top: 120px; left: 120px;}

#online_reservation_container {position:absolute; z-index:2; top:138px; left:6px; overflow:visible; padding:0px; width: 800px; height: 422px; background-color:transparent;}
	#online_reservation_flash {position: absolute; top: 45px; left: 40px; width: 300px;}
	#online_reservation_text {position: absolute; top: 45px; left: 380px; width: 280px; height: 310px; padding: 20px; }



#wrapper {position:relative; z-index:0; width: 1000px; height:656px; padding: 0; margin: 0; margin: auto;}
	#next_prev {position: absolute; top: 300px; left:0;  height: 40px; width: 100%; border: 1px solid black}
#container {position:relative; z-index:1; width: 812px; height:650px; margin:auto; margin-top:6px; background-color:transparent; background-image:url(/images/layout/sm_shadow.png); background-position:left top; background-repeat:no-repeat; } /* war auf 800px und kein padding... */

#content_1 {position:relative; float: left; padding:0; margin:0; width: 413px; }
#content_1_b {position:relative; float: left; padding:0; margin:0; width: 398px; } /* Langer Content */
#content_1_c {position:relative; float: left; padding:0; margin:0; width: 398px; } /* für Sub_Sub_Nav */

#print_me {position:relative; float: left; padding:0; margin:0; width: 398px; }

/* ES GIBT NOCH .special_table bei den Tables */ 
.specials {position:relative; float:left; clear:both; padding:14px; margin: 0; margin-bottom: 18px; border-color:#666666; border-style:solid; border-width:4px; width:375px; } /* wird für <p> gebraucht */

#content_height {position:relative; float: left; padding:0; margin:0; width: 1px;} /* dort hat es im html code ein durchsichtiges gif */

#content_container {position: absolute; z-index:10; top:214px; left:266px; overflow:visible; padding-top:30px; padding-bottom:15px; padding-left:30px; padding-right:30px; width:416px;  } /* background-color:#fff; overflow hidden wegen IE MAC | boxgrösse stimmt */
#content_container_e {position: absolute; z-index:10; top:190px; left:266px; overflow:visible; padding-top:30px; padding-bottom:15px; padding-left:30px; padding-right:30px; width:416px;  } /* normale - bisschen hoeher  */
#content_container_c {position: absolute; z-index:10; top:217px; left:266px; overflow:auto; padding-top:30px; padding-bottom:3px; padding-left:30px; padding-right:30px; width:416px; height:310px;  } /* mit submenu -> deshalb weiter unten */
#content_container_b {position: absolute; z-index:10; top:189px; left:266px; overflow:auto; padding-top:30px; padding-bottom:3px; padding-left:30px; padding-right:30px; width:416px; height:338px;  } /* viel content // background-color:#fff; overflow hidden wegen IE MAC | boxgroesse stimmt */
#content_container_d {position: absolute; z-index:10; top:189px; left:0; overflow:auto; padding-top:30px; padding-bottom:3px; padding-left:30px; padding-right:30px; width:745px; height:338px;  } /* mit submenu -> deshalb weiter unten */

	.content_edit {position: absolute; top:0; right:0; height: 20px; padding: 0 10px; background-color: red; color: #fff;}
	.content_edit a  {color:#fff!important; font-size: 0.8em;}
	.content_new {position: relative;  margin: 0; height: 18px; padding: 0 5px; margin-bottom: 18px; background-color: red; clear: both;}
	.content_new a {color:#fff!important; font-size: 0.8em;}

.edit_cont {position: relative;}
.edit_cont_table {position: absolute; right: 0; top:0;}


#content_container_popup { position: absolute; z-index:10; top:0px; left:0px; overflow:visible; padding:30px; width:416px; background-color:#fff; } /* background-color:#fff; overflow hidden wegen IE MAC | boxgrösse stimmt */

#address_container { position: absolute; z-index:10; top:384px; left:6px; overflow:visible;	padding:15px 15px 16px 15px; width:135px; height:145px; font: normal 11px/15px Arial, Helvetica, sans-serif; } /*  background-color:#fff; overflow hidden wegen IE MAC | boxgrösse stimmt */

#weiss {position: absolute; z-index:3; top:560px; left:266px; overflow:visible; padding:0; width:534px; height:57px; background-color:#fff;} /* Abdeckfäche */

#header {position:absolute; z-index:1; top:0px; left:6px; overflow:hidden; margin: 0; width: 800px; height: 110px; background-image:url(/media/img/layout/smLogo.gif); background-repeat:no-repeat; }

#special_nav   {position: absolute; z-index:101; top:560px; right:9px; text-align: right; overflow:visible; padding:21px 30px 15px 30px; width:140px; height:21px; font: normal 11px/15px Arial, Helvetica, sans-serif; background-color:#ffffff; } /* background-color:#fff; overflow hidden wegen IE MAC | boxgrösse stimmt */
#special_links {position: absolute; z-index:2; top:560px; left:6px; overflow:visible; padding: 24px 15px 6px 15px; width:600px; height:27px; font: normal 11px/15px Arial, Helvetica, sans-serif; background-color:#FFFFFF; }  /* overflow hidden wegen IE MAC | boxgrösse stimmt */
#special_links a {padding-right: 10px;}

#bottom_line {position: absolute; z-index:2; top:625px; left:6px; overflow:visible; padding:7px; padding-left:0px; width:770px; font: normal 11px/15px Arial, Helvetica, sans-serif; color:#000000;; background-color:transparent; } 
#bottom_line ul {position: relative; margin: 0; padding: 0;}
#bottom_line li {list-style-type: none; display: inline; padding: 0; margin: 0; padding-right: 7px;}

#bild {position:absolute; z-index:2; top:110px; left:6px; overflow:hidden; padding:0px; width: 800px; height: 450px; background-color:transparent;}
	#bild_edit {position: absolute; right:0; bottom:0; overflow: visible; padding: 0 10px; margin: 0; height: 20px;  background: red; z-index: 99;}
	#bild_edit a {color: #fff!important; font-size: 1em}

#calendar_container {position:absolute; z-index:2; top:110px; left:6px; overflow:auto; padding:0px; width: 800px; height: 450px; background-color:transparent;}


	
#movie {position:relative; z-index:12; padding:0px; margin:auto; margin-top: 30px; width: 700px; height: 100%; background-color:transparent;}
#panorama {position:absolute; z-index:2; top:138px; left:6px; overflow:visible; padding:0px; width: 800px; height: 422px; background-color:#fff;}
#ecard {position:absolute; z-index:2; top:138px; left:6px; overflow:hidden; padding:0px; width: 800px; height: 422px; background-color:gray; color: white;} /* background-color:#BCBCBC; #aeaba9; -> alt */

#ecard a, #ecard a:visited {color:white;}
#ecard a:hover, #ecard a:active {color: #216db0;}

div.ecard_thumb_left { 
    float:left; 
    width:50%; 
    margin-bottom: 15px;
} 

div.ecard_thumb_right { 
    float:right; 
    width:50%; 
    margin-bottom: 15px;
}


#ecard_thumb {
	position:absolute;
	top:50px;
	left:540px;
	padding:0;
	margin:0;
	width: 250px;
	/* height:220px; */
}
#ecard_card {
	position:absolute;
	top:23px;
	left:30px;
	padding:0;
	margin:0;
	width: 450px;
	height:410px;
}
#ecard_title {
	position:absolute;
	top:50px;
	left:30px;
	padding:2px;
	margin:0;
	width: 419px;
	height:20px;
	text-align: left;
	z-index:999;
}
#ecard_write {position:absolute; z-index:222; color:black; top:100px; left:60px; padding:5px; margin:0; width: 422px; height:295px; background: url(/media/img/layout/Hintergrund_E-Card.jpg) no-repeat center center;}



/* .ecard_thumb_detail {position:relative; padding:5px; text-align:center; margin:0;}  umrandungen der Thumbs!! als class im image */
.ecard_large {padding: 1px; background-color:#ccc; width: 198px; height:120px; color:#666666;} /* ECARD SEND BCBCBC oder 216db0 */
.ecard_small {padding: 1px; background-color:#ccc; width: 198px; color:#666666; }
.ecard_smaller {padding: 1px; background-color:#ccc; width: 168px; color:#666666;}
.ecard_code {padding: 1px; background-color:#ccc; width: 98px; color:#666666; }

.divider {margin-bottom: 15px;}


/* CONTENT FLEX POSITIONEN */
#content_paging {
	position:absolute;
	z-index:300;
	top:0px;
	left:303px;
	width:110px;
	height:30px;
	overflow:visible;
	background-color:transparent;
	text-align:right;
}


#home_link {
	position:absolute;
	z-index:200;
	top:17px;
	left:525px;
	width:256px;
	height:79px;
	overflow:visible;
	border:none;
	background-color:transparent;
}

#fondue_huette_logo {
	position: absolute;
	z-index: 99;
	top: 15px;
	left: 25px;
	width: 141px;
	height: 85px;
	background: transparent url(/images/layout/logo_fondue_huette_klein.png) no-repeat 0 0;

}

#container_popup {position:relative; z-index:0; width:auto; height:100%; margin:auto; background-color:white; }

#versions {position:absolute; z-index:200; top:0px; left:0px; width:30px; height:30px; overflow:visible; background-color:transparent; text-align:center;}


/***********************************************/
/*                LINKS                       */
/*********************************************/


/* STANDARD LINKS */
a, a:link, a:visited {font-style: normal; color: #216db0; font-weight: normal; text-decoration:none; font-size: 12px; } 
a:hover, a:active, a:focus {font-style: normal; color: #000; font-weight: normal; text-decoration:none; font-size: 12px; }

a:visited.noborder,
a:hover.noborder,
a:link.noborder,
a.noborder {border:0; border-bottom: none;}

a:visited img,
a:hover img,
a:link img,
a img {border:0; border-bottom: none;}



/* Bottom Links */
#bottom a, #bottom a:link, #bottom a:visited {color: #666; font-weight:normal; text-decoration: none;}
#bottom a:hover, #bottom a:active  {color: #517F97; text-decoration:none;}


/***********************************************/
/*          NAVIGATION                        */
/*********************************************/

#main_nav  {position:relative; z-index:10;  overflow:visible; margin:0; padding: 110px 0 0 6px; height: 70px; background-color:transparent;}

#main_nav ul {position: relative; margin: 0; padding: 0;}
#main_nav ul ul.right {position: absolute; clear: both; float: right; top:28px; right:0; margin: 0; padding: 0;  width: 550px; }
#main_nav ul ul.left {position: absolute; clear: both; float: left; top:28px; left:0; margin: 0; padding: 0;  width: 550px; }


#main_nav li {list-style-type: none; float:left; position: relative; } /* hier ist das parent item von top right und left */
#main_nav ul ul.right li {list-style-type: none; float: right; }
#main_nav ul ul.left li {list-style-type: none; float: left; }

/* #main_nav > ul > li {margin-right: 2px;} */

#main_nav ul ul ul {position: absolute; clear: both; float: left; top:22px; left:0; margin: 0; padding: 0;  width: 450px; }

#main_nav li a,
#main_nav li a:link,
#main_nav li a:visited {background-color: white; opacity:.70; filter: alpha(opacity=70); -moz-opacity: 0.70; float: left; font-weight:normal; font-size:11px; color:#000; text-decoration: none; margin: 0; padding-left:6px; padding-right:6px; padding-top:5px; padding-bottom:5px;}

#main_nav ul ul li a,
#main_nav ul ul li a:link,
#main_nav ul ul li a:visited {background-color: white; opacity:.70; filter: alpha(opacity=70); -moz-opacity: 0.70; float: left; font-weight:normal; font-size:11px; color:#000; text-decoration: none; margin: 0; padding-left:6px; padding-right:6px; padding-top:2px; padding-bottom:2px;}

#main_nav li a:hover,
#main_nav li a:active, 
#main_nav li a:focus,
#main_nav ul ul li a:hover,
#main_nav ul ul li a:active, 
#main_nav ul ul li a:focus {background-color: white; opacity: 0.99; filter: alpha(opacity=99); -moz-opacity: 0.99;}

#main_nav li a.current, #main_nav ul ul li a.current  {background-color: white !important; opacity: 0.99 !important; filter: alpha(opacity=99) !important; -moz-opacity: 0.99 !important; font-weight: bold;}



/***********************************************/
/*          TRANSPARENZ                       */
/*********************************************/

div.transOFF { z-index:15; background-color: white; }
div.transON_50 {z-index:15; background-color: white; opacity:.40; filter: alpha(opacity=40); -moz-opacity: 0.40; }
div.transON_95 {z-index:15; background-color: white; opacity:.95; filter: alpha(opacity=95); -moz-opacity: 0.95; }


/***********************************************/
/*         STYLES {fonts}                     */
/*********************************************/

.Titel {color: #033881; font-weight:bold; font-size:18px; line-height:22px;} /* Entspricht H2 */
.Untertitel {color: #033881; font-weight:bold; font-size:14px; line-height:17px;} /* Entspricht H3 */
.kleiner {font-size:9px; line-height:11px; }
.kleiner_menu {font-size:10px; line-height:12px; } /* Grösser als Kleiner */
.klein {font-size:11px; line-height:13px; color:#666666;}

.ERROR {color: #6C1126; font-weight:bold;}
.GOOD {color:#006600; font-weight:bold;}


/** Grösse für Selectbox menu **/
.selectbox_w {width: 718px; }

/** Kontakformular Grössen **/
.kontakt_senden {color: #000000; background: #f5f5f5; width: 240px; }
.kontakt_large {padding: 1px; background-color:#f5f5f5; width: 250px; height:100px; }
.kontakt_small {padding: 1px; background-color:#f5f5f5; width: 240px; }
.kontakt_captcha {padding: 1px; background-color:#f5f5f5; width: 101px; }

/** weis ich noch nicht **/
.mailform_large {padding: 1px; background-color:#f5f5f5; width: 220px; height:200px; font-size: 11px;  }
.mailform_small {padding: 1px; background-color:#f5f5f5; width: 220px; }


/***********************************************/
/*             LINKS CLASSES                  */
/*********************************************/

/* EXTERNAL - INTERNAL - PDF - PRINT - INFO - MAIL */ 

a.external, a.external:link, a.external:visited {
	font-weight:normal;
	font-size:1em;
	background: url(/media/img/link_icons/external.gif) no-repeat right center;
	padding-right: 17px;
	color: #216db0;
	text-decoration:none;
}
 a.external:active, a.external:hover {
 	font-weight:normal;							/* font weight und size muss hin da es sich sonst mit dem allgemeinen a überschneidet (NUR PC) */
	font-size:1em;
	text-decoration:underline;
}

a.internal, a.internal:link, a.internal:visited {
	font-weight:normal;
	font-size:12px;
	background: url(/media/img/link_icons/internal.gif) no-repeat right center;
	padding-right: 16px;
	color: #216db0;
	text-decoration:none;
}
 a.internal:active, a.internal:hover {
  	font-weight:normal;
	font-size:1em;
	text-decoration:underline;
}

a.hide_content, a.hide_content:link, a.hide_content:visited {
	font-weight:normal;
	font-size:11px;
	background: url(/media/img/link_icons/content.gif) no-repeat right center;
	padding-right: 13px;
	color: #216db0;
	text-decoration:none;
}
 a.hide_content:active, a.hide_content:hover {
  	font-weight:normal;
	font-size:11px;
	text-decoration:underline;
}

a.smaller, a.smaller:link, a.smaller:visited {
	font-weight:normal;
	font-size:9px;
	line-height:11px;
	color: #216db0;
	text-decoration:none;
}
 a.smaller:active, a.smaller:hover {
  	font-weight:normal;
	font-size:9px;
	line-height:11px;
	text-decoration:underline;
}

a.mail, a.mail:link, a.mail:visited {
	font-weight:normal;
	font-size:12px;
	background: url(/media/img/link_icons/mail.gif) no-repeat right center;
	padding-right: 18px;
	color: #216db0;
	text-decoration:none;
}
 a.mail:active, a.mail:hover {
  	font-weight:normal;
	font-size:1em;
	text-decoration:underline;
}

a.printer, a.printer:link, a.printer:visited {
	font-weight:normal;
	font-size:12px;
	background: url(/media/img/link_icons/printer.gif) no-repeat right center;
	padding-right: 20px;
	color: #216db0;
	text-decoration:none;
}
 a.printer:active, a.printer:hover {
  	font-weight:normal;
	font-size:1em;
	text-decoration:underline;
}

a.pdf, a.pdf:link, a.pdf:visited {
	font-weight:normal;
	font-size:12px;
	background: url(/media/img/link_icons/pdf.gif) no-repeat right center;
	padding-right: 26px;
	color: #216db0;
	text-decoration:none;
}
 a.pdf:active, a.pdf:hover {
  	font-weight:normal;
	font-size:1em;
	text-decoration:underline;
}

a.info, a.info:link, a.info:visited {
	font-weight:normal;
	font-size:12px;
	background: url(/media/img/link_icons/info.gif) no-repeat right center;
	padding-right: 17px;
	color: #216db0;
	text-decoration:none;
}
 a.info:active, a.info:hover {
  	font-weight:normal;
	font-size:1em;
	text-decoration:underline;
}

a.login, a.login:link, a.login:visited {
	font-weight:normal;
	font-size:12px;
	background: url(/media/img/link_icons/login.gif) no-repeat right center;
	padding-right: 23px;
	color: #216db0;
	text-decoration:none;
}
 a.login:active, a.login:hover {
  	font-weight:normal;
	font-size:1em;
	text-decoration:underline;
}

a.facebook, a.facebook:visited {
	font-weight:normal;
	background: url(/css/images/facebook.png) no-repeat left center;
	padding-left: 20px;
	text-decoration:none;
}



/***************************/
/*  Button ein ausblenden */
/*************************/

button {	font-weight:normal;
	font-size:11px;
	background: #fff url(/media/img/link_icons/content.gif) no-repeat right center;
	padding-right: 13px;
	color: #000;
	border: none;
}

.toggle_inactive, .toggle_active { font-size:11px; padding-right: 13px; border: none;}
.toggle_inactive {background: transparent url(/media/img/link_icons/content.gif) no-repeat right center; color: #216db0;}
.toggle_active { background: #216db0 url(/media/img/link_icons/content.gif) no-repeat right center; color: #fff;}


button:hover {text-decoration: underline;}

/* TinyMCE Test */

.mceIframeContainer {width:350px!important;}


/***********************************************/
/*             IMAGE SHADOWS                  */
/*********************************************/

/*   

EXAMPLE:

<div class="img-shadow"> 
  <img src="cat.jpg" alt="test"/> 
</div>

*/

.img-shadow { 
  float:left; 
  background: url(/media/img/layout/shadowAlpha.png) no-repeat bottom right !important; 
  /* background: url(../../media/img/layout/shadow.gif) no-repeat bottom right;            WIEDER HINZUFÜGEN  */
  margin: 10px 0 0 10px !important; 
  /* margin: 10px 0 0 5px;                                                               /*  WIEDER HINZUFÜGEN */
  } 

/* das image nach links schieben! */
.img-shadow img { 
  display: block; 
  position: relative; 
  background-color: #fff; 
  border:none; /* 1px solid #a9a9a9;  */
  margin: -6px 6px 6px -6px; 
  padding: 0px;  /* 4px */
  }