body {
	margin: 0; 
	padding: 0;
  	background: rgb(30%, 30%, 30%); 
	behavior: url(../csshover.htc); /* Behaviour call microsoft IE*/
}

#main {
	width: 801px; 
	margin: 1em auto;
  	border: 1px solid black;
	background: rgb(80%, 80%, 80%) url(pictures/canipolaris_sitekop.jpg) 0 0 no-repeat;
}

a img {
	border: none;
}


P {
	text-indent: 15px;
	line-height: normal;
	text-align: left;
}

p.x-small {
	 font-size: x-small;
}
/* logo */
#logo h1 {margin: 0; padding: 0.25em 0.33em;
	background: rgb(88%,0%,0%);
	color: #EED; border:1px solid black; border-width: 2px;
	font: small-caps bold 2em/1em Verdana, sans-serif;
	text-align: right;
}
			

/* content old style
#content {
	background-color: rgb(100%,100%,100%);
	width: 700px; 
	margin: 0em 3em auto;
	padding: 3em 1em 1em 1em;
	border-left: 2px solid black;
	border-right: 2px solid black;
	border-bottom: 2px solid black;
	font-family: Verdana;
	font-size: small;
} */

#content {
	margin: 7em 0 0 0;
	padding: 10px 10px 10px 10px;
	font-family: sans-sarif, verdana;
	font-size: 12px;
	width: 780px;
		/* Just make sure it as the bottem and noting left or right of it */
	clear: both;

}

span.left {
	float: left;
}
span.right {
	float: right;
}

/* sponsors */
div#sponsors_images
{
    margin-left: auto;
    margin-right: auto;
	/* Just make sure it as the bottem and noting left or right of it */
	clear: both;
}
div#sponsors_images H5{
	font-family: Verdana, sans-serif;
	font-size: x-small;
	font-weight: bold;
	padding: 5px; 
	margin: 0 0;
}

div#center_images {
    margin-left: auto;
    margin-right: auto;
	text-align: center;
}
div.sponsor {
	font-family: Verdana, sans-serif;
	font-size: small;
		/* Just make sure it as the bottem and noting left or right of it */
	clear: both;

}
div.sponsor img {
	padding: 5px;
}
div.sponsor p {
	padding:10px;
}

div.sponsor a {
	
}

/* footer */
#footer  {
	margin: 0; 
	padding: 0.25em 0.33em;

	background: rgb(98%,0%,2%);
	color: black; 
	/* border:1px solid black; */
	border-top: 1px solid black;
	font: small-caps bold 12px  Verdana, Arial, sans-serif;
	text-align: left;	
}


/* Honden tabel */
table.table {width: 100%;}
table.tabel {width: 100%;}

th, td {
	text-align: left; 
	padding: 0 0.5em;
	border-bottom: 1px solid white;
}
table.table.td {
	font: small  Verdana, "Andale Mono", Courier, "Courier New", monospace;
}

thead th {
	vertical-align: bottom; border: 1px solid black;
  	border-width: 1px 0px 1px 0px;
  	white-space: normal;
	background: #EBB;
}
th {border-right: 1px solid gray; border-bottom-style: dotted;
  white-space: nowrap;}
td {letter-spacing: -1px;}
table tr.odd * {background: #EDD;}


/* puppies tabel */

table.table-pups td {
	text-align: left;
	padding: 0 0.3em;
	border-bottom: 1px solid white;
	border-collapse: collapse;
}

table tr.rood * {
	 background-color: #da1703;
}
table tr.zwart * {
	 background-color: #000300;
	 color: #fff;
}
table tr.wit * {
	 background-color: #fff;
}
table tr.aqua * {
	 background-color: #6bbfd2;
}
table tr.geel * {
	 background-color: #d1b223;
}
table tr.paars * {
	 background-color: #613b90;
}
table tr.groen * {
	 background-color: #4ca090;
}
table tr.beige * {
	 background-color: #dad3c8;
}
table tr.oranje * {
	 background-color: #ff7806;
}
table tr.lila * {
	background-color: #b69cb7;
}
table tr.blauw * {
	background-color: #0000cd;
}
table tr.rose * {
	background-color: #EEA2AD;
}
table tr.bruin * {
	background-color: #CD853F;
}
/* einde puppy tabel*/

/* info aanvraag */
table.info-aanvraag { 
	background:#EDD; 
}
table.info-aanvraag td {
	border-bottom: none; 
}


/* container gebruit om foto's en stukjes tekst bij elkaar te houden en niet te laten verspringen */

#container {
	float: left;
}

div.container {
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid white;
	padding-bottom: 5px;
}

#center {
    margin-left: auto;
    margin-right: auto;
	text-align: center;
}

#center_tekst {
    margin-left: auto;
    margin-right: auto;
	text-align: center;
}

img.foto {
	border: 1px solid black;
	margin: 5px 5px 5px 5px;
}

img.hond {
	padding: 5px;
}
/* left image */
#left-image {
	float: left;
}

#honden-omschrijving {
	font-family: sans-sarif, verdana;
	font-size: 12px;
}

/* end left image */

/* column layout */
#left-column {
	float: left;
	width: 266px;
}

#right-column {
}
/* end column layout */

/* artikel stylen zoals het geschreven is door de auteur voor de krant */
#kranten-artikel {
	font-family: Helvetica;
}
#kranten-artikel h2 {
	font-family: Helvetica;
	font-size: 24px;
	font-style: normal;
}

#pre-title {
	font-family: Helvetica;
	font-size: 10px;
}
#intro{
	font-family: Helvetica;
	font-size: 10px;
	font-weight: bold;
}
#auteur  {
	font-family: Helvetica;
	font-size: 10px;
	font-style: Oblique;
}

div.artikel-text {
	font-family: Helvetica;
	font-size: 10px;
	font-style: normal;
}
div.artikel-text h4 {
	font-weight: bold;
}

/* menu */
div#nav {
	font-size: 10px;
	font-family: Verdana, Sans-serif;	
	float: left; 
	padding: 0px 0px 0px 0px;
	margin: 58px 0 0px 105px;
	width: 590px;
}

html>body .nav {
  width:590px;
} 

div#nav ul {
	margin: 0; 
	padding: 0; 
	background: rgb(98%, 0%, 2%);
  	border: 1px solid #ccc; 
	border-width: 0px 1px 0px 0px;
}

div#nav li {
	position: relative; 
	list-style: none; 
	margin: 0;
  	float: left; 
	width: 7em; 
	line-height: 1em; 
}

div#nav li:hover {background: #ebb;}
div#nav li.submenu {background: url(dropmenu.gif) 95% 50% no-repeat;}
div#nav li.submenu:hover {background-color: #edd;}

/* Fix IE. Hide from IE Mac \*/
* html div#nav ul li { float: left; height: 1%;}
* html div#nav ul li a { height: 1%; }
/* End */

div#nav li a {
	display: block; 
	padding: 0.25em 0 0.25em 0.5em;
  	text-decoration: none; 
	width: 7em; 
	color: black;
}
div#nav>ul a {width: auto;}

div#nav ul ul {
	position: absolute; 
	width: 7em;
  	display: none;
}

div#nav ul ul li {border-bottom: 1px solid #CCC;}
div#nav li.submenu li.submenu {background: url(submenu.gif) 95% 50% no-repeat;
padding: 0.25em 0 0.25em 0.5em;
}
div#nav li.submenu li.submenu:hover {background-color: #EDD;}
div#nav li.submenu li.submenu:hover {background-color: #EDD;}
div#nav ul.level1 li.submenu:hover ul.level2, 
div#nav ul.level2 li.submenu:hover ul.level3 {display:block;}
div#nav ul.level2 {top: 1.4em; left: -1px;} 
/*div#nav ul.level2 {top: 1.5em; left: -1px;} */
/*div#nav ul.level2 {top: 14px; left: -1px;} */


div#nav ul.level3 {
	top: -1.5px; 
	left: 7.3em;
  	border-top: 1px solid #CCC;
}
/* end style menu */


/* woorden boek */
dt {
	font-weight: bolder;
}