/*
 * HorecaMaster v1 layout voor elk reaturant zonder stylesheet
 * Door: W. van der Weide en A. Donker
 * @DONKER.BIZ & Uitgedacht.nl, Meppel 2011, 2012 Nederland
 *
 * Naam stylesheet voor een restaurant: 'horecamaster_' + <Restaurant systeemnaam> + '.css'
 */

body,
html {
	background: #71bd34;
	width: 100%;
	height: 100%;
	font-family: Helvetica, Arial;
	margin: 0;
	color: #fff;
}

#form_tabel{
	width: 100%;
	table-layout: fixed;
}

#form_tabel td{
	white-space: nowrap;
	font-size: 16px;
	font-weight: bolder;
}

.velden {
	width: 90%;
	color: #333;
	border: 0;
	font-size: 16px;
	font-weight: bolder;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 6px 0px 6px 8px; /* TRBL padding gebruiken ipv line-height, FF-bug */
}

select {
	height: 30px;
}

input:focus,
textarea:focus,
select:focus {
	outline: none;
}

input[type="button"] {
	background: #317ee6;
	color: #fff;
	border-radius: 5px;
	border: 0;
	font-size: 16px;
	font-weight: bold;
	padding: 10px 25px;
	transition: background .2s ease-in;
	cursor: pointer;
}

	input[type="button"]:hover {
		background: #2b71cf;
	}

#boeking_personen {
	width: 20%;
}

a {
	text-decoration: none;
	color: black;
}

.verzend {
	color: #774630;
}

#kalender_control img{
	position:					relative;
	opacity:					0;
	filter:						alpha(opacity=0);
	width:						140px;
	height:						25px;
	right:						106px;
	top:						0px;
	margin:						-10px;
	z-index:					10;
}

#kalender_control input{
	margin:						0px;
	width: 150px !important;
}

#kalender_control {
	float:						left;
	width:						150px;
}

#kalender_pic {
	float: left;
	width: 30px;
	height: 30px;
	margin-left: 15px;
}

#boeking_starttijd, #boeking_titel, #boeking_email_info {
	height:						26px;
	margin-left:				4px;
	border-radius: 				5px;
	z-index: 15;
}

.or_box {
	width:			100%;
	text-align:		left;
	font-size:		16px;
    color: black;
}

.or_box th {
	padding:		8px 10px;
	font-size:		30px;
	color:			white;
}

.or_box td {
	padding:		12px 16px;
}

form {
	padding-top: 23px;
}

form table tr {
	height: 66px;
}

form table tr td:nth-child(1),
form table tr td:nth-child(2) {
	position: relative;
	top: -47px;
	width: 50px;
}

form table tr td:nth-child(3) {
    vertical-align: top;
}

	form table tr td:nth-child(3) input,
	form table tr td:nth-child(3) textarea {
		left: -109px;
		height: 24px;
		z-index: 10;
		top: -3px;
		position: relative;
		width: calc(100% + 102px);
	}

form table tr:nth-child(6) {
	height: 75px;
}

	form table tr:nth-child(6) td:nth-child(1) {
		top: -50px;
	}

	form table tr:nth-child(7) td:nth-child(1) {
		top: -44px;
	}

	form table tr:nth-child(7) td:nth-child(3) textarea {
		top: -13px;
    	height: 50px;
	}

	form table tr:nth-child(7) {
		height: 98px;
	}

#boeking_titel {
	left: -60px;
    position: relative;
    top: 30px;
    z-index: 11;
    height: 38px;
}

#boeking_starttijd {
    height: 38px;
    top: -4px;
    position: relative;
}

form table tr:nth-child(1) td:nth-child(3) input {
	left: -50px;
	width: calc(100% + 43px);
}

form table tr:nth-child(8) td:nth-child(1) {
	padding-left: 65px;
}

#boeking_email_info {
    height: 38px;
    top: 14px;
    left: -114px;
    position: relative;
    width: 60px;
}

#kalender_control {
	width: 40px;
}

#kalender_control img {
	margin-top: -14px;
}