/* ----------------------------------- */
/*                                     */
/* Reset styles                        */
/*                                     */
/* ----------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, fieldset, form, label, legend
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background: transparent;
}

/* remember to define focus styles! */
:focus, :active {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

strong {
	font-weight: bold;
}

/* ----------------------------------- */
/*                                     */
/* Main styles                         */
/*                                     */
/* ----------------------------------- */

html {
	height: 100%;
}

body {
	height: 100%;
	background-color:#fff;
	background-position: center top;
	background-repeat: repeat-y;
}
div, table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	color: #000;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 27px;
	font-weight: bold;
}
h2,h3,h4,h5,h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 21px;
	font-weight: bold;
}
a {
	color: #919191;
	text-decoration: none;
}
a:hover {
	color: #3f354d;
	text-decoration: none;
}
p {
	padding-bottom: 20px;
}
strong
{
	font-weight: bold;
}


/* styling specifiek voor prints */
#printlogo {
	float: right;
	width: 100%;
	text-align: right;
	margin-bottom: 30px;
}


#arrangementen_menu, #voorstellingdetail_reserveren, #voorstellingdetail_speeldata, #maand_selector_mainholder, #top, #menu, #meer, #oortjes, #banner, #banner_1, #banner_2, #banner_3, #stats, #submenu, #slideshow, #tabcontent_video, #tabcontent_audio, #tabs, #service_2, #inlogknop, #ww_vergeten, .noprint, .flash, .flashlink, .homebanner, .submit, .overzicht_voorstelling_bestel, .hidden, .plaatskeuze, .winkelmandje_verder, .winkelmandje_bevestigen, .horeca_menu {
	display: none;
}

label{
	float: left;
	display: block;
	width: 200px;;
}

form p {
	padding-bottom: 5px;
}

.overzicht_voorstelling_details {
	float: left;
	margin: 0 20px 40px 20px;
	width: 280px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

.overzicht_voorstelling_foto_print {
	float: left;
	margin: 10px 10px 5px 0;
}

.overzicht_voorstelling_tekst {
	margin: 10px 0 10px 0;
}

#voorstellingdetail_reserveerstatus, .status {
	font-weight: bold;
}

#voorstellingdetail_titelinfo, #tabcontent_tekst {
	margin-bottom: 20px;
}

#printfoto {
	float: left;
	margin: 0 20px 20px 0;
}

#voorstellingsdetails {
	width: 100%;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #000;
}


.voorstellingsinfo, .input {
	float: left;
	width: 100%;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #000;
}

.winkelmandje_voorstelling {
	float: left;
	width: 100%;
	border-bottom: 1px solid #000;
}

.winkelmandje_voorstellingsdetails img {
	float: left;
	margin: 10px 10px 10px 0;
}

.winkelmandje_voorstellingsdetails_tekst_theater, .winkelmandje_voorstellingsdetails_tekst_cinema, .winkelmandje_voorstellingsdetails_tekst {
	float: left;
	margin: 10px 0 10px 0;
}
.winkelmandje_kaartdetails {
	float: right;
	margin: 10px 0 10px 0;
	text-align: right;
}
#winkelmandje_reserveringskosten {
	float: right;
	width: 100%;
	margin: 10px 0 10px 0;
	text-align: right;
}
#winkelmandje_totaalprijs {
	float: right;
	width: 100%;
	margin: 10px 0 10px 0;
	text-align: right;
	font-weight: bold;
}



.services {
	float: left;
	width: 100%;
	padding: 0 0 10px 0;
	margin: 40px 0 10px 0;
	border-bottom: 1px solid #000;
}

.services h1 {
	float: left;
	width: 100%;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #000;
}

.service h1 {
	font-size: 12px;
	line-height: 17px;
	float: left;
	width: 400px;
	padding: 0;
	margin: 0;
	border: none;
}

.service p {
	float: left;
	width: 100%;;
	margin-top: 10px;
}

.service_aantal {
	float: left;
	width: 20px;
	border: none;
	font-size: 12px;
	line-height: 17px;
}



.input .aantal {
	float: left;
	width: 20px;
	border: none;
	font-size: 12px;
	line-height: 17px;
}

.input .cross {
	float: left;
	width: 10px;
}

.input .rang {
	float: left;
	width: 150px;
	border: none;
	font-size: 12px;
	line-height: 17px;
}

.input .bedrag, .totaal{
	float: right;
	font-weight: bold;
}

.voorstellingsinfo img {
	float: left;
}

#innercontent_bestelpagina label {
	float: left;
	width: 450px;
	margin: 5px 0 0 20px;;
}

#innercontent_right_bestel {
	margin-top: 40px;
}

.horeca_content {
	float: left;
	width: 350px;
}

.horeca_image {
	float: left;
	margin: 0 0 60px 10px;;
}