<!--
/* <![CDATA[ */	

/*  body und schrift deffinitionen */

html {
		height: 100%;
	}

body {
  background-color: #FFFF00;
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
  color:#564b47;  
  padding:0px;
  margin:0px;
}
#inhalt { 	
  position:absolute;
  height:700px; 
  width:650px;
  top: 50%; 
  left: 50%;
  margin-left:-325px; 
  margin-top:-350px;   
  background-image: url('images/logo_kreis_text.png'); no-repeat;
  padding: 0px;
  background-color: #FFFF00;
  border: 0px dotted #000000;
  overflow:hidden;
 }

#ftwo { 	
  position:absolute;
  height:140px; 
  width:320px;
  top: 50%; 
  left: 50%;
  margin-left:-160px; 
  margin-top:-150px;   
  padding: 5px;
  background: #EEEEEE;
  border-width: 4px;
  border-style : solid;
  border-color : #4dbcf3; 
  z-index: 1;
  overflow:hidden;
 }


p, h1 {
margin: 0px; 
padding: 8px; 
}

h1 {
font-size: 14px;
text-transform:uppercase;
text-align: center;
color: #E73131;
background-color: #FFFF00;
}

a { 
color: #ff66cc;
font-size: 11px;
background-color:transparent;
text-decoration: none; 
}


/* Tooltip */

a.tooltip,
a.tooltip:link,
a.tooltip:visited,
a.tooltip:active {
position: relative;
text-decoration: none;
font-style: bold;
}
a.tooltip1,
a.tooltip1:link,
a.tooltip1:visited,
a.tooltip1:active {
position: relative;
text-decoration: none;
font-style: bold;
border-bottom:0px dotted #4dbcf3;
}
a.tooltip2,
a.tooltip2:link,
a.tooltip2:visited,
a.tooltip2:active {
position: relative;
text-decoration: none;
font-style: bold;
border-bottom:0px dotted #4dbcf3;
}
a.tooltip3,
a.tooltip3:link,
a.tooltip3:visited,
a.tooltip3:active {
position: relative;
text-decoration: none;
font-style: bold;
border-bottom:0px dotted #4dbcf3;
}
a.tooltip4,
a.tooltip4:link,
a.tooltip4:visited,
a.tooltip4:active {
position: relative;
text-decoration: none;
font-style: bold;
border-bottom:0px dotted #4dbcf3;
}

a.tooltip:hover {
background: transparent;
z-index: 100;
}

a.tooltip1:hover {
background: transparent;
z-index: 100;
}

a.tooltip2:hover {
background: transparent;
z-index: 100;
}

a.tooltip3:hover {
background: transparent;
z-index: 100;
}

a.tooltip4:hover {
background: transparent;
z-index: 100;
}

a.tooltip span{
display: none;
text-decoration: none;
}

a.tooltip1 span {
display: none;
text-decoration: none;
}

a.tooltip2 span {
display: none;
text-decoration: none;
}

a.tooltip3 span {
display: none;
text-decoration: none;
}

a.tooltip4 span {
display: none;
text-decoration: none;
}

a.tooltip:hover span {
display: block;
position: relative;
color: #000000;
padding: 2px 5px 2px 5px;
background: #EEEEEE;
border-width: 4px;
border-style : solid;
border-color : #4dbcf3;
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-style: Normal;
text-align: left;
cursor: hand;
}

a.tooltip1:hover span {
display: block;
position: relative;
color: #000000;
padding: 2px 5px 2px 5px;
background: #EEEEEE;
border-width: 4px;
border-style : solid;
border-color : #4dbcf3;
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-style: Normal;
text-align: left;
cursor: hand;
}
a.tooltip2:hover span {
display: block;
position: relative;
color: #000000;
padding: 2px 5px 2px 5px;
background: #EEEEEE;
border-width: 4px;
border-style : solid;
border-color : #4dbcf3;
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-style: Normal;
text-align: left;
cursor: hand;
}

a.tooltip3:hover span {
display: block;
position: relative;
color: #000000;
padding: 2px 5px 2px 5px;
background: #EEEEEE;
border-width: 4px;
border-style : solid;
border-color : #4dbcf3;
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-style: Normal;
text-align: left;
cursor: hand;
}

a.tooltip4:hover span {
display: block;
position: relative;
color: #000000;
padding: 2px 5px 2px 5px;
background: #EEEEEE;
border-width: 4px;
border-style : solid;
border-color : #4dbcf3;
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-style: Normal;
text-align: left;
cursor: hand;
}

a.tooltip:hover span {
top: -196px;
left: 0;
width: 324px;
z-index: 100;
}
a.tooltip1:hover span {
top: -206px;
right: 5;
width: 315px;
z-index: 100;
}
a.tooltip2:hover span {
top: -114px;
left: 0;
width: 409px;
z-index: 100;
}
a.tooltip3:hover span {
top: -114px;
left: 0;
width: 409px;
z-index: 100;
}
a.tooltip4:hover span {
top: -60px;
left: 0;
width: 630px;
z-index: 100;
}

/* auswahl */
#Heli {
position: absolute;
width: 307px;
height: 256px;
z-index: 1;
left: 7px; 
top: 248px;
}
#Camp {
position: absolute;
width: 324px;
height: 256px;
z-index: 2;
left: 316px; 
top: 248px;
}
#Shop {
position: absolute;
width: 418px;
height: 142px;
z-index: 2;
left: 126px; 
top: 95px;
}
#Support {
position: absolute;
width: 409px;
height: 139px;
z-index: 2;
left: 139px; 
top: 506px;
}
#Kalender {
position: absolute; 
width: 650px; 
height: 60px; 
z-index: 3; 
left: 0px; 
top: 40px;
}

#Zaehler {
position: absolute; 
width: 650px; 
height: 30px; 
z-index: 3; 
left: 0px; 
top: 640px;
display: none;
}

a#fbutton {
position: fixed;
right: 0;
bottom: 0;
text-decoration: none;
text-indent: -999em;
height: 100px;
width: 100px;
background: url(http://www.frema.ch/images/b_firefox_blue.png) bottom right no-repeat;
display: block;
}


* html a#fbutton {
    margin-top:-2px;
    margin-bottom:-2px;

    }
 /* ]]> */	
-->