/* CSS Pandaclub.nl */
/* General styling */
* {
	margin: 0px;
	padding: 0px;
}

body {
	background-color: #9dbf3b;
	background-repeat: repeat;
	color: #545550;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

/* Layers */
#header {
	background-color: #559ed5;
	background-image: url(../images/templates/blueheader.gif);
	background-repeat: repeat-x;
	padding-top: 25px;
}

#header #header-content {
	background-image: url(../images/templates/whitecurve_04.png);
	background-repeat: no-repeat;
	height: 165px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	width: 770px;
}

#navigation-top {
	background-color: #666666;
	background-image: url(../images/templates/navigationtopgradient.gif);
	background-repeat: repeat-x;
	height: 35px;
}

#gradient {
	background-image: url(../images/templates/gradientbackground.gif);
	background-position: top center;
	background-repeat: repeat-x;
}

#container {
	background-color: #e7efce;
	background-repeat: repeat-x;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	width: 770px;
}

#container #container-navigation-left {
	float: left;
	padding: 25px 0 25px 25px;
	width: 155px;
}

#container #container-content {
	float: right;
	min-height: 440px;
	padding: 25px 25px 10px 25px;
	width: 540px;
}

#container #frontpage {
    min-height: 440px;
	float: none;
	width: 720px;
	padding: 25px 25px 0px 25px;
}

#container #frontpage2 {
    min-height: 440px;
	float: none;
	width: 720px;
	padding: 25px 25px 0px 40px;
}

#footer {
	background-image: url(../images/templates/footer.gif);
	background-position: left top;
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	padding-top: 15px;
	width: 770px;
}

/* Header styling */
#header #header-content h1 {
	left: 599px;
	position: relative;
	top: 6px;
	width: 156px;
}

#header #header-content p.header-banner {
	left: 17px;
	margin: 0;
	padding: 0;
	position: relative;
	top: -93px;
	width: 263px;
}

#header #header-content p.header-banner a {
	background-image: url(../images/templates/help-de-pandas-short.gif);
	display: block;
	height: 0px;
	overflow: hidden;
	padding-top: 55px;
	position: relative;
	width: 183px;
}

#header #header-content p.header-banner a:hover {
	background-image: url(../images/templates/help-de-pandas-short.png);
	display: block;
	height: 0px;
	overflow: hidden;
	padding-top: 55px;
	position: relative;
	width: 183px;
}

#header #header-content h1 a {
	background-image: url(../images/templates/pandaclublogo_07.gif);
	display: block;
	height: 0px;
	overflow: hidden;
	padding-top: 150px;
	width: 156px;
}

#header #header-content h1 a:hover {
	background-image: url(../images/templates/pandaclublogo-hover.png);
	display: block;
	height: 0px;
	overflow: hidden;
	padding-top: 150px;
	width: 156px;
}

/* Navigation styling */
#navigation-top div {
	background-color: #3366CC;
	background-image: url(../images/templates/navigationtopmenubackground.gif);
	background-repeat: repeat-x;
	height: 35px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 25px;
	padding-right: 25px;
	width: 720px;
}

#navigation-top ol li {
	background-image: url(../images/templates/navigationtop-dotted.gif);
	background-repeat: repeat-x;
	float: left;
	list-style-type: none;
	padding-right: 1px;
}

#navigation-top ol li a {
	background-position: top center;
	background-repeat: no-repeat;
	display: block;
	height: 0;
	overflow: hidden;
	padding-top: 35px;
	position: relative;
	width: 109px;
}

#navigation-top ol li a:hover {
	background-position: center -70px;
}

#navigation-top ol li.act a {
	background-position: center -35px;
}

#navigation-top ol li.act a:hover {
	background-position: center -70px;
}

#navigation-top ol li.nieuws {
	padding-left: 1px;
	padding-right: 1px;
	width: 97px;
}

#navigation-top ol li.nieuws a {
	background-image: url(../images/templates/button-nieuws.gif);
	width: 97px;
}

#navigation-top ol li.pandas a {
	background-image: url(../images/templates/button-pandas.gif);
	width: 99px;
}

#navigation-top ol li.overons a {
	background-image: url(../images/templates/button-overons.gif);
	width: 99px;
}

#navigation-top ol li.multimedia a {
	background-image: url(../images/templates/button-multimedia.gif);
}

#navigation-top ol li.pandashop a {
	background-image: url(../images/templates/button-pandashop.gif);
}

#navigation-top ol li.doneren a {
	background-image: url(../images/templates/button-doneren.gif);
	width: 99px;
}

#navigation-top ol li.contact a {
	background-image: url(../images/templates/button-contact.gif);
	width: 99px;
}

#container #container-navigation-left ul {
	border-top: 1px dotted #8baa39; /* Verplaatsen: margin-left: -15px */
	margin-top: 60px;
	width: 150px;
}

#container #container-navigation-left ul li {
	border-bottom: 1px dotted #8baa39;
	list-style: none;
	padding-bottom: 1px;
	padding-top: 1px;
}

#container #container-navigation-left ul li a {
	color: #545550;
	display: block;
	font-size: 12px;
	line-height: 26px;
	padding: 0 25px 0 10px;
	text-decoration: none;
	width: 115px;
}

#container #container-navigation-left ul li a:hover {
	background-color: #AFCB67;
	background-image: url(../images/templates/menu_10.gif);
	background-repeat: repeat-x;
	color: #ffffff;
}

#container #container-navigation-left ul li.act a {
	background-color: #AFCB67;
	background-image: url(../images/templates/menu_10.gif);
	background-repeat: repeat-x;
	color: #ffffff;
}

/* Content styling */
#container #container-content {
	line-height: 19px;
}

#container #container-content h2 {
	color: #8baa39;
	font-size: 18px;
	margin-top: 15px;
	text-transform: uppercase;
}

#container #container-content p {
	margin-bottom: 15px;
}

#container #container-content a, #container #container-content a:visited {
	border-bottom: 1px solid #8baa39;
	color: #545550;
	text-decoration: none;
}

#container #container-content a:hover {
	background-color: #8baa39;
	color: #fff;
}

#container #container-content p.subtitle {
	color: #87AA2B;
}

#footer p {
	color: #fafcf3;
	font-size: 11px;
	letter-spacing: 1px;
	padding-bottom: 15px;
	padding-top: 5px;
	text-align: right;
}

body #container #container-content .illus {
	background-image: url(../images/templates/shadowbackground.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
	float: right;
	margin: 5px 0 5px 20px;
}

body #container #container-content .illus a {
	border: 6px solid #fafcf3 !important;
	display: block;
	margin: -4px 5px 5px -4px;
	text-decoration: none;
	vertical-align: bottom;
}

body #container #container-content .illus a:hover {
	border: 6px solid #8baa39 !important;
}

body #container #container-content .illus img {
	border: none;
	height: 224px;
	width: 300px;
}

body #container #container-content .illus2 {
	background-image: url(../images/templates/shadowbackground.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
	float: right;
	margin: 5px 0 5px 20px;
}

body #container #container-content .illus2 a {
	border: 6px solid #fafcf3 !important;
	display: block;
	margin: -4px 5px 5px -4px;
	text-decoration: none;
	vertical-align: bottom;
}

body #container #container-content .illus2 a:hover {
	border: 6px solid #8baa39 !important;
}

body #container #container-content .illus2 img {
	border: none;
	height: 300px;
	width: 300px;
}

/* sIFR replacements */
.sIFR-flash {
	margin: 0;
	visibility: visible !important;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	display: block;
	height: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 0;
}

.sIFR-hasFlash h2 {
	font-size: 1px !important;
	line-height: 25px !important;
	padding: 0 !important;
	visibility: hidden;
}

/* Uitzondering voor voorpagina */

.sIFR-hasFlash #frontpageblocks h2 {
	font-size: 1px !important;
	line-height: 20px !important;
	padding: 0 !important;
	visibility: hidden;
}


.sIFR-hasFlash h3 {
	font-size: 1px !important;
	line-height: 20px !important;
	padding: 0 !important;
	visibility: hidden;
}

/* Gallery */
#container #container-content #gallerythumbs a, #container #container-content #galleryfull a {
	text-decoration: none;
}

#container #container-content #gallerythumbs {
	margin: 25px 0 10px 0px;
}

#container #container-content #galleryfull {
	margin: 15px 0 10px 0px;
}

#container #container-content #gallerythumbs div.imagebox {
	background-image: url(../images/templates/shadowbackground.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
	float: left;
	margin: 0 10px 10px 0;
	position: relative;
	position: relative;
}

#container #container-content #gallerythumbs div.imagebox a {
	border: 6px solid #fafcf3;
	display: block;
	height: 83px;
	margin: -4px 4px 4px -4px;
	position: relative;
	vertical-align: bottom;
	width: 110px;
}

#container #container-content #galleryfull div.imagefull a {
	border: 6px solid #fafcf3 !important;
	display: block;
	height: 389px;
	padding: 0 !important;
	text-decoration: none;
	width: 520px;
}

#container #container-content #galleryfull div.imagefull a:hover {
	border: 6px solid #8baa39 !important;
}

#container #container-content #gallerythumbs div.imagebox a:hover {
	border: 6px solid #8baa39;
}

#container #container-content #galleryfull div.imagefull a:hover {
	border: inherit;
}

#container #container-content #gallerythumbs div.imagebox a img {
	border: none;
	height: 83px;
	width: 110px;
}

#container #container-content #galleryfull div.imagefull a img {
	border: none !important;
	height: 389px;
	width: 520px;
}

#container #container-content #galleryfull .pictitle {
	padding: 15px 0 0 0;
	text-align: center;
	width: 532px;
}

/* Frontpage */
#frontpagebanner {
	background-image: url(../images/templates/frontpage.jpg);
	background-repeat: no-repeat;
	border: 5px solid #fafcf3;
	height: 220px;
	width: 710px;
}

#frontpageblocks {
	line-height: normal;
		background-color: #330000;
}

#frontpageblocks p.readmore {
	margin: 15px 0 0 0;
	padding: 0px;
}

#frontpageblocks p a {
	background-repeat: no-repeat;
	border: none !important;
	display: block;
	height: 0px;
	margin: 5px 0 0 0;
	overflow: hidden;
	padding-top: 31px;
	width: 116px;
}

#frontpageblocks h2 {
    font-size: 15px;
	text-transform: uppercase;
	color: #8baa39;
	margin-bottom: 15px;
	font-weight: bold !important;
}

#frontpageblocks p a:hover {
	background-color: transparent !important;
	border: none !important;
	text-decoration: none !important;
	background-image: url(../images/templates/readmore2.gif);
}


#frontpageblocks p.readmore a {
	background-image: url(../images/templates/readmore1.gif);
}

#frontpageblocks p.readmore a:hover {
	background-image: url(../images/templates/readmore2.gif);
}

.fpblock1, .fpblock2 {
	float: left;
	margin-right: 22px;
	padding: 15px 0 0 0;
	width: 225px;
}

.fpblock3, .fpblock2 {
	float: left;
	padding: 15px 0 0 0;
	width: 224px;
}

/* NEWS SECTION CSS*/
ul.gallery{
	list-style:none;
	margin:0px;
	padding:0;
	width:480px;
	float:left;
	padding:3px 3px 3px 3px;
}
.gallery li,.gallery li a{
	clear:both;
	width:480px;
	float:left;
}
.gallery li a{
	text-decoration:none;
	border:1px solid #8baa39;
	background:#e7efce;
	color:#9dbf3b;
	padding:10px;
	width:480px;
	position:relative;
	margin:5px 0 0 0
}
.gallery li a em{
	font-weight:bold;
	font-style:normal;
	display:block;
	font-size:100%;
	margin:.2em 80px 0 0;
}
.gallery li a span{
	font-weight:normal;
	display:block;
	margin: 7px 130px 0 0
}
.gallery li a img{
	float:right;
	border:0px solid #FFFFFF;
  filter: alpha(opacity=40);
  -moz-opacity: .4;
  opacity: .4;
}
.gallery li a:hover{
	border:0px solid #006600;
	background:#9dbf3b;
	color:#e7efce;
}
.gallery li a:hover img {
  filter: alpha(opacity=100);
  -moz-opacity: 1.0;
  opacity: 1.0;
}

/* Other */
ul.linklist li {
	margin: 0 0 10px 20px;
}

ul.linklist li a {
	color: #8baa39 !important;
	font-weight: bold;
	margin-bottom: 5px !important;
}

ul.linklist li a:hover {
	color: #fff !important;
}

hr {
	visibility: hidden;
}

.clear {
	clear: both;
}

form.contactform {
	margin-top: 15px;
}

form.contactform input {
	border: 1px solid #8baa39;
	color: #555;
	height: 20px;
	width: 180px;
}

form.contactform textarea {
	background-color: #F9FBF0;
	border: 1px solid #8baa39;
	color: #555;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 100px;
	width: 320px;
}

form.contactform input#sendmail {
	border: none;
	height: 22px;
	margin-top: 5px;
	width: 93px;
}

form.contactform p {
	margin: 0 0 10px 0 !important;
}

form.contactform label {
	color: #8baa39;
	display: block;
	font-weight: bold;
}

form.contactform label .req {
	color: #8baa39;
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
	padding-left: 5px;
}

div.mplayer {
	text-align: left;
	vertical-align: baseline;
	padding: 0px;
	margin: 0px;
}

object.mov {
    display: none;
}

div#gmap {
	border: 1px solid #8baa39;
	height: 325px;
	width: 500px;
}