/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
mark, rp, rt, ruby, summary, time {display:inline}
/* Left & Right alignment */
.left {float:left}
.right {float:right}
.wrapper {width:100%;overflow:hidden}
/* Global properties */
body {background:url(../images/background.jpg) repeat;border:0;font:14px Arial, Helvetica, sans-serif;color:#363636;line-height:20px}
.ic, .ic a {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
.css3 {border-radius:4px;-moz-border-radius:8px;-webkit-border-radius:8px;box-shadow:0 0 4px rgba(0, 0, 0, .4);-moz-box-shadow:0 0 4px rgba(0, 0, 0, .4);-webkit-box-shadow:0 0 4px rgba(0, 0, 0, .4);position:relative}
/* Global Structure */
.main {margin:0 auto;width:900px}
body, html {height:100%}


/*  main layout  */
a {color:#558f0b;text-decoration:underline;outline:none} /* link opmaak zonder dat je erop staat*/
a:hover {text-decoration:none} /* link opmaak indien je er op staat */
p {padding-bottom:20px} /* opmaakt tekst */

/*  header en tekstframe locatie */
/* h1 {float:left;padding:14px 0 0 63px;text-decoration:none;}  locatie header */
header {height:80px;width:100%;overflow:hidden;text-decoration:none; padding:30px 0 0 0px;color:black; font-size:24px; text-align:center; } /* locatie header + opmaak header + start relatief tekstframe*/


/* logo */
#logo {display:block;background:url(../images/logo_2pi_transparant.tif) no-repeat;width:319px;height:86px;}


/*  tekst frame opmaak en ronding hoeken */
#content {height:500px;width:100%;overflow:hidden;background:#fff;position:relative} /*wit frame hoogte en breedte en kleur voor tekst */
.cont_top_left, .cont_top_right, .cont_bot_left, .cont_bot_right {display:block;width:20px;height:20px;position:absolute;z-index:11}
.cont_top_left {top:0;left:0;background:url(../images/hoeklinksboven.png) top left no-repeat} /*links boven ronding plaatje */
.cont_top_right {top:0;right:0;background:url(../images/hoekrechtsboven.png) top right no-repeat} /*rechts boven ronding plaatje*/
.cont_bot_left {bottom:0;left:0;background:url(../images/hoeklinksonder.png) bottom left no-repeat} /*links onder ronding plaatje */
.cont_bot_right {bottom:0;right:0;background:url(../images/hoekrechtsonder.png) bottom right no-repeat} /*rechts onder ronding plaatje */
.inner {padding:3px;position:relative;z-index:10; height:500px} /*wit frame binnenkant uitlijning waar tekst start */

/* menu */
#menu {}
#menu li {}
#menu li a{}
#menu li a:hover, #menu #menu_active a {}
.kwicks{list-style:none;margin:0; overflow:hidden;width:100% !important;	height:666px;position:relative} /*menu blokken*/
.kwicks > li {width:175px;height:500px;float:left;overflow:hidden;padding:0;cursor:pointer;background:url(../images/bg_textarea.gif) top right no-repeat;position:relative;cursor:auto} /*menu blokken*/ 
.text {float:left;width:60px;height:460px;margin-top:14px;margin-left:0px;text-indent:-9999px;cursor:pointer} /* muis pointer wijzigen als je erop staat, breedte van menu blok*/
#page_1 .text {background:url(../images/menu1gekozen.jpg) 0 0 no-repeat} /* menu 1 niet actief*/
#page_2 .text {background:url(../images/menu2gekozen.jpg) 0 0 no-repeat} /* menu 2 niet actief*/
#page_3 .text {background:url(../images/menu3gekozen.jpg) 0 0 no-repeat} /* menu 3 niet actief*/
#page_4 .text {background:url(../images/menu4gekozen.jpg) 0 0 no-repeat} /* menu 4 niet actief*/
#page_5 .text {background:url(../images/menu5gekozen.jpg) 0 0 no-repeat} /* menu 5 niet actief*/
#page_1.active .text, #page_1:hover .text {background:url(../images/menu1actief.jpg) 0 0 no-repeat} /*menu 1 actief*/
#page_2.active .text, #page_2:hover .text {background:url(../images/menu2actief.jpg) 0 0 no-repeat} /*menu 2 actief*/
#page_3.active .text, #page_3:hover .text {background:url(../images/menu3actief.jpg) 0 0 no-repeat} /*menu 3 actief*/
#page_4.active .text, #page_4:hover .text {background:url(../images/menu4actief.jpg) 0 0 no-repeat} /*menu 4 actief*/
#page_5.active .text, #page_5:hover .text {background:url(../images/menu5actief.jpg) 0 0 no-repeat} /*menu 5 actief*/


.cont {position:absolute;left:80px;top:20px;width:550px;height:470px;overflow:auto;} /* plaats waar tekst content start */
.cont1{position:absolute;left:80px;top:20px;width:550px;height:450px;overflow:auto;background-color:#b0c4de;} /* contact form conten */
.marg_right1 {margin-right:24px} 
.marg_right2 {margin-right:15px}
.pad_top1 {padding-top:0px} /* hoogte inspring vanaf bovenkant plaatje voor bijbehorende tekst */
.pad_top2 {padding: 10px 0 0 10px} /* uitlijning tekst van contact formulier */
.pad_top3 {padding: 0 0 0px 800px} /* uitlijning copyright tekst */
.marg_top1 {margin-top:-5px}
.pad_left1 {padding-left:10px} /* inspring voor plaatje */
.pad_bot1 {padding-bottom:10px; color: green;} /* hoogte inspring van onderkant plaatje voor bijbehorende tekst en kleur van tekst */
.pad_bot2 {padding-bottom:22px}
.color1 {color:#558f0b}
.link1 {font-weight:bold;color:#558f0b;text-decoration:none} /* link layout */
.link1:hover {text-decoration:underline} /* link layout als je erop staat */

/*  footer  */
footer {font-size:12px;color:black;text-align:center;padding:0 0 0 0}
footer a {color:black}
#icons {margin-top:-10px; padding:0px 0 12px 0;display:inline-block}
* +html #icons {display:inline}
#icons li {float:left;padding-left:20px}

/* Tooltips 
.aToolTip {	border:1px solid #000;background:url(../images/opacity_50_black.png) repeat;color:#fff;	margin:0;padding:2px 10px;font-size:11px;	}
.aToolTip .aToolTipContent {position:relative;	margin:0;padding:0}
*/

/*  forms  
#ContactForm {width:488px;padding-top:3px}
#ContactForm .bg {border:1px solid #cccccc;float:left;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px}
#ContactForm .bg div {background:url(../images/bg_input.gif) bottom repeat-x #fff;border:1px solid #fff;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px}
#ContactForm .textarea_box .bg div {background:url(../images/bg_textarea.gif) bottom repeat-x #fff}
#ContactForm span {float:left;width:107px;line-height:24px}
#ContactForm .wrapper {height:30px}
#ContactForm .textarea_box {height:210px;padding-bottom:5px}
#ContactForm a {float:right;margin-left:25px}
#ContactForm .input {width:367px;height:16px;background:none;padding:2px 5px;color:#363636;font:14px Arial, Helvetica, sans-serif}
#ContactForm textarea {overflow:auto;margin:0;width:367px;height:196px;background:none;padding:2px 5px;color:#363636;font:14px Arial, Helvetica, sans-serif}
*/


/* de letters PPI vet maken in zin */
div#vet {
	font-size: 20px;
	color: #191919;
	opacity: 1.00;
        float:left;
}

/* uitlijning van de tabel met de contact gegevens */
.contactgegevens td {
	padding:0px 20px 0 10px;
}

/* uitlijning van het contact formulier */
.formulier td {
    padding:0px 0px 0 10px;
}