/** RESET **/
* { 

font-family: inherit;
font-size: 100%;
border: 0 none;
outline: 0;
padding: 0;
margin: 0;
}
/** Body en algemene **/
body {
color: #333; 
font-family: Verdana, Arial, Tahoma, sans-serif;
background-color: #000; 
text-align: center;
height: 100%;
margin:0px;
background: url(../images/bg-strook.jpg) center repeat-y;
background-color:#000000;
font-size: 70%;
}
p {padding: 7px 0 7px 0;}
a { color: #1a93bf; }
a:hover{
color: #044e69;
text-decoration: none;
}


strong { font-weight: bold; }

h1 { font-size: 2em; color:#1a93bf; font-weight:normal; }
h2 { font-size: 14px; color:#1a93bf; font-weight:bold; }
h3 { font-size: 1em; color:#000000; font-weight:bold; }
h4 {
	font-weight:bold;
	margin-bottom:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0096ea;
}
hr { background-color:#999898; color:#999898; width:100%; height:2px; margin-top:10px; margin-bottom:15px; }
hr.top { color:#e2007a; background-color:#e2007a; width:100%; height:2px; margin-top:10px; margin-bottom:15px;}
.clear { clear: both; }

/**** Container voor de achtergrond creatie ****/
#bgContainer {
width: 927px;
margin: 0 auto;
min-height: 100%;
background: url(../images/bgcontainer.png) center repeat-y;
text-align: left;
}
* html #bgContainer {
height: 100%;  /*** IE hack ***/
}

/**** Container voor alle inhoud ****/
#mainContainer {
width: 927px;
margin: 0 auto;
min-height: 100%;
text-align: left;

}
* html #mainContainer {
height: 100%;  /*** IE hack ***/
}

/** Container voor het 100% hoogte effect en de plaatsing **/
.outer {
width: 927px;
}

.inner {
width: 927px; 
padding-bottom: 10px;

}
* html .inner {
width: 927px;
}
#content {
width: 100%;

padding: 0;
margin: 0;
min-height: 100%;
height:100%;
}
* html #content {
  /*** IE moet dit hebben  ***/
}
.contentWrap{
padding: 0px;
}
.contentWrap ol, .contentWrap ul {
margin: 0px;
}
.contentWrap li {
padding-bottom: 0px;
}

/*** Hoofdmenu bovenaan ***/
#mainmenu {
	background:#000;
	height:45px;
	text-align:center;
	vertical-align:texttop;
	color:#666;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	word-spacing:0px;
	font-weight:900;
}
#mainmenu img {
	margin-right:0px;
	
}
#mainmenu a img {
	border-style:none;
	
}
#mainmenu a {
	color:#aaa;
	text-decoration:none;
	margin-right:0px;
	margin-left:0px;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:700;
	word-spacing:0px;
}
#mainmenu a:hover {
color:#FFFFFF;
font-weight:700;
}
.submenu {
height:5px;
background:url(../images/submenu.gif) repeat-x;
text-align:center;
color:#fff;
font-weight:bold;
font-size:0.9em;
display:none;
width: 900px;
margin-left:14px;
margin-bottom:10px;
}
.submenu a {
	color:#FFF;
	text-decoration:none;
	margin-right:5px;
	margin-left:5px;
	
}
#submenuactive {
	position:absolute;
	margin-top:-10px;
}
.footer {
height:24px;
padding-top:12px;
background:url(../images/footer.gif) repeat-x;
text-align:center;
color:#fff;
font-weight:bold;
font-size:0.9em;
display:none;
width: 927px;
}
.footer a {
	color:#FFF;
	text-decoration:none;
	margin-right:5px;
	margin-left:5px;
	
}
#footeractive {
	position:absolute;
	margin-top:-10px;
}

/** Submenu links **/
#sidemenu {
	width:191px;
	float:left;
	margin-top:15px;
	margin-left:25px;
}
#sideheader {
	width:191px;
	display:block;
	height:22px;
	background:url(../images/side_header_pink.png) no-repeat;
	color:#FFF;
	font-weight:bold;
	padding-left:5px;
	padding-top:20px;
}
#sideheader_mg {
	width:191px;
	display:block;
	height:22px;
	background:url(../images/side_header_mg.png) no-repeat;
	color:#FFF;
	font-weight:bold;
	padding-left:5px;
	padding-top:20px;
}
#sideheader_gc {
	width:191px;
	display:block;
	height:22px;
	background:url(../images/side_header_gc.png) no-repeat;
	color:#FFF;
	font-weight:bold;
	padding-left:5px;
	padding-top:20px;
}
#sideheader_fb {
	width:191px;
	display:block;
	height:22px;
	background:url(../images/side_header_fb.png) no-repeat;
	color:#FFF;
	font-weight:bold;
	padding-left:5px;
	padding-top:20px;
}
#sideheaderpink {
	width:191px;
	display:block;
	height:22px;
	background:url(../images/side_header.png) no-repeat;
	color:#FFF;
	font-weight:bold;
	padding-left:5px;
	padding-top:20px;
}
.sidead {
	background:url(../images/side_bg.png) repeat-y;
	height: 100%;
}
.sidead ul, li, img {
	margin:0;
	list-style-type: none;
}
.sidead a {
	margin-left:10px;
    padding-left: 10px;
	display:block;
	color:#000;
	font-weight:bold;
	text-decoration:none;
	font-size:0.9em;
	width:150px;
	height:22px;
	line-height:22px;
	border-bottom:#fff 2px solid;
	cursor:pointer;
}
.sidead div {
	display:none;
	width:159px;
	background:#a3a3a3;
	
}
.sidead div a {
	display:block;
	width:140px;
	color:#000;
	text-decoration:none;
	height:22px;
	line-height:22px;
	border-bottom:#fff 2px solid;
}
.sideitems p {
margin: 0;
padding: 0;
}
.sideitems p img {
margin-top: -5px;
padding: 0;
}
.sideitems ul, li {
	list-style-type:none;
	margin:0;
}
.sideitems {
	background:url(../images/side_bg.png) repeat-y;
	height: 100%;
}
.sideitems a {
	padding-left:10px;
	display:block;
	color:#000;
	font-weight:bold;
	text-decoration:none;
	font-size:0.9em;
	width:180px;
	height:22px;
	line-height:22px;
	border-bottom:#fff 2px solid;
	cursor:pointer;
}
.sideitems div {
	display:none;
	width:159px;
	background:#a3a3a3;
}
.sideitems div a {
	display:block;
	width:140px;
	color:#000;
	text-decoration:none;
	height:22px;
	line-height:22px;
	border-bottom:#fff 2px solid;
}
.googlecalendar {
	width: 180px;
	max-width: 180px;
}
.bestgelezen ul, li {
	list-style-type:none;
	margin:0;
}
.bestgelezen {
	background:url(../images/side_bg.png) repeat-y;
	height: 100%;
	margin:0;
	padding:0;
}
.bestgelezen a {
	padding-left:10px;
	display:block;
	color:#000;
	font-weight:bold;
	text-decoration:none;
	font-size:0.9em;
	width:180px;
	height:22px;
	line-height:22px;
	border-bottom:#fff 2px solid;
	cursor:pointer;
}
.bestgelezen div {
	display:none;
	width:159px;
	background:#a3a3a3;
}
.bestgelezen div a {
	display:block;
	width:140px;
		color:#000;
	text-decoration:none;
	height:22px;
	line-height:22px;
	border-bottom:#fff 2px solid;
}
.mailinglist {
height: 100%;
}
.mailinglist div {
	display:none;
	width:159px;
	background:#a3a3a3;
}
.mailinglist div a {
	display:block;
	width:140px;
		color:#000;
	text-decoration:none;
	height:22px;
}
.mailinglist a {
	display:block;
	color:#000;
	font-weight:bold;
	text-decoration:none;
	width:150px;
	cursor:pointer;
}
.facebook {
	list-style-type:none;
	margin:0;
	margin-bottom:20px;
}
.facebook p {
	margin: 0;
	padding: 0;
}

/** Inhoud van site **/
#mainContent {
	margin-top:20px;
	width:630px;
float: left;
margin-left: 15px;
	
}
#mainContent div, #mainContent td, #mainContent th {
	margin-left:0px;
}
#mainContent div img {
	border:#999 0px solid;
	margin-left: 0px;
	
}

#footer {
margin-left: 14px;
width: 900px;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
a img{
	border-style:none;
}
.inputbox required, .inputbox {
margin:0;
padding:0;
border: #ddd 1px solid;
}
.contentheading {
font-size: 2em; color:#1a93bf; font-weight:normal;
}
ul.menu li#current ul li a:link span{
}
ul.menu li#current ul li a:visited span, ul.menu li.active ul a{
	padding-left: 15px;
	color:#FFFFFF; 
	background-image: url(../images/side_bg_child.png);
	background-repeat:repeat-y;
}

.dopiaza-flickr-badge-1 ul{
	margin: 0px;
	padding: 0px;
	float: left;
	width: 180px;
}
#dopiaza-flickr-badge-1 li{
	margin: 0px;
	padding: 0px;
	background: none;
	width: 60px;
	height: 60px;
	float: left;
}
#dopiaza-flickr-badge-1 img{
	margin: 0px;
	padding: 0px;
	width: 60px;
	height: 60px;
}
a#flickr-badge-link{
	font-size:10px;
	color: #45a3c5;
	text-decoration: none;
}

/* CSS for header layout */
#header-facebook{
	margin-left: 830px;
	margin-top: -35px;
	top: -35px;
	position:relative;
	z-index: 200;
}
#header-top{
	background-image: url(../images/header-top.jpg);
	background-repeat: no-repeat;
	width: 550px;
	height: 53px;
	margin-left: 14px;
	padding-left: 350px;
	padding-top: 24px;
	float: left;
}
div#header-oneill {
	background-image: url(../images/oneill.png);
	background-repeat: no-repeat;
	margin-top: 6px;
	width: 200px;
	height: 14px;
	float: left;
}
div:hover#header-oneill{
	background-image: url(../images/oneill-over.png);
}

div#header-salomon{
	background-image: url(../images/salomon.png);
	background-repeat: no-repeat;
	width: 173px;
	height: 27px;
	float: left;
}
div:hover#header-salomon{
	background-image: url(../images/salomon-over.png);
}

#header-ski{
	background-image: url(../images/switch-ski.png);
	background-repeat: no-repeat;
	margin-top: -10px;
	width: 143px;
	height: 13px;
	float: left;
}
div:hover#header-ski{
	background-image: url(../images/switch-ski_over.png);
}
#header-surf{
	background-image: url(../images/switch-surf.png);
	background-repeat: no-repeat;
	margin-top: 20px;
	width: 143px;
	height: 13px;
	float: left;
}
div:hover#header-surf{
	background-image: url(../images/switch-surf_over.png);
}
#header-middle{
	width: 900px;
	height: 217px;
	margin-left: 14px;
	clear: both;
	background-color:#000;
}

#header-bottom{
	background-image: url(../images/header-bottom.jpg);
	background-repeat:repeat-y;
	margin-left: 14px;
	width: 900px;
	height: 4px;
}