HTML { height: 100%; overflow-y: scroll; overflow: -moz-scrollbars-vertical; }
body {margin:0;padding:0;background: #298FD8 url("../images/background2.gif") repeat-x top left;color:#666666;font-family:Arial,Verdana,Helvetica,sans-serif;font-size:12px;}
img {border: none;}
a {color:#627EB7;text-decoration:none;}
a:hover {text-decoration:underline;}
form{margin:0px;padding:0px}

fieldset { padding:0; border:0; margin-top:25px; }
fieldset span {font-weight:bold;line-height:1.5em;}

/*
#headerlogo h1 {text-indent: -5000px;}
#headerlogo {background: url("../images/zwemlesnu_logo.jpg") no-repeat top left;}
*/

/*- Menu Tabs 1--------------------------- */
#tabs1 {float:left;background:#F4F7FB;width:100%;border-bottom:1px solid #BCD2E6;font-family:Arial,sans-serif;font-size:14px;font-size-adjust:none;font-style:normal;font-variant:normal;font-weight:bold;line-height:normal;}
#tabs1 ul {margin:0;padding:10px 10px 0 25px;list-style:none;}
#tabs1 li {display:inline;margin:0;padding:0;}
#tabs1 a {float:left;background:url("../images/tableft1.gif") no-repeat left top;margin:0;padding:0 0 0 4px;text-decoration:none;}
#tabs1 a span {float:left;display:block;background:url("../images/tabright1.gif") no-repeat right top;padding:5px 15px 4px 6px;color:#627EB7;}

#tabs1 .red a {background:url("../images/tableft2.gif") no-repeat left top;}
#tabs1 .red a span {background:url("../images/tabright2.gif") no-repeat right top;color:red;}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs1 a span {float:none;}

/* End IE5-Mac hack */
#tabs a:hover span {color:#627EB7;}
#tabs1 a:hover  {background-position:0% -42px;}
#tabs1 a:hover span {background-position:100% -42px;}
#tabs1 .current a {background-position:0% -42px;}
#tabs1 .current a span {background-position:100% -42px;}
#tabs1 .red a:hover {background-position:0% -42px;}
#tabs1 .red a:hover span {background-position:100% -42px;}

/*- submenu */
#submenu {float:left;background:#F4F7FB;width:100%;font-family:Arial,sans-serif;font-size:13px;font-size-adjust:none;font-style:normal;font-variant:normal;font-weight:bold;line-height:normal;}
#submenu ul {margin:0;padding:10px 10px 0 50px;list-style:none;}
#submenu li {display:inline;margin:0;padding:0;}
#submenu a {float:left;margin:0;padding:0 0 0 4px;text-decoration:none;}
#submenu a span {float:left;display:block;padding:5px 15px 4px 6px;color:#627EB7;}

#submenu a span {float:none;}
#submenu a:hover,#submenu a:hover span   {text-decoration:underline;}
#submenu .current a,#submenu .current a span {color:#0A3247;}

#menuright{
	float:right;
}

#menuright a{
float:none;background:#F4F7FB;margin:0;padding:0;text-decoration:none;
}

#plannerlogo{
	float:right;
	padding-right:25px;
}

#ideallogo{
	float:right;
	padding-right:10px;
}



#container {
background-attachment:scroll;
background-color:#FFFFFF;
background-image:url(../images/background.gif);
background-position:center top;
background-repeat:repeat-y;
margin-left:auto;
margin-right:auto;
padding:0 16px;
text-align:left;
float:left;
width:960px;
}

#footer {
background-attachment:scroll;
background-color:transparent;
background-image:url(../images/footer3.gif);
background-position:center top;
background-repeat:no-repeat;
height:36px;
padding-bottom:10px;
padding-left:0;
padding-right:0;
padding-top:25px;
width:992px;
color:#A9CDE0;
font-size:11px;
margin:0 auto;
padding-top:25px;
padding-bottom:10px;
}

#footer a {
color:#A9CDE0;
}

#header {background-color:#fff;height:83px;overflow-x:hidden;overflow-y:hidden;}
#headerlogo {position:relative;float:right;width:500px;height:100%;}
#headerlogin {position:relative;float:right;background:url(../images/background_login.gif) no-repeat; width:430px;height:100%;}
#headerloginleft{position:relative;float:left;height:100%;width:50%;text-align:center;}
#headerloginright{position:relative;float:left;height:100%;width:50%;}

#menu {
background-attachment:scroll;
background-color:#F4F7FB;
float:left;
margin-top:12px;
width:100%;
height:80px;
margin-left:auto;
margin-right:auto;
padding:0;
position:relative;
}

#visual {
margin:0;
padding:0;
float:left;
width:960px;
}

#pagetitle{
	float:left;
	position:relative;
	width:100%;
}
#pagetitle .maintitle {
	font-size: 18px;
	font-weight: bold;
	margin: 30px 0 2px 0;
	padding-left:25px;
	color: #0A3247;
}

#pagetitle .subtitle {
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	margin:0 0 5px 0;
	padding-left:25px;
	color: #858585;
}

#content {
float:left;
padding-left:12px;
width: 940px;
line-height: 18px;
font-family:Verdana,Arial,sans-serif;
font-size:11px;
font-weight:normal;
}

.contentbackground {
background:transparent url(../images/background_content.gif) repeat-y scroll right top;
}

#contentleft {
float:right;
width: 640px;
padding: 10px 15px;
}

#content p  {
text-align: justify;
}

.content_p {
padding: 10px 12px;
}

#contentright {
float:right;
width: 259px;
padding: 10px 5px;
}

#contentright ul {
list-style-type:none;
padding-left: 10px;
}


#contenthome {
float:left;
width: 283px;
padding: 10px 15px;
}

div .actie{
	float:right;
	padding:5px 10px;
	margin-top:10px;
	font-weight:bold;
	background:#FEDABC;
}

homeblock{

}
.numberblock {
font-family:Arial,sans-serif;
font-size:20px;
padding-top: 5px;
font-weight:bold;
float:left;
width:30px;
height: 25px;
background: #298FD8 ;
color: white;
text-align:center;
}

.textblock{
font-family:Arial,sans-serif;
font-size:20px;
padding-top: 5px;
padding-left: 10px;
font-weight:bold;
float:left;
}

.focuspoint{
font-weight: bold;
color: #FF8A00;
}

.titlebar {width:98%; height:3px; background-color:#266FA3;margin-left:10px;margin-right:10px;}
.clear {clear:both;}

.nofloat {
clear:both;
font-size:0;
height:0;
line-height:0;
}

.lineDotVertLeft{
	background:transparent url(../images/dotted_vert.gif) repeat-y scroll left top !important;
}

.lineDotHor {
background:transparent url(../images/dotted.gif) repeat-x scroll left bottom;
clear:both;
font-size:0;
height:0;
line-height:0;
margin-bottom:20px;
padding-top:15px;
}

/* BLOCKS */
.shT { float: left; background: #fff url(../images/shadows/shT.gif) repeat-x left top; margin: 5px 0; }
.shTL { background: url(../images/shadows/shTL.gif) no-repeat left top; }
.shTR { background: url(../images/shadows/shTR.gif) no-repeat right top; }
.shB { background: url(../images/shadows/shB.gif) repeat-x left bottom; }
.shBL { background: url(../images/shadows/shBL.gif) no-repeat left bottom; }
.shBR { background: url(../images/shadows/shBR.gif) no-repeat right bottom; padding: 7px 0; }
.shL { background: url(../images/shadows/shL.gif) repeat-y left top; }
.shR { background: url(../images/shadows/shR.gif) repeat-y right top; padding: 0 7px; }


.linkbutton {} /* build with jquery in general.js*/


/* forms */
.formtable {width:100%; background: #EAF0F7;padding:5px 10px;}

.reginput {color:#3C3C3C;
font-family:Arial;
font-size:16px;
font-weight:bold;
height:21px;
margin-bottom:5px;
background: white;
}

.height_25 {
	height:25px;
}

.width_370 {
	width:532px;
}

/*
Table
*/

.overviewtable {
	color: #7F7F7F;
	font: 1.0em/1.6em "Trebuchet MS",Verdana,sans-serif;
	border-collapse: collapse;
}

.overviewtable,
.overviewtable caption {
	margin: 0 auto;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC
}

.overviewtable caption,
.overviewtable th {
	font-weight: bold;
}

.overviewtable caption,
.overviewtable th,
.overviewtable td {
	border-left: 0;
	padding: 10px
}

.overviewtable caption,
.overviewtable thead th,
.overviewtable tfoot th,
.overviewtable tfoot td {
	background-color: #E63C1E;
	color: #FFF;
	font-weight: bold;
	/*text-transform: uppercase*/
}

.overviewtable thead th {
	background-color: #DFEFFC;
	color: #2E6E9E;
	text-align: center
}

.overviewtable tbody th {
	padding: 15px 10px
}

.overviewtable tbody tr.odd {
	background-color: #F7F7F7;
	color: #666
}

.overviewtable tbody tr:hover {
	background-color: #EEE;
	color: #333
}