@charset "utf-8";
/* CSS Document */


body {
background-color:#FFFFCC;
}

#wrapper {
position:relative;
margin: 50px auto;
}

#willkommen {
font-family: Arial, Helvetica, sans-serif;
font-size:24px;
color:#006AB2;
font-style:oblique;
text-align:center;
}

#menu {
position:relative;
width:602px;
height:602px;
background-color:#FFFFfC;
margin:10px auto;
}

#text {
position:relative;
width:602px;
height:602px;
margin:10px auto;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

#copy{
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#006AB2;
width:602px;
position:relative;
margin:auto;
}

#copy a {
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#006AB2;
text-decoration:none;
}

#copy a:hover {
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#e08603;
text-decoration:underline;
}

#copy2{
text-align:justify;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#006AB2;
width:602px;
position:relative;
margin:auto;
}

/* -------------------------------------------------- BUTTON */


/* IVF eV */
#menu a.button_01 {
position:absolute; 
display:block; 
width:200px; 
height:200px;
background-image:url(../images/normal_01.gif);
text-decoration:none;
top:0px; 
left:0px;
}

#text a.button_01 span {
visibility:hidden;
}

/* Haus, Hof & Garten */
#menu a.button_02 {
background-image:url(../images/normal_02.gif);
position:absolute; 
display:block; 
width:200px; 
height:200px; 
color:#fff; 
text-decoration:none;
top:0px; 
left:201px;
}

#text a.button_02 span {
visibility:hidden;
}

/* Massivbau */
#menu a.button_03 {
background-image:url(../images/normal_03.gif);
position:absolute; 
display:block; 
width:200px; 
height:200px; 
color:#fff; 
text-decoration:none;
top:0px; 
left:402px;
}

#text a.button_03 span {
visibility:hidden;
}

/* Nickifabrik */
#menu a.button_04 {
background-image:url(../images/normal_04.gif);
position:absolute; 
display:block; 
width:200px; 
height:200px; 
color:#fff; 
text-decoration:none;
top:201px; 
left:0px;
}

#text a.button_04 span {
visibility:hidden;
}

/* Kercon */
#menu a.button_05{
background-image:url(../images/normal_06.gif);
position:absolute; 
display:block; 
width:200px; 
height:200px; 
color:#fff; 
text-decoration:none;
top:201px; 
left:402px;
}

#text a.button_05 span {
visibility:hidden;
}

/* verlag */
#menu a.button_06 {
background-image:url(../images/normal_07.gif);
position:absolute; 
display:block; 
width:200px; 
height:200px; 
color:#fff; 
text-decoration:none;
top:402px; 
left:0px;
}

#text a.button_06 span {
visibility:hidden;
}

/* Wohnen am Tollensesee */
#menu a.button_07 {
background-image:url(../images/normal_08.gif);
position:absolute; 
display:block; 
width:200px; 
height:200px; 
color:#fff; 
text-decoration:none;
top:402px; 
left:201px;
}

#text a.button_07 span {
visibility:hidden;
}

/* nutrend */
#menu a.button_08 {
background-image:url(../images/normal_09.gif);
position:absolute; 
display:block; 
width:200px; 
height:200px; 
color:#fff; 
text-decoration:none;
top:402px; 
left:402px;
}

#text a.button_08 span {
visibility:hidden;
}

/* ----------------------------------------------------------- BUTTON VISITED */

/*ivf ev */
#menu a.button_01:visited {
position:absolute; 
display:block; 
width:200px; 
height:200px;
text-decoration:none;
top:0px; 
left:0px;
color:#fff; 
}

#text a.button_01:visited span{
position:absolute; 
display:block; 
width:180px; 
height:180px;
top:10px; 
left:10px;
}

/* haus, hof und garten */
#menu a.button_02:visited {
position:absolute; 
display:block; 
width:200px; 
height:200px; 
text-decoration:none;
top:0px; 
left:201px;
}

#text a.button_02:visited span {
position:absolute; 
display:block; 
width:180px; 
height:180px;
top:10px; 
left:10px;
}

/* massivbau */
#menu a.button_03:visited {
position:absolute; 
display:block; 
width:200px; 
height:200px; 
text-decoration:none;
top:0px; 
left:402px;
}

#text a.button_03:visited span {
position:absolute; 
display:block; 
width:180px; 
height:180px;
top:10px; 
left:10px;
padding-top:65px;
}

/* nickifabrik */
#menu a.button_04:visited {
position:absolute; 
display:block; 
width:200px; 
height:200px; 
color:#fff; 
text-decoration:none;
top:201px; 
left:0px;
}

#text a.button_04:visited span{
position:absolute; 
display:block; 
width:180px; 
height:180px;
top:10px; 
left:10px;
}

/* kercon */
#menu a.button_05:visited {
position:absolute; 
display:block; 
width:200px; 
height:200px; 
color:#fff; 
text-decoration:none;
top:201px; 
left:402px;
}

#text a.button_05:visited span{
position:absolute; 
display:block; 
width:180px; 
height:180px;
top:10px; 
left:10px;
}

/* verlag */
#menu a.button_06:visited {
position:absolute; 
display:block; 
width:200px; 
height:200px; 
color:#fff; 
text-decoration:none;
top:402px; 
left:0px;
}

#text a.button_06:visited span{
position:absolute; 
display:block; 
width:180px; 
height:180px;
top:10px; 
left:10px;
}

/* wohnen am tollensesee */
#menu a.button_07:visited {
position:absolute; 
display:block; 
width:200px; 
height:200px; 
color:#fff; 
text-decoration:none;
top:402px; 
left:201px;
}

#text a.button_07:visited span{
position:absolute; 
display:block; 
width:180px; 
height:180px;
top:10px; 
left:10px;
}

/* nutrend */
#menu a.button_08:visited {
position:absolute; 
display:block; 
width:200px; 
height:200px; 
color:#fff; 
text-decoration:none;
top:402px; 
left:402px;
}

#text a.button_08:visited span{
position:absolute; 
display:block; 
width:180px; 
height:180px;
top:10px; 
left:10px;
}

/* A: HOVER --> BROWSERANSICHT DER FENSTER BEI MOUSEOVER */

/* ivf ev */
#menu a.button_01:hover {
text-decoration:none; 
background-image:url(../images/over_01.gif);
}

#text a.button_01:hover span{
text-decoration:none; 
color:#006AB2;
padding-top:70px;
visibility:visible;
/* ie */
position:absolute; 
display:block; 
width:180px; 
height:180px;
top:10px; 
left:10px;
}

/* haus, hof und garten */
#menu a.button_02:hover {
text-decoration:none; 
background-image:url(../images/over_02.gif);
}

#text a.button_02:hover span{
text-decoration:none; 
color:#006AB2;
padding-top:70px;
visibility:visible;
/* ie */
position:absolute; 
display:block; 
width:180px; 
height:180px;
top:10px; 
left:10px;
}

/* ivf bau */
#menu a.button_03:hover {
text-decoration:none; 
background-image:url(../images/over_03.gif);
}

#text a.button_03:hover span{
text-decoration:none; 
color:#006AB2;
padding-top:70px;
visibility:visible;
/* ie */
position:absolute; 
display:block; 
width:180px; 
height:180px;
top:10px; 
left:10px;
}

/* nickifabrik */
#menu a.button_04:hover {
text-decoration:none; 
background-image:url(../images/over_04.gif);
}

#text a.button_04:hover span{
text-decoration:none; 
color:#006AB2;
padding-top:70px;
visibility:visible;
/* ie */
position:absolute; 
display:block; 
width:180px; 
height:180px;
top:10px; 
left:10px;
}

/* kercon */
#menu a.button_05:hover {
text-decoration:none; 
background-image:url(../images/over_06.gif);
}

#text a.button_05:hover span{
text-decoration:none; 
color:#006AB2;
padding-top:70px;
visibility:visible;
/* ie */
position:absolute; 
display:block; 
width:180px; 
height:180px;
top:10px; 
left:10px;
}

/* verlag */
#menu a.button_06:hover {
text-decoration:none; 
background-image:url(../images/over_07.gif);
}

#text a.button_06:hover span{
text-decoration:none; 
color:#006AB2;
padding-top:70px;
visibility:visible;
/* ie */
position:absolute; 
display:block; 
width:180px; 
height:180px;
top:10px; 
left:10px;
}

/* wohnen am tollensesee */
#menu a.button_07:hover {
text-decoration:none; 
background-image:url(../images/over_08.gif); 
}

#text a.button_07:hover span{
text-decoration:none; 
color:#006AB2;
padding-top:70px;
visibility:visible;
/* ie */
position:absolute; 
display:block; 
width:180px; 
height:180px;
top:10px; 
left:10px;
}

/* nutrend */
#menu a.button_08:hover {
text-decoration:none; 
background-image:url(../images/over_09.gif);
}

#text a.button_08:hover span{
text-decoration:none; 
color:#006AB2;
padding-top:70px;
visibility:visible;
/* ie */
position:absolute; 
display:block; 
width:180px; 
height:180px;
top:10px; 
left:10px;
}

#menu a img {
display:block; 
position:absolute; 
width:1px; 
height:1px; 
border:0px; 
top:0px; 
left:0px;
}

/* Definition Bildposition bei Hover */

#menu a.button_01:hover img {
display:block; 
position:absolute; 
top:201px; 
left:201px; 
width:200px; 
height:200px; 
border:0px;
}

#menu a.button_02:hover img {
display:block; 
position:absolute; 
top:201px; 
left:0px; 
width:200px; 
height:200px; 
border:0px;
}

#menu a.button_03:hover img {
display:block; 
position:absolute; 
top:201px; 
left:-201px; 
width:200px; 
height:200px; 
border:0px;
}

#menu a.button_04:hover img {
display:block; 
position:absolute; 
top:0px; 
left:201px; 
width:200px; 
height:200px; 
border:0px;
}

#menu a.button_05:hover img {
display:block; 
position:absolute; 
top:0px; 
left:-201px; 
width:200px; 
height:200px; 
border:0px;
}

#menu a.button_06:hover img {
display:block; 
position:absolute; 
top:-201px; 
left:201px; 
width:200px; 
height:200px; 
border:0px;
}

#menu a.button_07:hover img {
display:block; 
position:absolute; 
top:-201px; 
left:0px; 
width:200px; 
height:200px; 
border:0px;
}

#menu a.button_08:hover img {
display:block; 
position:absolute; 
top:-201px; 
left:-201px; 
width:200px; 
height:200px; 
border:0px;
}

#button_09 {
position:absolute; 
left:201px; 
top:201px; 
border:0px;
}