/*  body style */
body, html{
border: 0; 
padding: 0; 
margin: 0;
width: 100%px;
}



body {

background : url('new-kiwi-background.jpg') repeat;
/*background-image: url('new-kiwi-background.jpg');*/
background-attachment: scroll;
background-color: #e1ddd9;
font-size: 12px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0px 28px;

margin:0px;
}


p{
background-color:#FFFFFF; /*changed from white*/
margin-right:15px;
padding:10px;
margin-top:0px;
}



h1 {
font-size: 11px;
text-transform:uppercase;
text-align: right;
color: #564b47;
background-color: #90897a;
padding:5px 15px;
margin:0px
}
h2 {
margin-right:15px;
padding:10px;
margin-top:0px;
font-size:14px;
/*padding-top:10px;*/
padding:10px;

text-transform:uppercase;
color: red;
background-color: white;
}

h3{
background-color:white;
margin-right:15px;
padding:10px;
margin-top:0px;
color:red;
}

a {
color: #FF0000;
font-size: 11px;
background-color:transparent;
/*text-decoration: none;*/
}
pre {
color: #564b47;
font-size: 11px;
background-color:white;
font-family: Courier, Monaco, Monospace;
}
/*  positioning-layers statisch und absolut */
#menu {
position: absolute;
top:45px;
height:550px;
width: 228px;
left: 50px;
background-color:#000000;
padding:0px;
margin:0px
}


#menuabout {
position: absolute;
top:45px;
height:1145px;
#height:1174px;
_height:1174px;
width: 228px;
left: 50px;
background-color:#000000;
padding:0px;
margin:0px
}
#menulinks {
position: absolute;
top:45px;
height:667px;
#height:661px;
_height:661px;
width: 228px;
left: 50px;
background-color:#000000;
padding:0px;
margin:0px
}
#menucontact {
position: absolute;
top:45px;
height:516px;
#height:516px;
_height:516px;
width: 228px;
left: 50px;
background-color:#000000;
padding:0px;
margin:0px
}
#menuused {
position: absolute;
top:45px;
height:624px;
#height:624px;
_height:632px;
width: 228px;
left: 50px;
background-color:#000000;
padding:0px;
margin:0px
}

#content {

margin-left: 250px;
margin-top: 46px;
margin-right: 18px;
margin-bottom: 10px;
padding-bottom:-10px;
background-color: #FFFFFF;

/*overflow: auto;*/
/*this overflow will create a scroll bar in the bottom of the picture*/

}
#contentmenu
{
margin-left: -40px;/*this move the menu to the left*/
margin-top: 0px;
margin-right: 0px;
background-color: #fff;
}

#contentmain {

margin-left: 250px;
margin-top: 46px;
margin-right: 50px;
margin-bottom: 10px;
padding-bottom:-10px;
background-color: #FFFFF; /*this fixed the picture gap in the home page slide pic*/

/*overflow: auto;*/
/*this overflow will create a scroll bar in the bottom of the picture*/

}

#news_links a {
   color: #FFFFFF;
}

#contentcontact {

margin-left: 250px;
margin-top: 46px;
margin-right: 50px;
margin-bottom: 10px;
padding-bottom:-10px;

/*overflow: auto;*/
/*this overflow will create a scroll bar in the bottom of the picture*/

}


/*Image popup*/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
/*background-color: lightyellow;-original color*/
background-color: white;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 191px; /*position where enlarged image should offset horizontally */

}
/*Image popup end*/

