/* CSS Document */

/**************************
Opmaak algemeen 
***************************/

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

html, body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #FFFFCC;
}
body {
	text-align: center;
}
#maincontainer {
	margin: 0 auto;
	text-align: left;
	width: 955px;
	position: relative;
}
A { font:Verdana, Arial, Helvetica, sans-serif; text-decoration:none;}
P, .artikel_text  { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 15px; margin-left: 10px }
.tx-kesmallads-pi1 input,
.tx-kesmallads-pi1-listrow,
.tx-kesmallads-pi1-browsebox table {
	margin-left: 10px;
}
li { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 15px; margin-left: 30px }

H1 {font-family:Verdana, Arial, Helvetica, sans-serif; color:#336666; font-size:14px; font-weight:bold; margin-bottom:0; margin-left:10px;}
H3 {font-family:Verdana, Arial, Helvetica, sans-serif; color:#336666; font-size:16px; font-weight:bold; margin-bottom:0; margin-left:10px;}
H2 { color: #336666; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 17px; margin-bottom: 0; margin-left: 10px }
H4 {font-family:Verdana, Arial, Helvetica, sans-serif; color:#CC0000; font-size:14px; font-weight:bold; margin-bottom:0; margin-left:10px;}
H5 {font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFCC; font-size:14px; margin-top:0; margin-bottom:0; margin-left:10px;}
H6 {font-family:Verdana, Arial, Helvetica, sans-serif; color:#CC0000; font-size:11px; font-weight:bold; margin-left:10px;}



#content {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 80px;
	left: 240px;
	z-index: 5;
}

.news-list-item {
	margin: 20px 0 20px 0;
}


#spotlight_h {
	font:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color: #cc0000;
	font-size: 14px;
	line-height: 16px;
	font-weight:bold;
	width:275px; 		
	border-bottom-width: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #336666;
	margin: 0px;
	padding: 0 0 10px 0;
	position: absolute; 
	top: 12px; 
	left: 700px;
}
#spotlight_h H4 {
	font-size: 13px;
	line-height: 16px;
	font-weight:bold;
	margin-left: 0px;
}

#spotlight p  { 
	font-size: 11px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	line-height: 15px; 
	margin: 0; 
	padding: 0;
}
.news-list-item p  { 
	font-size: 11px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	line-height: 15px; 
	margin: 0 10px 20px 10px; 
	padding: 0;
}


#spotlight {
	position: absolute; 
	top: 100px; 
	left: 700px;
	font:Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000000; 	
	font-size: 11px;
	line-height: 14px;
	width: 262px; 	
	margin: 0;
	padding-top: 0px;
	padding-bottom: 10px;
	border-bottom-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #336666;
}

#archiefnieuws_h {
	font:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color: #cc0000;
	font-size: 14px;
	line-height: 16px;
	font-weight:bold;
	width:275px; 		
	border-bottom-width: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #336666;
	margin-left: -10px;
	padding-bottom: 10px;
	padding-top: 10px;
}

#archiefnieuws {
	font:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	background-color: #ffffcc; 
	color:#000000; 	
	font-size: 11px;
	line-height: 14px;
	width: 250px; 	
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top-color: #336666;
	border-top-style: solid;
	border-top-color: #336666;
	border-top-width: 10px;
	border-bottom-width: 2px;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #336666;
}

#compendium { padding: 10px; width: 500px; height: 600px; vertical-align: top; overflow: auto}
#geelvlak    { background-color: #ffffcc; padding: 10px; width: 550px; height: 400px; vertical-align: top; overflow: auto}
#geelvlak_hd    { background-color: #ffffcc; padding: 0px; width: 550px; height: 400px; position: absolute; top: 105px; left: 240px; vertical-align: top; overflow: auto; z-index: 4; overflow-x: hidden;}
#agenda-tvd    { padding: 0px; width: 600px; position: absolute; top: 105px; left: 240px; vertical-align: top; overflow: auto; z-index: 4;}
#praktijkadvies    { 
	background-color: #ffffcc; 
	padding: 0px; 
	width: 550px; 
	height: 380px; 
	position: absolute; 
	top: 105px; 
	left: 240px; 
	vertical-align: top; 
	overflow: auto; 
	z-index: 4;
}
#contentright    { 
	background-color: #ffffcc; 
	padding: 0px; 
	width: 550px; 
	position: absolute; 
	top: 485px; 
	left: 240px; 
	vertical-align: top; 
	overflow: auto; 
	z-index: 4;
}
#groenebalk    {
	background-color: #336666;
	width: 550px;
	height: 5px;
	position: absolute;
	top: 505px;
	left: 240px;
	z-index: 3;
	font-size: 0px;
	line-height: 0px;
	display: block;
}
#groenebalk_boven    {
	background-color: #336666;
	padding: 0px;
	width: 550px;
	height: 11px;
	position: absolute;
	top: 94px;
	left: 240px;
	z-index: 2;
}
#logo   {padding: 0px; position: absolute; top: 5px; left: 230px;}
#hondkat_foto  { position: absolute; top: 180px; left: 360px; z-index: 1;}
#startpagina_kop  {position: absolute; top: 0px; left: 240px; z-index: 100;}
#vorigepagina_vet  {position: absolute; top: 515px; left: 240px; margin: 0;}

#menus  {margin-top: 15px;}
#menus2 {margin-top: 10px;}

#banners {
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-top-color: #336666;
	border-right-color: #336666;
	border-bottom-color: #336666;
	border-left-color: #336666;
	margin: 0px 0 0 0;
	padding:10px 0 0;
	vertical-align: bottom;
}
table.contenttable {
	display: block;
}

.dierennieuws, A:link.dierennieuws, A:visited.dierennieuws, A:hover.dierennieuws, A:active.dierennieuws, A.leesverder {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	color:#FFFFCC; 
	font-size:11px; 
}
.spec {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	color:#FFFFCC; 
	font-size:11px; 
}

#adviesbrief {
	border: 2px solid #336666;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	background-color: #FFFFE5;
}
#adviesbrief h1 {
	font-family: Arial;
	font-size: 13pt;
	color: #336666;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}

.praktijknaam {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #336666;
	font-weight: bold;
	position: absolute; 
	top: 45px; 
	left: 240px;
	width: 300px;
}
.style19 {color: #ccffcc; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.style20 {font-size: 12px}
.style21 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.style22 {font-size: 10px}

input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #000000;
	clear: left;
	float: left;
	font-variant: normal;
	font-style: normal;
	line-height: normal;
	display: compact;
	margin: 0px;
	padding: 0px;
}

select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #000000;
	clear: left;
	float: left;
	font-variant: normal;
	font-style: normal;
	line-height: normal;
	display: compact;
	margin: 0px;
	padding: 0px;
}

textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #000000;
	clear: left;
	float: left;
	font-variant: normal;
	font-style: normal;
	line-height: normal;
	display: compact;
	margin: 0px;
	padding: 0px;
}

a:link   { color: #000000; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 15px; text-decoration: underline }
a:active  { color: #000000; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 15px; text-decoration: underline }
a:visited  { color: #000000; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 15px; text-decoration: underline }
a:hover  { color: #000000; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 15px; text-decoration: underline }

table#dierenartsen a,
table.contenttable p a {
	color:#000000;
}

/**************************
Cordinaten illustraties
***************************/
#vogel_Layer1 {
	position:absolute;
	width:113px;
	height:145px;
	z-index:1;
	left: 720px;
	top: 50px;
}

#muis_Layer1 {
	position:absolute;
	width:69px;
	height:95px;
	z-index:1;
	left: 800px;
	top: 134px;
}

#muis_Layer2 {
	position:absolute;
	width:69px;
	height:95px;
	z-index:1;
	left: 800px;
	top: 0px;
}

#muis_Layer2_start {
	position:absolute;
	width:69px;
	height:95px;
	z-index:1;
	left: 800px;
	top: 0px;
}

#muis_Layer2_hd {
	position:absolute;
	width:69px;
	height:95px;
	z-index:1;
	left: 800px;
	top: 0px;
}

#kat_Layer {
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
	left: 725px;
	top: 35px;
}

#kat_Layer2 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
	left: 800px;
	top: 610px;
}

#kat_hond_Layer {
	position:absolute;
	width:182px;
	height:99px;
	z-index:1;
	left: 630px;
	top: 510px;
}

#kat_hond_Layer2 {
	position:absolute;
	width:182px;
	height:99px;
	z-index:1;
	left: 750px;
	top: 480px;
}

#eend_hond_Layer {
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
	left: 450px;
	top: 374px;
}

#hond_Layer {
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
	left: 50px;
	top: 500px;
}

#hond_Layer2 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
	left: 630px;
	top: 300px;
}

#hond_Layer3 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
	left: 730px;
	top: 430px;
}

#dierenarts_Layer {
	position:absolute;
	width:252px;
	height:326px;
	z-index:1;
	left: 630px;
	top: 180px;
}
/**************************
Opmaak Kalender plugin  
***************************/

.tx-advCaledar-pi1 {
	padding-right: 0px;
	padding-left: 0px;
	background-color: #ccffcc;
	color: #ffffff;
	font-family: Verdana;
	font-size: 12px;
    width:500px;
}

.tx-advCaledar-pi1 h1 {
	font-size: 11px;
	font-weight: bold;
}

.tx-advCaledar-pi1 h4 {
	font-size: 12px;
	font-weight: bold;
        color: #000000;
}

.tx-advCaledar-pi1 p {
	font-size: 11px;
	color: #000000;
}

.tx-advCaledar-pi1 td {
	font-size: 10px;
	font-weight: bold;
}

.tx-advCaledar-pi1 a{
	color: #000000;
	font-weight: bold;
    width: 20px;
}

.tx-advCaledar-pi1 td.weekNumWrap {
    background-color: #CCFFCC;
}

.tx-advCaledar-pi1 td.weekDayNamesWrap {
    background-color: #CCFFCC;
}

.tx-advCaledar-pi1 td.dayNumWrap {
    background-color: #DDDDEE; 
} 

.tx-advCaledar-pi1 td.currentDayWrap {
    background-color: #FFFFCC; 
}

.tx-advCaledar-pi1 td.notInMonth {
    background-color: #CCCCCC;
	color: #00614D;
}

.tx-advCaledar-pi1 td.notInMonth a {
    background-color: #CCCCCC;
	color: #00614D;
}

.tx-advCaledar-pi1 td.eventWrap {
}

.tx-advCaledar-pi1 td.currentEventWrap {
}

.tx-advCaledar-pi1 td.notInMonthEventWrap {
    background-color: #DDDDDD;
}

.tx-advCaledar-pi1 td.bottomeventsexpired {
	background-color: #ffffcc;
	color: #000000;
}

.tx-advCaledar-pi1 td.bottomeventsexpired a {
	color: #000000;
}

.tx-advCaledar-pi1 td.bottomEvents{
	background-color: #ffffcc;
}


.tx-advCaledar-pi1 td.bottomEvents a{
    font-size: 12px;
    width: 400px;
}

.tx-advCaledar-pi1 .weekday{
    font-size: 12px;
    color: #000000;
}


/*****************************/
/* Menu / Sitemap, generally */
/*****************************/
.csc-menu a {
        color: #008080;
        text-decoration: none;
}

.csc-menu a:hover {
        text-decoration: underline;
}

ul.csc-menu {
        list-style-type: none;
}

/* ul.csc-menu li {
        margin-left: 30px;
        padding-left: 5px;
        font-size: 14px;
} */

ul.csc-menu li.csc-section {
        font-weight: normal;
        margin-left: 40px;
        font-style: italic;
}

ul.csc-menu li A {
        color: #000;
}
/* Menu / Sitemap, "Section index (pagecontent w/Index checked)" */
ul.csc-menu-3 {

}

.csc-section {
}

.contenttable A {
	color: #336666;
	text-decoration: none;
}


/* Commerce */
.tx-commerce-pi1,
.tx-commerce-pi2,
.tx-commerce-pi3,
.tx-commerce-pi4,
.tx-commerce-pi5,
.tx-commerce-pi3 a {
	color:#336666;
	font-family:Arial;
	font-size:10pt;
	text-decoration: none;
}

div.com-single-action-entry {
	display:block;
	float:left;
	width:500px;

}
div.com-single-action-entry p {
	margin: 0;
}
.tx-commerce-pi1 input,
.tx-commerce-pi3 input,
.tx-commerce-pi1 select,
.tx-commerce-pi3 select,
.tx-commerce-pi3 textarea {
	clear:none;
	float:none;

}
.tx-commerce-pi1 label,
.tx-commerce-pi3 label {
	float:left;
	width:200px;
}