body {
	margin:0;
	padding:0;
	background-color:#d9f1ff;
	font:12px Arial, Helvetica, sans-serif;
	color:#7f7f7f;
	line-height:1.5em;
}
img
{
    border: 0px;
}
#container {
	margin:0    auto;
	position:   relative;
	top:        23px;
	width:      800px;
	overflow:   hidden;
	background: #fff url(../Brugse_zwemkring_images/brugse-zwemkring-bg-links.jpg) repeat-y top left;
}

a {color:#1988ac;}



/* ------ LINKS ------- */

#links {float:left; width:242px; height:100%;}

#logo {width:242px; height:160px; margin-bottom: 10px;}

#zijmenu {
	background-color:#238caf;
	font:bold 13px Verdana, Helvetica, sans-serif;
	padding:10px 0;
}
.header
{
    background-color: #e50b01;
    display: block;
    color: white;
    line-height: 25px;
    text-indent: 10px;
    margin-top: -10px;
}
#zijmenu ul {list-style-image:url(../Brugse_zwemkring_images/brugse-zwemkring-bullet.gif); margin-top:0px; background-color: #238caf;}
#zijmenu li {border-bottom:1px solid #72b5cc; margin:0; background-color: #238caf;}
#zijmenu ul li a {
	text-decoration:none; 
	color:#fff; 
	display:block; 
	padding: 5px 0 5px 4px;
	background-color: #238caf;
}
#zijmenu a:hover {background-color:#5ea8c5;}

#login {
	background:url(../Brugse_zwemkring_images/brugse-zwemkring-bg-login.jpg) no-repeat top left;
	width:242px;
	height:187px;
}

#logout {
	background:url(../Brugse_zwemkring_images/brugse-zwemkring-bg-logout.jpg) repeat top left;
	width:242px;
	font:bold 13px Verdana, Helvetica, sans-serif;
}

#logout ul{list-style-image:url(../Brugse_zwemkring_images/brugse-zwemkring-bullet.gif); margin-top:0px; margin-bottom: 25px;}
#logout li{border-bottom:1px solid #72b5cc; margin:0;}

#logout ul li a {
	text-decoration:none; 
	color:#fff; 
	display:block; 
	padding:5px 0 5px 4px;
}
#logout ul li a:hover, a:active {background-color:#5ea8c5;}

#login form {position:relative; top:39px; left:40px;}
#login form input {}
.loginnaam {border:0; font-family:Verdana, Helvetica, sans-serif; width:160px; position:absolute; top:0; left:0;}
.paswoord {border:0; font-family:Verdana, Helvetica, sans-serif; width:160px; position:absolute; top:57px; left:0;}
.submit {
	position:absolute; 
	top:95px; 
	left:-7px; 
	width:80px;
	/*height:29px;
	border:0;
	background:transparent url() no-repeat top left;
	cursor: pointer; 
  	cursor: hand; 
	padding:29px 0 0;*/
}

#sponsor {text-align:center; margin-top:20px;}


/* ------ RECHTS ------- */

#rechts {
	float:right;
	width:558px;
	background-color:#fff;
}

#topmenu {
	background:url(../Brugse_zwemkring_images/brugse-zwemkring-bg-menu.jpg) no-repeat top left;
	height:86px;
	width:100%;
	font:bold 13px Arial, Helvetica, sans-serif;
	text-align:center;
}

#topmenu ul {margin:0; padding:40px 0 0 0; list-style: none;}
#topmenu ul li {display:inline; padding-left:10px;}
#topmenu ul li a {color:#0c83a9; text-decoration:none;}
#topmenu ul li a:hover, a:active {color:#e50b01;}

#foto {height:204px;}

#inhoud {
	margin:0;
	background:url(../Brugse_zwemkring_images/brugse-zwemkring-bg-inhoud.jpg) no-repeat top left;
	padding:50px 50px 0 50px; 
}
h1, .subtitel1  {
	color:#d60b00;
	font-size:16px;
	font-weight:bold;
	border-bottom:1px solid #cacbc0;
	padding-bottom:0.5em;
	margin-bottom:0px;
}
h2, h3, .subtitel2  {
	color:#1988ac;
	border-bottom:0px solid #cacbc0;
	font-size:14px;
	padding-bottom:0.5em;
	margin-bottom:0px;
}

h2 a:hover
{
    color: #1988ac;
    text-decoration: underline;
}
h2 a
{
    color: #1988ac;
    text-decoration: none;
}

td a
{
    color: #1988ac;
    text-decoration: none;
}
td a:hover
{
    color: #1988ac;
    text-decoration: underline;
}


/* ------ FOOTER --------- */

#footer {
	float:left;
	width:800px;
	height:125px;
	background:url(../Brugse_zwemkring_images/brugse-zwemkring-bg-footer.jpg) no-repeat top left;
	text-align:center;
	font:10px Verdana, Helvetica, sans-serif; 
	color:#fff;
	line-height:12px;
}

#footer ul {
	margin:0; 
	padding-top:80px;
	padding-bottom:10px;
	list-style: none;
	font:bold 11px Verdana,Helvetica, sans-serif;
}

#footer ul li {
	display:inline; 
	padding:0 5px 0 5px; 
	border-right:1px solid #56a5c3;
} 
	
#footer a {color:#fff; text-decoration:none;}
#footer a:hover {text-decoration:underline;}

/*opmaak bestellen*/
.bestellen 
{	
	text-align:				center;
	margin-top:				35px;
	margin-left:			0px;
	background:				#F6F7EF;
	border:					1px solid #D2CEB0;
	width:					450px;
	padding: 				5px;
	height: 				25px;
	padding-left: 			5px;
}

.pps {
	float:					left;
	margin-left:			10px;
	color:					#EC000A;
}
.prijs {
	float:					left;
	margin-left:			4px;
	color:					black;
	text-transform:			uppercase;
}
.bestelkar {
	background-color:		white;
	color:					red;
	font-weight:			bold;
	text-align:				left;
	border: 				0px;
	margin-right:			4px;
	cursor:					hand;
}
/*einde bestellen*/