/*	-----------------------------------------------*/
/* 				BASICS 0816 DESIGN KERNS		   */
/* 	-----------------------------------------------*/
/* 				Flüelistrasse 3			   */
/* 				6064 Kerns 						   */
/* 	-----------------------------------------------*/
/* 				www.0816.ch / www.kreatur.ch       */
/* 				Res Fürling				   */
/*	-----------------------------------------------*/

html {
	height:100%; 
	max-height:100%; 
	padding:0; 
	margin:0; 
	border:0; 
	/* hide overflow:hidden from IE5/Mac */ 
	/* \*/ 
	overflow:hidden; 
	/* */ 
	}
	
body { 	background-color: white; 
		height:100%; 
		max-height:100%; 
		overflow:hidden; 
		padding:0; 
		margin:0; 
		border:0; }
	
* html #Main {
	top:0; 
	bottom:0; 
	height:100%;
	width:980px;
	border-top:0 solid white; 
	border-bottom:48px solid white;
	z-index: 3;
	}
* html #Inhalt {
	top:0; 
	bottom:0; 
	height:100%;
	width:700px;
	border-top:168px solid white; 
	border-bottom:0 solid white;
	z-index: 4;
	}
#Druckkopf { font-size: 9pt; font-family: arial; background-image: url(../images/basics/druckkopf_bg.jpg); background-repeat: repeat-x; background-position: 0 bottom; text-align: right; height: 24mm; width: auto; left: 4mm; top: 6mm; position: absolute; right: 4mm; z-index: 1; visibility: hidden; }
#Main { width: 980px; left: 50%; margin-left: -493px; top: 0; position: absolute; bottom: 48px; z-index: 4; overflow: hidden; visibility: visible; display: block; }
#Head { background-image: url(../images/basics/bg_head_144.gif); background-repeat: repeat-x; height: 144px; width: 868px; left: 108px; top: 0; z-index: 6; position: absolute; visibility: visible; }
#submenu { height: 314px; width: 156px; left: 108px; top: 168px; z-index: 2; position: absolute; visibility: visible; }
#Inhalt { background-color: white; width: 700px; left: 276px; top: 168px; z-index: 5; position: absolute; bottom: 0; height: auto; overflow: auto; visibility: visible; }
#headbar { background-image: url(../images/basics/bg_head_144.gif); background-repeat: repeat-x; height: 144px; width: 100%; left: 0; top: 0; position: absolute; z-index: 1; visibility: visible; }
#Playdoll { background-color: white; background-image: url(../images/basics/playdoll.jpg); background-repeat: no-repeat; height: 600px; width: 108px; left: 0; top: 0; z-index: 2; position: absolute; visibility: visible; }
#BGTopBar { background-image: url(../images/basics/topbar_bg.gif); height: 24px; width: 50%; left: 50%; top: 0; position: absolute; right: 0; z-index: 2; visibility: visible; }
#TopBar { background-image: url(../images/basics/topbar_bg.gif); height: 24px; width: 390px; position: absolute; top: 0; right: 0; z-index: 7; visibility: visible; }
#Logo { height: 48px; width: 215px; left: 0; top: 48px; position: absolute; visibility: visible; }
#menuThemen { height: 36px; width: 400px; left: -6px; position: absolute; bottom: 1px; visibility: visible; }
#menuInfo { text-align: right; height: 36px; bottom: 1px; position: absolute; right: -12px; width: 400px; visibility: visible; float: right; }
#Impressum { background-image: url(../images/basics/impressum_bg.gif); background-repeat: repeat-y; background-position: 12px 0; height: 36px; width: 400px; bottom: 0; z-index: 3; position: absolute; right: 0; visibility: visible; padding-top: 3px; padding-right: 12px; padding-bottom: 3px; }

/*	------------------------------------------------	*/
/* 				BASICS 0816 DESIGN KERNS				*/
/*	------------------------------------------------	*/
.newsT 			 { color: #666; font-size: 12px; font-family: arial, verdana, Arial, Tahoma; font-style: normal; line-height: 16px; background-image: url(../images/basics/news_bg.gif); background-repeat: repeat-y; text-decoration: none ; text-align: left; width: 144px; z-index: 10; visibility: visible; float: left; clear: right; padding: 12px 0 12px 6px; }
.reddots_bg		 { color: #666; font-size: 12px; font-family: arial, verdana, Arial, Tahoma; font-style: normal; line-height: 16px; background-image: url(../images/basics/news_bg_red.gif); background-repeat: repeat; background-attachment: scroll; text-decoration: none ; }
.news 			 { color: #666; font-size: 12px; font-family: arial, verdana, Arial, Tahoma; font-style: normal; line-height: 16px; background-image: url(../images/basics/news_bg.gif); background-repeat: repeat-y; text-decoration: none ; text-align: left; width: 144px; z-index: 10; visibility: visible; float: left; clear: right; padding: 6px 0 6px 12px; }
.news A:link 	 { color: #666; font-size: 12px; font-family: arial, verdana, Arial, Tahoma; line-height: 18px; background-image: url(../images/basics/bg_link.gif); background-repeat: no-repeat; background-position: 0 0; text-decoration: none ; text-align: left; width: 156px; height: 18px; z-index: 10; visibility: visible; float: left; clear: right; padding-left: 18px; }
.news A:active 	 { color: #666; font-size: 12px; font-family: arial, verdana, Arial, Tahoma; line-height: 18px; background-image: url(../images/basics/bg_link.gif); background-repeat: no-repeat; background-position: 0 0; text-decoration: none ; text-align: left; width: 156px; height: 18px; z-index: 10; visibility: visible; float: left; clear: right; padding-left: 18px; }
.news A:visited 	 { color: #666; font-size: 12px; font-family: arial, verdana, Arial, Tahoma; line-height: 18px; background-image: url(../images/basics/bg_link.gif); background-repeat: no-repeat; background-position: 0 0; text-decoration: none ; text-align: left; width: 156px; height: 18px; z-index: 10; visibility: visible; float: left; clear: right; padding-left: 18px; }
.news A:hover	 { color: #540008; font-size: 12px; font-family: arial, verdana, Arial, Tahoma; line-height: 18px; background-image: url(../images/basics/bg_link.gif); background-repeat: no-repeat; background-position: 0 -18px; text-decoration: none ; text-align: left; width: 156px; height: 18px; z-index: 10; visibility: visible; float: left; clear: right; padding-left: 18px; }

.Titel		  			 { color: #716c56; font-size: 24px; font-family: arial, verdana, Arial, Tahoma; font-style: normal; font-weight: normal; text-decoration: none; }
.Utitel		  			 { color: #716c56; font-size: 18px; font-family: arial, verdana, Arial, Tahoma; font-style: normal; font-weight: normal; background-color: white; text-decoration: none; }
.U-Utitel		  			 { color: #716c56; font-size: 15px; font-family: arial, verdana, Arial, Tahoma; font-style: normal; font-weight: normal; background-color: white; text-decoration: none; }
.fliesstxt6all			 { color: #333; font-size: 12px; font-family: arial, verdana, Arial, Tahoma; font-style: normal; font-weight: normal; text-decoration: none; padding: 6px; }
.fliesstxt12all			 { color: #333; font-size: 12px; font-family: arial, verdana, Arial, Tahoma; font-style: normal; font-weight: normal; text-decoration: none; padding: 12px; }
.fliesstxt12  			 { color: #333; font-size: 12px; font-family: arial, verdana, Arial, Tahoma; font-style: normal; font-weight: normal; text-decoration: none; padding-right: 12px; }
.fliesstxt12 A:link  	 { color: #716c56; font-size: 12px; font-family: arial, verdana, Arial, Tahoma; font-style: normal; font-weight: normal; text-decoration: none ; }
.fliesstxt12 A:active  	 { color: #716c56; font-size: 12px; font-family: arial, verdana, Arial, Tahoma; font-style: normal; font-weight: normal; text-decoration: none ; }
.fliesstxt12 A:visited   { color: #716c56; font-size: 12px; font-family: arial, verdana, Arial, Tahoma; font-style: normal; font-weight: normal; text-decoration: none ; }
.fliesstxt12 A:hover  	 { color: #540008; font-size: 12px; font-family: arial, verdana, Arial, Tahoma; font-style: normal; font-weight: normal; }
.fliesstxt  			 { color: #333; font-size: 12px; font-family: arial, verdana, Arial, Tahoma; font-style: normal; font-weight: normal; text-decoration: none; }
.fliesstxt A:link  		 { color: #716c56; font-size: 12px; font-family: arial, verdana, Arial, Tahoma; font-style: normal; font-weight: normal; text-decoration: none ; }
.fliesstxt A:active  	 { color: #716c56; font-size: 12px; font-family: arial, verdana, Arial, Tahoma; font-style: normal; font-weight: normal; text-decoration: none ; }
.fliesstxt A:visited  	 { color: #716c56; font-size: 12px; font-family: arial, verdana, Arial, Tahoma; font-style: normal; font-weight: normal; text-decoration: none ; }
.fliesstxt A:hover  	 { color: #540008; font-size: 12px; font-family: arial, verdana, Arial, Tahoma; font-style: normal; font-weight: normal; }

.liste		  			 { color: #333; font-size: 12px; font-family: arial, verdana, Arial, Tahoma; font-style: normal; font-weight: normal; line-height: 16px; text-decoration: none; list-style-image: url(../images/basics/liste.gif); }
.liste A:link  			 { color: #b3ada0; font-size: 12px; font-family: arial, verdana, Arial, Tahoma; font-style: normal; font-weight: normal; line-height: 16px; text-decoration: none ; }
.liste A:active  			 { color: #b3ada0; font-size: 12px; font-family: arial, verdana, Arial, Tahoma; font-style: normal; font-weight: normal; line-height: 16px; text-decoration: none ; }
.liste A:visited  			 { color: #b3ada0; font-size: 12px; font-family: arial, verdana, Arial, Tahoma; font-style: normal; font-weight: normal; line-height: 16px; text-decoration: none ; }
.liste A:hover  	 { color: #540008; font-size: 12px; font-family: arial, verdana, Arial, Tahoma; font-style: normal; font-weight: normal; line-height: 16px; list-style-image: url(../images/basics/liste_over.gif); }
.listeRef		  			 { color: #918b78; font-size: 12px; font-family: arial, verdana, Arial, Tahoma; font-style: normal; font-weight: normal; line-height: 16px; text-decoration: none; list-style-image: url(../images/basics/liste.gif); }
.listeRef A:link  			 { color: #918b78; font-size: 12px; font-family: arial, verdana, Arial, Tahoma; font-style: normal; font-weight: bold; line-height: 16px; text-decoration: none ; }
.listeRef A:active  			 { color: #918b78; font-size: 12px; font-family: arial, verdana, Arial, Tahoma; font-style: normal; font-weight: bold; line-height: 16px; text-decoration: none ; }
.listeRef A:visited  			 { color: #918b78; font-size: 12px; font-family: arial, verdana, Arial, Tahoma; font-style: normal; font-weight: bold; line-height: 16px; text-decoration: none ; }
.listeRef A:hover  	 { color: #540008; font-size: 12px; font-family: arial, verdana, Arial, Tahoma; font-style: normal; font-weight: bold; list-style-image: url(../images/basics/liste_over.gif); }

.impressumtxt  			 { color: #808080; font-size: 11px; font-family: arial, verdana, Arial, Tahoma; font-style: normal; font-weight: normal; text-decoration: none; }
.impressumtxt A:link  	 { color: #808080; font-size: 11px; font-family: arial, verdana, Arial, Tahoma; font-style: normal; font-weight: bold; text-decoration: none ; }
.impressumtxt A:active   { color: #808080; font-size: 11px; font-family: arial, verdana, Arial, Tahoma; font-style: normal; font-weight: bold; text-decoration: none ; }
.impressumtxt A:visited  { color: #808080; font-size: 11px; font-family: arial, verdana, Arial, Tahoma; font-style: normal; font-weight: bold; text-decoration: none ; }
.impressumtxt A:hover  	 { color: #000; font-size: 11px; font-family: arial, verdana, Arial, Tahoma; font-style: normal; font-weight: bold; }
.bildlegende  			 { color: #808080; font-size: 10px; font-family: arial, verdana, Arial, Tahoma; font-style: normal; font-weight: normal; text-decoration: none; }
.line		  	 		{ background-image: url(../images/basics/bildrahmen.gif); background-repeat: repeat-x; vertical-align: text-top; height: 12px; }
.image		  			 { font-family: arial, verdana, Arial, Tahoma; border: solid 1px #b3ada0; }
.image_noprint 			 { font-family: arial, verdana, Arial, Tahoma; visibility: visible; }
/*	------------------------------------------------	*/
/* 				MENU 0816 DESIGN KERNS		    		*/
/*	------------------------------------------------	*/
.MenuInv   		 { color: #918b78; font-size: 14px; font-family: arial, verdana, Arial, Tahoma; font-style: normal; font-weight: bold; line-height: 36px; background-image: url(../images/basics/bg_menu.gif); background-repeat: repeat-x; background-position: 0 0; text-decoration: none; height: 36px; z-index: 8; visibility: visible; float: left; padding-right: 6px; padding-left: 6px; }
.MMenu A:link 		 { color: #918b78; font-size: 14px; font-family: arial, verdana, Arial, Tahoma; font-style: normal; font-weight: bold; line-height: 36px; background-image: url(../images/basics/bg_menu.gif); background-position: 0 -72px; text-decoration: none; height: 36px; z-index: 8; visibility: visible; float: left; padding-right: 6px; padding-left: 6px; }
.MMenu A:active 		 { color: #918b78; font-size: 14px; font-family: arial, verdana, Arial, Tahoma; font-style: normal; font-weight: bold; line-height: 36px; background-image: url(../images/basics/bg_menu.gif); background-position: 0 -72px; text-decoration: none; height: 36px; z-index: 8; visibility: visible; float: left; padding-right: 6px; padding-left: 6px; }
.MMenu A:visited		 { color: #918b78; font-size: 14px; font-family: arial, verdana, Arial, Tahoma; font-style: normal; font-weight: bold; line-height: 36px; background-image: url(../images/basics/bg_menu.gif); background-position: 0 -72px; text-decoration: none; height: 36px; z-index: 8; visibility: visible; float: left; padding-right: 6px; padding-left: 6px; }
.MMenu A:hover 		 { color: #540008; font-size: 14px; font-family: arial, verdana, Arial, Tahoma; font-style: normal; font-weight: bold; line-height: 36px; background-image: url(../images/basics/bg_menu.gif); background-position: 0 -36px; text-decoration: none; height: 36px; z-index: 8; visibility: visible; float: left; padding-right: 6px; padding-left: 6px; }

.tBar A:link 		 { color: #918b78; font-size: 12px; font-family: arial, verdana, Arial, Tahoma; font-style: normal; font-weight: bold; line-height: 24px; background-image: url(../images/basics/topbar_css.gif); background-position: 0 0; text-decoration: none; height: 24px; z-index: 8; visibility: visible; float: left; padding-right: 6px; padding-left: 6px; }
.tBar A:active 		 { color: #918b78; font-size: 12px; font-family: arial, verdana, Arial, Tahoma; font-style: normal; font-weight: bold; line-height: 24px; background-image: url(../images/basics/topbar_css.gif); background-position: 0 0; text-decoration: none; height: 24px; z-index: 8; visibility: visible; float: left; padding-right: 6px; padding-left: 6px; }
.tBar A:visited		 { color: #918b78; font-size: 12px; font-family: arial, verdana, Arial, Tahoma; font-style: normal; font-weight: bold; line-height: 24px; background-image: url(../images/basics/topbar_css.gif); background-position: 0 0; text-decoration: none; height: 24px; z-index: 8; visibility: visible; float: left; padding-right: 6px; padding-left: 6px; }
.tBar A:hover 		 { color: #540008; font-size: 12px; font-family: arial, verdana, Arial, Tahoma; font-style: normal; font-weight: bold; line-height: 24px; background-image: url(../images/basics/topbar_css.gif); background-position: 0 -24px; text-decoration: none; height: 24px; z-index: 8; visibility: visible; float: left; padding-right: 6px; padding-left: 6px; }

.linkbtn 			 { color: #666; font-size: 12px; font-family: arial, verdana, Arial, Tahoma; font-style: normal; font-weight: bold; line-height: 18px; text-decoration: none ; text-align: left; height: 18px; z-index: 10; visibility: visible; float: left; clear: right; }
.linkbtn A:link 	 { color: #666; font-size: 12px; font-family: arial, verdana, Arial, Tahoma; font-style: normal; font-weight: bold; line-height: 18px; background-image: url(../images/basics/bg_link.gif); background-repeat: no-repeat; background-position: 0 0; text-decoration: none ; text-align: left; height: 18px; z-index: 10; visibility: visible; float: left; clear: right; padding-left: 18px; }
.linkbtn A:active 	 { color: #666; font-size: 12px; font-family: arial, verdana, Arial, Tahoma; font-style: normal; font-weight: bold; line-height: 18px; background-image: url(../images/basics/bg_link.gif); background-repeat: no-repeat; background-position: 0 0; text-decoration: none ; text-align: left; height: 18px; z-index: 10; visibility: visible; float: left; clear: right; padding-left: 18px; }
.linkbtn A:visited 	 { color: #666; font-size: 12px; font-family: arial, verdana, Arial, Tahoma; font-style: normal; font-weight: bold; line-height: 18px; background-image: url(../images/basics/bg_link.gif); background-repeat: no-repeat; background-position: 0 0; text-decoration: none ; text-align: left; height: 18px; z-index: 10; visibility: visible; float: left; clear: right; padding-left: 18px; }
.linkbtn A:hover	 { color: #540008; font-size: 12px; font-family: arial, verdana, Arial, Tahoma; font-style: normal; font-weight: bold; line-height: 18px; background-image: url(../images/basics/bg_link.gif); background-repeat: no-repeat; background-position: 0 -18px; text-decoration: none ; text-align: left; height: 18px; z-index: 10; visibility: visible; float: left; clear: right; padding-left: 18px; }

.backBtn 		 	 { color: #666; font-size: 12px; font-family: arial, verdana, Arial, Tahoma; font-style: normal; font-weight: bold; line-height: 18px; text-decoration: none ; text-align: left; height: 18px; visibility: visible; float: left; clear: right; }
.backBtn A:link 	 { color: #666; font-size: 12px; font-family: arial, verdana, Arial, Tahoma; font-style: normal; font-weight: bold; line-height: 18px; background-image: url(../images/basics/bg_back.gif); background-repeat: no-repeat; background-position: 0 0; text-decoration: none ; text-align: left; height: 18px; visibility: visible; float: left; clear: right; padding-left: 18px; }
.backBtn A:active 	 { color: #666; font-size: 12px; font-family: arial, verdana, Arial, Tahoma; font-style: normal; font-weight: bold; line-height: 18px; background-image: url(../images/basics/bg_back.gif); background-repeat: no-repeat; background-position: 0 0; text-decoration: none ; text-align: left; height: 18px; visibility: visible; float: left; clear: right; padding-left: 18px; }
.backBtn A:visited 	 { color: #666; font-size: 12px; font-family: arial, verdana, Arial, Tahoma; font-style: normal; font-weight: bold; line-height: 18px; background-image: url(../images/basics/bg_back.gif); background-repeat: no-repeat; background-position: 0 0; text-decoration: none ; text-align: left; height: 18px; visibility: visible; float: left; clear: right; padding-left: 18px; }
.backBtn A:hover	 { color: #540008; font-size: 12px; font-family: arial, verdana, Arial, Tahoma; font-style: normal; font-weight: bold; line-height: 18px; background-image: url(../images/basics/bg_back.gif); background-repeat: no-repeat; background-position: 0 -18px; text-decoration: none ; text-align: left; height: 18px; visibility: visible; float: left; clear: right; padding-left: 18px; }
/*	------------------------------------------------	*/
/* 		FORMULARE                  	  		    */
/*	------------------------------------------------	*/

.sform 				{ font-size: 11px; color: #55523a; font-family: arial, verdana; font-weight: normal; line-height: 16px; background-color: #d8d4cd; width: 156px; height: 16px; padding-left: 6px; border: solid 1px #716c56; }
.sformMini			{ font-size: 11px; color: #55523a; font-family: arial, verdana; font-weight: normal; background-color: #d8d4cd; width: 16px; height: 16px; padding-left: 6px; }
.sformKlein			{ font-size: 11px; color: black; font-family: arial, verdana; font-weight: normal; background-color: #ffc; width: 95px; height: 15px; padding-left: 6px; border: solid 1px #dedede; }
.sformSuchen		{ font-size: 11px; color: black; font-family: arial, verdana; font-weight: normal; background-color: #ffc; width: 95px; height: 15px; padding-left: 6px; border: solid 1px #dedede; }
.sformGross			{ font-size: 11px; color: black; font-family: arial, verdana; font-weight: normal; background-color: #ffc; width: 285px; height: 15px; padding-left: 6px; border: solid 1px #dedede; }
.sformScroll		{ font-size: 11px; color: black; font-family: arial, verdana; font-weight: normal; background-color: #d8d4cd; width: 324px; height: 78px; padding-left: 6px; border: solid 1px #716c56; }
.sformHosting		 { color: black; font-size: 11px; font-family: arial, verdana; font-weight: normal; background-color: #ffc; width: 100%; height: 150px; padding-left: 6px; border: solid 1px #dedede    }
.ButtonSenden	     { color: black; font-size: 11px; font-family: arial, verdana, Arial, Tahoma; font-weight: normal; text-decoration: none; background-color: #d8d4cd; cursor: default; width: auto; height: 20px; padding-right: 6px; padding-left: 6px; border: solid 1px #716c56     }