/****************************************************************************/
/****************************************************************************/
/*********************************************  						*****/
/*********************************************  						*****/
/*********************************************  	© 2007 Joey Grant	*****/
/*********************************************  	www.joeygrant.nl	*****/
/*********************************************  						*****/
/*********************************************  						*****/
/****************************************************************************/
/****************************************************************************/
/********************************************* BASIC ************************/
img {behavior: url(pngHack.htc);}

* {
margin:0;
padding:0;
}
body {
font: 10px/1.4 "Trebuchet MS", Verdana, sans-serif; 
color: #444;
background-image: url(../images/back.jpg);
background-repeat: repeat-x;
line-height: 1.25; 
background-color: #fff;
width:100%;
}


#container
{
	margin: 0 auto;
	width: 1100px;
	background-image: url(../images/content_hor.gif);

	background-repeat: repeat-y;
	background-position: left;
}



/********************************************* MENU *******************************/

#header{
margin-left:200px;
padding-top:102px;
}

#menu {
height:25px;
}

#menu ul {
list-style:none;
text-decoration:none;
text-indent:-55550px;
}

#menu li{
margin:0px;
padding:0px;
float:left;

}


#menu ul .home a {
display:block;
background:url(../images/home.gif) no-repeat;
width:57px;
height:25px;

}

#menu ul .nieuws a {
display:block;
background:url(../images/nieuws.gif) no-repeat;
width:70px;
height:25px;

}

#menu ul .fotoalbum a {
display:block;
background:url(../images/fotoalbum.gif) no-repeat;
width:101px;
height:25px;

}

#menu ul .contact a {
display:block;
background:url(../images/contact.gif) no-repeat;
width:77px;
height:25px;

}

#menu ul .home a:hover {
display:block;
background:url(../images/home-over.gif) no-repeat;
}

#menu ul .nieuws a:hover {
display:block;
background:url(../images/nieuws-over.gif) no-repeat;
}

#menu ul .fotoalbum a:hover {
display:block;
background:url(../images/fotoalbum-over.gif) no-repeat;
}

#menu ul .contact a:hover {
display:block;
background:url(../images/contact-over.gif) no-repeat;
}
/********************************************* LINKERKANT *******************************/

#linkerkant {
float:left;
width:170px;
margin-left:10px;
color:white;
}

#submenu {
margin-top:-4px;
	padding-top:10px;
	padding-right:10px;
	padding-left:10px;
	background-image: url(../images/submenu.gif);
	background-repeat: no-repeat;
	background-color:#e82d43;
	padding-bottom:10px;
}

#submenu ul {
list-style:none;
margin-top:10px;

}

#submenu ul a {
font-family: 'Trebuchet MS', Helvetica, sans-serif;font-size:11px;
color:white;
text-decoration:none;
font-size: 1.1em;
}

#submenu ul a:hover; {
color:white;
text-decoration:none;
}

#submenu li a {
display:block;
padding:2px;
padding-right:10px;
text-align:right;
margin-top:4px;
}

#submenu li a:hover {
background-color:#0087c2;
}
#event {
	margin-top:10px;
	background-image: url(../images/submenu2.gif);
	height:189px;
	background-repeat: no-repeat;
	padding-top:20px;
	padding-left:30px;

}
#fotomenu {
	margin-top:10px;
	background-color:#ed2e44;
	background-image: url(../images/submenu2.gif);
	background-repeat: no-repeat;
	padding-top:20px;
	padding-left:30px;
	padding-bottom:20px;
	margin-bottom:20px;

}
#fotomenu .fotoalbum {
	display:block;
	width:116px;
	text-indent:-3000px;;
	background-image: url(../images/fotoalbums.gif);
	height:21px;
	background-repeat: no-repeat;
}
#event .inschrijven {
	display:block;
	width:114px;
	text-indent:-60000px;
	background-image: url(../images/inschrijven.gif);
	height:21px;
	background-repeat: no-repeat;
}


#event .meerevents {
	display:block;
	width:136px;
	text-indent:-60000px;
	background-image: url(../images/meer_events.gif);
	height:21px;
	background-repeat: no-repeat;
	margin-left:-10px;
	margin-top:110px;
	position:absolute;
}

#event div {
margin-top:20px;
}
#event p {
margin-bottom:3px;
font-size:1.1em;
}

#event a{
color:white;
text-decoration:none;
}
#event a:hover{
color:white;
text-decoration:underline;
}

#poll {
color:#004168;
margin-left:15px;
}


#poll h3{
color:#c22436;
margin:0px;
padding:0px;

}


#poll li{
list-style:none;
margin:2px;
padding:3px;
padding-left:5px;
border:1px dashed #0087c2;
width:130px;
}


/********************************************* CONTENT *******************************/
#content {
margin-left:30px; 
margin-top:20px;
width:500px;
color:#004168;
font-size:1.2em;
line-height:1.8;
float:left;
}

#content p {
color:#004168;
width:450px;
margin:5px;
line-height:1.8;
margin-bottom:12px;
}

#content a {
color:#c22436;
text-decoration:none;
}

#content a:hover {
color:#c22436;
text-decoration:underline;

}


#foto img,#foto2 img {
border:1px solid #004168;
height:170px;
max-width:300px;
}

.nieuwsfoto img {

border:1px solid #004168;
height:170px;
}

#titel {
position:relative;
margin-top:-55px;
margin-left:-10px;
margin-bottom:40px;
display:block;
	background-image: url(../images/knop.gif);
	height:25px;
	width:203px;
	background-repeat: no-repeat;
	padding-left:5px;

}

#content h1 {
color:white;
padding-top:2px;
font-weight:normal;
font-size:16px;
line-height:1;
}


#content h2 {
color:#c22436;
}
#content ul {
padding-left:10px;
list-style:inside;
color:#c22436;}


#content ul li {
margin-bottom:4px;
}

#content table
{
table-layout: fixed;
width: 450px;
}
#content td {
padding:5px;

}

#content img {
border:1px solid #004168;
margin-right:15px;
margin-bottom:15px;
}

#content hr {
margin-bottom:5px;
margin-top:2px;
border:0px;
border-top:1px dashed #0087c2;
}
/********************************************* ONDERKANT *******************************/
#onderkant {
margin-top:20px;

float:left;
width:300px;
/*background-image: url(../images/onder.jpg);*/
background-repeat: repeat-x;
}

#onderkant img {
border:1px solid #004168;

}
#headlines {
width:300px;
padding-left:35px;
padding-right:5px;
}

#headlines ul {
padding-left:5px;
list-style: none;
color:#c22436;
line-height:2;
}

#headlines li a {
display:block;
width: 283px;
height: 25px;
background:url(../images/news_balk.gif) no-repeat;
text-decoration:none;
color:white;
font-size:1.1em;
text-indent:25px;
margin-bottom: 10px;

}

#headlines li a:hover {
display:block;
width: 283px;
height: 25px;
background:url(../images/news_balk_hover.gif) no-repeat;
text-decoration:underline;
color:#242a72;
font-size:1.1em;
text-indent:25px;
color:white;

}

#headlines em {
margin-right:5px;
}

.laatste {
position:relative;
margin-top:-36px;
margin-left:-10px;
margin-bottom:40px;
display:block;
	background-image: url(../images/knop.gif);
	height:25px;
	width:203px;
	background-repeat: no-repeat;
	padding-left:5px;

}


#onderkant h3 {
color:white;
padding-top:2px;
font-weight:normal;
font-size:18px;
line-height:1;
}

}

#onderkant .random {
text-indent:-3000px;
display:block;
width:140px;
height:25px;
background:url(../images/random-foto.gif) no-repeat;
margin-bottom:10px;
}

#random_foto {
padding-top:30px;
width:331px;
padding-left:35px;
}

#random_foto img{
width:220px;
}

.copyright {
clear:both;
height:30px;
width:100%;
background:url(../images/rand_onder.gif) repeat-x;
color:#c22436;
text-align:center;
}

.copyright p{
padding-top:11px;
color:#4c4c4c;
}
}