/* Start of CMSMS style sheet 'default' */
/* ========================================================================== */
/*                                                                            */
/*   default.css                                                              */
/*   (c) 2009 Michel van der Wereld (Mytrax.nl)                               */
/*                                                                            */
/*   Made for Solution Sound & Light                                          */
/*                                                                            */
/* ========================================================================== */

/* start: basis html elements */
  *, html, body, div, applet, object, iframe,
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  a, abbr, acronym, address,
  del, dfn, font, img, ins, kbd, q, s, samp,
  dd, dl, dt, li, ol, ul,
  fieldset, form, label, legend,
  table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-family:Century Gothic, Georgia1, Georgia, serif;
	text-align:left;
	vertical-align: baseline;}

  
  body{
  width:100%;
  margin:0 auto;
  line-height:1em;
  background:#fff;
  font-size:14px;
  font-weight:none;
  color:#309fff;}
  
  img{
  border:0px;
  display:block;}

/* Link styles */
  a{
  color:#ff30a0;
  text-decoration:underline;}
  a:hover{
  color:#fff;
  text-decoration:none;
  background:#ff30a0;}

/* Headers */
h1,h2,h3,h4{
  font-size:24px;
  font-weight:bold;
  text-transform:uppercase;
  line-height:1em;
  margin:0 0 20px 0;}
h4{
  color:#ff30a0;
  font-size:16px;}
h5{font-size:16px;
  font-weight:bold;
  text-transform:uppercase;
  line-height:1em;}

#middle-left h4.nomargin{margin-bottom:2px;} 
#middle-left h4{margin-bottom:10px;}
#middle-left h4 a{text-decoration:none;} 

/* Hoofd opmaak */
  #head{
  background:#121212;
  width:100%;
  height:150px;
  display:block;
  border-top:5px #ff30a0 solid;
  float:left;}
  
  #middle{
  width:100%;
  float:left;
background:url('g/bgbeeldmerk.gif') top right no-repeat;}
  
  #bottom{
  background:#121212;
  width:100%;
  height:100px;
  display:block;
  border-bottom:5px #ff30a0 solid;
  float:left;
  color:#fff;
  margin:30px 0 0 0;}
  
  .contain-size{
  width:980px;
  margin:0 auto;}
  span.bold{
  font-weight:bold;
  float:left;
  margin-right:10px;}
  
/* Head */
  a#logo{
  background:url('g/logo.gif') no-repeat;
  width:326px;
  height:87px;
  margin:32px 55px 0 0;
  float:left;
  text-indent:-999em;}
    a#logo span{
    display:none;
    position:relative;
    left:0;
    top:-45px;}
	a#logo:hover span{
    	display:block;
    	width:190px;
    	height:40px;
    	background:url('g/logoSPAN.gif') no-repeat;
      }
/* Menu in menu.css */

/* Middle */

  #middle-left{
  width:760px;
  border-bottom:5px #ff30a0 solid;
  padding:0 0 20px 0;
  float:left;}
    #middle-left .slideshow_flash{
    background:#ff30a0;
    position:relative; 
    z-index 0;
    width:760px;
    height:190px;
    }
    #middle-left .abgallery_flash{
    width:480px;
    height:550px;
    }
    #middle-left p{
    margin-bottom:20px;}
      #middle-left a.offerte {
      width:260px;
      height:100px;
      margin:0 0 20px 20px;
      background:url('g/offerte.gif') no-repeat;
      float:right;
      text-indent:-999em;
      }
      #middle-left a.offerte:hover{
      background:url('g/offerte.gif') left bottom no-repeat;
      }
      #middle-left a.emaillink{color:#309fff;}
      #middle-left a.emaillink:hover{color:#fff;padding-left:10px;}
      #middle-left div.nieuwsbericht{border-top:5px #ff30a0 solid; padding:20px 0;}
      #middle-left p.no-margin{margin:0px;}
      #middle-left div.bottom-margin-contact{margin-bottom:20px;}
  #middle-right{
  width:200px;
  margin:0 0 20px 20px;
  float:left;}
    #middle-right #nieuws{
    margin:20px 0;
    padding-bottom:20px;
    border-bottom:5px #ff30a0 solid;
    float:left;
    }
      #nieuws .nieuwsklein{
      width:200px;
      float:left;
      }
      #nieuws .nieuwsklein-bold{
      color:#ff30a0;
      font-weight:bold;
      text-transform:uppercase;
      width:40px;
      line-height:1.2em;
      float:left;
      }
      #nieuws .nieuwsklein-info{
      width:160px;
      line-height:1.2em;
      float:left;
      }
        #nieuws .nieuwsklein-info a{
        color:#309fff;
        text-decoration:none;
        }
        #nieuws .nieuwsklein-info a:hover{
        color:#fff;
        }
    #middle-right #aanbiedingen,#middle-right #willekeurigefoto{
    width:200px;
    float:left;
    padding-bottom:20px;
    border-bottom:5px #ff30a0 solid;
    }

/* Bottom */
  #adress{
    float:left;
    width:980px;
    margin:10px 0 0 0;}
   .contain-size strong{
    float:left; 
    width:980px;
    font-weight:bold;}
  .hok{
    float:left;
    width:270px;
    margin:10px 0;}

  #copyright{
  width:880px;
  float:left;;
  line-height:1.2em;}

  a.artworkby{
  float:right;
  display:block;
  width:86px;
  height:24px;
  margin:40px 0 0 0;
  background:url('g/mytrax_nl.gif');
  text-indent:-999em;}

    a.artworkby:hover{
    background:url('g/mytrax_nl.gif') left bottom;}


/* Form */
input, textarea{background:#cbe7ff; margin:5px 0 5px 10px;border:1px #309fff solid;}
input:hover{background:#ff30a0;}
.fbsubmit{padding:5px; margin:0 0 20px 0; font-weight:bold; color:#309fff; font-size:16px;}
.fbsubmit:hover{color:#fff;}
form strong{margin:20px 0; display:block;}


/* End of 'default' */