/* special-background som kunden måste ha från gamla sidan */
.ProContent {
  overflow-x:hidden; 
  overflow-y:auto; 
  clear:both; 
  background-image: url('/images/graphics/design/global/new-content.jpg'), url('/images/graphics/design/global/new-content_bg.jpg');
  background-repeat: no-repeat, repeat-y;
  background-color: white;
  padding: 25px; 
}

/* wrapper and generel stuff */
div#wrapper{
  margin-top: 0px;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  width:980px; /*** width är för att sidan ska se bra ut i IE8 och nedåt ***/
}
div#wrapper_r{
  /* 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 */
}
.logga{ display: none; }

#header_div{position:relative; height:307px; border: 0px solid #000000;
/*Firefox*/
-moz-border-top-left-radius: 11px;
-moz-border-top-right-radius: 11px;
-moz-border-bottom-right-radius: 0px;
-moz-border-bottom-left-radius: 0px;
/*Safari, Chrome*/
-webkit-border-top-left-radius: 11px;
-webkit-border-top-right-radius: 11px;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
border-top-left-radius: 11px;
border-top-right-radius: 11px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}


/* css för content sidor */

.like { position:absolute; right:0; margin-top:-13px; z-index:10; }
.likecats ul { margin:0 auto; padding:0; margin:0; list-style:none; }
.likecats li { display:inline-block; margin-right:10px; }
.likecats { float:right; margin-right:19px; }
/* .hem img { width:300px; height:auto; } */
#phocagallery h1 { padding-left:10px;}
.phocagallery-box-file:first-child { margin:0; }

.kurser table { border-spacing:0; border-collapse:collapse; width:70%; }
.kurser td { padding:5px; }
.zebraColor { background:#999; color:white; }
.zebraColor a { color:white !important; }
.kurser a { color:black; }

.pagination { overflow:auto; background:#000; padding:10px; margin-bottom:15px; }
.pagination ul { margin:0; padding:0; list-style-type:none; overflow:auto; float:left; } 
.pagination li { float:left; display:block; margin-right:5px; }
.pagination li a { background:none; color:#0092CB; position:relative; }


/*css för sifot */
.bottom_div { clear:both; height:auto; color:#fff; background:#DDCFB4; border: 0px solid #000000;
/*Firefox*/
-moz-border-top-left-radius: 0px;
-moz-border-top-right-radius: 0px;
-moz-border-bottom-right-radius: 11px;
-moz-border-bottom-left-radius: 11px;
/*Safari, Chrome*/
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 11px;
-webkit-border-bottom-left-radius: 11px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 11px;
border-bottom-left-radius: 11px;
  margin-left: 10px;
  width 960px; 
 }
.sidfot { margin: 0 auto; color:black; padding:5px 0; color:#fff; }
.sidfot ul { margin:0 ; padding:0 ;list-style-type:none; overflow:auto;}
.sidfot li { float:left; width:22%; margin-right:20px; }

/* css för loggan */
.moduletablelogga { position:relative; float:left; margin: 30px 30px 0px 30px; padding:47px 10px; background-color:#DCCFB4; border:white solid 6px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; width:91%; }
.logga img { }
.logga a { display:-ms-box; display:-webkit-box; display:flex; margin: auto; }

/* Denna classen gör att wrappen_r slutar innan bottom. (hack) */
h1, h2, h3, h4, h5 { color:#808080; }

.hide-980{display:none;} /*** för att sidan ska se bra ut i IE8 och nedåt ***/
html, body { margin:0; padding:0; }
body { background:#2F1D0C url('/images/graphics/design/global/bg.jpg')repeat-x; color:#003300; }

#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;float:left;} /* grid elements must be display:block | Added bt Felipe - float left for the footer*/

.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 */
/*.ux-menu-container { background:#9E8977; padding:12px 0px; border:solid #fff 4px; -moz-border-radius:11px; -webkit-border-radius:11px; border-radius:11px; margin-top:-20px; position:absolute; width:97%; }*/
.menu{ position:relative; margin-top: -45px; clear:both; padding:0px 30px; } 
.menu ul li { padding-left:15px; font-size: 110%; }

/* dj image slider */
.slider{ position:absolute; right:34px; top:37px;}

.pre_content_div {padding:0; margin:0; margin-bottom:12px; }
.content_div { padding:0; }
.content_div .content_wrapper { padding:0px; }

/* 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;}