* { behavior: url(pngfix/iepngfix.htc); }
body { background: url(../img/bg/bgpatroon.jpg); font: 82.5% Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; }
body#entree { background: url(../img/bg/bgpatroonentree.jpg) center repeat-y; font: 82.5% Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; }

#bgwrapper { background: url(../img/bg/bgcontentwrapper.gif) center repeat-y;}

body#breed #bgwrapper { background: url(../img/bg/bgcontentwrapperbreed.gif) center repeat-y;}

.wrapper { margin: 0 auto; position: relative; width: 1000px; }
#footerwrapper{ height: 127px; }

a { color: #720000; text-decoration: none; }
a:hover { color: #9a0a0a; }
p { padding-bottom: 20px; }

.bgwit { background: #fff; overflow: hidden; }
#entreewrapper { width: 999px; }
div#entree { width: 999px; }
    div#entreekeuze { margin: 0 auto; width: 304px; } 
    div#entreekeuze a img { float:left; margin: 0; padding: 0; }

#bglinks { background: url(../img/bg/bglinks.jpg) top right repeat-x; left: 0px; height: 368px; position: absolute; width: 50%; z-index:0;}
#bgrechts { background: url(../img/bg/bgrechts.jpg) top left repeat-x; right: 0px; height: 368px; position: absolute; width: 50%;  z-index: 0;}

#header { font: 1em Lucida Sans; background: url(../img/bg/bgheader.jpg) center 126px no-repeat; height: 321px; padding-top: 47px; position: relative; width: 999px; }
body#breed #header { background: url(../img/bg/bgheaderbreed.jpg) center 126px no-repeat; }
body#entree #header { background: url(../img/bg/bgheaderentree.jpg) center 126px no-repeat; }

#logo { float: left; margin-left:-15px; height: 160px; overflow: hidden; }
    #logo a { background: url(../img/bg/logo.gif) no-repeat; display: block; height: 160px; width: 284px; cursor: pointer; }
    #logo a:hover { background: url(../img/bg/logo.png) no-repeat top center; }

ul#menu { background: #340909; float: left; margin: 32px 0 0 0; overflow: hidden; width: 730px; }
    ul#menu li  { float: left; font-size: 1.25em; line-height: 48px; text-align: center; }
    ul#menu li a { background: url(../img/bg/bgmenu.jpg) center 41px no-repeat; color: #fff; display: block; float: left; height: 48px; width: 123px; }
    ul#menu li a.home { width: 111px; }
	ul#menu li a:hover  { background: url(../img/bg/bgmenu.jpg) center -6px; color: #720000; }
#kopkoffie { background: url(../img/bg/koffie.png) no-repeat; height: 293px; position: absolute; right: 2px; top: 127px; width: 347px; clear: both; }
#kopkoffieklein { background: url(../img/bg/koffieklein.png) no-repeat; height: 253px; position: absolute; right: 2px; top: 127px; width: 300px; clear: both; }

#contentwrapper { width: 999px; }
#contentwrapper .breed { width: 690px; }
    #content { float: left; font-size: 1em; line-height: 22px; margin: -33px 40px 0 20px; position: relative; width: 440px; }
    #content h1 { color: #473215; font-size: 2em; margin: 6px 0 0px 0; }
	#content .kalender { background:url(../img/bg/kalender.jpg); color: #720000; line-height: 63px; float: right; font-weight: bold; height: 53px; text-align: center; width: 73px; overflow: hidden; }

	#fotos { float: left; padding: 50px 0 0 0; width: 250px; }
		.foto { position:relative; margin: 0 0 50px 38px; }
		.foto span { background: url(../img/bg/fotos.png) no-repeat; display: block; left: -17px; height: 144px; position: absolute; top: -12px; width: 194px; cursor: pointer; }

#sidebar { background: url(../img/bg/licht.jpg) top center no-repeat; float: left; height: 560px; width: 249px; }
    #sidebar ul { font-size: 1.05em; line-height: 24px; margin: 18px 36px 0 0; text-align: right; }
    #sidebar ul li a { color: #000; }
    #sidebar ul li a:hover { color: #fff; }

#footerwrapper { background: url(../img/bg/bgfooterwrapper.gif) left top repeat-y #4a0909; position: relative; }
    #bar { background: url(../img/bg/bar.gif) no-repeat; color: #945556; padding: 371px 0 0 23px; position: absolute; top: -351px; width: 225px; }
    	#bar a { color: #fff; }
        #bar a:hover { color: #945556; }
    #footerlinks { background: url(../img/bg/bgfooterlinks.jpg) -20px top no-repeat; height: 127px; margin: 0 auto; width: 999px; }
    #footerrechts { background: url(../img/bg/bgfooterrechts.gif) right top no-repeat #291909; height: 127px;  float: right; position: relative; width: 750px; }
    	.adres { color: #fff; display: inline; float: left; line-height: 22px; margin: 10px 0 0 55px; width: 195px; }
        .adres h2 { color: #6b4721; }
        .adres p { padding: 0; }
        .adres a { color: #6b4721; }
        .adres a:hover { color: #42290f; }
        .copy { color: #a77a7b; margin: 5px 0 0 -260px; position: absolute; }
        .copy a { color: #c89b9c; }
        .copy a:hover { color: #fff; }

        #footerrechts ul { margin: 35px 0 0 0;  }
        #footerrechts ul li { float: left; height: 60px; width: 125px; }
        #footerrechts ul li a { display: block; float: left; height: 60px; width: 125px; }
        #footerrechts ul li.wijverkopen a { background: url(../img/bg/merken/wijverkopen.png) top center no-repeat; }
        #footerrechts ul li.wifi a { background: url(../img/bg/merken/wifi.png) top center no-repeat; }
        #footerrechts ul li.de a { background: url(../img/bg/merken/de.png) top center no-repeat; }
        #footerrechts ul li.warsteiner a { background: url(../img/bg/merken/warsteiner.png) top center no-repeat; }

        #footerrechts ul li.wijverkopen a:hover { background-position: bottom center; }
        #footerrechts ul li.wifi a:hover { background-position: bottom center; }
        #footerrechts ul li.de a:hover { background-position: bottom center; }
        #footerrechts ul li.warsteiner a:hover { background-position: bottom center; }
        /* Carousel footer */
        .carousel .jcarousel-container { float: left; }
        .carousel ul { list-style: none; }
        .carousel li { display:inline; }
        .carousel .jcarousel-container-horizontal { width: 500px; }
        .carousel .jcarousel-clip-horizontal { width: 500px; height: 105px; }
        .carousel .jcarousel-item { width: 266px; height: 352px; }
        .carousel a#mycarousel-next {  cursor: pointer; float: right; padding: 0 10px 0 10px; }

/* Forms */
label{ float: left; width: 100px; font-weight: bold; }
input, textarea{ border: 1px solid #ccc; width: 145px; margin-bottom: 5px; padding: 3px;}
input:focus, textarea:focus{ border: 2px solid #ccc; margin-bottom: 3px; }
textarea{ width: 289px; height: 145px; }
#verplicht{ margin-left: 100px; margin-top: 5px; width: 90px; }
#submitbutton{ margin-left: 100px; margin-top: 5px; width: 90px; }

.clear { clear: both; }
.fl { float: left; }
.fr { float: right; }