/*
	Author	:	Christopher Robinson
	Email		:	christopher@edg3.co.uk
	Website	:	http://www.edg3.co.uk/
*/
* {
	border:0;
	margin:0;
	padding:0;
}

/* general */
a {
	color: orange;
	text-decoration:none;
}
a:hover {
	color:#666;
	text-decoration:underline;
}
blockquote {
	background:#f1f1f1;
	border-left:2px solid #7534aa;
	color:#444;
	display:block;
	font-style:oblique;
	line-height:20px;
	margin:0 0 0 10px;
	padding:0 0 0 10px;
}
.left {
	float:left;
	margin:0 10px 0 0;
}
.right {
	float:right;
	margin:0 0 0 10px;
}

/* body */
body {
	background:#E0E0E0 url('image/background_body.png') repeat-x top;
	color:#666;
	font:0.7em Verdana, "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
}

label {
    cursor: pointer;
}

/* header */
#header {
	background:url('image/background_header.png');
	height:290px;
	margin:0 auto;
	position:relative;
	width:760px;
}
#header:after {
	clear:both;
	content:'.';
	display:block;
	height:0;
	visibility:hidden;
}
#header h1 {
	color: #FF0000;
	font-size:40px;
	font-weight:400;
	left: 0;
	letter-spacing:-2px;
	position:absolute;
	top: 10px;
}
#header p {
	bottom:70px;
	color:#fff;
	font-size:2em;
	position:absolute;
	right:20px;
}
#header ul {
	list-style:none;
	position:absolute;
	top:100px;
}
#header ul li {
	list-style:none;
}
#header ul li a {
	color:#fff;
	display:block;
	font-size:1.2em;
	font-weight:700;
	height: 16px;
	padding:10px;
	width:190px;
    text-align: right;
    outline: none;
}
#header ul li a:hover {
	background: #090;
	color: white;
	text-decoration:underline;
}

/* content */
#content {
	margin:0 auto;
	width:760px;
}
#content:after {
	clear:both;
	content:'.';
	display:block;
	height:0;
	visibility:hidden;
} 

/* sidebar */
#sidebar {
	float:left;
	width:210px;
}
#sidebar h2 {
	border-bottom:2px solid #FF3300;
	color:#444;
	font-size:165%;
	font-weight:400;
	line-height:30px;
	padding:0 10px 0 1px;
}
#sidebar input {
	background-color: #E0E0E0;
    border-bottom: 1px solid #000;
	color: #555;
	margin: 2px;
	padding: 1px;
    cursor: pointer;
}
#sidebar p {
	background:#f1f1f1;
	color:#555;
	display:block;
	font-size:90%;
	line-height:20px;
	margin:10px 0;
	padding:10px;
}
#sidebar p a.more {
	display:block;
	text-align:right;
}
#sidebar ul {
	margin:10px;
}
#sidebar ul li {
	border-bottom:1px solid #b484da;
	list-style:none;
	padding:5px 2px;
}
#sidebar ul li a {
	color:#333;
	display:block;
	font-family:Geneva;
	padding:5px;
	text-decoration:none;
}
#sidebar ul li a:hover {
	color:#000;
}

/* Main */
#main {
	float:right;
	width:520px;
}
#main p {
	color:#555;
	line-height:20px;
	padding:10px;
}

#main input {
    padding: 2px;
    margin: 3px;
    border: 1px solid #444;
}
h2 {
	border-bottom:2px solid #FF3300;
	color:#444;
	font-size:165%;
	font-weight:400;
	line-height:30px;
	padding:0 10px 0 0;
}

/* footer */
#footer {
	margin:10px auto;
	width:760px;
}
#footer:after {
	clear:both;
	content:'.';
	display:block;
	height:0;
	visibility:hidden;
}
#footer p {
	border-top:2px solid #FF0000;
	color:#555;
	font-size:90%;
	line-height:20px;
	padding:10px;
	text-align:center;
}

h2 {
    margin: 10px 0;
}




#show {
    height: 129px;
    width: 469px;
    left: 265px;
    top: 81px;
}

#kalender {
    text-align: center;
}

#kalender th {
    font-weight: bold;
    background-color: #ccc;
    color: #333;
    border: 1px solid #888;
    padding: 3px;
}

#kalender td {
    border: 1px solid #555;
    padding: 3px;
    background-color: #fff;
}

#kalender .today {
    border: 1px solid #000;
    padding: 3px;
    font-weight: bold;
    cursor: help;
}

#kalender .none {
    border: 0;
    margin: 1px;
    background-color: #e0e0e0;
}

#kalender .event {
    padding: 3px;
    font-weight: bold;
    cursor: help;
}

/* Bevers */
#kalender .tak1 {
    background-color: red;
    color: #fff;
}
/* Welpen */
#kalender .tak5 {
    background-color: green;
    color: #fff;
}
/* Verkenners */
#kalender .tak2 {
    background-color: #cada9a;
    color: #000;
}
/* Rowans */
#kalender .tak4 {
    background-color: lightred;
    color: #fff;
}
/* Stam */
#kalender .tak6 {
    background-color: lightred;
    color: #fff;
}
/* Algemeen */
#kalender .tak3 {
    background-color: #DDDDD8;
    color: #222;
}

.tip-title {
    background-color: #F0E68C;
    color: #000;
    padding: 3px;
    border: 1px solid #023e55;
}
.tip-text {
    display: none;
}

#back {
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    background-color: red;
    padding: 3px;
    display: block;
    width: 152px;
}

#back:hover {
    color: #ddd;
}


#album {
    list-style-type: none;
    padding: 20px;
    margin: 0;
}

#album li {
    float: left;
    border: 1px solid #c0c0c0;
    margin: 10px;
    background-color: #e5e5e5;
    height: 150px;
    width: 150px;
}

#album li a {
    display: block;
    width: 144px;
    height: 144px;
    padding: 3px;
    text-align: center;
    text-decoration: none;
}

#album li a span {
    color: red;
    margin-bottom: 2px;
    display: block;
    text-align: left;
}

#album li a:hover span {
    color: #000;
    text-decoration: underline
}

#thumbs {
    overflow-y: scroll;
    width: 140px;
    height: 400px;
    text-align: center;
    border: 4px solid red;
    padding: 5px;
    float: left;
}

#thumbs img {
    cursor: pointer;
    border: 0;
    padding: 5px;
}

#pic_holder {
    padding: 0;
    margin: 0;
    text-align: center;
    width: 600px;
    float: left;
}

#picture {
    margin: 0 auto;
	border: 5px solid red;
    cursor: pointer;
}

.tak_link {
    display: block;
    margin: 0 auto;
}