/* 
	MaineCoon
	css door Roy Nijenkamp voor MaineCoon.nl
*/

/* Basis */


* {
    margin:0px;
    padding:0px;
  }


/*    
Om gemakkelijk met em te kunnen werken moet je een standaard waarde maken voor je tekst.
Normaal is bij elke browser 16px de standaard waarde, nu wordt het gemakklijkshalve naar 10px gebracht:
font: '62.5%'
16px - 62.5% = 10px

Vanaf nu is:
	1em = 10px
   0.8em = 8px
   1em = 10px
   1.2em = 12px
   2em = 20px
   
*/
body {
    background: white;
    font: 62.5% "Times New Roman", "Times Roman", Times, serif;
    color: black;
    margin:0px 0 0 0;
    padding:0;
    text-align: center;
  }


a:link {
    color: #006699;
    text-decoration: none;
  }


a:visited {
    color: #5493B4;
    text-decoration: none;
  }


a:hover {
    color: white;
    background-color: #B7CC91;
  }


a:active {
    color: #5493B4;
    text-decoration: none;
  }
  


acronym {
	cursor: help;
	border-bottom: 1px dotted #006699;	
}

img.artikel{
	border-bottom: 1px solid black;
	border-top: 1px solid black;
}

img.index{
	border-bottom: 1px solid black;
	border-top: 1px solid black;
	border-right: 1px solid black;
}

img.fotovdmaandindex{
	border-bottom: 1px solid black;
	border-top: 1px solid black;
	border-right: 1px solid black;
	border-left: 1px solid black;
}

#container {
    width:760px;
    margin:0 auto;
    background-image:url(./images/Standaard/schaduw.gif);
    text-align:left;
    position:relative;
  }

.container2 {
    width:760px;
    margin:0 auto;
    background-image:url(./images/Standaard/schaduw.gif);
    text-align:left;
    position:relative;
}

.schaduwboven {
    background-image: url(./images/Standaard/schaduw-boven.gif);
    height: 20px;
}

.schaduwonder {
    background-image: url(./images/Standaard/schaduw-onder.gif);
    height: 20px;
}
/*---------------------*/


/* Logo */
#logo {
 background-image: url(./images/Standaard/EN/balkboven.jpg);
 background-repeat: no-repeat;
 
 height: 356px;
}
	


/* Menu bovenbalk */
#hetmenu {
	 background-image: url(./images/Standaard/onderbalk.gif);
    color : white;
    font-size : 1.6em;
    margin-left : 5px;
    margin-right : 5px;
  }


#hetmenu a:link {
    color: white;
  }

#hetmenu a:visited {
    color: white;
  }

#hetmenu a:hover {
    color: #47650F;
    background-color: white;
  }


#hetmenu a:active {
    color: #006699;
    background-color: white;
  }



.language
{ 
	float: left;   
   height: 20px;
   padding-left: 0px;
   padding-right: 5px;
   border-style: none;	
} 

.language a:link {
    color: none;
    border: none;
    text-decoration: none;
  }

.language a:hover {
    color: none;
    background-color: none;
  }


.zoekbalk{
   /*background-color : #47650F;*/
   float: right;
   margin-top: 0px;
   margin-left: 5px;
   margin-bottom: 0px;
   padding-left: 5px;
   padding-right: 5px;	
   text-align:right;
}

.linksstandaard{
   /*background-color : #47650F;*/
   height: 20px;
   padding-left: 31px;
   padding-right: 5px;	
}



.nieuws{
   /*background-color : #47650F;*/
   padding-left: 5px;
   padding-right: 5px;	
   font-size: 1em;
}

/*---------------------*/


/*MENU NIEUW*/


#menu {

   list-style: none; 
	float: left;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 100%;
float: left;
position: relative;
left: -5px;
}


#menu #home
{ 
	width: 60px;
	text-align: center;
} 

#menu #demainecoon
{ 
	width: 125px;
	text-align: center;
} 

#menu #fotos
{ 
	width: 125px;
	text-align: center;
} 


#menu #meerinfo
{ 
	width: 135px;
	text-align: center;
} 


#menu #dezesite
{ 
	width: 90px;
	text-align: center;
} 

#menu a, {
display: block;
margin: 0;
padding: 2px 3px;
}


#menu a {
color: white;
text-decoration: none;
width: 95%;
}

#menu a:hover {
color: black;
background-color: white;

}


#menu li {
	position: relative;
	background-image: url(./images/Standaard/onderbalk.gif);
	border-right: 1px solid black; 
	border-bottom: 1px solid black; 
	font-weight: bold;
	font-size: 1em;
}

#menu li li{
	text-align: left; 
	background-image: none;
	background-color: #92ab65; 
	font-weight: normal;
	border: 0px;  
}


#menu ul ul {
   
	position: absolute;
	z-index: 500;
   left: -1px;
	border: 1px solid black;
}

#menu ul ul ul {
top: 0;
left: 100%;
}


div#menu ul ul
{display: none;}

div#menu ul li:hover ul
{display: block;}

/* -------------------- */


/* Artikelen */
#artikel{
	 background-color:white;
	 color:#555555;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 1.7em;
}

.artikel2{
	 background-color:white;
	 color:#555555;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 1.7em;
}


#artikel H1 {
    font-size: 1.4em;
  }


#artikel H2 {
    font-size: 1.2em;
    font-weight: normal;
  }
  
#navigatieniveau {
	 font-size: 0.8em;
	 margin-bottom: 5px;
	 padding-left: 5px;
    padding-right: 5px;
}

.artikelmenu{
	 width: 740px;
    background-color : #92ab65; 	
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 15px;
    
   border-top: 1px solid black; 
	border-bottom: 1px solid black; 
    /*position: relative;
    left: -5px;*/
}

.artikelmenulinks{
	background-color : #92ab65; 	
   /*width: 590px;*/
   width: 620px;
   float: right;
   color : white;
   font-size : 0.75em;	
   margin-top: 0px;
   margin-left: 5px;
   margin-bottom: 0px;
   padding-top: 2px;
   text-align:right;

}

.artikelmenulinks a:link {
    color: white;
  }

.artikelmenulinks a:visited {
    color: white;
  }


.artikelmenulinks a:hover {
    color: #47650F;
    background-color: white;
  }


.artikelmenulinks a:active {
    color: white;
  }

.artikelmenutitel{
	 color: black;
    font-weight: bold;
}

.artikeltekst {
	 font-size: 1em;
    padding-left: 5px;
    padding-right: 5px;	
}

.artikeltekst li{
 	 list-style-image:url(./images/Standaard/opsomming.gif);
 	 list-style-position: inside;
}

.artikelfoto {

    /*position: relative;
    left: -5px;*/
}

.fotobeschrijving {
    font-size : 0.8em;
    padding-left: 5px;
    padding-right: 5px;	
}

.fotolink {
    border: 0px;
}

.meerinfo {
    font-size : 0.8em;
}
/*---------------------*/



/* Onderbalk */
#onderbalk {
	 background-image: url(./images/Standaard/onderbalk.gif);
    color : white;
    font-size : 1.2em;
    margin-left : 5px;
    margin-right : 5px;
}

.onderbalkrechts{
   /*background-color : #47650F;*/
   float: right;	
   margin-top: 10px;
   margin-bottom: 0px;
   padding-left: 5px;
   padding-right: 5px;	
   text-align:right;
}

.onderbalklinks{
   /*background-color : #47650F;*/
   padding-left: 5px;
   padding-right: 5px;	
}

.onderbalklinks a {
color: white;
text-decoration: none;
}



/*---------------------*/




#cattery-home-google-ads{	
   float: right;
   width: 200px;
}


/* Kolomrechts */
#kolomrechts{
	
	color:#999999;
   font-size : 1.2em;
   float: right;
   width: 200px;
   margin-top: 10px;
   margin-left: 5px;
   margin-right: 5px;
   margin-bottom: 5px;

}


.kolomrechtstitel{
   padding-left: 2px;
   background-color : #92ab65;
   color:#333333; 	
   font-weight: bold;
   border-top: 1px solid black; 
	border-bottom: 1px solid black; 
	border-left: 1px solid black; 
}

.kolomrechtstekst{
   padding-left: 2px;
}


/*---------------------*/


/* Formulieren */
.form {
    border: 0;
    font-size: 1em;
    color: #47650F;
    font-weight: normal;
    font-family: "Times New Roman", "Times Roman", Times, serif;
    background-color: #FFFFFF;
    text-decoration: none;
    vertical-align: top;
    margin-top:0px;
    padding-top:0px;
  }


.formbox1 {
    border: 0;
    font-size: 1em;
    width: 150px;
    color: #47650F;
    font-weight: normal;
    font-family: "Times New Roman", "Times Roman", Times, serif;
    background-color: #FFFFFF;
    text-decoration: none;
	vertical-align: top;
  }


.button {
    border: 0;
    font-size: 1em;
    color: #FFFFFF;
    font-weight: normal;
    font-family: "Times New Roman", "Times Roman", Times, serif;
    background-color: #47650F;
    text-decoration: none;
  }
/*---------------------*/


/* Foto vd Maand */
.fotovdmaandmaand{
    width: 740px;
    background-color: #92ab65; 	
    padding-left: 5px;
    padding-right: 5px;
    height: 18px;
    font-weight: bold;
  	 color: black;
    position: relative;
    border-top: 1px solid black; 
 	 border-bottom: 1px solid black; 
}

.fotovdmaandfoto{
    position: relative;
}


.fotovdmaandbeschrijving{
    font-size : 0.8em;
    padding-left: 5px;
    padding-right: 5px;	
}


/* LynxX */
.LynxXmenu{
	padding-left:0px;
	padding-right:0px; 
	margin-left:0px;
	margin-right:0px;  
}

.LynxXmenutitel{
   background-color : #92ab65; 	
   color: black;
   border-top: 1px solid black; 
	border-bottom: 1px solid black; 

}
/*------------------------*/

/* Catterydb */
#map{
    font-size : 0.8em;
}
/*------------------------*/