/**
 * Theater ad Schie : base
 * 
 * @copyright Copyright(c) 2008 Peppered.
 * @author DS
 * 
 * @colordef hex(#9d8a77); beige 
 * @colordef hex(#cec5bb); licht beige 
 * @colordef hex(#ebe7e3); lichter beige
 * @colordef hex(#e01722); rood
 */




/* global reset ***************/
body, div, dl, dt, dd, ul, ol, li, 
h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, p, 
blockquote, th, td                  { margin: 0; padding: 0; }
table                               { border-collapse: collapse; border-spacing: 0; }
fieldset, img                       { border: 0; }
address, caption, cite, code, 
dfn, th, var                        { font-style: normal; font-weight: normal; }
ol, ul                              { list-style: none; }
caption,th                          { text-align: left; }
h1, h2, h3, h4, h5, h6              { font-size: 100%; font-weight: bold; }
q:before, q:after                   { content: ''; }
abbr, acronym                       { border: 0; }
a                                   { text-decoration: none; }
a:hover, a.hover                    { text-decoration: underline; }
a img                               { border:none; }
.clr								{ clear: both; }
.hidden								{ display: none; }
.txtLinks							{ bottom: 0; right: 0; line-height: 1.1; margin: 0; }
.txtLink 							{ display: block; color: #e01722;	border: 0px!important; background-color: transparent; font: 1.0em/1.333 Arial, Helvetica, sans-serif; cursor: hand; cursor: pointer; }
.txtLink:hover, .txtLinkHover		{ text-decoration: underline; }
.removeBtn							{ color: #e01722; font-size: 90%; border: 0px; background: transparent url(/images/removeIcon.gif) no-repeat 0 0; padding-left: 12px; cursor: hand; cursor: pointer; }
.removeBtn:hover					{ text-decoration: underline; }
.buttonLink							{ padding: 4px 5px 2px 5px; background: transparent url(/images/buttonBg.gif) repeat-x 0 0; font-size: 0.9167em; color: #fff!important; }
.redButtons .button					{ border: 0px; padding: 0 0.75em; font-size: 0.9167em; height: 20px; color: #fff; background: transparent url(/images/buttonBg.gif) repeat-x 0 0; }
.redButtons .button:hover,
.redButtons .btnHover,
.buttonLink:hover					{ background-position: 0 -20px; cursor: hand; cursor: pointer; text-decoration: none; }
.hr									{ height: 1px; width: 100%; margin: 15px 0; }
	.dotted							{ background: transparent url(/images/dottedline.gif) repeat-x 0 0; }
#printLogo							{ display: none; }
.toLeft								{ float: left; width: auto; }
.toRight							{ float: right; }
.smallFnt							{ font-size: 80%; }

input.txtLink 						{ padding: 0; width: 0; /* IE table-cell margin fix */ overflow: visible; }
input.txtLink[class] 				{ /* IE ignores [class] */ width: auto;  /* cancel margin fix for other browsers */ }

.groter								{ font-size:1.27em }
.grootst							{ font-size:1.45em }


/* page container *************/
body 														{ background-color: #9d8a77; font: 0.75em/1.333 Arial, Helvetica, sans-serif; color:#000; }
h1 a, h2 a, h3 a 								{	display: block; text-indent: -9999px; overflow: hidden; }
.skiplinks											{ display: none; }

#pageContainer									{ background-color: #fff; width: 774px; margin: 20px auto; }
#rightContainer, #leftContainer,
#contentContainer								{ float: left; margin-top: 25px; }
#leftContainer, #rightContainer	{ width: 128px; padding: 20px 17px; }
#contentContainer								{ width: 450px; padding: 20px 0; }
#footer													{ background: #9d8a77 url(/images/footerBg.gif) no-repeat 0 0; text-align: center; }

/* extra menu */

#search a											{ color: #000; }
#search a.pulldown							{ color: #e01722; padding-right: 10px; background: transparent url(/images/mijnTheaterPulldownBg.gif) no-repeat right 5px; }
#search .mijnTheaterContainer	{ left: 162px; top: 35px; position: absolute; }
#search .keywordSearch form fieldset {border: 1px solid #000000; margin-top: 5px;}
#search .keywordSearch input {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
#search .keywordSearch #searchbox {width: 109px; float: left; height: 1.2em; border: 0px; }
#search .keywordSearch {height:30px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; position: relative; }
#search .keywordSearch #keyword{ margin-top: 0px; bottom: 0px; width: 100px; height: 1.5em; font-size: 100%; border: 1px solid #000; position: relative;}
#search .keywordSearch .submit {background: black url(/images/searchBtn.gif) no-repeat; margin-top: 0px; bottom: 0px; right: 3px; width: 15px; height: 1.2em; position: relative; border: 1px solid black; padding: 0; right: 0px; float: right; } /* FF top position hack */

div.fontSizercontainer			{position: relative; float: none; height: 30px; padding-top: 4px;}
.fontSizer {float: right;}
#search .fontSizer li					{ float: left; margin-left: 5px; }
#search .fontSizer a						{ display: block; width: 17px; height: 17px; text-indent: -99999px; overflow: hidden; }
#search .fontSizer a:hover 		{ background-position: 0 -17px; }
#search .fontSizer a.active 		{ background-position: 0 -34px; }
#search .fontSizer .txtSmall 	{ background: transparent url(/images/txtSmallBtn.gif) no-repeat 0 0; }
#search .fontSizer .txtMedium 	{ background: transparent url(/images/txtMediumBtn.gif) no-repeat 0 0; }
#search .fontSizer .txtLarge 	{ background: transparent url(/images/txtLargeBtn.gif) no-repeat 0 0; }

/* service container **********/
#servicemenu												{ clear: both; width: 774px; height: 34px; position: absolute; top: 5px; font-size: 80%; color: #9d8a77; }
#servicemenu a											{ color: #000; }
#servicemenu a.pulldown							{ color: #e01722; padding-right: 10px; background: transparent url(/images/mijnTheaterPulldownBg.gif) no-repeat right 5px; }
#servicemenu .mijnTheaterContainer	{ left: 162px; top: 35px; position: absolute; }
#servicemenu .keywordSearch 				{ left: 479px; top: 28px; position: absolute; visibility: hidden;}
#servicemenu .keywordSearch #keyword		{ width: 85px; font-size: 100%; border: 1px solid #000; padding: 1px 2px; }
#servicemenu .keywordSearch .submit 		{ top: 5px; top: 4px; right: 3px; position: relative; border: none; padding: 0; } /* FF top position hack */
#servicemenu .fontSizer			 				{ left: 629px; top: 32px; position: absolute; }

#servicemenu .fontSizer li					{ float: left; margin-right: 5px; }
#servicemenu .fontSizer a						{ display: block; width: 17px; height: 17px; text-indent: -99999px; overflow: hidden; }
#servicemenu .fontSizer a:hover 		{ background-position: 0 -17px; }
#servicemenu .fontSizer a.active 		{ background-position: 0 -34px; }
#servicemenu .fontSizer .txtSmall 	{ background: transparent url(/images/txtSmallBtn.gif) no-repeat 0 0; }
#servicemenu .fontSizer .txtMedium 	{ background: transparent url(/images/txtMediumBtn.gif) no-repeat 0 0; }
#servicemenu .fontSizer .txtLarge 	{ background: transparent url(/images/txtLargeBtn.gif) no-repeat 0 0; }


/* left container *************/
.logo												{ height: 128px; width: 128px; background: transparent url(/images/logo.gif) no-repeat 0 0; }
#mainmenu											{ margin: 21px 0; }
#mainmenu	li										{ padding: 0.5em 0; }
#mainmenu	li ul									{ margin: 10px 0 0 0; }
#mainmenu	li li									{ padding: 0.25em 0; }
#mainmenu	li a									{ display: block; width: 116px; height: 13px; background: transparent url(/images/menuSprite.gif) no-repeat 0 0; text-indent: -99999px; overflow: hidden; }
#mainmenu	li li	a								{ width: auto; height: auto; background: none; text-indent: 0; margin-left: 5px; text-decoration: none; font-size: 90%; color: #000; }
#mainmenu	li li	a:hover,
#mainmenu	li li	a.active						{ color: #9d8a77; }
#leftContainer .txtLink								{ width: 90px; padding: 4px; font-size: 90%; display: block; }
.brochureContainer									{ margin-bottom: 15px; }
.miniBannerContainer								{ margin-bottom: 15px; }
.bannerAdv span										{ display: inline-block; text-align: center; line-height: 1.0; }
.bannerAdv img										{ margin-bottom: 0.5em; }		
	*+html body .bannerAdv img { margin-bottom: 0.15em; } /*IE7*/
.bannerAdv small									{ color: #9D8A77; font-size: 0.833em; }

/* menu sprite */
#mainmenu	li.homeBtn a						{ background-position: 0 0; }
#mainmenu	li.programmaBtn a				{ background-position: 0 -13px; }
#mainmenu	li a.series				{ border-bottom: 1px dotted #9D8A77; padding-bottom: 10px; width: 60px; }
#mainmenu	li.kaartenbestellenBtn a{ background-position: 0 -26px; }
#mainmenu	li.informatieBtn a			{ background-position: 0 -39px; }
#mainmenu	li.verhuurBtn a					{ background-position: 0 -52px; }
#mainmenu	li.vriendenBtn a				{ background-position: 0 -65px; }
#mainmenu	li.reactiesBtn a			{ background-position: 0 -78px; }
#mainmenu	li.jeugdBtn a						{ background-position: 0 -91px; }
#mainmenu	li.homeBtn a:hover						{ background-position: -116px 0; }
#mainmenu	li.programmaBtn a:hover 			{ background-position: -116px -13px; }
#mainmenu	li.kaartenbestellenBtn a:hover{ background-position: -116px -26px; }
#mainmenu	li.informatieBtn a:hover 			{ background-position: -116px -39px; }
#mainmenu	li.verhuurBtn a:hover 				{ background-position: -116px -52px; }
#mainmenu	li.vriendenBtn a:hover				{ background-position: -116px -65px; }
#mainmenu	li.reactiesBtn a:hover 			{ background-position: -116px -78px; }
#mainmenu	li.jeugdBtn a:hover						{ background-position: -116px -91px; }
#mainmenu	li.homeBtn a.active							{ background-position: -116px 0; }
#mainmenu	li.programmaBtn a.active 				{ background-position: -116px -13px; }
#mainmenu	li.kaartenbestellenBtn a.active { background-position: -116px -26px; }
#mainmenu	li.informatieBtn a.active 			{ background-position: -116px -39px; }
#mainmenu	li.verhuurBtn a.active					{ background-position: -116px -52px; }
#mainmenu	li.vriendenBtn a.active 				{ background-position: -116px -65px; }
#mainmenu	li.reactiesBtn a.active 			{ background-position: -116px -78px; }
#mainmenu	li.jeugdBtn a.active						{ background-position: -116px -91px; }

.downloadProgramma					{ display: block; height: 90px; width: 90px; background: transparent url(/images/programma2010.jpg) no-repeat 0 0; }
.specialeVoorstellingen				{ display: block; height: 90px; width: 90px; background: transparent url(/images/btn_Verhuring.jpg) no-repeat 0 0; }
.bibliotheekVoorstellingen				{ display: block; height: 90px; width: 90px; background: transparent url(/images/btn_Bibliotheek.jpg) no-repeat 0 0; }


/* right container ************/

#rightContainer #search,
#rightContainer #banner,
#rightContainer #basket,
#rightContainer #suggestion			{ margin-bottom: 20px; font-size: 90%; }
#rightContainer h3					{ background: #9d8a77; color: #fff; font-weight: bold; padding: 2px 5px 1px 5px; }
#rightContainer p					{ padding: 5px; }
#rightContainer a					{ color: #e01722; }
#rightContainer .active h3			{ background: #e01722; }

#rightContainer #search h3			{  }
#rightContainer #search label		{ display: none; }
#rightContainer #search select		{ font-size: 0.8em; margin-top: 10px; width: 100%; }

#rightContainer #basket li			{ padding-left: 35px; position: relative; min-height: 38px; } /*+ie6c*/
#rightContainer #basket li img		{ position: absolute; top: 5px; left: 0px; }
#rightContainer #basket li p		{ padding-bottom: 0; }
#rightContainer #basket form		{ margin-top: 5px; }	

#rightContainer #suggestion	img		{ margin-top: 10px; }
#rightContainer #suggestion .date 	{ font-size: 80%; margin: 15px 0; }
#rightContainer #suggestion li	 	{ margin-bottom: 10px; }

#rightContainer #search .toonBtn	{ margin-top: 1em; }

/* content container **********/
#contentContainer .header			{ position: relative; }
#contentContainer .headerOverlay{ position: absolute; bottom: 0px; left: 0; }
#contentContainer #flashContainer h2{ color: #e01722; font-weight: bold; font-size: 130%; margin: 3px 0; }
#contentContainer h2 a,
#contentContainer h3 a				{ text-indent: 0; }
#contentContainer h3				{ display: none; }
#contentContainer li h3,
#contentContainer li h3 a			{ display: block; font-size: 130%; color: #9d8a77; margin: 40px 0 10px 0; }
#contentContainer li .big			{ font-size: 169%; }
#contentContainer a					{ color: #e01722; }
#contentContainer .moreNews			{ position: relative; top: 10px; }
#contentContainer .date				{ font-size: 80%; }
#contentContainer #newsContainer img{ float: left; margin: 0 10px 10px 0; }
#contentContainer .pageTitle		{ color: #9d8a77; font-size: 140%; margin: 7px 0 20px 0; font-weight: normal; }

#infoContainer						{ position: relative; overflow: hidden; }
#infoContainer h3					{ display: block; font-size: 140%; margin-bottom: 20px; }
#infoContainer .backBtn				{ float: right; font-size: 90%; margin-top: 12px; }
#infoContainer p img				{ float: left; margin: 0 10px 10px 0; }
#infoContainer .footer				{ margin-top: 70px; font-size: 90%; }
#infoContainer .kiesGenre			{ float: right; margin-top: -3.5em; }
#infoContainer .kiesGenre select	{ font-size: 0.8em; }
#infoContainer .kiesGenre input		{ margin-top: 1em;  float: right;}
#infoContainer .infoBlock			{ display: block; margin-top: 20px; }
#infoContainer .infoBlock	p		{ margin-bottom: 20px; }
#infoContainer .infoBlock form		{ width: 80%; margin-top: 10px; }
#infoContainer .infoBlock label		{ width: 10em; float: left; margin-bottom: 15px; }
#infoContainer .infoBlock .text		{ width: 10em; }
#infoContainer .infoBlock .button	{ margin-left: 11em; /*margin-left: 10em;*/ } /* IE7 positioning */

#infoContainer .checkboxlist			{ clear: both; padding-top: 20px; } /* fix voor ff na oplevering */

#infoContainer .notice,
#infoContainer .warning					{ color: #32a200; margin-top: 10px; padding: 10px; border: 1px solid #32a200; }
#infoContainer .warning					{ color: #e01722; border: 1px solid #e01722; }
#infoContainer .review .notice			{ border: none; }
#infoContainer .error					{ color: #32a200; margin-top: 10px; padding: 10px; border: 1px solid #32a200; }

#galleryContainer							{ font-size: 90%; margin-top: 40px; }
#galleryContainer h3						{ font-size: 130%; color: #9d8a77; margin: 10px 0; }
#galleryContainer ul.gallery				{ margin: 5px 0; }
#galleryContainer ul.gallery li				{ float: left; margin: 0 20px 0 0; }
#galleryContainer #pagination 				{ width: 300px; margin-top: 10px; line-height: 1.0; }
#galleryContainer #pagination li.pages		{ padding: 0 5em 0 4em; }


/* list */
.seriesNotice										{ display: block; padding: 10px; margin: 0 0 20px 0; border: 1px solid #9d8a77; background-color: #ebe7e3; font-size: 90%; }

#voorstellingenOverzicht li							{ margin: 0 0 2em 0; width: 440px; background: #fff; border: 1px solid #fff; position: relative; min-height: 110px; height: auto!important; height: 110px; }
#voorstellingenOverzicht li .itemWrapper			{ padding-left: 120px; }
#bodyZoeken .infoBlock li h3,
#voorstellingenOverzicht li h3						{ font-size: 100%; margin: 5px 0 2px 0; }
#bodyZoeken .infoBlock li h3 a,
#voorstellingenOverzicht li h3 a					{ margin: 0px; color: #e01722; }
#voorstellingenOverzicht li h3 a:hover				{ text-decoration: none; }
#voorstellingenOverzicht li .titel 					{ display: block; font-size: 80%; color: #000; }
#voorstellingenOverzicht li .infoBlock 				{ font-size: 90%; margin: 2px 0; }
#voorstellingenOverzicht li .infoBlock .meta 		{ font-size: 110%; display: block; }
#voorstellingenOverzicht li img 					{ position: absolute; top: 0; left: 0; }
#voorstellingenOverzicht .voorstBtns fieldset		{ float: left; margin-right: 4px; }
#voorstellingenOverzicht .leesMeer					{ line-height: 1.5em; }
#voorstellingenOverzicht .hover						{ background-color: #EBE7E3; cursor: hand; cursor: pointer; }
#ecardOverzicht 									{ margin-top: 20px; }
#ecardOverzicht div.itemWrapper 					{ padding-left: 100px!important; width:300px; }

/* mijn theater home */
.mtFunctions li										{ padding-left: 100px; margin-bottom: 15px; padding-top: 15px; }
.mtFunctions li h3, .mtFunctions li a				{ color: #d2232a!important; margin: 0px!important; }
.mtFunctions li a									{ font-size: 1.5em; font-weight: bold; }
.mtFunctions .mtMyInfo								{ background: #fff url(/images/mijnTheaterIcnMyInfo.gif) no-repeat 0 center; }
.mtFunctions .mtNewsletterSettings					{ background: #fff url(/images/mijnTheaterIcnNewsletter.gif) no-repeat 0 center; }
.mtFunctions .mtWishlist							{ background: #fff url(/images/mijnTheaterIcnWishlist.gif) no-repeat 0 10px; border-top: 1px solid #9d8a76; }
.mtFunctions .mtShoppingBasket						{ background: #fff url(/images/mijnTheaterIcnShoppingbasket.gif) no-repeat 0 center; }
.mtFunctions .mtEtickets							{ background: #fff url(/images/mijnTheaterIcnEtickets.gif) no-repeat 0 center; }
.mtFunctions .mtLogout								{ background: #fff url(/images/mijnTheaterIcnLogout.gif) no-repeat 0 center; border-top: 1px solid #9d8a76; height: 40px; }
/* /mijn theater home */

/* wensenlijstje */
#bodyMijntheater #voorstellingenOverzicht			{ margin-top: 30px; }
#bodyMijntheater #herinnerMijForm					{ clear: both; }
#bodyMijntheater #herinnerMijForm .herinnerMij		{ margin-right: 5px; }
#bodyMijntheater .bestellen .txtLink				{ font-size: 0.8em; margin-top: 10px; }
.wenslijstOptions									{ text-align: right; font-size: 0.8em; }
/* /wensenlijstje */

#formEcardForm fieldset div.row {width: 450px;}
#formEcardForm fieldset div.row {width: 450px;}
#formEcardForm	label {width: 200px!important; margin-bottom: 5px!important;}
#formEcardForm	input {width: 200px!important;}
#formEcardForm	textarea {width:400px; margin-bottom: 20px;}
#formEcardForm	em {color: #e01722;}
#formEcardForm div.ecard-normalItem input {width: auto!important;}
#formEcardForm div.ecard-normalItem {width: 400px!important;}


.ecard li {min-height: 87px!important;}
.ecard li h3 a.regular {color: #000000!important;}
.ecard li img {background: #9D8A77;}

#bodyReserveren #voorstellingenOverzicht li					{ min-height: 90px; height: auto!important; height: 90px; position: relative; }
#bodyReserveren #voorstellingenOverzicht li .itemWrapper	{ padding-left: 105px; }
#bodyReserveren #voorstellingenOverzicht li h3 				{ font-size: 130%; margin: 0 0 2px 0; color: #000; }
#bodyReserveren #voorstellingenOverzicht li .infoBlock 		{ margin-bottom: 10px; }

#bodyReserveren #voorstellingenOverzicht li form.removeIcon {
	position: absolute;
	top: -10px; left: 150px;
	
}
#bodyReserveren #voorstellingenOverzicht li form.removeIcon .removeBtn {
	font-size: 1em;
	background-position: 0 50%;
	text-align: left;
	padding-left: 15px;
}


#pagination								{ clear: both; line-height: 2.5em; }
#pagination ul,
#pagination ul li 						{ display: inline; }
#pagination li.pages 					{ text-align: center; padding: 0 40px; }
#pagination .pages li a					{ color: #000; padding: 0.25em 0.5em; width: 1.5em; height: 1.5em; margin: 0 3px; background-color: #cec5bb; }
#pagination .pages li a:hover,
#pagination .pages .active a			{ background-color: #9d8a77; color: #fff; text-decoration: none; }

/* detail */
#bodyDetail .pageTitle					{ padding-top: 3.0em; color: #000; font-weight: bold; font-size: 120%; }
#bodyDetail .pageTitle .titel			{ display: block; color: #9d8a77; font-size: 120%; }
#bodyDetail .nav,
#bodyDetail .mediaNav					{ position: absolute; top: 0px; left: 0px; font-size: 80%; }
#bodyDetail .mediaNav li				{ float: left; margin-right: 10px; }
#bodyDetail .mediaNav li a				{ display: block; width: 17px; height: 21px; text-indent: -9999px; overflow: hidden; }
#bodyDetail .mediaNav .slide a			{ background: transparent url(/images/slideIcon.gif) no-repeat 0 0; }
#bodyDetail .mediaNav .video a			{ background: transparent url(/images/videoIcon.gif) no-repeat 0 0; }
#bodyDetail .mediaNav .audio a			{ background: transparent url(/images/audioIcon.gif) no-repeat 0 0; }
#bodyDetail .mediaNav .slide a:hover,	
#bodyDetail .mediaNav .video a:hover,	
#bodyDetail .mediaNav .audio a:hover				{ background-position: 0 -21px; }
#bodyDetail .mediaNav .slide.active a,
#bodyDetail .mediaNav .video.active a,
#bodyDetail .mediaNav .audio.active a,
#bodyDetail .mediaNav .slide.active a:hover,	
#bodyDetail .mediaNav .video.active a:hover,	
#bodyDetail .mediaNav .audio.active a:hover	{ background-position: 0 -42px; }
#bodyDetail .nav					{ right: -11px; text-align: right; float: right; margin-top: 10px; }
#bodyDetail .nav li					{ float: right; border-right: 1px solid #9D8A77; padding-left: 10px; padding-right: 10px; }
#bodyDetail .buttonblock			{ float: right; width: 160px;}
#bodyDetail .buttonblock input		{ border: none!important;}
#bodyDetail .buttonblock form		{ padding-bottom: 10px;}

#bodyDetail .bestellen				{ float: right; width: 13em; margin-top: -10px; }
.status								{ float: right; font-size: 140%; font-weight: bold; margin: -10px 0 0 10px; }
#bodyDetail .bestellen input 		{ font-weight: bold; margin: 5px 0; }
#bodyDetail .bestellen .big 		{ font-size: 140%; }
#bodyDetail .bestellen label		{ font-size: 80%; display: block; width: 13em; margin: -20px 0 0 20px; }
#bodyDetail dl						{ margin: 20px 0; }
#bodyDetail dt						{ font-weight: bold; float: left; width: 6em; }
#bodyDetail .desc					{ display: block; margin: 0 0 20px 0; }
#bodyDetail .desc div				{ color: red; }

#reacties							{ margin: 20px 0; padding: 12px 12px; background-color: #ebe7e3; font-size: 90%; }
#bodyGastenboek #reacties			{ background: none; padding: 0; }
#reacties h2						{ color: #9d8a77; margin: 10px 0; font-size: 130%; }
#reacties h4						{ margin: 0 0 3px 0; font-size: 120%; }
#reacties ul						{ float: left; width: 55%; }
#reacties li						{ clear: both; margin-bottom: 20px; position: relative; }
#reacties .title					{ float: left; font-size: 110%; }
#reacties .msg						{ display: block; float: left; }
#reacties .addMsg					{ width: 35%; float: right; margin-top: -25px; background-color: #ebe7e3; padding: 0 0 0 10px; }
#reacties legend					{ font-size: 90%; color: #e01722; position: relative; padding-left: 20px; width: 11em; height: 20px; line-height: 15px; margin: 0 0 20px 0; background: transparent url(/images/addMessageIcon.gif) no-repeat 0 3px; }

#reacties .str0,
#reacties .str1,
#reacties .str2,
#reacties .str3,
#reacties .str4,
#reacties .str5						{ float: left; width: 90px; display: block; text-indent: -9999px; margin: -2px 0 0 5px; font-size: 110%; }
#reacties .str0						{ background: transparent url(/images/str0.gif) no-repeat 0 0; }
#reacties .str1						{ background: transparent url(/images/str1.gif) no-repeat 0 0; }
#reacties .str2						{ background: transparent url(/images/str2.gif) no-repeat 0 0; }
#reacties .str3						{ background: transparent url(/images/str3.gif) no-repeat 0 0; }
#reacties .str4						{ background: transparent url(/images/str4.gif) no-repeat 0 0; }
#reacties .str5						{ background: transparent url(/images/str5.gif) no-repeat 0 0; }
#reacties .radiobutton				{ clear: both; width: 120px; }
#reacties .radiobutton input		{ float: left; width: 25px!important; }
#reacties .radiobutton label		{ width: 90px!important; }

#bodyDetail .artishock				{ float: right; }

.newsThumb							{ margin: 0 10px 10px 0; }

#sitemap ul 						{ line-height: 1.5em; font-weight: bold; }
#sitemap ul ul						{ margin-left: 15px; font-weight: normal; }
#sitemap ul ul a					{ font-weight: normal; }

/* forms */
form div 							{ width: 100%; float: left;	margin: 0 0 0.3em 0; }
form .huisnummer, 
form .toevoeging,
form .net							{ width: 3em!important; }
form .adres div,
form .telnr div						{ width: auto; float: left!important; }
form .radiobutton,
form .checkbox						{ width: auto; float: left; }
form .radiobutton input,
form .checkbox input				{ float: left; border: none; }
form .radiobutton label				{ width: 4em!important; margin-left: 5px; }
form .checkbox label				{ width: 20em!important; margin-left: 5px; }
input, textarea, select				{ border: 1px solid #9d8a77; font: 1.0em/1.333 Arial, Helvetica, sans-serif; padding: 0 0 0 2px; #margin-bottom: 6px; }
.button								{ #margin-bottom: 0px; }

form .accountType .label			{ float: left; width: 10em; }

#bodyDetail #reacties label			{ display: block; float: left; }
#bodyDetail #reacties label			{ width: 90%; }
#bodyDetail #reacties input			{ width: 90%; }
#bodyDetail #reacties textarea		{ width: 90%; }



/* footer container **********/
#footer	p							{ color: #fff; display: block; padding-top: 55px; font-size: 95%; }
#footer	p	a						{ text-decoration: underline; color: #fff; }
#footer	p	a:hover					{ text-decoration: none; }

/*-- ------------------- wachtrij --------------------------- --*/
#wachtRijIndicator  	{}
#aantalWachtenden 		{}
#wachtRijOuterBox 		{ padding: 0 0 0 20px; width: 350px; height: 15px; border: 1px solid #666666;	background: url(../images/background_indicator.gif) repeat-x 0 0; overflow: hidden; }
#wachtRijInnerBox 		{ width: 350px; text-align: right; }
img#imgIndicator 		{ height: 15px; width: 90%; }

/* message tpl */
#bodyMessage #contentContainer a.buttonLink {
	display: inline-block;
	margin-bottom: 0.25em;
}
