/***** This CSS is for IE7 and newer IE browsers, as well as for all the other browsers *****/

/***** Global *****/

#container { 
background-color: #ffffff;
}

/***** Left column (with extra information) *****/

#left-column {
float: left;
width: 20%;
background-color: #ffffff;
}

#logo {
background: url('../images/roodbaard.png') no-repeat;
background-position: top left;
padding-top: 180px;
}

/***** Right column *****/
#right-column {
float: left;
width: 20%;
background-color: #ffffff;
}

#seascouts-logo {
background: url('../images/betterprepared.png') no-repeat;
background-position: top right;
padding-top: 180px;
}


/***** Common Elements *****/
.info {
margin-right: 15px;
margin-left: 15px;
}

.info-top {
background: url('../images/lijstje-top.jpg') no-repeat;
background-position: center;
padding-top: 93px;	 							 /* Height of lijstje-top image */
}

.info-middle {
background: url('../images/lijstje-middle.jpg') repeat-y;
background-position: top center;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 21px;
font-size: 90%;
}

.info-bottom {
background: url('../images/lijstje-bottom.jpg') no-repeat;
background-position: center;
padding-bottom: 77px;							/* Height of lijstje-bottom image */
}

/***** Main column (with main text) *****/

#main-column {
background-color:  #6C89B1;
float: left;
width: 60%;
margin: 0;
}

#main-background {
background-image: url('../images/bg.png'); 
margin: 20px;
padding: 10px;
}

/***** Footer *****/

#footer {
background-image: url('../images/footer.png');
background-repeat: no-repeat;
font-size: 10px;
font-family: verdana;
color: #ffffff;
clear: both;
text-align: center;
padding-top: 15px;
margin: 0 auto;
margin-bottom: 10px;
width: 960px;
}

#footer a {
color: #ffffff;
}

#footer a:visited {
	color:#ffffff;
}

#footer a:link {
	color:#ffffff;
}