@font-face {
        font-family: 'tahoma';
        src: url(#) format('truetype')
}

@font-face {
        font-family: 'serpentine';
        src: url(#) format('truetype')
}padding-

@font-face {
        font-family: 'andalemono';
        src: url(#) format('truetype')
}


@font-face {
        font-family: 'proxima';
        src: url(#) format('truetype')
}

@font-face {
        font-family: 'normasb';
        src: url(#) format('truetype')
}

.imgsponsoring
{
	float:left;
	//width: 230px;
	
	margin: 6px 0px;
	top: 10pt;
	padding-right: 40pt;
} 

.imgsponsoringfooter
{
	float:left;
	width: 160px;
	
	margin: 0px 0px;
	top: 10pt;
	padding-right: 40pt;
} 

.mb_pattern div{
	position:absolute;
	width:50px;
	height:50px;
	background:#000;
	z-index:1;
}
.mb_heading h1{
	position:absolute;
	top:10px;
	left:10px;
	font-size:16px;
	color:#000;
	text-shadow:0px 0px 1px #fff;
	font-family:"Astloch", Arial, sans-serif;
	z-index:2;
}

.mb_heading p {
    margin: 6px 0px;
    width:200px;
font-family:tahoma;font-size:12px;color:#fff;text-align:justify;
}

.mb_menu{
	position:absolute;
	top:auto;
	left:0px;
	z-index:3;
	font-weight:bold;
}
.mb_menu a{
	background-color:#3f710d;
	margin-bottom:2px;
//	opacity:0.99;
	display:block;
	width:100px;
	height:98px;
	color:withe;
	line-height:54px;
	text-align:center;
	text-transform:uppercase;
	outline:none;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition:all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	-transition: all 0.2s ease-in;
}
.mb_menu a:hover{
	color:#000;
	background-color:#79c231;
}
.mb_content_wrapper{
	background:transparent url(http://telenetfair.ch/templates/default/images/bg_menu.png) repeat top left;
	width:400px;
	height:400px;
	position:absolute;
	top:154px;
	left:200px;
	z-index:4;
	display:none;
}
span.mb_close{
	position:absolute;
	top:10px;
	right:10px;
	width:11px;
	height:12px;
	cursor:pointer;
	background:transparent url(http://telenetfair.ch/templates/default/images/close.png) no-repeat top left;
	opacity:0.8;
}
span.mb_close:hover{
	opacity:1.0;
}
.mb_content{
	padding:30px;
	display:none;
}
.mb_content h2{
	font-family:"Astloch";
	text-shadow:0px 0px 1px #fff;
	font-size:42px;
	background:transparent url(http://telenetfair.ch/templates/default/images/line.png) repeat-x bottom left;
	padding:0px 0px 5px 0px;
	margin-bottom:10px;
}
.mb_content_inner{
	line-height:24px;
	height:268px;
	outline: none;
}
.mb_content_inner p{
	padding:5px 0px;
}
ul.mb_imagelist li{
	float:left;
	margin:2px;
	cursor:pointer;
}
ul.mb_imagelist li img{
	display:block;
	opacity:0.3;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-transition: all 0.5s ease-in-out;
}
ul.mb_imagelist li img:hover{
	opacity:1.0;
}
.mb_content form label{
	float:left;
	width:100px;
	text-align:right;
	margin-right:10px;
}
.mb_content form div{
	padding:5px 0px;
}
.mb_content form input,
.mb_content form textarea{
	border:none;
	background:#fff;
	width:200px;
	font-family:Arial;
	color:#555;
	padding:4px;
}
.mb_content form textarea{
	height:140px;
}

.mb_footer{
	position:fixed;
	bottom:0px;
	left:0px;
	width:100%;
	font-size:13px;
	background:#000;
	opacity:0.9;
	height:20px;
	padding-bottom:5px;
	text-transform:uppercase;
	z-index:5;
}
.mb_footer a{
	padding:5px 10px;
	letter-spacing:1px;
	text-shadow:1px 1px 1px #000;
	color:#ddd;
	float:right;
}
.mb_footer a:hover{
	color:#fff;
}
.mb_footer a span{
	font-weight:bold;
}
.mb_footer a.mb_left{
	float:left;
}

#navigation {
    position:fixed;  top: auto; width:100%; height:50px; z-index:1;
    text-align: left;
    background-color: #000000;
    border: 0px solid white;
  opacity: 0.8;
    filter: alpha(opacity=90); /* For IE8 and earlier */             none repeat scroll 0 0 #2D2D2D;

}

#floatbubble {position:fixed; left: 10px; bottom: 0px; width:0px; height:100%; z-index:6;}
#floatbubble a {display:block; width:100px; height:50px; background-position: center; background-repeat: no-repeat; white-space: nowrap;}

#floatbubblenavi {position:fixed; left: 10px; bottom: 0px; width:0px; height:80%; z-index:7;}
#floatbubblenavi a {display:block; width:105px; height:50px; background-position: center; background-repeat: no-repeat; white-space: nowrap;}

#floatbubbletop {position:fixed; left: 10px; right: 100px; bottom: 0px; width:42px; height:30%; z-index:8;}
#backtotop {position:fixed; right:15px;margin: 152px 0px;display:none;};


    .ImgBorder {
        border:  20px solid #3f710d;
    }
    .ImgBorder:hover {
        border: 20px solid  #6c2e16;
    }

    .flags {
padding-left: 14pt;
padding-top: 10pt;
}

.shadow {
   -moz-box-shadow:    inset 0 0 50px #ffffff;
   -webkit-box-shadow: inset 0 0 50px  #ffffff;
   box-shadow:         inset 0 0 20px  #000000;
}

#footerspon{
position:fixed;  bottom: auto; width:100%; height:46px; z-index:500;
    bottom: 0px;
    width:100%;
//    height: 100%;
    background-color: #000;
    opacity: 0.8;
    z-index:10; //Nur als Beispiel, geht alles ueber 1
}

// ------------------------ footer

div.background {
    width: 100%;
    height: 96px;
    border: 0px solid white;
    margin: 10px 10px;
}

div.transbox {
margin: 10px 10px;
    width: 100%;
    height: 56px;
    margin: 0 auto;
    background-color:#fff;;
    border: 0px solid white;
    opacity: 0.99;
//    filter: alpha(opacity=90); /* For IE8 and earlier */
}

div.transbox p {
    margin: 10px 10px;
//font-family:tahoma;font-size:12px;color:#f10c48;text-align:justify;
}

// ------------------------ footer counter

div.backgroundc {
position:absolute;  top: 0px; width:1024px; height:56px; z-index:11;
   
    border: 0px solid white;
    margin: 10px 10px;
}

div.transboxc {
    margin: 0 auto;
 width: 1024px;
height: 56px;
    background-color:#84002a;
    border: 0px solid white;
//    opacity: 0.99;
    filter: alpha(opacity=90); /* For IE8 and earlier */
}

div.transboxc p {
    margin: 10px 10px;
//font-family:tahoma;font-size:12px;color:#f10c48;text-align:justify;
}

//  -----------------------box home  text

div.backgroundht {
    width: 100%;
    height: auto;
    border: 0px solid black;
}

div.transboxht {
    width: 100%;
    height: auto;
//    background-color: #000;
    border: 0px solid black;
//    opacity: 0.7;
//   filter: alpha(opacity=90); /* For IE8 and earlier */
}

div.transboxht p {
    margin: 10px 10px;
}

//  -----------------------box besucher  text

div.backgroundbt {
    width: 100%;
    height: auto;
    border: 0px solid black;
}

div.transboxbt {
    width: 100%;
    height: 100%;
//    background-color: #fff;
    border: 0px solid black;
}

div.transboxbt p {
    margin: 10px 10px;
}

//  -----------------------box aussteller  text

div.backgroundat {
    width: 100%;
    height: 100%;
    border: 0px solid black;
}

div.transboxat {
    width: 100%;
    height: 100%;
//    background-color: #fff;
    border: 0px solid black;
}

div.transboxat p {
    margin: 10px 10px;
}



.btnform {
  background: #3f710d;
  background-image: -webkit-linear-gradient(top, #3f710d, #3f710d);
  background-image: -moz-linear-gradient(top, #3f710d, #3f710d);
  background-image: -ms-linear-gradient(top, #3f710d, #3f710d);
  background-image: -o-linear-gradient(top, #3f710d, #3f710d);
  background-image: linear-gradient(to bottom, #3f710d, #3f710d);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: tahoma;
  color: #ffffff;
  font-size: 14px;  background: #3f710d;  padding: 8px 20px 8px 20px;  text-decoration: none;  display: inline; position: relative;
}

.btnform:hover {
  background: #79c231;
  background-image: -webkit-linear-gradient(top, #3cb0fd,  #79c231,);
  background-image: -moz-linear-gradient(top, #3cb0fd,  #79c231,);
  background-image: -ms-linear-gradient(top, #3cb0fd,  #79c231,);
  background-image: -o-linear-gradient(top, #3cb0fd,  #79c231,);
  background-image: linear-gradient(to bottom, #3cb0fd,  #79c231,);
  text-decoration: none;
font-family: tahoma;   color: #000;   font-size: 14px;
}

a:link{text-decoration:none;font-size:14px;color:gray}
a:visited{text-decoration:none;font-size:14px;color:gray}
a:hover{text-decoration:none;font-size:14px;color:#424244}
a.desc:link{text-decoration:none;font-size:12px;color:navy}
a.desc:visited{text-decoration:none;font-size:12px;color:navy}
a.desc:hover{text-decoration:none;font-size:12px;color:red}

a.menusmall:link{font-family:tahoma;text-decoration:none;font-size:14px;color:#6c2e16}
a.menusmall:visited{font-family:tahoma;text-decoration:none;font-size:14px;color:#6c2e16}
a.menusmall:hover{font-family:tahoma;text-decoration:none;font-size:14px;color:#e28a1c}

a.menusmallnavi:link{font-family:tahoma;text-decoration:none;font-size:14px;color:#3f710d}
a.menusmallnavi:visited{font-family:tahoma;text-decoration:none;font-size:14px;color:#3f710d}
a.menusmallnavi:hover{font-family:tahoma;text-decoration:none;font-size:14px;color:#79c231;}

a.menusmallbook:link{font-family:tahoma;text-decoration:none;font-size:14px;color:#3f710d}
a.menusmallbook:visited{font-family:tahoma;text-decoration:none;font-size:14px;color:#3f710d}
a.menusmallbook:hover{font-family:tahoma;text-decoration:none;font-size:14px;color:#79c231}


.textsite{
font-family:tahoma;
  font-size: 18px;
  line-height: 1.6em;
  color: #333;
  background-color: #fff;
}

.headermain{
font-family:tahoma;
font-size: 30px;
  line-height: 1.9em;
  color: #6F6F6F;
  background-color: #fff;
}

.headersite{
font-family:tahoma;
font-size: 22px;
  line-height: 1.9em;
  color: #6F6F6F;
  background-color: #fff;
}

.textsitesmall{
font-family:tahoma;
  font-size: 16px;
  line-height: 1.6em;
  color: #333;
  background-color: #fff;
}

.textnavi{
font-family:tahoma;
  font-size: 16px;
  line-height: 2.9em;
  color: #fff;
   
}

.mesmenunavi{font-family:tahoma;text-decoration:none;text-transform:uppercase;font-size:16px;line-height: 2.9em;color:#fff;}
.mesmenu{font-family:tahoma;text-decoration:none;text-transform:uppercase;font-size:16px;line-height: 2.9em;color:#ffff00;}
.mesmenufooter{font-family:tahoma;text-decoration:none;font-size:10px;color:black;}
a.menu:link{font-family:tahoma;text-decoration:none;text-transform:uppercase;font-size:16px;line-height: 2.9em;color:#fff;}
a.menu:visited{font-family:tahoma;text-decoration:none;text-transform:uppercase;font-size:16px;line-height: 2.9em;color:#fff;}
a.menu:hover{font-family:tahoma;text-decoration:none;text-transform:uppercase;font-size:16px;line-height: 2.9em;color:#ffff00;}

a.menubook:link{font-family:tahoma;text-decoration:none;font-size: 32px;color: #333;}
a.menubook:visited{font-family:tahoma;text-decoration:none;font-size: 32px;color: #333;}
a.menubook:hover{font-family:tahoma;text-decoration:none;font-size: 32px;color: #333;}

.mes{font-family:tahoma;font-size:14px;color:black;text-align:justify;}
.mesfront{font-family:andalemono;font-size:42px;line-height: 1.9em;color:white;text-shadow: 0px 3px 4px rgba(0, 0, 0, 1);}
.mesfront1{font-family:andalemono;font-size:26px;line-height: 1.9em;color:white;}

.meslogo{font-family:tahoma;font-size:16px;line-height: 1.3;color:#333;}

.mesfrontfb{font-family:tahoma;font-size:12px;color:white;}
.mesbars{font-family:tahoma;font-size:14px;color:#84002a;}
.mesfb{font-family:tahoma;font-size:12px;color:#84002a;}
.mesfooter{font-family:tahoma;font-size:14px;color:black;text-align:justify;}
.mesfooterfb{font-family:tahoma;font-size:12px;color:white;}
.mesnavismall{font-family:tahoma;font-size:12px;color:white;}
.mesnavibig{font-family:tahoma;font-size:16px;color:white;}
.messlogan{font-family:helveticathn;font-size:20px;color:#3f710d;}

sup{font-family:tahoma;font-size:12px;color:yellow;}
.admin{font-family:tahoma;font-size:13px;color:red;text-align:justify;}
.adminhead{font-family:tahoma;font-size:14px;color:white;bold;}
.adminmain{font-family:tahoma;font-size:14px;color:black;bold;}
.admintxt{font-family:tahoma;font-size:16px;color:#84002a;}
.desc{font-family:tahoma;font-size:12px;color:black;}
.descfooter{font-family:tahoma;font-size:10px;color:black;}
.dat{font-family:tahoma;font-size:12px;color:red;bold;}
.datok{font-family:tahoma;font-size:12px;color:green;bold;}
.head{font-family:tahoma;font-size:16px;color:white;}
.headerror{font-family:tahoma;font-size:16px;color:red;}
.headmac{font-family:tahoma;font-size:20px;color:white;bold;}
a.head:link{text-decoration:none;font-size:14px;color:blue}
a.head:visited{text-decoration:none;font-size:14px;color:blue}
a.head:hover{text-decoration:none;font-size:14px;color:red}
.button{font-family:tahoma;font-size:12px;color:white;background:#3f710d;border: black;border-style: solid;border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;width:100px}
.button1{font-family:tahoma;font-size:12px;color:white;background:'.COLOR2.';border: black;border-style: solid;border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;width:180px}
.button2{padding:2px 1px;background-color: #3f710d;font-family:tahoma;font-size:12px;color:#b8b1a4;font-weight:bold;background:;border: '#f10c48';border-style: solid:#84002a;border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;}
.framekl{width: 680;height: 420px;border:#e6e8f1;background:#e6e8f1;frameborder: 1px;scrolling: auto;MARGINWIDTH: 0;MARGINHEIGHT: 0;}
.frame{width: 100%;height: 410px; border: '.C_IBORDER.'; background:white; frameborder: 1px;scrolling: auto;MARGINWIDTH: 0;MARGINHEIGHT: 0;}
.framefb{width: 490px;height: 310px;  border: '.C_IBORDER.';frameborder: 1px;scrolling: auto;MARGINWIDTH: 0;MARGINHEIGHT: 0;}

.tr{color:black;border: black;border-style: solid;border-top-width:1px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;}
.input,.textarea,.select{font-family:tahoma;font-size:18px;color:black;background:white;border: black;border-style: solid;border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;width:460px}
.inputtxt,.textarea,.select{font-family:tahoma;font-size:12px;color:black;background:white;border: black;border-style: solid;border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;width:320px}
.inputcode,.textarea1,.select{font-family:tahoma;font-size:14px;color:black;background:white;border: black;border-style: solid;border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;width:117px}
.inputcodebe,.textarea1,.select{font-family:tahoma;font-size:10px;color:black;background:white;border: black;border-style: solid;border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;width:60px}

.select1{font-family:tahoma;font-size:12px;color:black;background:white;border: black;border-style: solid;border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;width:440px}
.select2{font-family:tahoma;font-size:12px;color:black;background:white;border: black;border-style: solid;border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;width:520px}


.input1{font-family:tahoma;font-size:12px;color:black;background:white;border: black;border-style: solid;border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;width:320px}
.input2{font-family:tahoma;font-size:12px;color:black;background:white;border: black;border-style: solid;border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;width:116px}
.input3{font-family:tahoma;font-size:12px;color:black;background:white;border: black;border-style: solid;border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;width:480px}
.input4{font-family:tahoma;font-size:12px;color:black;background:white;border: black;border-style: solid;border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;width:80px}

.binput{font-family:tahoma;font-size:12px;color:black;background:'.COLOR2.';border: black;border-style: solid;border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;width:500px}
.binput1{font-family:tahoma;font-size:12px;color:black;background:#e3e2e6;border: black;border-style: solid;border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;width:650px}
.binput2{font-family:tahoma;font-size:12px;color:black;background:'.COLOR2.';border: black;border-style: solid;border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;width:900px}
#input,#textarea,#select{background:white;}


.sinput{font-family:tahoma;font-size:12px;color:black;background:white;;border: black;border-style: solid;border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;width:60px}
.msinput{font-family:tahoma;font-size:12px;color:black;background:white;border: black;border-style: solid;border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;width:90px}
.minput{font-family:tahoma;font-size:12px;color:black;background:white;border: black;border-style: solid;border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;width:120px}
.minput1{font-family:tahoma;font-size:12px;color:black;background:white;border: black;border-style: solid;border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;width:174px}

#slideshow {list-style:none; }
#slideshow span {display:none;}
#wrapper {transparent;width:100%; margin:0px auto; display:none}
#wrapper * {margin:0; padding:0; }
#fullsize {position:static;width:100%; padding:0px; }
#image {width:100%; opacity:0.99; }
#image img {position:absolute; z-index:14; width:100%;}
.imgnav {position:absolute; width:50px; height:480px; cursor:pointer; z-index:15}
#imgprev {left:8%; background:url(http://telenetfair.ch/templates/gallery/images/gallery_backward_btn.png) left center no-repeat}
#imgnext {right:8%; background:url(http://telenetfair.ch/templates/gallery/images/gallery_forward_btn.png) right center no-repeat}
#thumbnails {margin-top:22.5%; }
#slidearea {float:left; position:relative; width:93%; margin-left:-6%; margin-right:-4%; height:68px; overflow:hidden;}
#slider {position:absolute; right:0px; width:44px; height:44px;}
#slider img {cursor:pointer; border:2px solid #3f710d; padding:0px}

// ----------------------- gallery slide show ----------------------------------------------------------------
#slideshow {list-style:none; }
#slideshow span {display:none;}
#wrapper1 {transparent;width:100%; margin:0px auto; display:none}
#wrapper1 * {margin:0; padding:0; }
#fullsize1 {position:static; width:100%; padding:0px; }
#image1 {width:100%; opacity:0.99; }
#image1 img {position:absolute; z-index:14; width:100%;}
.imgnav1 {position:absolute; width:50px; height:680px; cursor:pointer; z-index:15}
#imgprev1 {left:8%; background:url(http://telenetfair.ch/templates/gallery/images/gallery_backward_btn.png) left center no-repeat}
#imgnext1 {right:8%; background:url(http://telenetfair.ch/templates/gallery/images/gallery_forward_btn.png) right center no-repeat}
#thumbnails1 {margin-top:42.5%; }
#slidearea1 {float:left; position:relative; width:93%; margin-left:-6%; margin-right:-4%; height:68px; overflow:hidden;}
#slider1 {position: absolute; right:0px; width:44px; height:44px;}
#slider1 img {cursor:pointer; border:2px solid #3f710d; padding:0px}