@import 'style_reset.css' ;

/* General */

body {
	width: 850px ;
	margin: 0px auto ;
	font: normal 10pt/1.5 Tahoma, sans-serif ;
	background: #333 ;
}

a {
	text-decoration: none ;
	color: #26c ;
	border-bottom: 1px dotted #26c ;
}
	a:hover {
		color: #236 ;
		border-bottom: 1px solid #236 ;
	}
	
h1, h2, h3, h4, h5, h6 {
	font-family: Corbel, "Trebuchet MS", serif ;
	display: inline ;
}

h1 {
	color: #334 ;
	font-size: 27pt ;
	font-weight: normal ;
}

h2 {
	font: bold 10pt Tahoma ;
	color: #26c ;
}

h6 {
	font-size: 10pt ;
	color: #999 ;
}

p {
	margin-bottom: 10pt ;
}

td {
	verical-align: top ;
}

div#header {
	background: url(../images/bg_header.png) ;
	padding: 10px 5px 0px 5px ;
}
	div#header div#topmenu {
		text-align: right ;
		padding: 5px 10px 5px 10px ;
		height: 50px ;
		line-height: 50px ;
		color: #999 ;
	}
		div#header div#topmenu img#logo {
			float: left ;
		}
		div#header div#topmenu a {
			color: #555 ;
			font-size: 10pt;
			border: 0px ;
		}
			div#header div#topmenu a:hover {
				text-decoration: underline ;
				color: #333 ;
			}
	
	div#header div#submenu {
		clear: both ;
		height: 125px ;
		background: #333 ;
	}
		div#header div#submenu div#menu {
			width: 250px ;
			height: 125px ;
			float: right ;
			background: url(../images/bg_menu.png);
			border-left: 1px solid #ccc ;
		}
			div#header div#submenu div#menu h2 {
				margin: 10px 0px 5px 10px ;
				display: block ;
				color: #fff ;
				font: bold 10pt Tahoma, sans-serif ;
				letter-spacing: .79px ;
			}
			div#header div#submenu div#menu  a {
				border: 0px ;
			}
			div#header div#submenu div#menu ul {
				list-style-type: circle ;
				color: #ddd ;
			}
				div#header div#submenu div#menu ul li:hover {
					list-style-type: disc ;
				}
				div#header div#submenu div#menu ul li a {
					color: #ddd ;
					border-bottom: none ;
				}
					div#header div#submenu div#menu ul li a:hover {
						color: #eee ;
						text-decoration: underline ;
					}
					
			
	
div#main {
	clear: both ;
	background: url(../images/bg_main.png) ;
	padding: 0px 5px 0px 5px ;
}
	div#main div#sponsors {
		width: 250px ;
		float: right ;
		padding-top: 10px ;
		text-align: center ;
	}
		div#main div#sponsors a {
			border: 0px ;
		}
		div#main div#sponsors img {
			padding-right: 15px ;
		}
		
		
	div#main div#content {
		margin-right: 250px ;
		padding: 10px 12px 10px 12px ;
		min-height: 400px ;
		border-right: 1px dotted #999 ;
	}
		div#main div#content li {
			display: list-item ;
			list-style-type: disc ;
		}

div#footer {
	clear: both ;
	background: url(../images/bg_footer.png) no-repeat;
	height: 50px ;
	padding: 10px 10px 0px 20px ;
	font-size: 8pt ;
	color: #666 ;
}

/* Page specific */

/* Foto's */

div#albums {
}
    div#albums li {
        display: block ;
        float: left ;
        width: 150px ;
        overflow: hidden ;
        margin-bottom: 10px ;
        border: 1px dashed #DDD ;
        padding: 5px ;
        text-align: center ;
    }
        div#albums li img {
            height: 100px ;            
        }

p#lijst {
    clear: both ;
}

div#fotos {
}

    div#fotos li {
            display: block ;
            float: left ;
            width: 150px ;
            overflow: hidden ;
            margin-bottom: 10px ;
            border: 1px dashed #DDD ;
            padding: 5px ;
            text-align: center ;
    }
        div#fotos li img {
            height: 100px ;            
        }


div#album_navigatie {
    text-align: center ;
    line-height: 30px ;
}

p#foto, p#foto_comment {
    text-align: center ;
}