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

body{ /* body background */
    background-color: #FFFFFF;
    background-image: url("../../../images/graphics/design/global/bg.jpg");
    background-position: center top;
    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-position: right top;
    background-repeat: repeat-y;
    padding: 88px 20px 12px;
}

#header_div{    height: 78px;
    position: relative;}

#sitename{font-size:250%; line-height:60px; height:60px; width:200px; padding:0; display:block; color:white; text-decoration:none;}
#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:#fff;}      

/* dropdown menu */
.menu{     left: -5px;
    position: absolute;
    top: 40px;
    z-index: 100;}       /* 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: #FFFFFF;
    padding-top: 20px;}

.content_div .content_wrapper {
    padding-top: 12px;
    padding: 2px;
}

/* bottom */
.moduletable.bottom{    background-image: url("../../../images/graphics/design/global/bottom.png");
    bottom: 0;
    height: 50px;
    padding: 58px 0 10px;
    width: 100%;}
.moduletable.bottom div.bottom{    color: #FFFFFF;
    font-size: 100%;
    text-align: center;
    text-transform: uppercase;}
.moduletable.bottom div.bottom a{color:#000;}