/* CSS BY OTTOHEIJST*/
#body {margin:o; padding: 0; background-color:#FFFFFF;}

#container {width:1000px; min-height: 500px; margin-top: 20px; margin-left: auto; margin-bottom: 20px; margin-right: auto; }

#top {position:relative;float:left; width: 1000px; height: 120px; background-color: #ffffff; background-image:url(../img/top.png);}

#logo {width:200px; height:89px; background-image:url(../img/logo.png); background-repeat: no-repeat; background-position: bottom; margin:25px 0px 5px 60px; padding-top: 0px; float:left;}
#logo h1 {text-indent: -9999px; width: 170px; height: 85px;}

#menu {position: relative; float: right; width: auto; height:auto; margin-right: 100px; padding-top:102px;}
#menu ul {margin: 0px;}
#menu ul li {position: relative; width: auto;float: left;}
#menu ul li a {font-size:13px; text-decoration: none; color: #999999; display:block; margin-left: 16px;}
#menu ul li a:hover, #menu ul li a.active {font-size:13px; color: #FF9933; display: block;}
#menu li ul {position: absolute; width: auto; display:block;}

#menu2 {position: relative; float: right; width: auto; height:auto; margin-right: 50px; padding-top: 10px;}
#menu2 ul {margin: 0px;}
#menu2 ul li {position: relative; width: auto;float: left;}
#menu2 ul li a {font-size:13px; text-decoration: none; color: #999999; display:block; margin-left: 28px;}
#menu2 ul li a:hover, #menu2 ul li a.active{font-size:13px; color: #FF9933; display: block;}

#menu2 li ul {position: absolute; width: auto; display:block;}

#line {border-top:1px solid #CCCCCC; width: 900px; height: 20px; margin: 0px 50px 0px 50px; position: relative; float:left;}

#mid {float:left; position:relative; width: 1000px; min-height: 550px; background-color: #ffffff; background-image:url(../img/mid.png); background-position:top; background-repeat:no-repeat;}

#nieuws-fp {width: 400px; height: 500px; float: left; position: relative; background-image:url(../img/blokje.png); background-position:bottom; background-repeat:no-repeat; margin-left: 70px; margin-top: 10px; margin-bottom:20px;}
#nieuws-tekst {margin-left:40px; margin-right: 40px; margin-top:140px; margin-bottom:40px;}
#nieuwtjes {height: 70px; border-bottom: 1px solid #CCCCCC; margin-bottom:20px;line-height:1.5em;}
#nieuwtjes a {color: #FF9933; text-decoration:none;}
#nieuwtjes a:hover { border-bottom: 1px solid #FF9933;}

#tekstblok-fp {width: 350px; height: auto; float: right; margin-right: 100px; margin-top: 135px; margin-bottom:10px; text-align:left; line-height:1.2em;}

#tekstblok {width: 400px; height: 500px; float: right; margin-right: 80px; margin-top: 10px; margin-bottom: 10px; position:relative; }
#tekstblok p {line-height: 1.3em;}
#tekstblok a { color: #ff9933; line-height: 1.3em;}

#pc {width: 800px; min-height: 550px; margin-left: 50px; margin-top: 50px; margin-bottom: 20px; padding: 50px 50px 20px 50px; position: relative;  border: solid 1px #333333; background-color: #e4e4e4;}
#pc p {font-size: 11px; line-height: 1.2em;}

#form{width: 400px; min-height: 300px; margin-top: 10px; float:left; position: relative;}

#voorw {text-align:left; width: 350px; height: 450px; margin-top: 20px;overflow: scroll; border: solid 1px #999999; float:right; background-color: #FFFFFF;}

#tekstblok-puppy {width: 400px; height: 500px; float: right; margin-right: 80px; margin-top: 0px; margin-bottom: 10px; background-image: url(../img/puppygroep.jpg); background-repeat:no-repeat; background-position: bottom;}

#tekst {padding: 10px; min-height: 350px; width: 320px; margin-left: 30px; margin-top:40px; margin-right:30px; margin-bottom:10px; float:right; }
#tekst p {line-height:1.3em;}
#tekst a {color: #FF9933; text-decoration:none; margin-bottom:10px;}
#tekst a:hover {color: FF9933; border-bottom: 1px solid;}

.cursus#tekst {background-color: #e4e4e4; border: solid 1px #666666;}
.cursus#tekst a {color: #000000;}
.cursus#tekst a:hover {color: #FF9933; border-bottom: 1px solid #FF9933;}

.pcursus#tekst {background-color: #e4e4e4; border: solid 1px #666666;}
.pcursus#tekst a {color: #FF9933;}
.pcursus#tekst a:hover {color: #FF9933; border-bottom: 1px solid #FF9933;}

.cursus#pc a {color: #FF9933;}

#foto{width: 400px; height: 500px; float: left; position: relative; margin-left: 50px; margin-top: 20px; background-repeat:no-repeat; background-position: bottom;}

.omnia {background-image:url(../img/rottweiler.jpg);}
.aanbod {background-image:url(../img/puppy2.jpg);}
.links {background-image:url(../img/groep.jpg);}
.contact {background-image: url(../img/contact.jpg);}
.puppycursus {background-image: url(../img/puppygroep.jpg);}
.gedragstherapie {background-image: url(../img/gedragsth.jpg);}
.aanschafadvies {background-image: url(../img/jack.jpg);}
.vervolgcursus {background-image: url(../img/vervolg.jpg);}
.prive {background-image: url(../img/prive.jpg);}

#titel {height: 500px; margin-top: 35px; margin-left: 50px; text-align:left;}

#diensten {height: 450px; margin-top: 35px; margin-left: 50px; text-align:left;}

#googlemaps {width: 350px; height: 350px; position: relative; margin-top: 20px; margin-left: 00px; line-height:1.4em; font-size: 13px;}
#googlemaps a {color:#999999; text-decoration: none;}
#googlemaps a:hover {border-bottom: 1px solid; color:#999999;}

ul#links {font:Arial, Helvetica, sans-serif; font-family:Arial, Helvetica, sans-serif; font-size: 14px; margin: 0 0 30px 10px;}
ul#links li {background-position:left center; background-repeat:no-repeat; padding-left:40px; line-height:12px;}
ul#links li a { color:#000; text-decoration: none; }
ul#links li a:hover {border-bottom: 1px solid #000;}

ul#links li.link {background-image:url(../img/stip.png); line-height:30px;}
ul#links li.mail {background-image:url(../img/envelop.png);  line-height:40px;}
ul#links li.phone {background-image:url(../img/telefoon.png);  line-height:22px;}
ul#links li.site {background-image:url(../img/stip.png);  line-height:22px;}
ul#links li.adres {line-height:20px; margin-top: 35px;}
ul#links li.bank {background-image: url(../img/ing.png); line-height:22px; margin-top: 75px;}
ul#links li.kvk {line-height:22px;}

ul#product {font:Arial, Helvetica, sans-serif; font-family:Arial, Helvetica, sans-serif; font-size: 13px; margin: 0 0px 0 0px;}
ul#product li { color:#000; text-decoration: none; margin-top:15px;}
ul#product li a { color:#000; text-decoration: none;}
ul#product li a:hover {border-bottom: 1px solid #000;}
ul#product p {font-size: 13px;}

ul#algv {font:Arial, Helvetica, sans-serif; font-family:Arial, Helvetica, sans-serif; font-size: 11px; margin: 0 10px 0 10px;}
ul#algv li { color:#000; text-decoration: none; margin-top:15px;}

#footer { width: 1000px; height: auto; float:left; position: relative; background-color: #FFF; }

#footer #av {float:left; position:relative; margin-top: 0px; margin-left: 100px;}
#footer #av a, .contact a {float:left;font-size:11px; color:#999999; text-decoration: none;}
#footer #av a, visited a {font-size:11px; color:#999999; text-decoration: none;}
#footer #av a:hover, contact a:hover {border-bottom:1px solid #999999;}

#footer #copyright {float:right; position:relative; margin-top: 0px; margin-right:100px;}
#footer #copyright p {font-size:11px; color:#999999;}

p {font:Arial, Helvetica, sans-serif; font-family:Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.3em;}
h1 {font-family: "VAG Rounded Light SSi Light"; font-size:48px; color:#999999; text-align:left; margin-bottom: 12px;}
h2 {font: "VAG Rounded Light SSi Light";font-size:36px; color: #FFFFFF; margin-bottom: 12px; border-bottom: 1px solid #CCCCCC;}
h3 {font: "VAG Rounded Light SSi Light";font-size:22px; color: #999999; margin-bottom: 12px;}
h4 {font-family: "VAG Rounded Light SSi Light"; font-size:28px; color:#999999; text-align:left; margin-bottom: 12px;}
h5 {font-family: "VAG Rounded Light SSi Light"; font-size:14px; color:#FF9933; text-align:left;}
h6 {font-family: "VAG Rounded Light SSi Light"; font-size:48px; color:#999999; text-align:left; margin-bottom: 0px;}
h7 {font-family: "VAG Rounded Light SSi Light"; font-size:14px; color: #FF0000; text-align:left;}