/* EPTA css doc registratie 15-12-2013 */

/* reset default browser values */

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, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 1;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
/*
table {
	border-collapse: separate;
	border-spacing: 0;
}
*/

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* positionering */
body {
	height:100%;
	width:100%;
	background: url("../img_site/body.png") repeat;
	margin:0 auto;
}

#container {
	margin: 0px auto;
	width:100%;
	height:100%;
	background: transparent url("../img_site/topstrook4.png") repeat-x center -10px;
}
#header {
	margin: 0px auto;
	position:relative;
	background: transparent url(../img_site/eptalogo.png) no-repeat 0px 15px;	
	height:216px;
	width:944px;
}
#lgs_dropimage{
	position:absolute;
	left:424px;
	top:86px;
}	
#lgs_kop{
	position:absolute;
	width:500px;
	text-align:right;	
	top:32px;
	left:443px;
	font: 13px arial,sans-serif;
	color:#555;
}
#lgs_kop_registratie{
	position:absolute;	
	width:500px;
	text-align:right;
	top:55px;
	left:443px;
	font: 28px "helvetica neue",arial,sans-serif;
	color:#f16638;
	clear:both;
}

#lgs_menu{
	position:absolute;	
	width:600px;
	top:180px;
	left:40px;
	font: 15px arial,sans-serif;
}
#lgs_menu a{
	color:#fff;
}
#lgs_menu a:hover{
	color:#f05a2e;
	text-decoration:none;
}
#wrapper{
	width:944px;
	margin:0 auto;
	overflow:auto;
	background:#fffbf7;
	height:100%;
}
#leftbar{
float:left;
width:240px;
margin:20px 0 0 20px;
}

#mainbar {
	float:right;
	margin: 0px 0px 0px 0px;
	height:100%;
	width: 630px;
	padding:20px;
	//background:#fffbf7;
}

#footer {
	height:25px;
	width:750px;
	margin:0px auto 10px auto;
	padding: 10px 0 20px 0;	
}

/* headers */
#mainbar h1 {
	font: bold 24px "helvetica neue",sans-serif,verdana;	
	color:#f16638;
	padding: 0 0 10px 0;
}

#mainbar h2 {
	font: bold 18px "helvetica neue",sans-serif,verdana;
	color: #316197;
	padding: 5px 0 0 0;
}

#mainbar h3 {
	font: bold 18px "times new roman", serif;
	color: #2a6b2f;
	padding: 0 0 8px 0;
}

#mainbar h4 {
	font: bold 15px verdana,helvetica;
	color: #26608b;
	padding: 0 0 5px 0;
}

#mainbar h5 {
	font: bold 15px verdana,helvetica;
	color: #790003;
	padding: 0 0 5px 0;
}

h6 {display:none;}	

/* CSS tekstopmaak */

input,select,textarea{
	border-width:1px;
}

body,#mainbar,table,p,input,ul,li,textarea {
	font: 16px "helvetica neue",sans-serif,helvetica;
	color: #666;
	line-height:21px;
}
#mainbar p{
	font: 16px "helvetica neue",sans-serif,helvetica;
	color: #666;
	line-height:21px;
	margin-bottom:5px;
}
table {
	margin-bottom:10px;
}

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

a:hover {
	text-decoration:underline;
}

#mainbar blockquote{
font: 13px arial,helvetica;
border:1px solid #790003;
background:#f9f9f9;
padding:4px 15px 4px 15px;
color:#666;
line-height:130%;
margin: 0 0 10px 0;
}

#mainbar .kader{
background:#e6ece8;
padding:4px 10px 2px 10px;
margin-bottom:10px;
border: 2px solid #c4c7cd;
}

#mainbar .kader p{
margin: 0 0 .5em 0;
}

#mainbar .kader blockquote{
background:transparent;
color:#666666;
font-size:11px;
text-transform:uppercase;
margin: 0 0 2px 0px;
padding: 0 0 0 3px;
border: 0px solid #c4c7cd;
}

a.linkint {
	background: url(../../img_site/uitpijlschuin.gif) no-repeat 0px 0px;
	padding-left:19px;
}
a:hover.linkint {
	background: url(../../img_site/uitpijlschuin.gif) no-repeat 3px 0px;
	padding-left:19px;
}
a.linkext {
	background: url(../../img_site/globe.gif) no-repeat 0px 0px;
	padding-left:19px;
}
a:hover.linkext {
	background: url(../../img_site/globe.gif) no-repeat 3px 0px;
	padding-left:19px;
}

label {
	cursor: pointer;
	float: left;
	width: 140px;
	text-align: right;
	padding: 0px 4px;
}

hr{
	text-align:center;
	background:#c3c7cd;
	color:#c3c7cd;
	margin:5px auto 10px auto;
	width: 90%;
}
hr.clearer {
	line-height: 0px;
	height: 0px;
	visibility: hidden;
	margin:0 0 0 0;
	clear: both;
}

hr.divisor{
	text-align:center;
	background:#c3c7cd;
	color:#c3c7cd;
	margin:5px auto 10px auto;
	width: 90%;
}

img.links {
	float: left;
	margin: 0px 9px 9px 0px;
	padding: 3px;
	border: 1px solid #c3c7cd;
}
img.links_clear {
	margin: 0px 9px 9px 0px;
	padding: 3px;
	border: 1px solid #c3c7cd;
}

img.rechts {
	float: right;
	margin: 0px 0px 9px 9px;
	padding: 3px;
	border: 1px solid #c3c7cd;
}
img.rechts_clear {
	display:block;
	text-align: right;
	margin: 0px 0px 9px auto;
	padding: 3px;
	border: 1px solid #c3c7cd;
}

img.midden {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 3px;
	border: 1px solid #c3c7cd;
}

#leftbar ol {
	list-style-type: decimal;
	padding-bottom:10px;
	margin-left:15px;
}

#leftbar ul {
	list-style-type: disc;
	padding-bottom:10px;
	margin-left:15px;
}

#rightbar ol {
	list-style-type: decimal;
	padding-bottom:10px;
	margin-left:15px;
}

#rightbar ul {
	list-style-type: disc;
	padding-bottom:10px;
	margin-left:15px;
}

#mainbar ol {
	list-style-type: decimal;
	padding-bottom:10px;
	margin-left:20px;
}

#mainbar ul {
	list-style-type: disc;
	padding-bottom:10px;
	margin-left:20px;
}




#footer p {
color:#666;
font-size:10px;
text-align:center;
}

#footer a {
color:#666;
font-size:10px;
text-decoration:none;
}

#footer a:hover {
color:#444;
text-decoration:underline;
}

#leftbar .f9,#mainbar .f9,#rightbar f9 { font-size:9px; }
#leftbar .f10,#mainbar .f10,#rightbar f10 { font-size:10px; }
#leftbar .f11,#mainbar .f11,#rightbar f11 { font-size:11px; }
#leftbar .f12,#mainbar .f12,#rightbar f12 { font-size:12px; }
#leftbar .f14,#mainbar .f14,#rightbar f14 { font-size:14px; }
#leftbar .f16,#mainbar .f16,#rightbar f16 { font-size:16px; }
#leftbar .f18,#mainbar .f18,#rightbar f18 { font-size:18px; }
#leftbar .f20,#mainbar .f20,#rightbar f20 { font-size:20px; }
#leftbar .f22,#mainbar .f22,#rightbar f22 { font-size:22px; }

.lijst1{
list-style-image: url(../../img_site/bulletsquaresmall.gif)
}

abbr, acronym{
	border-bottom: 0px;
	cursor: help;
	text-decoration:underline;
}

input,select,textarea{
	border:1px solid #ccc;
	padding:2px;
	background:#fafafa;
	color: #303030;
}
input.wide300{
	width:300px;
}
input.defwidth,textarea.defwidth{
	width:400px;
}
/* subm class overbodig, maar wordt wellicht nog gebruikt ergens*/
input.subm{
	border:1px solid #a0a0a0;
	background:#7499e8;
	font:16px arial;
	color:#fff;
	padding:5px 10px 5px 10px;
}
input[type=submit] {
    -webkit-border-radius:0px;
    -webkit-appearance: none;
    border:1px solid #a0a0a0;
	background:#7499e8;
	font:16px arial;
	color:#fff;
	padding:5px 10px 5px 10px;
}
input[type="submit"]:hover {
	background:#fef8f1;
	text-decoration:none;
	color:#f05a2e;
}

input[type='checkbox'],input[type='radio'] {
    background: #fff;
    border: solid 2px #AD2A1A;
    height: 24px;
    width: 24px;
    -webkit-appearance: none;
    -webkit-border-radius: 4px;
}
 
input[type='checkbox']:checked {
    background: green;
    border: solid 2px green;
}

input[type='radio']:checked {
    background: green;
    border: solid 2px green;
}


select{
font: 16px "helvetica neue",arial;
}


a.buttonlike{
	border:1px solid #a0a0a0;
	background:#7499e8;
	font:16px arial;
	color:#fff;
	padding:5px 10px 5px 10px;
}
a:hover.buttonlike{
	background:#fef8f1;
	text-decoration:none;
	color:#f05a2e;
}
.infokader{
	background:#f5f5f5;
	border: 1px solid #aaa;
	padding:10px;
	margin-bottom:15px;
}
#mainbar .infokader p{
color:#585858;
}
textarea.wide300{
	width:300px;
}
label {
	cursor: pointer;
	float: left;
	width: 140px;
	text-align: right;
	padding: 0px 4px;
}



#mainbar p.error{
	/*
	background:#e03420;
	color: #fff;
	font-weight:bold;
	padding:4px;
	margin-bottom:4px;
	*/
	color: #666;
	padding:2px 2px 2px 16px;
	margin-bottom:4px;
	border:2px solid #ff1448;
	background: url(../img_site/notok.gif) no-repeat 2px 5px;
	
}
#mainbar p.error_announce{
	background:#fef8f1;
	color: #e03420;
	padding:4px;
	border:1px solid red;
	margin-bottom:4px;
}

#mainbar p.caperror{
	background:#4c67dd;
	color: yellow;
	font-weight:bold;
	padding:4px;
}

#mainbar p.caperror_announce{
	background:#4c67dd;
	color: yellow;
	font-weight:bold;
	padding:4px;
}

#mainbar p.validpage,.validpage{	
	color: #444;
	background:#8acc81 url(../img_site/status_ok.png) no-repeat 2px 2px;
	padding:7px 5px 7px 40px;
	margin-bottom:15px;
	border:1px solid #63a69d;
}
#mainbar p.invalidpage{
	
	color: #666;
	padding:2px;
	margin-bottom:4px;
	border:1px solid #ff1448;
}
.testmodus,.onderhoudsmodus{
border: 2px solid #7098ea;
padding:15px;
margin-bottom:15px;
background:#f05a2e;
color:white;
}

.headertd{
	background:#7499e8 url(../img_site/dropfolder-48.png) no-repeat 696px -15px;
	color:#fff;
	font-weight:bold;
	padding:5px;
}
.fieldcomment{
padding:5px 15px;
font-size:15px;
line-height:19px;
color:#666;
background:#fef8f1;
border:1px solid #bbb;
}

td{
vertical-align:top;
padding-left:2px;
}

table.formtable{
width:100%;
border:0;
border-spacing:5px;
}
#navcontainer{
width:100%;
padding-bottom:10px;
}

 #navcontainer ul
 {
 margin: 0;
 padding: 0;
 list-style-type: none;
 width:100%;
 }

#navcontainer li { margin: 0 0 0 0; }

 #navcontainer a
 {
 display: block;
 color: #404d4e;
 
 width: 100%;
 padding: .6em 0 0 0;
 text-decoration: none;
 }

#navcontainer .sub a
 {
 display: block;
 color: #404d4e;
 
 width: 100%;
 padding: .3em 0 0em 0;
 text-decoration: none;
 }

 #navcontainer a:hover
 {
 color: #e03420;
 }

#navcontainer p.klein {
	font-size:13px;
	font-style:italic;
}

/* media PHONE*/
@media only screen and (max-device-width : 480px) {
/*
body{
	min-width:750px;
}
*/

textarea, input[type="text"], input[type="password"], input[type="datetime"],
input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"],
input[type="week"], input[type="number"], input[type="email"], input[type="url"],
input[type="search"], input[type="tel"], input[type="color"] {
	font-size:28px !important;
}
select {
	font-size:24px !important;
}
input[type='checkbox'],input[type='radio'] {
    background: #fff;
    border: solid 2px #AD2A1A;
    height: 44px;
    width: 44px;
    -webkit-appearance: none;
    -webkit-border-radius: 4px;
}
 
input[type='checkbox']:checked {
    background: green;
    border: solid 2px green;
}

input[type='radio']:checked {
    background: green;
    border: solid 2px green;
}



}
/* media PHONE END */