/* -----------------------------------*/
/* ------ SITE: www.epss.se ----------*/
/* ---------- CSS Author: F ----------*/
/* ---------- (c) ShopSetup ----------*/
/* -----------------------------------*/


/* -----------------------------------*/
/* ----------->>> GENERAL <<<---------*/
/* -----------------------------------*/

body { margin: 0; padding: 0; background: #434343 url(../img/body_background.jpg) no-repeat center bottom; background-attachment:fixed; font-family: times, "Times New Roman", times-roman, georgia, serif; font-size: 14px; color: #444;  }
img { border: none; outline: none; }
a { text-decoration: none; outline: none; color: #fff; }

/* -----------------------------------*/
/* --------->>> TYPOGRAPHY <<<--------*/
/* -----------------------------------*/

h1 { font-family: times, "Times New Roman", times-roman, georgia, serif; font-size: 28px; line-height: 40px; letter-spacing: -1px; margin:0; padding: 0; font-weight:lighter; border-bottom: 1px solid #cacaca;  }
h2 { font-family: times, "Times New Roman", times-roman, georgia, serif; font-size: 26px; line-height: 40px; letter-spacing: -1px; margin:0; padding: 0; font-weight:lighter; border-bottom: 1px solid #cacaca;  }
h3 { font-family: times, "Times New Roman", times-roman, georgia, serif; font-size: 22px; line-height: 140%; letter-spacing: -1px; margin:0; padding: 0; font-weight: 100;  }
h4 { font-family: times, "Times New Roman", times-roman, georgia, serif; font-size: 18px; margin:0; padding: 0; font-weight: 700;  }
h5 { font-family: times, "Times New Roman", times-roman, georgia, serif; font-size: 22px; margin:0 0 0 10px; padding: 0; font-weight:100;  }
p {font-family:"Times New Roman", Times, serif; font-size:1.1em; line-height:140%; color:#444; font-weight:100;}

/* -----------------------------------*/
/* --------->>> PLACEMENT <<<---------*/
/* -----------------------------------*/

/* ----- CONTENT ----- */
#container { width: 980px; background-color:#fff; margin: auto; }

/* ----- HEADER ----- */
#header {margin:0 0 3px 0; color:#fff; }
#headImgWrapper, #headImgWrapper2,  #headImgWrapper3, #headImgWrapper4, #headImgWrapper5  { float:left; width:652px; height:319px; }
#headImgWrapper { background: url(../img/header.jpg) no-repeat;}
#headImgWrapper2 { background: url(../img/header_lillo.jpg) no-repeat;}
#headImgWrapper3 { background: url(../img/header_om_eps.jpg) no-repeat;}
#headImgWrapper4 { background: url(../img/header_uanslag.jpg) no-repeat;}
#headImgWrapper5 { background: url(../img/header_ansokan.jpg);}
#headImgWrapper6 { background: url(../img/mockpattern.jpg);}

#header ul { text-align:right; float:right}
#header li { height:63px; width:327px; background:#6a7b78; display:block; border:solid #fff; border-width:0 0 1px 0;}
#header ul li a { display:block; height:63px; line-height:63px; padding:0 20px; color:#fff; font-size: 13pt; font-weight: 100; text-transform:uppercase; letter-spacing:0.8px  }
#header ul li a:hover { background:#818c82; }

#currentMenu {background:#818c82}

/* ----- KOLUMNER ----- */
#columnWrapper {padding: 5px 0; margin:0; background: url(../img/cB_main_ptrn_bckg2.gif);}
#columnWrapper a { color: #333; font-style:oblique }
#columnWrapper a:hover { text-decoration:underline;}
#columnWrapper h1, h2 { margin-bottom:5px; font-style: oblique;}
#columnWrapper h1 { margin-bottom:20px;}
#columnWrapper h1, h2, h3, h4, p, td { padding:0 10px; }
.leftCol, .middleCol, .rightCol { width: 320px; float:left; color:#444; font-size:.9em; background-color:#f2f2f2; height:380px; line-height:1.6em}
.leftCol a, .middleCol a {text-transform: uppercase; color: #333; font-size: 11px; display:block; text-align:right;} 
.leftCol h2, .middleCol h2 {margin-bottom:15px;} 
.leftCol { margin: 0 5px 0 5px; }

.middleCol { margin: 0 0 0 0; }

.rightCol { margin: 0 0 0 5px; padding-bottom:0px; }
.rightCol img {margin:15px 0 3px 0;}
.rightCol p {padding:0 0 15px 0}

.doubleCol {width: 645px; float:left; color:#444; font-size:.9em; background-color:#f2f2f2; margin-left:5px;}
.doubleCol p {margin:5px 0 20px 0; line-height:180%; }

.innerPadCol {padding:0 15px; position:relative;}
.innerPadCol ul {margin:0px 25px 20px 25px; font-size:1.2em; }

#innerPadCol {padding:0 15px; position:relative;}
#innerPadCol ul {margin:0px 25px 20px 25px; font-size:1.2em; }

.tableWrapper table  { border-collapse: collapse; width:100%;}
.humaniora tr:hover  { background:#d2d6d2;}
.genetik tr:hover  { background:#d8d3d8;}
.gentik td, humniora td {vertical-align:top; text-align:left; line-height:130%; }
.genetik h3, .humaniora h3 {margin:0; padding:0; font-size:1.5em;}
.cWidth1 {width:25%}
.cWidth2 {width:40%}
.cWidth3 {width:15%}


/* ----- BOTTOM ----- */
#constantBottom { line-height:140%; color:#666; font-size:.95em}
#constantBottom h3{ margin: 0 0 3px 0; text-transform: uppercase; padding:0 }
#constantBottom div { position: relative; padding:10px 15px 5px 15px; }
#constantBottom li { line-height: 130%; }
#constantBottom a { color: #333; }

#cB_3Col { margin: 5px 0 0 0;}
#cB_3Col ul { margin: 10px 0;}
#cB_3Col img {float:right; margin: 0 0 10px 10px}

div#bottomNavigation {margin:20px 0 0 0; padding:0;}
#bottomNavigation p{float:left; font-size:10px; margin:0; padding:0; text-transform:uppercase; }
#bottomNavigation a{color:#666;}
#bottomNavigation a:hover{ text-decoration:underline}
.bNavSpacer {width:10px; text-align:center;}

/*----- PDF INFORMATION ------*/
div#pdfInfoContainer {float:right; position:relative; width:399px; height:149px; background:url(../img/pdf_background2.png) no-repeat; margin:0 0 0 10px; border:1px solid #eaeaea; padding:0}
#pdfInfoText {position:absolute; top:20px; left: 175px; color:#777; width:170px; font-size:0.9em; padding-left:30px;}
#pdfInfoText a {font-size:0.9em;}

/* ----- FOOTER ----- */
#footer { padding: 15px 25px; font-size:0.7em; text-transform: uppercase; background-color:#3d4346;  }
#footer p { margin: 0; padding: 0; font-size: .9em; color:#f0f0f0}
#footer a { color:#eaeaea; }


#bottomReflection {width: 980px; height:60px; background:#4d5457/* url(../img/bottom_reflection.jpg) no-repeat*/; margin:0; padding:0; }
/* -----------------------------------*/
/* ----->>> GENERELLA .CLASS <<<------*/
/* -----------------------------------*/

.ingress {margin-bottom:5px; font-style: oblique;  font-weight:700}
.highlight { color: fuchsia; }
.fLeft { float:left; }
.fRight { float:right; }
.mImgLeft { margin:5px 10px 10px 0; }
.mImgRight { margin: 0 0 10px 10px; }
.cBildText {font-size:0.95em; color:#777; text-align:left}
.cHeightAuto {height:auto}
.theTitle {text-transform:uppercase}

.cBorder { border:1px solid #8d8d8d; }
.cBorderTB { border:solid #8d8d8d; }
.cBorderR { border:solid #8d8d8d;border-width:0 1px 0 0; }

.cBckg_1 {background: url(../img/cB_Left_bckg.gif);}
.cBckg_2 {background: url(../img/cB_Middle_bckg.gif);}
.cBckg_3 {background: url(../img/cB_Right_bckg.gif);}
.cBckg_4 {background: url(../img/cB_lightgrey_bckg.gif);}



.cIndrag { margin-left:15px; margin-top:2px; }
.cCenter { margin: 0 auto; }
.cSmallMsg { color:#fff; font-size:12px; line-height: normal; }

.cMarginB {margin-bottom:10px;}

.cBottomRight {text-align:right; margin-top:20px; padding-top:20px;}
.cStyled-table { margin-bottom:30px; }
.cStyled-table td { padding:10px; vertical-align:top; font-size:1.1em; }
.cTypeBigger1 {font-size: 1.1em; font-weight:bold;}

/* Arkiv anlag */
ul#anslagsarkiv {margin:0 0 0 10px; padding:0 0 25px 0; }
ul#anslagsarkiv li { list-style: disc; list-style-position: inside;}
ul#anslagsarkiv li a {font-size:14px; font-style: normal;}