* {
	margin:					0;
	padding:				0;
	border:					0;
}

body {
	background:				#FFF url(../images/bg_body.jpg) repeat-x;
}

#wrapper, #wrapper_content {
	width:					960px;
	margin:					0 auto;
	position:				relative;
	z-index:				200;
}

#wrapper_breed, #wrapper_content_breed {
	width:					1080px;
	margin:					0 auto;
	position:				relative;
	z-index:				200;
}

#wrapper_header {
	width:					100%;
	height:					150px;
	position:				relative;
	z-index:				100;
}

#swf_header {
	position:				relative;
	z-index:				100;
}

#banner_content {
	width:					960px;
	float:					left;
}

#banner_right {
	float:					right;
	margin-top:             10px;
	width:					120px;
}

.clear {
	clear:					both;
	height:					0;
	font:					0/0 serif;
}

.dotted {
	background:				url(../images/bg_border_dotted.gif) repeat-x;
	height:					1px;
}

/* Text styles */
h2 {
	padding-bottom:			15px;
	font:					24px Georgia, "Times New Roman", Times, serif;
	color:					#036;
}

h3 {
	padding:				2px 5px;
	background-color:		#C03;
	font:					bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:					#FFF;
}

h4 {
	margin-bottom:			5px;
	font:					100 11px Verdana, Arial, Helvetica, sans-serif;
	color:					#999;
}

h5
{
	margin:					15px 0px 5px 0px;
	font:					bold 13px Verdana, Arial, Helvetica, sans-serif;
}


.underline {
	border-bottom:			1px solid #999;
	margin-bottom:			10px;
}

p.underline {
	padding-bottom:			15px;
}

p.italic {
	margin-top:				20px;
	font-size:				11px;
	font-style:				italic;
	color:					#999;
}

p,
a,
table {
	font:					13px Verdana, Arial, Helvetica, sans-serif;
	color:					#999;
}

p {
	line-height:			20px;
}

a {
	font-weight:			bold;
	text-decoration:		underline;
	color:					#CE0A36;
}

a:hover {
	color:					#F06;
}

p span {
	font-weight:			bold;
	color:					#333;
}

.small {
	font:					100 10px Verdana, Arial, Helvetica, sans-serif;
	color:					#999;
}


/* Header */
#header {
	height:					30px;
}

#header ul {
	list-style:				none;
	height:					30px;
	padding-left:			2px;
	background:				url(../images/bg_topnav.jpg) no-repeat top left;
}

#header ul li {
	float:					left;
	background:				url(../images/bg_topnav.jpg) no-repeat bottom right;
}

#header ul li a {
	display:				block;
	padding:				8px 12px 9px 10px;
	font:					11px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:		none;
	color:					#FFF;
}

#header ul li a.active,
#header ul li a:hover {
	background:				url(../images/bg_topnav_active.jpg) repeat-x;
}

#flashheader {
	/*position:				absolute;*/
	position:				relative;
	top:					30px;
	left:					0;
	width:					100%;
	height:					150px;
	text-align:				center;
	z-index:				100;
}

.flash {
	text-align:				center;
	height:					150px;
}


/* Content */
#content {
	margin-top:				30px;
}

#content .leftabove {
	float:					left;
	width:					490px;
}

#content .left {
	float:					left;
	width:					510px;
}

#content .left2 {
	float:					left;
	width:					600px;
}

#content_right {
	float:					right;
	width:					470px;
}

#content .right {
	float:					right;
	width:					240px;
	margin-right:			10px;
}

#content .maincontent {
	margin-top:				30px;
}

#content .maincontent .zowerkthet {
	border-bottom:			none;
	margin-bottom:			5px;
}

#content .mainpage {
	margin-top:				0;
}

/* Yellow Box */
.yellowbox {
	padding:				10px 10px;
	border-left:			1px solid #FFF0B2;
	border-right:			1px solid #FFF0B2;
	background-color:		#FFFFD6;
}

.yellowbox .yellow_left {
	float:					left;
	width:					235px;
	border-right:			1px solid #666;
}

.yellowbox .yellow_right {
	float:					right;
	width:					245px;
	padding-left:			5px;
}

.yellowbox p {
	color:					#666;
}

.yellowbox .btn, .yellowbox .btn_breed {
	margin:					0 auto;
	margin-top:				20px;
}

/* Stappen box (title, en stappen) */
.stappen {
	height:					45px;
	margin-top:				30px;
	clear:						both;
}

.stappen h2 {
	float:					left;
	display:				inline;
}

.yellowbox h2 {
	padding-bottom:			5px;
}

.stappen a {
	float:					left;
	margin-left:			25px;
	margin-top:				8px;
}

.right .stappen {
	margin-top:				0;
}

.right .stappen a {
	float:					right;
	margin-left:			0;
}

.stappen p {
	float:					right;
	margin-top:				9px;
	font:					bold 12px Georgia, "Times New Roman", Times, serif;
	color:					#CCC;
}

/* Pakketten Main */
ul.pakketten {
	list-style:				none;
	border-top:				1px solid #999;
	padding-top:			1px;
}

ul.pakketten li {
	float:					left;
	width:					180px;
	margin:					0 0px 0px 0;
}

ul.pakketten li.last {
	margin-right:			0;
}

ul.pakketten li a.pakket_red,
ul.pakketten li a.pakket_silver,
ul.pakketten li a.pakket_gold,
ul.pakketten li a.pakket_formen,
ul.pakketten li a.pakket_formen25,
ul.pakketten li a.pakket_forkids {
	display:				block;
	width:					172px;
	height:					200px;
	margin-bottom:			15px;
	border-bottom:			4px solid #E7E6E6;
	text-decoration:		none;
}

ul.pakketten li a.pakket_red {
	background:				url(../images/img_pakket_red.jpg) no-repeat bottom left;
}
ul.pakketten li a.pakket_red:hover {
	/*background-position:	top left;*/
}

ul.pakketten li a.pakket_silver {
	background:				url(../images/img_pakket_silver.jpg) no-repeat bottom left;
}
ul.pakketten li a.pakket_silver:hover {
	/*background-position:	top left;*/
}

ul.pakketten li a.pakket_gold {
	background:				url(../images/img_pakket_gold.jpg) no-repeat bottom left;
}
ul.pakketten li a.pakket_gold:hover {
	/*background-position:	top left;*/
}

ul.pakketten li a.pakket_formen {
	background:				url(../images/img_pakket_formen.jpg) no-repeat bottom left;
}
ul.pakketten li a.pakket_formen25 {
	background:				url(../images/img_pakket_formen25.jpg) no-repeat bottom left;
}
ul.pakketten li a.pakket_formen:hover {
	/*background-position:	top left;*/
}

ul.pakketten li a.pakket_forkids {
	background:				url(../images/img_pakket_forkids.jpg) no-repeat bottom left;
}
ul.pakketten li a.pakket_forkids:hover {
	/*background-position:	top left;*/
}

.right ul.pakketten {
	border:					none;
}

.right ul.pakketten li,
.right ul.pakketten li a {
	width:					240px;
    height:					250px;
	margin-left:			0;
	margin-right:			0;
	padding-left:			0;
	padding-right:			0;
}

/* Pakketten Right */
ul.noprice {
	border:					none;
}

ul.noprice li a.pakket_red {
	background:				url(../images/img_pakket_noprice_red.jpg) no-repeat bottom left;
}
ul.noprice li a.pakket_red:hover {
	/*background-position:	top left;*/
}

ul.noprice li a.pakket_silver {
	background:				url(../images/img_pakket_noprice_silver.jpg) no-repeat bottom left;
}
ul.noprice li a.pakket_silver:hover {
	/*background-position:	top left;*/
}

ul.noprice li a.pakket_gold {
	background:				url(../images/img_pakket_noprice_gold.jpg) no-repeat bottom left;
}
ul.noprice li a.pakket_gold:hover {
	/*background-position:	top left;*/
}

ul.noprice li a.pakket_formen {
	background:				url(../images/img_pakket_noprice_formen.jpg) no-repeat bottom left;
}

ul.noprice li a.pakket_formen25 {
	background:				url(../images/img_pakket_noprice_formen25.jpg) no-repeat bottom left;
}

ul.noprice li a.pakket_formen:hover {
	/*background-position:	top left;*/
}

ul.noprice li a.pakket_forkids {
	background:				url(../images/img_pakket_noprice_forkids.jpg) no-repeat bottom left;
}
ul.noprice li a.pakket_forkids:hover {
	/*background-position:	top left;*/
}

/* Tijdschriften */
div.tijdschriften {
	float:					left;
	width:					270px;
	margin-top:				25px;
}

div.right {
	float:					right;
}

div.tijdschriften a {
	position:				relative;
	display:				block;
	width:					270px;
	height:					17px;
	padding:				8px 12px 9px 0px;
	text-decoration:		none;
}

div.tijdschriften a:hover {
	background:				url(../images/bg_tijdschriften_active.jpg) repeat-x;
}

div.tijdschriften a span {
	position:				absolute;
	right:					10px;
	font-weight:			100;
	color:					#333;
	border-bottom:			none;
	cursor:					pointer;
}

/* Activeren: Bedankt */
.activeren_overzicht {
	margin-top:				20px;
	padding:				20px;
	background-color:		#EBEBEB;
}

.activeren_overzicht p {
	color:					#333;
	font-weight:			bold;
}

.activeren_overzicht .clear {
	height:					1px;
	margin:					10px 0;
	background-color:		#C2C2C2;
}

.border {
	margin-top:				20px;
}

/* Bestellen: Bedankt */
.bestelgegevens {
	margin-top:				30px;
	margin-bottom:			30px;
	font:					100 11px Verdana, Arial, Helvetica, sans-serif;
	color:					#999;
}

.bestelgegevens .betaler {
	float:					left;
}

.bestelgegevens .ontvanger {
	float:					right;
}

.bestelgegevens ul {
	width:					240px;
	list-style:				none;
}

.bestelgegevens ul li {
	position:				relative;
	margin-top:				15px;
}

.bestelgegevens ul li span {
	position:				absolute;
	top:					0;
	left:					110px;
	color:					#666;
}

/* Zo werkt het */
ul.zowerkthet {
	list-style:				none;
	height:					204px;
	margin-bottom:			20px;
	border-bottom:			4px solid #E7E6E6;
}

ul.zowerkthet li a {
	display:				block;
	text-decoration:		none;
}

ul.zowerkthet li.online_bestellen {
	float:					left;
	width:					117px;
	height:					93px;
}

ul.zowerkthet li.online_bestellen a {
	width:					117px;
	height:					93px;
	background:				url(../images/img_onlinebestellen.jpg) no-repeat top left;
}

ul.zowerkthet li.online_bestellen a:hover {
	background:				url(../images/img_onlinebestellen.jpg) no-repeat bottom left;
}

ul.zowerkthet li.thuis_ontvangen {
	float:					right;
	width:					123px;
	height:					93px;
}

ul.zowerkthet li.thuis_ontvangen a {
	width:					123px;
	height:					93px;
	background:				url(../images/img_thuisontvangen.jpg) no-repeat top left;
}

ul.zowerkthet li.thuis_ontvangen a:hover {
	background:				url(../images/img_thuisontvangen.jpg) no-repeat bottom left;
}


ul.zowerkthet li.kado_geven {
	float:					left;
	width:					117px;
	height:					91px;
}

ul.zowerkthet li.kado_geven a {
	width:					117px;
	height:					91px;
	background:				url(../images/img_kadogeven.jpg) no-repeat top left;
}

ul.zowerkthet li.kado_geven a:hover {
	background:				url(../images/img_kadogeven.jpg) no-repeat bottom left;
}


ul.zowerkthet li.lezen_genieten {
	float:					right;
	width:					123px;
	height:					91px;
}

ul.zowerkthet li.lezen_genieten a {
	width:					123px;
	height:					91px;
	background:				url(../images/img_lezenengenieten.jpg) no-repeat top left;
}

ul.zowerkthet li.lezen_genieten a:hover {
	background:				url(../images/img_lezenengenieten.jpg) no-repeat bottom left;
}

/* Hoe werkt het pagina */
ul.rs_hoe
{
	position:				relative;
	width:					780px;
	height:					375px;
	border-top:				1px solid #999999;
}

ul.rs_hoe li,
ul.rs_hoe li.last
{
	position:				relative;
	margin:					0;
	padding:				0;
	width:					200px;
	height:					300px;
	list-style-type:		none;
	float:					left;
}

ul.rs_hoe li.last
{
	width:					180px;
}

a.rs_hoe_1,
a.rs_hoe_1:hover,
a.rs_hoe_2,
a.rs_hoe_2:hover,
a.rs_hoe_3,
a.rs_hoe_3:hover,
a.rs_hoe_4,
a.rs_hoe_4:hover
{
	position:				relative;
	display:				block;
	width:					180px;
	height:					158px;
	background-image:		url(../images/img_hoe1.jpg);
	background-position:	top left;
}
a.rs_hoe_2,
a.rs_hoe_2:hover
{
	background-image:		url(../images/img_hoe2.jpg);
}
a.rs_hoe_3,
a.rs_hoe_3:hover
{
	background-image:		url(../images/img_hoe3.jpg);
}
a.rs_hoe_4,
a.rs_hoe_4:hover
{
	background-image:		url(../images/img_hoe4.jpg);
}

a.rs_hoe_1:hover,
a.rs_hoe_2:hover,
a.rs_hoe_3:hover,
a.rs_hoe_4:hover
{
	background-position:	bottom left;
}

ul.rs_hoe li h4
{
	margin:					15px 0px 5px 0px;
	padding:				0;
	font-size:				13px;
	font-family:			Verdana;
}

ul.rs_hoe li p
{
	font-size:				11px;
	line-height:			18px;
	width:					180px;
}

ul.rs_hoe li p a,
ul.rs_hoe li p a:hover
{
	font-size:				11px;
}

/* FAQ */
ul.rs_faq
{
	padding:				0;
	width:					509px;
}

ul.rs_faq li,
ul.rs_faq li.question,
ul.rs_faq li.answer
{
	position:				relative;
	padding:				0px 0px 0px 0px;
	font-weight:			bold;
	padding-left:			14px;
}

ul.rs_faq li.question div {
	padding:				0 10px;
}

ul.rs_faq li.question,
ul.rs_faq li.answer
{
	position:				relative;
	padding:				2px 0px;
	font-weight:			bold;
	padding-left:			0;
	color:					#FFF;
}

ul.rs_faq li.question
{
	position:				relative;
	margin-top:				5px;
	padding:				1px 0px 4px 0;
	background:				url(../images/bg_border_dotted.gif) repeat-x top left;
}

ul.rs_faq li.question a.question,
ul.rs_faq li.question a.question:hover
{
	display:				block;
	width:					499px;
	padding:				8px 10px 0 10px;
	font-size:				13px;
}

ul.rs_faq li.question a.question_sel,
ul.rs_faq li.question a.question_sel:hover
{
	display:				block;
	width:					499px;
	font-size:				13px;
	height:					34px;
	background:				url(../images/bg_tijdschriften_active.jpg) repeat-x;
}


ul.rs_faq li.answer,
{
	color:					#36C;
}

ul.rs_faq li div
{
	background-image:		none;
	font-weight:			normal;
	padding:				0px 0px 0px 0px;
	display:				none;
	color:					#999;
	font-family:			Verdana;
	line-height:			18px;
	font-size:				13px;
}

/* Wat zit erin */
.watziterin {
	position:				relative;
}

.head {
	margin-top:				20px;
	height:					60px;
}

.watziterin .headred {
	position:				absolute;
	top:					0;
	left:					200px;
}

.watziterin .headsilver {
	position:				absolute;
	height:					150px;
	top:					0;
	left:					400px;
}

.watziterin .headgold {
	position:				absolute;
	height:					150px;
	top:					0;
	left:					600px;
}

.watziterin .headformen {
	position:				absolute;
	height:					150px;
	top:					0;
	left:					800px;
}

.watziterin a {
	display:				block;
	height:					12px;
}

.watziterin a.tijdschrift {
	position:				relative;
	display:				block;
	height:					34px;
	text-decoration:		none;
	color:					#333;
	cursor:					default;
}

/*.watziterin a:hover {
	background:				url(../images/bg_tijdschriften_active.jpg) repeat-x;
}*/

.head .headred a,
.head .headsilver a,
.head .headgold a,
.head .headformen a {
	width:					120px;
	background:				none;
	height:					18px;
	margin-top:				5px;
	text-decoration:		underline;
	color:					#C00;
}

.head .headred a:hover,
.head .headsilver a:hover,
.head .headgold a:hover,
.head .headformen a:hover {
		color:					#F06;
}

.watziterin a span {
	display:				block;
	position:				absolute;
	top:					8px;
	width:					200px;
	height:					27px;
	padding:				0 10px;
	font-weight:			100;
	cursor:					default;
}

.watziterin a span.tijdschrift {
	left:					0;
	font-weight:	bold;
}

.watziterin a span.red {
	left:					160px;
	text-align:		center;
}

.watziterin a span.silver {
	left:					360px;
	text-align:		center;
}

.watziterin a span.gold {
	left:					560px;
	text-align:		center;
}

.watziterin a span.formen {
	left:					760px;
	text-align:		center;
}

/* Forms */

#hideOnNotJavascript,
#hideOnNotJavascript2 {
	display:					none;
}

div.keuze {
	position:				relative;
	height:					27px;
	margin-top:				10px;
	margin-bottom:			20px;
	padding:				8px 0 0 20px;
	background-color:		#EBEBEB;
}

div.keuze a {
	position:				absolute;
	top:					8px;
	right:					20px;
}

div.keuze a:hover {
	background:				none;
}

table {
	padding:				5px;
	font-size:				11px;
}

div.tbl_grey {
	margin-top:				20px;
	margin-bottom:			10px;
	padding:				10px 0 5px 0;
	background-color:		#EBEBEB;
}

table tr td {
	padding-bottom:			5px;
}

table span {
	margin-right:			10px;
	font-size:				10px;
	font-weight:			bold;
	color:					#666;
}

table tr td.formitem {
	padding-top:			5px;
}

table select {
  border-top:				1px solid #C5C1BD;
  border-left:			1px solid #C5C1BD;
  font:					  11px Verdana, Arial, Helvetica, sans-serif;
	color:					#666;
}

table input,
table textarea {
	height:					16px;
	padding:				2px;
	border-top:		  1px solid #C5C1BD;
	border-left:		1px solid #C5C1BD;
	font:					  11px Verdana, Arial, Helvetica, sans-serif;
	color:					#666;
}

table textarea {
	height:					150px;
	width:					200px;
}

table input.normal {
  width:					200px;
}

table input.radio {
	width:					15px;
	height:					13px;
	border:					none;
}


table input.small {
	width:					130px;
}

table input.xsmall {
	width:					80px;
}

table input.xxsmall {
	width:					40px;
}

table input.xxxsmall {
	width:					20px;
}

table.activatiecode {
	margin-top:				40px;
}

table.activatiecode td.title {
	padding-top:			8px;
}

table.activatiecode input {
	padding:				8px 5px;
	font-size:				12px;
}

table tr td {
	position:				relative;
}

div.error {
	position:				absolute;
	width:					150px;
	margin-right:			5px;
	border-left:			1px solid #C03;
}

div.error a {
	font-size:				10px;
}

div.error p {
	padding-left:			5px;
	padding-top:			2px;
	font:					bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:					#C03;
}

div.hide {
	display:				none;
}

a.btn {
	display:				block;
	width:					115px;
	height:					23px;
	margin-top:				6px;
	padding-top:			8px;
	background:				url(../images/bg_btn.jpg) no-repeat top left;
	font-size:				11px;
	text-align:				center;
	text-decoration:		none;
	color:					#FFF;
}

a.btn_breed {
	display:				block;
	width:					230px;
	height:					23px;
	margin-top:				20px;
	padding-top:			8px;
	background:				url(../images/bg_btn_breed.jpg) no-repeat top left;
	font-size:				11px;
	text-align:				center;
	text-decoration:		none;
	color:					#FFF;
}

a.btn:hover {
	background:				url(../images/bg_btn.jpg) no-repeat bottom left;
}

a.btn_breed:hover {
	background:				url(../images/bg_btn_breed.jpg) no-repeat bottom left;
}

input.submitbutton {
	width:					115px;
	height:					31px;
	color:					#FFF;
	border:					none;
}

.cx_button-Confirm a {
    background: red;
	color: white !important;
}

/* Footer */
#footer {
	height:					20px;
	margin-top:				30px;
	padding-top:			5px;
	border-top:				1px solid #EBEBEB;
}

#footer p,
#footer a,
#footer ul li {
	font:					100 11px Verdana, Arial, Helvetica, sans-serif;
	color:					#CCC;
}

#footer p {
	float:					left;
}

#footer ul {
	float:					right;
}

#footer ul li {
	float:					left;
	margin-left:			5px;
}

#footer ul li a {
	padding-left:			5px;
	border-left:			1px solid #CCC;
	text-decoration:		none;
}

#footer ul li a:hover {
	text-decoration:		underline;
}

#footer ul {
	list-style:				none;
}

/* CB 25-08-2009 tbv Drop down menu wat zit er in */
.main-nav {
	position: absolute;
}

.main-nav li:hover .drop-box, .main-nav li.hover .drop-box {
	display: block;
}

.drop-box {
	display: none;
	left: 0px;
	width: 94px;
	padding-top: 1px;
	position: relative;
}

.main-nav .drop-box li {
	width: 100%;
	border-top: 1px solid #d9ecff;
}

.main-nav li .drop-box a {
	float: none;
	padding: 0 0 0 11px;
	line-height: 27px;
	font-size: 10px;
	display: block;
	background: background;
	/*height: 1%; weggehaald omdat menuitem "Wat zit er in - For kids" dan niet clickable is, met dank aan LK*/
}