@CHARSET "ISO-8859-1";

* {
	padding: 0;
	margin: 0;
	border: 0;
}

html, body {
	color: #444;
	font: small Arial,Helvetica,sans-serif;
	text-align: center;
	background-position: 0 0;
	letter-spacing: normal;
	line-height: 140%;
}

body {
	background:#ffffff url(../img/patroon.jpg);
	margin-top: 10px;
	
}

.clear { clear: both; }

p.default {
	padding: 4px 8px 4px 8px;	
}

p {
	margin: 0 0 10px 0;
	/*text-align: justify;*/
}

/*** POSITIONING ELEMENTS ***/
/* header */
#head-outer {
	background: transparent url(../img/header/header.png) no-repeat;
	background-position: top right;
	height: 220px;
	width: 888px;
	margin-left: 82px;
}

#headwrapper {
	width: 888px;
	min-height: 220px;
	position: relative; /*IE*/
}

#wmwcalendarwrapper {
	width: 888px;
}

#wmwcalendarwrapper #wmwcalendar {
	width: 700px;
	position: relative;
}

#afdelingen {
	position: absolute;
	top: 55px;
	width: 606px;
	text-align: right;
	right: 15px;
	height: 160px;
}

.afdelingel {
	float: left;
	width: 101px;
	height: 160px;
}

.afdelingnavover {
	cursor: pointer;
	position: absolute;
	width: 101px;
	height: 160px;
}
	
.afdelingnav {
	cursor: pointer;
	height: 160px;
}

/* main */
#maincontainer {
	width: 970px;
	margin: 0 auto;
	text-align: left;
}
* html #maincontainer {
	height: 300px; /*IE*/
}

.outer {
	padding-left: 180px;  
}

.inner {
	width: 790px;
}
* html .inner {
	width: 100%;
}

.floatwrap {
	float: left;
	width: 970px;
	margin-left: -180px;
}

/* menu left */
#menu {
	background: transparent url(../img/nav/navigatie.gif) no-repeat;
	background-position: top left;
	float: left;
	width: 180px;
	height: 240px;
}
* html #menu {
	position: relative; /*IE*/
}

#menuwrapper a.default, #menuwrapper a.active {
	background-position: 0px 0px;
	background-repeat: no-repeat;
	border: 0;
	margin: 0;
	padding: 0;
	height: 27px;
	width: 110px;
	display: block;
	overflow: hidden;
	
}
a#mnuhome {background: url(../img/nav/home.gif); }
a#mnuleiding {background: url(../img/nav/leiding.gif);}
a#mnucalendar {background: url(../img/nav/calendar.gif);}
a#mnumedia {background: url(../img/nav/media.gif);}
a#mnulessen {background: url(../img/nav/lessen.gif);}
a#mnuinfo {background: url(../img/nav/info.gif);}
a#mnuwedstrijden {background: url(../img/nav/wedstrijden.gif);}
a#mnucontact {background: url(../img/nav/contact.gif);}

#menuwrapper a.default:hover{background-position:0px -22px;}
#menuwrapper a.active{background-position:0px -22px;}
#menuwrapper a.active:hover{background-position:0px -22px;}
#menuwrapper a span{display:none}

#menuwrapper{

	padding-top: 12px;
	height: 232px;
	width: 170px;
	overflow: hidden;
	position: relative;
}

#menuinner{
	position: absolute;
	width: 125px;
	height: 232;
	left: 35px;
}

#bol {
	background: transparent url(../img/nav/bol.gif);
	height: 17px;
	width: 17px;
	left: 10px;
	position: absolute;	
}

/* content right */
#content {
	float: right;
	width: 790px;
	background: #f8f8f8;
	min-height: 400px;
	padding-bottom: 15px;
}
* html #content {
	position: relative; /*IE*/
	height: 400px;
}

.contentwrap{
	padding: 10px 20px 20px 20px;
	
}

#contentbody{
	margin: 10px 10px 0 0px;
}

#contentbody p {
	padding: 0px 0px 0px 10px;
}

/* header */
h2 {
	margin: 5px 0 0 0;
	font: 190% Arial;
	color: #3E1F1F;
}

h2 img {
	margin-right: 5px;	
}

/* subnavigatie */
.bgrounded {
	margin: 5px 0 15px -4px;

	height: 30px;
	float: left;
}

#subnavright {
	margin: 10px 0 15px 0;
	height: 30px;
	float: right;
}

.bgroundedwrapper {
	position: relative;
	padding: 0px;
	margin: 0px;
}

.bgroundedinner {
	position: relative;
	padding: 6px 10px 0 10px;
	font-size: 95%;
	z-index: 8;
}

.bgrounded .active {
	color: #b90000;
	margin: 0 5px 0 5px;
	font-weight: bold;
}

.bgrounded a {
	color: #444444;
	margin: 0 5px 0 5px;
	text-decoration: none;
	font-weight: bold;
}
.bgrounded a:link {
	color: #444444;
	text-decoration: none;
}
.bgrounded a:visited {
	color: #444444;
	text-decoration: none;
}
.bgrounded a:hover {
	color: #b90000;
	text-decoration: none;
}
.bgrounded a:active {
	color: #444444;
	text-decoration: none;
}

.bgrounded .left {
	position: absolute;
	top: 0;
	left: 0;
	background: transparent url(../img/subnav/left.gif);
	width: 9px;
	height: 30px;
	z-index: 2;
}

.bgrounded .right {
	position: absolute;
	top: 0;
	right: 0;
	background: transparent url(../img/subnav/right.gif);
	width: 9px;
	height: 30px;
	z-index: 1;
}

.bgrounded .mid {
	position: absolute;
	top: 0;
	right: 0;
	background: transparent url(../img/subnav/mid.gif);
	width: 100%;
	height: 30px;
	z-index: 0;
}

* html .bgrounded .left {
	background-position-y: 1px;
	left: -10px;
}

* html .bgrounded .right {
	background-position-y: 1px;
	right: -4px;
}

/* body */
.bodyEl {
	
}



.bodyEl hr {
	background: transparent url(../../img/dotted.gif);
	height: 1px;
	margin: 5px 0 5px 0;
}

/* ligging */
#liggingleft {
	float: left;
	width: 55%;
}

#liggingright {
	float: right;
	width: 45%;
}

#liggingright p{
	margin: 5px 0 10px 0;
}

/* bestuur */
.bodyEl .naam {
	width: 150px;
	float: left;
}

.bodyEl .functie {
	width: 200px;
	float: left;
}

.bodyEl .tel {
	width: 250px;
	float: left;
}

/* leiding */
.leidingel {
	width: 135px;
	min-height: 175px;
	margin: 0 5px 5px 0; 
	float: left;
	text-align: center;
}

.leidingel img {

}

.leidingel p {
	margin-top: 5px;
	text-align: center;
	margin-bottom: 1px;
}

/* home */
#homeleft {
	float: left;
	width: 60%;
}

#homeright {
	float: right;
	width: 40%;
}

#oefeningenbg {
	padding-top: 9px;
	background: url(../img/animatie_bg.gif) no-repeat;
	height: 298px;
	width: 216px;
}

#oefeningen {
}

/* media */
#gallerywrapper {
	background: url(../img/mediabg.gif) top left no-repeat;
	padding: 15px 10px 10px 15px;
	margin-left: -4px;
}

#gallerygroups {
	float: right;
	width: 170px;
	height: 440px;
}

#gallerygroups .active {
	color: #b90000;
	margin: 0 5px 0 5px;
	font-weight: bold;
	float: left;
}

#gallerygroups a {
	color: #444444;
	margin: 0 5px 0 5px;
	text-decoration: none;
	font-weight: bold;
	float: left;
}
#gallerygroups a:link {
	color: #444444;
	text-decoration: none;
}
#gallerygroups a:visited {
	color: #444444;
	text-decoration: none;
}
#gallerygroups a:hover {
	color: #b90000;
	text-decoration: none;
}
#gallerygroups a:active {
	color: #444444;
	text-decoration: none;
}

#gallerygroups .date {
	float: right;
	font-size: 80%;
}

#commentscontainer {
	margin: 20px 0 0 0;
	width: 600px;	
	float: left;
}

#comments {
	margin: 20px 20px 20px 20px;
	min-height: 300px;
}

* html #comments {
	height: 300px; /* IE */
}

.commentel {
	padding: 0 0 10px 0;	
}

#commentscontainer hr {
	background: transparent url(../img/dotted.gif);
	height: 1px;
	margin: 5px 0 5px 0;
}

#commentform {
	margin: 20px 20px 0 20px;
}

#comments.ajax-loading {
	padding: 20px 0;
	background: url(img/spinner.gif) no-repeat center;
}


/* pagination (comments etc)*/
#pagination { padding-top: 20px; }

#pagination .pagination_text { font: 11px Arial; color: #444444; padding: 1px 5px; }
#pagination .pagination_active { font: bolder 12px Arial; color: #444444; padding: 1px 5px; }
	
#pagination a {
	font: 11px Arial;
	background: #efefef;
	color: #b90000;
	border: 1px solid #555555;
	padding: 1px 5px;
	text-decoration: none;
	margin: 0 3px 0 3px;
}

#pagination .pagination_prev { margin-right: 18px; }
#pagination .pagination_next { margin-left: 18px; }

#pagination span.pagination_prev { color: #AAAAAA; }
#pagination span.pagination_next { color: #AAAAAA; }

#pagination a:link, #pagination a:visited { background: #efefef; color: #b90000; border: 1px solid #555555;}
#pagination a:hover { background: #b90000; color: #ffffff; border: 1px solid #ff0000; }

/* pagination (NEWS)*/
#pagingnews { padding-top: 20px; }

#pagingnews .pagingnews_text { font: 11px Arial; color: #444444; padding: 1px 5px; }
#pagingnews .pagingnews_active { font: bolder 12px Arial; color: #444444; padding: 1px 5px; }
	
#pagingnews a {
	font: 11px Arial;
	background: #efefef;
	color: #b90000;
	padding: 1px 5px;
	text-decoration: none;
	margin: 0 3px 0 3px;
}

#pagingnews .pagingnews_prev { float: left; }
#pagingnews .pagingnews_next { float: right; }

#pagingnews span.pagingnews_prev { color: #AAAAAA; }
#pagingnews span.pagingnews_next { color: #AAAAAA; }

#pagingnews a:link, #pagingnews a:visited { background: #efefef; color: #b90000;}
#pagingnews a:hover { background: #b90000; color: #ffffff;}

/* kalender */
h3.calendar {
	display: inline;
	float: left;
	font: 150% Arial;
	color: #3D080A;
	padding-top: 5px;
}

div.calendar {
	background: transparent url(img/date.gif) no-repeat;
	width: 40px;
	height: 31px;
	text-align: center;
	padding-top: 6px;
	color: #fff;
	font: 145% Georgia, Arial;
	float: left;
}

div.calendarel p {
	padding: 5px 0 5px 40px;
}

div.calendarel p.nopadding {
	padding: 0px 0 0px 40px;
}

.calendarel hr {
	background: transparent url(../img/dotted.gif);
	height: 1px;
	margin: 5px 0 5px 6px;
}

span.pijltje {
	background: transparent url(img/arr.gif) no-repeat 0 7px;
	padding: 0 0 0 10px;
}

/* News */
h3.news {
	display: inline;
	float: left;
	font: 150% Arial;
	color: #3D080A;
	padding-top: 6px;
}

div.news {
	background: transparent url(img/date.gif) no-repeat;
	width: 40px;
	height: 31px;
	text-align: center;
	padding-top: 6px;
	color: #fff;
	font: 150% Georgia, Arial;
	float: left;
}

#homeleft p {
	padding: 5px 0 10px 0px;
	margin: 0px;
}

p.newsdate {
	padding: 0;
	color: #928B85;
	font: 85% Arial;
	text-align: right;
}

.newsel {
	margin: 0px 20px 0px 0px;	
}

.newsel hr {
	background: transparent url(../img/dotted.gif);
	height: 1px;
	margin: 5px 0 5px 1px;
}

span.news {
	background: transparent url(img/arr.gif) no-repeat 0 7px;
	padding: 0 0 0 10px;
}

/* lessenrooster */
#lessenwrapper .les {
	margin: 5px 0 0 0;
	width: 100%;
}

#lessenwrapper .weekdag {
	width: 80px;
	float: left;
}

#lessenwrapper .uur {
	width: 150px;
	float: left;
}

#lessenwrapper .afdeling {
	width: 250px;
	float: left;
}

#lessenwrapper .plaats {
	float: right;
	text-align: right;
}

#lessenwrapper hr {
	background: transparent url(../img/dotted.gif);
	height: 1px;
	margin: 5px 0 5px 0;
}

/* afdelingen */
#afdelingleft {
	float: left;
	width: 70%;
}

#afdelingleft table{
	margin-bottom: 5px;
}

#afdelingleft table td{
	border: 1px dotted #B8B8B8;
	padding: 4px;
}

#afdelingleft table p{
	padding: 0;
	margin: 0;
}

#afdelingright {
	float: right;
	width: 30%;
	text-align:center;
}

.leidingbg 
{
	width: 134px;
	height: 128px;
	background: url(../img/leidingbg.gif) no-repeat;
}

.leidingbg img
{
	margin-top: 8px;	
}

#afdelingright .leidingel2 {
	width: 134px;
	margin: 0 auto;
}

/* links */
a {
	color: #b90000;
	font-size: inherit;
	font-family: inherit;
	text-decoration: underline;
}
a:link {
	color: #b90000;
	text-decoration: underline;
}
a:visited {
	color: #b90000;
	text-decoration: underline;
}
a:active {
	color: #b90000;
	text-decoration: underline;
}
a:hover {
	color: #b90000;
	text-decoration: none;
}

/* form elements */
select {
	font-size: 80%;
	border: 1px solid #ccc;
}

/* footer */
#footer {
	width: 970px;
	margin: 0 auto;
	height: 30px;
}
.footerwrapper {
	background: transparent url(../img/footer/footer.png);
	width: 790px;
	margin-left: 180px;
	height: 30px;
	margin-bottom: 10px;
	text-align: center;
}

/* Tooltops */
.tool-tip {
	color: #ffffff;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	background: url(img/wmw_tooltip.png) top left;
	margin: 0;
	padding: 8px 8px 4px;
	font: 10px Arial, Helvetica, sans-serif;
	font-weight: bolder;
	text-align: left;
	color: #ffffff;
}
 
.tool-text {
	text-align: left;
	background: url(img/wmw_tooltip.png) bottom right;
	margin: 0;
	padding: 4px 8px 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
}

/* dungelhoeff */
#dungelhoeffleft {
	float: left;
	width: 65%;
}

#dungelhoeffright {
	float: right;
	width: 35%;
}