html {

}

body {
	background-image: url('/../img/bg.jpg');
	background-repeat: no-repeat;
	background-color: #073075;
	text-align: center;
	padding: 0;
	font: verdana;
}

ul li {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
margin-top:0;
padding-top:0;"
}

#container {
	margin: auto;
	width: 779px;
	text-align: left;
}


#logo {
	background-image: url('/../img/logo.png');
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	height: 152px;
	text-indent: -9999px;
	cursor: pointer;
}

#header {
	height: 30px;
	background-image: url('/../img/headerbg2.jpg');
	background-repeat: no-repeat;
}

h2 {
	font: verdana;
	color: #f2ca95;
	font-size: 14px;
	font-weight: bold;
}
h2 a{
	font: verdana;
	color: #f2ca95;
	font-size: 14px;
	font-weight: bold;
}

.column {
	font-size: 11px;
	color: #fff;
	float: left;
	width: 29%;
	overflow: hidden;
	height: 103px;
	font: verdana;
	padding-top: 10px;
	line-height: 18px;
	margin-right: 40px;
}

.end {
	margin-right: 0 !important;
	margin-left: 10px;
}

#list {
	background-image: url('/../img/list_midden_bg.jpg');
	background-repeat: repeat-y;
	overflow: hidden;
	padding-bottom: 40px;
}

#list2 {
	background-color:#fedeaf;
	overflow: hidden;
	padding-bottom: 40px;
}

#names {
	width: 261px;
	float: left;
}

#names div {
	height: 40px;
	padding-top: 10px;
	padding-bottom: 10px;
	font: verdana;
	font-size: 11px;
	color: #515151;
	margin-left: 10px;
}



#devider {
	width: 260px;
	float: left;
}

#bedrag {
	width: 258px;
	float: left;
}

#bedrag .input{
	width: 141px;
	height: 31px;
	background-image: url('/../img/inputbg.gif');
	border: none;
	text-align: right;
	padding-top: 8px;
	margin-right: 15px;
	margin-left: 60px;
	padding-right: 8px;
	font: verdana;
	font-size: 18px;
	color: #585858;
	border-width:0;
}
#bedrag .check {
	width: 26px;
	height: 31px;
	border: none;
	text-align: right;
	margin-bottom:4px;
	font: verdana;
	font-size: 18px;
	color: #585858;
	border-width:0;
}
#bedrag .check2 {
	width: 26px;
	height: 31px;
	border: none;
	text-align: right;
	float:right;
	margin-right:10px;
	margin-top:-55px;
	font: verdana;
	font-size: 18px;
	color: #585858;
	border-width:0;
}
.regel {
	height: 40px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#bedrag div div {
	height: 40px;
	padding-top: 10px;
	padding-bottom: 10px;
	font: verdana;
	font-size: 11px;
	color: #515151;
}

.bedragen{
	text-align:right;
	padding-right:50px;
	font-size:15px;
	color: #585858;
}

#footer {
	position: relative;
	top: -20px;
}

#buttons {
	width: 251px;
	float: left;
	background-image: url('/../img/footer_bg.jpg');
	height: 51px;
	padding-top: 10px;
	padding-left: 10px;
}
#midden {
	width: 260px;
	float: left;
}
#totaal {
	width: 258px;
	float: left;
	background-image: url('/../img/footer_bg.jpg');
	height: 61px;
}

h3 {
	font: verdana;
	font-size: 18px;
	font-weight: bold;
	color: #093f89;
	margin-bottom: 5px;
}

#totaal input {
	width: 188px;
	height: 31px;
	background-image: url('/../img/input_totaal.gif');
	border: none;
	float: right;
	text-align: right;
	padding-top: 8px;
	margin-right: 15px;
	margin-top: 10px;
	padding-right: 8px;
	font: verdana;
	font-size: 18px;
	color: #585858;
	border-width:0;
}

#bottom {
	height: 152px;
	background-image: url('/../img/bottom.png');
	margin-top: 10px;
}

td
{
	font-family: Verdana, Arial;
	font-size: 11px;
	text-align:left;
	}
#activiteiten  {
	font-family: Verdana, Arial;
	font-size: 11px;
	text-align:left;
}
#activiteiten  h1{
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 10px;
}
#activiteiten  h2{
	color: #000;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 20px;
}

#activiteiten input {
	font-size:13px;
}

#activiteiten .d {
	padding-bottom: 10px;
}
.aanmeldingenlink:hover {
	font-weight:bold;
}
.aanmeldingenlink {
	color: #000;
	outline:none;
	-moz-outline:none;
}
html { overflow-y:scroll; }



/*--------------------------------------------mobile compatible---------------------------------*/



@media screen and (max-width: 1000px)   {
	#container {
		width:100%;
	}


	div#midden img, div#totaal{
		visibility: hidden !important;
	}

	div#devider{
		width: 100% !important;
		position: absolute;
	}

	div#container{
		width:100%;
		max-width:100%;
		position: relative;
		text-align: center !important;
	}

	div#list, div#header{
		width:100%;
		background-position:center;
	}

	div#buttons{
		width:100%;
		padding-left: 0;
	}

	h1#logo{
		width: 100% !important;
	}

	div#list{
		text-align: center !important;
		width: 100% !important;
	}

	div#names{
		width: 100% !important;
		margin-bottom: 10px !important;
	}

	div#bottom{
		visibility: hidden;
	}

	input#logintext{
		padding-left: 2.5% !important;
		padding-right: 2.5% !important;
		line-height: 40px;
		font-size: 30px !important;
		width: 80% !important;
	}

	input#passtext{
		padding-left: 2.5% !important;
		padding-right: 2.5% !important;
		line-height: 40px;
		font-size: 30px !important;
		width: 80% !important;
		margin-bottom: 10px !important;
	}

	form#inlogform div{
		margin-bottom: 5% !important;
	}

	form#inlogform div:first-child{
		display: none;
	}

	form#inlogform div:nth-child(2){
		margin-top: 5% !important;
	}

	/*-------------------http://rotaryermelo.elementa.com/events/ev0854-----------------------*/

	table#activiteiten tbody tr#invultr td{
		display: table;
		font-size: 15px !important;
	}

	form[action="afmeldenrotary.asp"]{
		font-size: 15px !important;
	}

	small{
		font-size: 15px !important;
	}

	div.ma-container{
		height: auto !important;
		max-height: 250px !important;
	}

	input::-webkit-input-placeholder{
		font-size: 30px !important;
		color: black;
	}

	input.date{
		width: 99%;
		line-height: 40px;
		text-align: center;
		font-size: 40px !important;
	}

	input[name="afmelden"]{
		line-height: 40px;
		margin-top: 2.5%;
		width: 100%;
		font-size: 30px !important;
		border: 1px solid black;
	}

	input[name="leden"]{
		width: 100% !important;
		line-height: 40px;
		font-size: 20px !important;
		text-align: center;
	}

	div.ma-container ul li.ma-odd, div.ma-container ul li.ma-even{
		line-height: 40px;
		font-size: 20px !important;
	}

	td[valign="top"]{
		width: 100% !important;
	}

	html{
		display: block;
	}



}