/*
// @@@
// @@ Author: Nicky Klaasse
// @@ Date: 2008-16-12
// @@ Last change: 2008-16-12
// @@ Version: 1
// @@ Revision: 0
// @@ Copyright: Ecommany B.V.
// @@ Description: Main stylesheet
// @@$
*/


/**
 * Standaard waarden
**/
* {
	margin-top: 0;
	border: 0px;
	text-decoration: none;
}
html {
	background: #112700 url('/images/htmlBg.gif') repeat-x top left;
	height: 100%;
}
body {
	min-height: 100%;
	font: 11px Arial, Helvetica, sans-serif;
	position: relative;
	overflow-x:hidden;
}
body a {outline:none; color:#FF6600;}
body a:hover {text-decoration:underline;}

#main
{
	width:927px;
	height:100%;
	margin: 0px auto;
	z-index:1;
}

/* Header */
#header
{
float:left;
display:inline;
position:relative;
height:auto;
width:1024px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
z-index:10;
}
#headerRight
{
float:right;
display:inline;
position:relative;
height:auto;
width:259px;
margin: -91px -88px 0px 0px;
_margin: -103px -88px 0px 0px;
padding: 0px 0px 0px 0px;
}
#headerLeft
{
float:left;
display:inline;
position:relative;
height:auto;
width:756px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#taal
{
float:right;
display:inline;
height:auto;
width:auto;
margin: 33px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#taal a { color:#FFFFFF; margin: 0px 0px 0px 5px;}
#taal a:hover { text-decoration:underline; }

#siteName
{
float:left;
display:inline;
position:relative;
height:31px;
width:453px;
margin: 17px 0px 0px 7px;
padding: 0px 0px 0px 0px;
background: url('/images/siteName.png') no-repeat;

}
#siteName h1
{
display:none;
}
#topNav
{
float:left;
display:inline;
position:relative;
height:36px;
width:756px;
margin: 7px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#topNavInner
{
float:left;
display:inline;
position:relative;
height:48px;
width:749px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: url('/images/navBar.gif') repeat-x;
}
#topNavInner a
{
float:left;
color:#000000;
font-size:11px;
width:auto;
height:16px;
margin: 0px 0px 0px 0px;
padding: 0px 15px 13px 15px;
}
#topNavInner a:hover
{
text-decoration:underline;
background: url('/images/navHover.gif') 50% 100% no-repeat;
padding: 0px 15px 13px 15px;
}
#topNavInner a.active
{
float:left;
display:inline;
color:#000000;
font-size:11px;
font-weight:bold;
height:16px;
width:auto;
margin: 0px 0px 0px 0px;
padding: 0px 15px 13px 15px;
background: url('/images/navHover.gif') 50% 100% no-repeat;
}
#topNavInner a.active:hover
{
text-decoration:none;
}

#leftNavbar
{
float:left;
display:inline;
position:relative;
height:48px;
width:7px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: url('/images/leftNavbar.gif') no-repeat;
}

#rightNavbar
{
float:right;
display:inline;
position:relative;
height:207px;
width:259px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: url('/images/combi_grijswaarden.png') no-repeat;
/*background: url('/images/rightNavbar.png') no-repeat;*/
}

/* End Header */


/* Content */
#content
{
float:left;
display:inline;
position:relative;
height:auto;
width:924px;
margin: -72px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: #ffffff url('/images/topContent.gif') no-repeat;
z-index:9;
}

#videoBox
{
float:left;
display:inline;
position:relative;
height:auto;
width:331px;
margin: 8px 0px 0px 5px;
padding: 0px 0px 0px 0px;
}
#videoBoxTop
{
float:left;
display:inline;
position:relative;
height:45px;
width:331px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: url('/images/topVideoBox.gif') no-repeat;
}
#videoBoxTop h2 {display:none;}
#videoBoxContainer
{
float:left;
display:inline;
position:relative;
height:auto;
width:326px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 5px;
background: url('/images/videoBoxContainer.gif') repeat-y;
}
#videoBoxFooter
{
float:left;
display:inline;
position:relative;
overflow:hidden;
font-size:1px;
height:7px;
width:331px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: url('/images/videoBoxFooter.gif') no-repeat;
}

#homeTop, #homeBottom {
    float:left;
    width:924px;
}

#homeTop {
	padding-bottom:10px;
}

.buttonHome {
    float:left;
    width:445px;
    height:154px;
    margin: 9px 0 0 15px;
    padding: 0px 0px 0px 0px;
    background:url('/images/button1.png') center center no-repeat;
    cursor:pointer;
}

#slideshow1, #slideshow2 {
    height:140px;
    overflow: hidden;
}

#slideshow1 p, #slideshow2 p {
	background:#EEEEEE;
}

/* Carousel homepage */

#slideshow1.containerWelcomeBoxDouble{
	margin: 0px;
	padding: 0px;
	width: 440px; 
}
div.jcarousel-container-horizontal,
div.jcarousel-container-horizontal div{
	margin: 0px;
	overflow: hidden;
	padding: 0px;
	width: 440px;
}
div.jcarousel-container-horizontal div{
	width: 430px;
}

#carousel1{
	margin:0px;
	padding: 0px;
    overflow: hidden;
}
#carousel1 li{
	margin-left: 15px
}

.welcomeBox
{
float:left;
display:inline;
position:relative;
height:auto;
width:220px;
margin: 8px 0px 0px 5px;
padding: 0px 0px 0px 0px;
}
.topWelcomeBox, .bottomWelcomeBox
{
float:left;
display:inline;
position:relative;
height:39px;
width:220px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: url('/images/topGalaBox.gif') no-repeat;
}

.topWelcomeBox.rally {
    background: url('/images/topRallyBox.gif') no-repeat;
}
.topWelcomeBox h2 {display:none;}
.bottomWelcomeBox {
    height:12px;
}
.containerWelcomeBox
{
float:left;
display:inline;
position:relative;
height:215px;
width:208px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 12px;
background: url('/images/containerGalaBox.gif') repeat-y;
}
.containerWelcomeBox h3
{
display:block;
font-size:11px;
line-height:18px;
color:#000000;
width:190px;
margin: 10px 0px 0px 0px;
padding: 0px 0px 5px 0px;
}
.containerWelcomeBox p
{
display:block;
font-size:11px;
line-height:18px;
color:#000000;
width:200px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.footerWelcomeBox
{
float:left;
display:inline;
position:relative;
overflow:hidden;
font-size:1px;
height:5px;
width:220px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: url('/images/footerGalaBox.gif') no-repeat;
}

/** Double box frontpage **/
.welcomeBoxDouble
{
float:left;
display:inline;
position:relative;
height:auto;
width:440px;
margin: 8px 0px 0px 5px;
padding: 0px 0px 0px 0px;
}
.topWelcomeBoxDouble, .bottomWelcomeBoxDouble
{
float:left;
display:inline;
position:relative;
height:39px;
width:440px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: url('/images/topGalaBoxDouble.gif') no-repeat;
}
.topWelcomeBoxDouble h2 {display:none;}
.bottomWelcomeBoxDouble {
    height:12px;
}

.containerWelcomeBoxDouble
{
float:left;
display:inline;
position:relative;
height:215px;
width:428px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 12px;
background: url('/images/containerGalaBoxDouble.gif') repeat-y;
}
.containerWelcomeBoxDouble h3
{
display:block;
font-size:11px;
line-height:18px;
color:#000000;
width:390px;
margin: 10px 0px 0px 0px;
padding: 0px 0px 5px 0px;
}
.containerWelcomeBoxDouble p
{
display:block;
font-size:11px;
line-height:18px;
color:#000000;
width:400px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.footerWelcomeBoxDouble
{
float:left;
display:inline;
position:relative;
overflow:hidden;
font-size:1px;
height:5px;
width:440px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: url('/images/footerGalaBoxDouble.gif') no-repeat;
}
/** **/

#newsBox
{
float:left;
display:inline;
position:relative;
height:auto;
width:445px;
margin: 22px 0px 0px 15px;
padding: 0px 0px 0px 0px;
}
#newsBox h2 {display:none;}
#headerNewsBox
{
float:left;
display:inline;
position:relative;
height:24px;
width:445px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: url('/images/headerNewsBox.gif') no-repeat;
}

#headerPhotoBox
{
float:left;
display:inline;
position:relative;
height:24px;
width:445px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: url('/images/headerPhotoBox.gif') no-repeat;
}

.newsItem
{
float:left;
display:inline;
position:relative;
height:auto;
width:445px;
margin: 0px 0px 0px 0px;
padding: 10px 0px 20px 0px;
background: url('/images/stripeLine.gif') no-repeat;
}
.newsItem h3
{
float:left;
display:inline;
color:#1B3F00;
font-size:11px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 14px;
background: url('/images/newsIcon.gif') 0% 50% no-repeat;
}
.newsItem span
{
float:right;
display:inline;
color:#000000;
font-size:10px;
text-decoration:underline;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.newsItem a
{
float:right;
color:#4C4C4C;
text-decoration:none;
font-size:10px;
margin: 15px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.newsItem p a 
{
 	padding:0px;
	margin:0px;
}

.newsItem a:hover
{
text-decoration:underline;
}
.newsItem p
{
float:left;
display:inline;
color:#000000;
width:445px;
font-size:11px;
line-height:18px;
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#carousel
{
float:left;
display:inline;
position:relative;
height:133px;
width:924px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
background: #ffffff url('/images/carouselBg.gif') 6px 0px no-repeat;
}

.carouselImage
{
float:left;
display:inline;
position:relative;
height:104px;
width:198px;
margin: 14px 0px 0px 13px;
padding: 5px 0px 0px 5px;
background: url('/images/slideBg.gif') no-repeat;
}

#footerLogos
{
float:left;
display:inline;
position:relative;
height:97px;
width:922px;
margin: 0px 0px 0px 0px;
padding: 12px 0px 0px 2px;
background: url('/images/footerLogos.gif') no-repeat;
}

#footerlogo1
{
float:left;
display:inline;
position:relative;
height:97px;
width:150px;
margin: 0px 0px 0px 0px;
background: url('/images/wenwlogo.jpg') no-repeat;
background-position:center;
}

a#footerlogo2
{
float:left;
display:inline;
position:relative;
height:97px;
width:99px;
margin: 0px 27px 0px 30px;
background: url('/images/harc_zw.jpg') no-repeat;
background-position:center;}
a#footerlogo2:hover{ background: url('/images/harc_kleur.jpg') no-repeat;

background-position:center;
text-decoration:none; }

a#footerlogo3
{
float:left;
display:inline;
position:relative;
height:97px;
width:80px;
margin: 0px 27px 0px 27px;
background: url('/images/kika_zw.jpg') no-repeat;
background-position:center;}
a#footerlogo3:hover{background: url('/images/kika_kleur.jpg') no-repeat;
background-position:center;
text-decoration:none;}

#footerlogo4
{
float:left;
display:inline;
position:relative;
height:97px;
width:48px;
margin: 0px 27px 0px 27px;
background: url('/images/cpz_zw.jpg') no-repeat;
background-position:center;}
a#footerlogo4:hover{background: url('/images/cpz_kleur.jpg') no-repeat;
background-position:center;
text-decoration:none;}

#footerlogo5
{
float:left;
display:inline;

position:relative;
height:97px;
width:56px;
margin: 0px 27px 0px 27px;
background: url('/images/racingforcharity_zw.jpg') no-repeat;
background-position:center;}
a#footerlogo5:hover{background: url('/images/racingforcharity_kleur.jpg') no-repeat;
background-position:center;
text-decoration:none;}

#footerlogo6
{
float:left;
display:inline;
position:relative;
height:97px;
width:90px;
margin: 0px 27px 0px 27px;
background: url('/images/skhv_zw.jpg') no-repeat;
background-position:center;}
a#footerlogo6:hover{background: url('/images/skhv_kleur.jpg') no-repeat;
background-position:center;
text-decoration:none;}

#footerlogo7
{
float:right;
display:inline;
position:relative;
height:97px;
width:125px;
margin: 0px 0px 0px 0px;
background: url('/images/rotary.jpg') no-repeat;
background-position:center;}
a#footerlogo7:hover{background: url('/images/rotary.jpg') no-repeat;
background-position:center;
text-decoration:none;}

#footerlogo8
{
float:left;
display:inline;
position:relative;
height:97px;
width:245px;
margin: 0px 0px 0px 0px;
background: url('/images/logo_fonds_gehandicaptenzorg_zw.jpg') no-repeat;
background-position:center;}
a#footerlogo8:hover{background: url('/images/logo_fonds_gehandicaptenzorg.jpg') no-repeat;
background-position:center;
text-decoration:none;}






#footer
{
float:left;
display:inline;
position:relative;
height:auto;
width:924px;
margin: 5px 0px 0px 10px;
padding: 0px 0px 0px 0px;
color:#ffffff;
}
#footer p
{
float:left;
height:auto;
width:710px;
font-size:11px;
color:#ffffff;
}
#footer a
{
color:#ffffff;
}
#footer a:hover
{
text-decoration:underline;
}


/* Content Style Subpage */


/* End Content Style Subpage */
#contentBox
{
float:left;
display:inline;
position:relative;
height:auto;
width:900px;
margin: 10px 0px 0px 10px;
padding: 0px 0px 0px 0px;
}
#contentBox h2
{
display:block;
font-size:18px;
color:#000000;
letter-spacing:2px;
font-family:"Times New Roman";
margin: 0px 0px 0px 0px;
padding: 0px 0px 15px 0px;
background: url('/images/stripeLine.gif') 0% 75% repeat-x;
}
#contentBox h3
{
display:block;
font-size:11px;
color:#1B3F00;
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 14px;
background: url('/images/newsIcon.gif') 0% 20% no-repeat;
}
#contentBox p
{
display:block;
font-size:11px;
line-height:18px;
color:#000000;
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
}
/* End Content */

.nieuwsbriefTekstvak
{
border:1px solid gray;
margin:0px 0px 0px 0px;
}

.nieuwsbriefSelect
{
border:1px solid gray;
margin:0px 0px 0px 0px;
width:200px;
}

.nieuwsbriefSubmit
{
border: 1px solid gray;
font-size:11px;
cursor:pointer;
padding-top:2px;
padding-bottom:4px;
font-weight:bold;
margin: 0px 0px 0px 0px;
}

/* Carousel*/
#carousel ul,#carousel ol {
    margin-left: 0;
}

#carousel ul ul {
    margin-bottom: 20px;
}

#carousel ul li { margin: 0px 14px 0px 0px;}
 
pre, code, tt, dt {
    font: 100% monospace;
    margin: 20px 0;
}

pre, blockquote {
    padding: 15px;
    background-color: #f0f0f0;
    margin: 20px 0;
    -moz-border-radius: 10px;
}

td pre {
    font: 85% monospace;
    padding: 5px;
    margin: 5px 0;
}
/* End Carousel */

/* Contact form */
label { text-align:right; width:130px; padding:3px; margin:2px;float:left;  }
input, textarea, select { margin-left: 140px; border:1px dotted black; margin:2px; }
.submit { border:none!important; }
label.check, label.radio { position:relative; text-align:left; }
#contentBox iframe, #contentBox frame { width:910px; height:320px; border:0px solid black; overflow:hidden; }

#contentBox #externalPage {
    margin:-8px 0 0 -10px;
    overflow:hidden!important;
    height:415px;
}

#contentBox #newsletter {
    margin:-8px 0 0 -10px;
    overflow:hidden;
}

#contentBox #inschrijven-demo label{
	float: left;
	margin-left: 10px;
	text-align: left;
}
#contentBox #inschrijven-demo input,
#contentBox #inschrijven-demo textarea,
#contentBox #inschrijven-demo span{
	margin-left: 80px;
}


/* Light Box */
#overlay{ background-image: url('/images/overlay.png'); }

* html #overlay{
	font-size:12px;
	font-family:arial;
	background-color: #000;
	back\ground-color: transparent;
	background-image: url('/images/blank.gif');
}
#lightbox{
	background-color:#eee;
	padding: 17px;
	}
#lightboxDetails{
	font-size: 11px;
	padding-top: 11px;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none;}

#lightbox a.close{
	color:#000000;
	font-family:arial;
	font-size:12px;
	text-decoration:none;
	}
	#lightbox a.close:hover{
	text-decoration:underline;
	}

/* End Light Box */

/* Albums */
.albums {
    float:left;
    padding:0 0 0 0;
}

    .album {
        margin:0px 5px 0px 0;
        float:left;
        border:0px #FEE496 solid;
        padding:0 0px 0px 5px;
    }

        .album a {
            float:left;	
            margin:10px 0 0 0;
        }
        
        .album img {
            border:2px #EEEEEE solid;
            margin:0 0 5px 0;	
        }
        .album .image-0, .album .image-1 {
            float:left;
        }
        
        .album .image-0 {
            margin-right:10px;	
        }
    
        .album h2 {
            margin:0;
            padding:3px;
            text-align:center;
            background:#AFC8E0;
            color:white;
        }
        
        .album p {
            text-align:center;
            font-style:italic;
            margin:0;
        }