@font-face {
 font-family: PeaChristy;
 src: url("../fonts/peachristy.eot") /* EOT file for IE */
}
@font-face {
 font-family: PeaChristy;
 src: url("../fonts/peachristy.ttf") /* TTF file for CSS3 browsers */
}

* {
    padding:0;
    margin:0;
    font-family:Arial, Helvetica, Sans-serif;
}

#navigation ul li.active a {
    text-decoration:underline;
}

#wrapper                 { width: 910px; margin:0 auto; overflow: visible; position: relative; }

h2                      { font-family: Arial, Helvetica, Sans-serif; font-size:18px; color:#3357AA; font-weight:bold; }
h3                      { font-family: Arial, Helvetica, Sans-serif; font-size:15px; }

a,
a:visited               { text-decoration: none; }

a:hover,
a:active                { }

p { margin:0 0 18px; }

strong {
    font-weight:bold;
}

body { 
    background:url(../images/container_bg.png) repeat-x;
}

#container {
    min-width:1024px;
}

#header {
     height:140px;
     margin:20px 0 0;
}

.logo {
    float:left;
    width:154px;
    height:98px;
}

/* top navigatie */

#navigation {
    float:right;
    height:52px;
    margin:46px 0 0;
    padding:0 30px 0 0;
}

#navigation ul {
    list-style:none;
    float:left;
    background:#DFDFDF;
    height:52px;
}

#navigation ul li {
    float:left;
    height:52px;
    text-align:center;
    margin:0 1px 0 0;
    background:url(../images/nav_bg.png) repeat-x;
    display:inline;
}

#navigation ul li a { 
    color:#2e2e2e;
    display:block;
    font-size:11pt;
    font-weight:normal;
    height:34px;
    padding:18px 20px 0;
    text-decoration:none;
    font-family:Arial, Helvetica, Sans-serif;
    font-weight:bold;    
    display:block;
    float:left;
}

#navigation a:hover,
#navigation a.active	{ text-decoration:underline; }
#navigation a.active	{ text-decoration:underline; }

#menu-left {
    float:left;
    width:10px;
    height:52px;
    background:url(../images/nav_bg_left.png) no-repeat;
}
#menu-right {
    float:left;
    width:10px;
    height:52px;
    background:url(../images/nav_bg_right.png) no-repeat;
    left:-1px;
    position:relative;
}

#content {
    float:left;
    width:900px;
    background:url(../images/content_bg.png) repeat-x;
    height:740px;
    padding:0 5px;
    position:relative;
}

#content-left {
    width:440px;
    float:left;
    position:relative;
}

#content-left a {
    text-decoration:underline;
    color:black;
    font-family:Arial,Helvetica,Sans-serif;
}

#content-left h1 {
    color:#ff5529;
    font-size:13pt;
    font-family:Arial, Helvetica, Sans-serif;
    font-weight:bold;
    margin:0 0 24px;
}

#content-left img {
    margin:0 0 50px;
}


#content-right {
    width:440px;
    float:right;
    position:relative;
}

#content-right h2 {
    color:#ff5529;
    font-size:13pt;
    font-family:Arial, Helvetica, Sans-serif;
    font-weight:bold;
    margin:0 0 24px;
}

#content-right a {
    text-decoration:underline;
    color:black;
    font-family:Arial,Helvetica,Sans-serif;
}

#content-right ul {
    list-style:disc inside none;
    padding:0 0 0 4px;
}

#content-right ul li {
    padding:0 0 2px;
}

#content-right img {
    margin:0 0 50px;
}

.contenttext {
    font-family:Arial, Helvetica, Sans-serif;
    font-size:12px;
    line-height:20px;
    position:relative;
    float:left;
    background:none;
    padding:0 0 0 30px;
    width:396px;
}

.star {
    font-family:Arial, Helvetica, Sans-serif;
    left:314px;
    position:absolute;
    top:205px;
    background:url(../images/red_star-trans.png);
    width:112px;
    height:114px;
}

.star a {
    float:left;
    font-family:Arial, Helvetica, Sans-serif;
    font-size:10pt;
    height:76px;
    padding:28px 0 0;
    line-height:14px;
    text-align:center;
    width:108px;
    display:block;
    font-weight:bold;
    text-decoration:none !important;
    color:#fff !important;
}

.button {
    left:18px;
    position:absolute;
    top:262px;
    background:url(../images/blue_button-trans.png);
    width:280px;
    height:56px;
    font-family:Arial,Helvetica,Sans-serif;
}

.button a {
    color:#FFFFFF !important;
    display:block;
    float:left;
    font-size:13pt;
    font-weight:bold;
    height:41px;
    line-height:30px;
    padding:9px 0 0;
    text-align:center;
    text-decoration:none !important;
    width:280px;
}

.textsmall {
    font-size:8pt;
    font-family:Arial,Helvetica,Sans-serif;
}

.textbig {
    font-size:26px;
    font-weight:bold;
    line-height:26px;
    height:21px;
}

#content-left .textbig img, #content-right .textbig img {
    margin:4px 0 0;
}

#map {
    height:128px;
    left:300px;
    position:absolute;
    top:444px;
    width:108px;
}

#map img {
    width:108px;
    height:128px;
    margin:0;
}

/* slogan */

#slogan h3, #bigslogan h3 {
    color:#FF5529;
    float:left;
    font-family:PeaChristy;
    font-size:12pt;
    height:56px;
    line-height:32px;
    margin:27px 0 0;
    text-align:center;
    width:262px;
    font-weight:normal;
    padding:0 0 0 40px;
}

/* navigatie onder */

#contentnav {
    border-bottom:20px solid #E6E6E6;
    border-top:1px solid #E6E6E6;
    float:left;
    height:86px;
    width:910px;
    margin:28px 0 0;
}

#contentnav ul {
    float:right;
    margin:34px 0 0;
}

#contentnav ul li {
    display:inline;
    margin:0 60px 0 0;
}

#contentnav ul li a {
    color:#8C8C8C;
    font-family:Arial, Helvetica, Sans-serif;
    font-size:12px;
}

#contentnav ul li a:hover {
    text-decoration:underline;
}

.bottom {
    display:none;
}

#motorbutton {
    height:126px;
    position:absolute;
    top:204px;
    width:440px;
    z-index:9999999;
    clear:both;
    float:none;
    background:#fff;
}

#motorbutton a {
    display:block;
    height:126px;
    width:440px;
    position:relative;
}

#bromfietsbutton {
    height:126px;
    left:465px;
    position:absolute;
    top:204px;
    width:440px;
    z-index:9999999;
    clear:both;
    float:none;
    background:#fff;
}

#bromfietsbutton a {
    display:block;
    height:126px;
    width:440px;
    position:relative;
}

#home-motorrijlesvolgen {
    background: url(../images/content_motor-trans.png) no-repeat;
    height:330px;
    margin:0 0 50px;
}

#home-bromfietsrijbewijshalen {
    background: url(../images/content_bromfiets-trans.png) no-repeat;
    height:330px;
    margin:0 0 50px;
}