/**/

/*
Theme Name: Dutch Joy
Theme URI: http://www.dutch-joy.nl
Description: Wordpress template voor www.dutch-joy.nl
Version: 1.4 dd 22/4/010
Author: dutch joy
met dank aan:
Author: haha! - Herbert Hoekstra
Author URI: http://www.haha.nl
Tags: fixed width, left sidebar, two columns, valid XHTML, widgets
*/


body {
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #f9a507;
	text-align: center;
	font-family: verdana, Arial, sans-serif;
	font-size: 62.5%; /* = 10px */
	/* in css op 100% gezet en is dus 16px. * De afspraak is dat 1em gelijk is aan die standaard corpsgrootte.
	child-elementen automatisch de corpsgrootte van hun parent-element over
	We zetten de corpsgrootte van de body op 62.5% (62.5% van de standaard 16px = 10px). Alle denkbare html elementen die je vervolgens wilt gebruiken 
	hebben een corpsgrootte van 10px en dat rekent lekker makkelijk.
	een font-size van 1.2em (is 1.2 x 10px = 12px).*/

}

#wrapper {
	width: 890px;
	min-height: 600px;
	height: auto;
	margin: 0 auto 0 auto;
	margin-top: 30px;
	border-right: 1px solid #000;
	text-align: left;
}

#header {
	width: 100%;
	height: 250px;
}

#header-rechts {
	float: left;
	width: 600px;
	height: 250px;

}

#content {
	width: 640px;
	min-height: 320px;
	float: right;
	padding-right: 15px;
	padding-left: 15px;
	font-size: 1.8em;
	text-align: left;
}

#sidebar {
	width: 210px;
	min-height: 300px;
	float: left;
}

#footer {
	width: 890px;
	min-height: 50px;
	clear: both;
}

#footer-text {
	font-size: 1.8em;
	line-height: 38px;
	margin-left: 240px;
	visibility: hidden;
}

/*lijntjes kader boven en onder */

#line-up, #line-down {
	height: 1px;
	background-color: #000;
	width: 790px;
	float: right;
}

#line-down {
	width: 610px;
}

/* tekst onderaan buiten het kader */

#copyright {
	width: 890px;
	text-align: center;
	font-size: 1.0em;
	clear: right;
	margin: 10px auto 20px;
}

/* algemene linkjes */

a:link, a:visited {
	color: #000;
	text-decoration: underline;
}

a:hover {
	color: #f00;
	text-decoration: none;
}

/* algemene zaken */

ul {
	list-style-type: none;
}

#content ul li, #content ol ul li {
	background-image: url('images/listBullet.png');
	background-repeat: no-repeat;
	padding-left: 16px;
}

#content img {
	border: 0;
}

/* hier kleuren/plaatjes aanpassen als je op een andere pagina bent */

/* achtergrond of kleur */

body.home #wrapper {
	background: url(images/BG-oranje-geel.jpg) repeat-y;
}

#wrapper {
	background: #f9e397 url(images/paard-BG.png) no-repeat 100px 250px;
}

/* logo plaatje */

body.home #header {
	background: url(images/DJ-kids-logo-welkom.png) no-repeat 170px 10px;
}
/* verberg de slinger bij t begin */
body.home #header-links {
visibility: hidden;
}

#header-links {
        float: left;
        width: 30%;
        height: 200px;
	background: url(images/DJ-slingertje.png) no-repeat -10px;
}


/* header plaatjes voor de diverse pagina's */
/* id 175 jashin */
body.page-id-175 #header-rechts {
  	background: url(images/joy-jashin-header.jpg) no-repeat 0 15px;
}

body.page-id-175 #header-links {
visibility: hidden; bied de mogelijkheid om eea te verbergen
}

/* id 185 roos */
body.page-id-185 #header-rechts {
     
  	background: url(images/joy-roos-header.jpg) no-repeat 0 15px;

}

body.page-id-185 #header-links {
visibility: hidden;
}

body.page-id-203 #header-rechts {
  	background: url(images/joy-james-header.jpg) no-repeat 0 15px;
}

body.page-id-203 #header-links {
visibility: hidden;
}
body.page-id-205 #header-rechts {
  	background: url(images/joy-cherain-header.jpg) no-repeat 0 15px;
}

body.page-id-205 #header-links {
visibility: hidden;
}
body.page-id-207 #header-rechts {
  	background: url(images/joy-esco-header.jpg) no-repeat 0 15px;
}

body.page-id-207 #header-links {
visibility: hidden;
}
body.page-id-209 #header-rechts {
  	background: url(images/joy-jochie-header.jpg) no-repeat 0 15px;
}

body.page-id-209 #header-links {
visibility: hidden;
}
body.page-id-211 #header-rechts {
  	background: url(images/joy-NRG-header.jpg) no-repeat 0 15px;
}

body.page-id-211 #header-links {
visibility: hidden;
}
body.page-id-213 #header-rechts {
  	background: url(images/joy-Pan-header.jpg) no-repeat 0 15px;
}

body.page-id-213 #header-links {
visibility: hidden;
}
body.page-id-215 #header-rechts {
  	background: url(images/joy-Prometa-header.jpg) no-repeat 0 15px;
}

body.page-id-215 #header-links {
visibility: hidden;
}
body.page-id-263 #header-rechts {
  	background: url(images/water-foto-header.jpg) no-repeat 0 15px;
}
/* id 611 winter */
body.page-id-611 #wrapper {
  	background: url(images/BG-oranje-geel.jpg) repeat-y;
}
/* id 649 duitse doggen */
body.page-id-649 #wrapper {
  	background: url(images/BG-oranje-geel.jpg) repeat-y;
}

/* id 267 opfok pagina */
body.page-id-267 #header-rechts {
  	background: url(images/opfok-header.jpg) no-repeat 0 15px;
}

/* id 6 toeristen pagina */
body.page-id-6 #header-rechts {
  	background: url(images/toerist-header.jpg) no-repeat 0 15px;
}

/* id 611 winter pagina */
body.page-id-611 #header-rechts {
  	background: url(images/winter-header.jpg) no-repeat 0 15px;
}

/* id 649 doggen pagina */
body.page-id-649 #header-rechts {
  	background: url(images/doggen-header.jpg) no-repeat 0 15px;
}

/* id 16 contact pagina */
body.page-id-16 #header-rechts {
  	background: url(images/contact-header.jpg) no-repeat 0 15px;
}

/* id 342 klanten pagina */
body.page-id-342 #header-rechts {
  	background: url(images/klanten-header.jpg) no-repeat 0 15px;
}

/* id 335 news flsah pagina */
body.page-id-335 #header-rechts {
  	background: url(images/news-header.jpg) no-repeat 0 15px;
}


/* id 582 prijslijst cursus flsah pagina */
body.page-id-582 #header-rechts {
  	background: url(images/prijs-header.jpg) no-repeat 0 15px;
}

/* id 574 prijs toerist pagina */
body.page-id-574 #header-rechts {
  	background: url(images/prijs2-header.jpg) no-repeat 0 15px;
}



/* div blokken om de paarden teksten te plaatsen   */

/*over de gehele brdte de kop gevolgd met txt in 2 kolommen aan te vullen met evt fotos etc*/



.kop-tekst, .gewoon-text, .tekst-links, .tekst-rechts {

padding: 10px 10px 10px 10px;
}


.kop-tekst {
background-color:#33FF33;
	font-size: 2em;
	text-align:center
	
	
}

.gewoon-text 
{
background-color:#CC6633;
text-align:left;
/*clear: both;*/
}

.tekst-links
{
	float:left;
	background-color:#33CCCC;
	width: 45%;

}
 
.tekst-rechts
{
	float:right;
	background-color:#FFCC00;
	width: 45%;
}
 
 
 

/* plaatje links onder */

#wrapper-inner {
	background: url(images/grasondervast.png) no-repeat right bottom;
}

body.home #wrapper-inner {
  /*	background-image: url(images/gras1.png);*/
/*bij diverse akties kunnen we de achetergrond foto hiermee veranderen/*/
  /*      background-image: url(images/dutch-joy-lente.jpg);*/
 background-image: url(images/snertritten-dutch-joy-herfst.jpg);*/
/*background-image: url(images/roosbloem.jpg);*/

	background-repeat: no-repeat;
	background-position: right bottom;
}

/* verberg footer op standaard pagina */

body.home #footer-text {
	visibility: visible;
}

/* verberg de titel op de home pag */

body.home h1 {
	visibility: hidden;
	width: 0;
	height: 0;
	margin: 0;
}

/* voorpagina blokjes styling en tekst */

#blok-container {
	width: 618px;
}

#blok {
	width: 289px;
	min-height: 160px;
	padding: 0 10px 0 10px;
        font-size: 0.8em;
}

.een {
	float: left;
	background: url(images/blokje-een-bg.png) repeat;	

}

.twee {
	float: right;
	background: url(images/blokje-twee-bg.png) repeat;
	
}

.drie {
	float: left;
	background: url(images/blokje-drie-bg.png) repeat;
}

#blok h2 {
	margin-bottom: 0;
}

#blok p {
	line-height: 18px;
	font-size: 1.4em;
}

/* sidebar overige zaken */

#sidebar img {
	border: 0;
}




/* voor de endurance pagina */

#endurance {
	width:618px;
	padding: 0 10px 0 10px;
	font-size: 0.8em;
	min-height: 100px;
	border-top-style: solid;
	border-top-color: black;
	border-bottom: 1;
	border-top-width: thick;
}

.teamsport
{
	width:289px;
	height: 200px;
	background-color: #FF6600;
	float:left
}
.techniek{
	width:289px;
	height: 200px;
	background-color: #33CC99;
	float:left
}
.natuur{
	width:289px;
	height: 200px;
	background-color: #333366;
	float:left
}
.aktie{
	width:289px;
	height: 200px;
	background-color: #00FF99;
	float:left
}



.foto{
	float: left;
	width: 100%;
	clear: left;
}




.title{
	margin: 100px;
	position: relative;

}



/* Recommended by http://codex.wordpress.org/CSS */

/* Begin */

.aligncenter, div.aligncenter, .art-article .aligncenter img, .aligncenter img.art-article, .aligncenter img, img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
	font-size: 1.5em;
	border-top-color: #000000;
	width: 50px;
}

.alignright {
	float: right;
}

.alignright img, img.alignright {
	margin: 1em;
	margin-right: 0;
}

.alignleft img, img.alignleft {
	margin: 1em;
	margin-left: 0;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 1.1em;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

.hidden {
	display: none;
	width: 618px;
}