html, body{
  margin:0;
  padding:0;
}

body{ /* body background */
  background-image:url('../../../images/graphics/design/global/top_bg.jpg');
  background-repeat:repeat-x;
}

/* wrapper and generel stuff */
div#wrapper{
  /* background-image:url('templates/skw_template1_r/images/global/repeaty_l.png'); shadow left */
  margin-left:auto;
  margin-right:auto;
  background-repeat:repeat-y;
  background-position:top left;
}
div#wrapper_r{
  /* background-image:url('templates/skw_template1_r/images/global/repeaty_r.png'); shadow right */
  background-position:top right;
  background-repeat:repeat-y;
  
  /* Use only one of the following */
  padding:12px 20px 12px 20px; /* Compatible with 4 column grid */
  /* padding:10px 18px 10px 18px;  Compatible with 3 column grid */
}

#header_div{position:relative;}

#sitename {
    color: white;
    display: block;
    font-size: 250%;
    height: 70px;
    line-height: 60px;
    padding-top: 11px;
    text-decoration: none;
    width: 320px;
}
#sitename b{font-weight:900;}

.g4.w1, .g4.w2, .g4.w3, .g4.w4, .g3.w1, .g3.w2, .g3.w3{display:block;} /* grid elements must be display:block */

.clear{clear:both;}
.clear-left{clear:left;}
.clear-right{clear:right;}
.clear-none{clear:none;}

div.clear.separator{clear:both; height:0;}

.leftie{float:left;}
.rightie{float:right;}

.g4.ml{margin-left:12px;}   /* 4 columns grid */
.g4.mr{margin-right:12px;}  /* 4 columns grid */
.g4.mt{margin-top:12px;}  /* 4 columns grid */
.g4.mb{margin-bottom:12px;}  /* 4 columns grid */
.g4.pt{padding-top:12px;}
.g4.pr{padding-right:12px;}
.g4.pb{padding-bottom:12px;}
.g4.pl{padding-left:12px;}

.g3.ml{margin-left:10px;}  /* 3 columns grid */
.g3.mr{margin-right:10px;}  /* 3 columns grid */
.g3.mt{margin-top:10px;}  /* 3 columns grid */
.g3.mb{margin-bottom:10px;}  /* 3 columns grid */
.g3.pt{padding-top:10px;}
.g3.pr{padding-right:10px;}
.g3.pb{padding-bottom:10px;}
.g3.pl{padding-left:10px;}

/*clearing frontpage button headlines for margins and padding */
.g4.pt h2{padding-top:0; margin-top:0;}
.g4.pr h2{padding-right:0; margin-right:0;}
.g4.pb h2{padding-bottom:0; margin-bottom:0;}
.g4.pl h2{padding-left:0; margin-left:0;}

/* sets margin button for frontpage button headlins */
.g4.pb h2, .g3.pb h2{font-size:120%; margin-bottom:12px;}

/* set a default background color (can be used by using class "defbg" in g4 or g3 */
.g4.defbg, .g3.defbg{background-color:#1BC3FE;}      

/* dropdown menu */
.menu{font-family:raleway; font-weight:600; position:absolute; right:0; top:74px;}       /* position menu */
.menu ul li{margin-left:5px;}               /* space/margin between menu items */

/* dj image slider */
.slider{margin-top:22px; margin-bottom:28px;}       /* space/margin according to image slider */

.pre_content_div{padding:0; margin:0; margin-bottom:12px;}
.content_div{background-color:#fff;}
.content_div .content_wrapper{padding:12px;}

/* bottom */
.moduletable.bottom{background-color:#333333; padding:10px 0 10px 0;}
.moduletable.bottom div.bottom{text-align:center; color:#8c8c8c; font-size:110%;}
.moduletable.bottom div.bottom a{color:#8c8c8c;}