/******** Algemene layout ********/

		*
		{
			margin: 0;
			padding: 0;
			font-family: Tahoma, sans-serif;
			font-size: 10pt;
		}
		
		h1
		{
			font-size: 14pt;
			text-transform: uppercase;
			color: #8a0005;
			margin: 0 0 1em 0;
		}
		
		h2
		{
			color: #8a0005;
			margin: 1em 0 0 0;
		}
		
		p
		{
			margin: 0 0 1em 0;
		}
		
		body
		{
			background: #e6e6e6 url(../img/dutchypuppy-grijzebalken.png) repeat-x top left;
		}
		
		a
		{
			color: #8a0005;
		}
		
		a img
		{
			border: none;
		}
		
		#content img
		{
			margin: 10px;
		}
		
		#content .teaser img
		{
			margin: 0 10px 0 0;
		}
	
img.left,
div.caption.left {
    float: left;
}

img.right,
div.caption.right {
    float: right;
}

div.caption {
    width: auto;
}
	
		
/******** Afmetingen grote divjes ********/
		
		
		
		#all
		{
			margin: 0 auto;
			width: 784px;
		}
		
		#header
		{
			margin: 30px 0 0 0;
			background-color: white;
			height: 183px;
			width: 784px;
		}



/******** Header ********/


		
		#header img
		{
			display: block;
			float: left;
		}
		
		#header h1
		{
			float: left;
			margin: 0;
			width: 570px;
		}
		
		#banner
		{
			float: right;
			width: 214px;
		}



/******** Navigation ********/



		
		#navigation
		{
			padding: 0 0 0 28px;
			height: 28px;
			width: 756px;
			background-color: black;
			color: white;
		}
		
		#navigation ul {
			padding: 0;
			margin:0;
			list-style: none;
			height: 28px;
		}
		
		#navigation li {
			float: left;
			position: relative;
			width: auto;
		}
		
		#navigation li a
		{
			margin: 0 20px 0 0;
			padding: 6px 5px;
			display: block;
			text-decoration: none;
			font-size: 13px;
			color: white;
			font-variant: small-caps;
			font-family: verdana;
			white-space: nowrap;
		}
		
		#navigation li a:hover,
		#navigation li a:focus,
		#navigation li a:active
		{
			color: #C9E400;
		}
		
		#navigation li.selected a
		{
			color: #C9E400;
		}
		
		#navigation li.selected ul li a
		{
			color: black;
		}
		
		#navigation li ul li
		{
			float: none;
			display: inline;
			margin: 0;
			padding: 0;
			border: none;
			height: auto;
		}
		
		#navigation li ul 
		{
			display: none;
			position: absolute; 
			top: 28px;
			left: 0px;
			background-color: white;
			height: auto;
			border: 2px solid black;
		}
		
		#navigation li ul a
		{
			text-decoration: none;
			color: black;
			display: block;
			padding: 4px;
			background-image: none;
			background-color: white;
			border: none;
			height: auto;
			font-variant: normal;
			font-size: 11px;
		}
		
		#navigation li ul a:hover,
		#navigation li ul a:focus,
		#navigation li ul a:active
		{
			color: #F90000;
			background: none;
		}
		
		#navigation li ul li.selected a
		{
			background: none;
			background-image: none;
		}
		
		#navigation li.selected ul li a:hover
		{
			color: #F90000;
		}
		
		#navigation li > ul {
			top: auto;
			left: auto;
		}
		
		#navigation li:hover ul,
		#navigation li.over ul
		{
			display: block;
			
		}
		
		#navigation a:hover
		{
			color: #bfdf00;
		}
		
		#navigation .selected a
		{
			color: #bfdf00;
		}
		
		#main_wrapper
		{
			clear: both;
			background: white url(../img/dutchypuppy-achtergrond-body.png) no-repeat top left;
			border: solid 2px;
		}
		
		#bg_wrapper
		{
			background: transparent url(../img/dutchypuppy-text.png) no-repeat left bottom;
			padding-bottom: 5px;
		}
		
		#content
		{    
			float: left;
			width: 510px;
			padding: 120px 20px 150px 20px;
		}
		
		#content h2
		{
			margin: 37px 0 10px 0;
		}
		
		

/******** Nieuwspagina ********/		
		
		
		
		
		.newsname
		{
			display:block;
			width: 400px;
		}
		
		.newsdate
		{
			display:block;
			width: 100px;
			position: relative;
			left: 435px;
			top: -1em;
		}
		
		#news_page #content_above,
		#news_page #content_below
		{
			color: #8a0005;
		}
		
		#news_item .teaser img
		{
			display:none;
		}
		
		#news_page .teaser p
		{
			margin-bottom: 0px;
		}
		
		#inleiding a
		{
			color: #8a0005;
		}
		
		#news_page a
		{
			color: #8a0005;
		}
		
		#news_page p
		{
			float: left;
		}
		
		#content #news_page li h2
		{
			margin-bottom: 0;
			margin-top: 0px
		}
		
		#news_page h2 a
		{
			color: #8a0005;
			text-decoration: none;
		}
		
		#news_page h3
		{
			font-size: 12px;
			font-weight: normal;
			padding: 0 0 1em 0;
		}
		
		#news_page li
		{
			margin: 0px 0 20px 0;
			padding: 0;
			list-style-type: none;
			display:block;
			float:left;
		}
		
		#news_page li li
		{
			list-style-type: disc;
		}
		
		#news_page li img
		{
			padding: 2px;
			border: 1px solid #8a0005;
		}
		
		.news-image
		{
			float: left;
			width: 101px;
		}
		
		.news-item
		{
			float: right;
			width: 390px;
		}
		
		#content .news-item h2
		{
			margin: 0;
		}
		
		.to_news_page
		{
			margin-top: 20px;
		}
		
		.clear-float
		{
			clear: both;
		}
		
		#dutchypuppy-text
		{
			margin: 80px 0 0 80px;
		}
		
		#ontwerper
		{
			text-transform: uppercase;
			font-size: x-small;
			color: #8b8b8b;
			margin: 10px 10px 2px 2px;
		}



/******** Extra (rechterbalk) ********/


		
		#extra
		{
			float: right;
			width: 230px;
			text-align: center;
			color: #8a0005;
		}
		
		#webshoplink
		{
			width: 230px;
			height: 312px;
			background: url(../img/webshop.png) no-repeat top center;
			margin-top: 110px;
		}
		
		#webshoplink a img
		{
			margin: 10px 0 20px 0;
		}
		
		#webshop_afbeelding
		{
			position: relative;
			top: 60px;
			right: 5px;
			width: 230px;
			height: 220px;
		}

	/* deze webshop_tekst en webshop_links worden momenteel niet gebruikt, het deel staat tussen django comment tags, */
		
		#webshop_tekst
		{
			margin: 0 30px 0 34px;
			width: 166px;
			height: 40px;
			text-align: left;
			color: black;
			font-size: 12px;
		}
		
		#webshop_link a
		{
			position: relative;
			top: -10px;
			right: 0px;
			color: #8a0005;
		}
		
		#webshop_link a img
		{
		text-decoration: none;
		border: none;
		}
		
		#nieuwsbrief
		{
			background: url(../img/nieuwsbrief.png) no-repeat top center;
			height: 210px;
		}
		
		#nieuwsbrief h1
		{
			margin: 35px 0 0 0;
			font-size: 10pt;
		}
		
		#nieuwsbrief form
		{
			padding: 110px 0 0 0;
		}
		
		#nieuwsbrief #emailadres
		{
			border: solid black 1px;
			width: 150px;
			padding: 0 0 3px 6px;
		}
		
		#nieuwsbrief #button
		{
			margin: 0 0 0 5px;
			position: relative;
			top: 6px;
		}
		
		#woefspotting
		{
			background-color: red;
			border-top: 2px black solid;
			border-bottom: 2px black solid;
			margin: 25px;
			padding: 10px;
			color: white;
			text-align: left;
		}
		
		#woefspotting img
		{
		}
		
		#woefspotting 
		{
			display: block;
			text-align: center;
			color: black;
			text-decoration: none;
		}
		
		#footer
		{
			clear: both;
			color: #8b8b8b;
			margin: 10px;
			text-align: center;
		}





/******** formulieren ********/


		#autoform form
		{
			background-color: #eee;
			border: 1px solid #ccc;
			padding: 20px;
			margin-top: 20px;
		}

/*		
		#autoform li
		{
			list-style-type: none;
		}
					
		#autoform label
		{
			margin-right: 10px;
			vertical-align: top;
			width: 468px;
			color: black;
		}

		#autoform input,
		#autoform select,
		#autoform textarea
		{
			padding: 2px;
			width: 463px;
		}
		
		
		#autoform form .checkbox input 
		{
			margin-right: 5px;
		}
		
		#autoform .radio input,
		#autoform .submit input,
		#autoform .checkbox input
		{
			width: auto;
		}
		
		#autoform select option
		{
			padding-right: 15px;
		}
		
		#autoform .formrow
		{
			margin-bottom: 1em;
		}
		
		#autoform .error
		{
			color: red;
			font-style: italic;
			font-weight: bold;
			margin-top: 5px;		
		}
*/		
/* webshop */


		.webshop #extra
		{
			display: none;
			width: 0px;
		}
		
		.webshop #content
		{
			width: 740px;
		}
		
		.webshop #content iframe
		{
			border: 1px solid #999;
			margin-top: 15px;
		}
		
/* */

		
		#content #inleiding
		{
			padding-top: 10px;
		}
		
		#content #inleiding img
		{
		margin: 0px 10px 0 0;
		}
		
/* inschrijven en uitschrijven voor nieuwsbrief */

		#newsletter_overview form
		{
			margin: 10px 0;
		}
		
		#newsletter_overview form input.button
		{
			margin: 10px 10px 10px 0;
		}