@charset "UTF-8";
/* CSS Document */

body { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-image: url(img/header/bg_top.gif); overflow: -moz-scrollbars-vertical; overflow-y: scroll; background-attachment: inherit; background-repeat: repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; color: #1A1A1A; }
body img { border: 0px; }

a { text-decoration: none; color: #333333; }
a:hover { text-decoration: underline; color: #666666; }

h1 { font-family: Arial, Helvetica, sans-serif; font-size: 22px; font-weight: bold; margin: 0px 0px 4px 0px; }
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; margin: 0px 0px 0px 0px; } 

h2 a:link, h2 a:visited, h2 a:active, h2 a:hover { text-decoration: none; color: #333; }

.bold { font-weight: bold; }

#touchme { width: 900px; overflow: hidden; margin: 0px 0px 20px 150px; }
#home { position: absolute; left: 120px; top: 5px; width: 11px; height: 13px; overflow: hidden; }
#logotype { position: absolute; left: 0px; top: 28px; width: 439px; height: 169px; z-index: -2; background-repeat: no-repeat; }


/* Header */

#header { height: 23px; padding: 5px 0px 0px 0px; overflow: hidden; font-family: "lucida grande", tahoma, arial, sans-serif; font-size: 11px; color: #ffffff; text-align: center; }
#header a { color: #ffffff; text-decoration: none; }

#header1 { width: 34px; overflow: hidden; height: 19px; background-image: url(img/header/black.gif); background-repeat: repeat; margin: 0px 5px 0px 0px; padding: 4px 0px 0px 0px; float: left; cursor: pointer; line-height: }
#header1_on { width: 34px; overflow: hidden; height: 19px; background-image: url(img/header/black_on.gif); background-repeat: repeat; margin: 0px 5px 0px 0px; padding: 4px 0px 0px 0px; float: left; cursor: pointer; line-height: }
#header2 { width: 97px; overflow: hidden; height: 19px; background-image: url(img/header/red.gif); background-repeat: repeat; margin: 0px 5px 0px 0px; padding: 4px 0px 0px 0px; float: left; cursor: pointer; }
#header2_on { width: 97px; overflow: hidden; height: 19px; background-image: url(img/header/red_on.gif); background-repeat: repeat; margin: 0px 5px 0px 0px; padding: 4px 0px 0px 0px; float: left; cursor: pointer; }
#header3 { width: 55px; overflow: hidden; height: 19px; background-image: url(img/header/cyan.gif); background-repeat: repeat; margin: 0px 5px 0px 0px; padding: 4px 0px 0px 0px; float: left; cursor: pointer; }
#header3_on { width: 55px; overflow: hidden; height: 19px; background-image: url(img/header/cyan_on.gif); background-repeat: repeat; margin: 0px 5px 0px 0px; padding: 4px 0px 0px 0px; float: left; cursor: pointer; }
#header4 { width: 42px; overflow: hidden; height: 19px; background-image: url(img/header/purple.gif); background-repeat: repeat; margin: 0px 0px 0px 0px; padding: 4px 0px 0px 0px; float: left; cursor: pointer; }
#header4_on { width: 42px; overflow: hidden; height: 19px; background-image: url(img/header/purple_on.gif); background-repeat: repeat; margin: 0px 0px 0px 0px; padding: 4px 0px 0px 0px; float: left; cursor: pointer; }

#header1_on, #header2_on, #header3_on, #header4_on { color: #333333; }

#content { width: 900px; overflow: hidden; z-index: 1; }
#contentLeft { width: 220px; overflow: hidden; float: left; margin: 200px 0px 0px 0px; }
#contentRight { width: 640px; overflow: hidden; margin: 50px 0px 0px 0px; float: right; z-index: 1; }


/* Box */

.box { width: 220px; overflow: hidden; margin: 0px 0px 20px 0px; }
.boxTop { width: 220px; height: 3px; overflow: hidden; background-image: url(img/sidebar/box_top.gif); background-repeat: no-repeat; }
.boxContent { width: 190px; overflow: hidden; background-image: url(img/sidebar/box_bg.gif); background-repeat: repeat; padding: 5px 15px 5px 15px; }
.boxBottom { width: 220px; height: 6px; overflow: hidden; background-image: url(img/sidebar/box_bottom.gif); background-repeat: no-repeat; }


/* sidebar */

#sidebarIntro { width: 190px; overflow: hidden; margin: 0px 0px 10px 0px; padding: 0; }
#sidebarIntro p { margin: 0px 0px 20px 0px; }
#sidebarIntro h2 { margin: 0px 0px 10px 0px; }
#sidebarIntro a { text-decoration: none; }
#sidebarTel { width: 190px; overflow: hidden; margin: 0px 0px 10px 0px; padding: 10px 0px 10px 0px; border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5;  }
#sidebarTel h2 { font-size: 12px; font-weight: normal; }
#sidebarTel h4, #sidebarContact h4 { font-size: 12px; font-weight: normal; margin: 0px 0px 6px 0px; font-weight: bold; }
#sidebarContact { width: 190px; overflow: hidden; list-style: none; margin: 0; padding: 0; }
#sidebarContact li { }


/* blogg */

#blogg { width: 190px; overflow: hidden; }
#blogg h2 { margin: 0 0 10px; padding: 0 0 10px; border-bottom: 1px solid #e5e5e5; font-size: 14px; }
.bloggTab  { width: 190px; overflow: hidden; margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #e5e5e5; font-size: 11px; }
.bloggTitle { margin: 0 0 2px 0; overflow: hidden; }
.bloggTab a { color: #C00; }
.bloggCreator { font-weight: bold; }


/* menu */

.menu {
}
.menu a {
  border: none;
  text-decoration: none;
}

.menu .sub {
  height: 22px;
  margin: 0 0 20px;
	}
.menu .sub a {
  font-family: "lucida grande", tahoma, arial, sans-serif;
  font-size: 11px;
  display: block;
  float: right;
  width: auto;
  height: 22px;
  overflow: hidden;
  margin: 0 5px 0 0;
  padding: 0 0 0 9px;
}
.menu .sub a span {
  display: block;
  float: left;
  width: auto;
  height: 22px;
  overflow: hidden;
  margin: 0;
  padding: 0 9px 0 0;
  cursor: pointer;
  line-height: 21px;
  color: #555;
}
.menu .sub a:hover {
  background-color: #e3e4e5;
  background-position: left -44px;
}
.menu .sub a:hover span {
  color: #000;
  background-position: right -66px;
}
.menu .sub a.act, .menu .sub a:hover.act {
  
  background-position: left 0px;
}
.menu .sub a.act span, .menu .sub a:hover.act span {
  color: #fff;
  background-position: right -22px;
}

.menu .sub a.color1, .menu .sub a:hover.color1 { background-color: #1a171b; }
.menu .sub a.color2, .menu .sub a:hover.color2 { background-color: #e20044 ; }
.menu .sub a.color3, .menu .sub a:hover.color3 { background-color: #83cde1; }
.menu .sub a.color4, .menu .sub a:hover.color4 { background-color: #102559; }



/* sticker */

#sticker { width: 631px; height: 148px; overflow: hidden; margin: 0px 0px 20px 0px; padding: 16px 0px 0px 10px; background-image: url(img/posts/post1_bg.gif); text-align: left; }
#stickerLeft { width: 180px; height: 130px; overflow: hidden; float: left; margin: 0 20px 0 0; }
#stickerRight { width: 390px; overflow: hidden; float: left; margin: 0 0 0 0; }
#stickerImg { width: 620px; overflow: hidden; }
#stickerText { width: 554px; overflow: hidden; margin: 10px 20px 0px 0px; float: left; }
#stickerRight h1 { font-family: Arial, Helvetica, sans-serif; font-size: 22px; font-weight: bold; margin: 0 0 10px; }
#stickerText p { margin: 0px 0px 0px 0px; }
#stickerText a { color: #1A1A1A; text-decoration: none; }
#stickerArrow { float: right; width: 17px; height: 17px; overflow: hidden; margin: 0px 14px 0px 0px; }
.stickerColor1 { color: #1A1A1A; }
.stickerColor2 { color: #ED174F; }
.stickerColor3 { color: #70CDE3; }
.stickerColor4 { color: #0F1464; }


/* Posts */

#posts { width: 640px; overflow: hidden; border-bottom: 1px solid #ccc; margin: 0px 0px 20px 0px; padding: 0px 0px 20px 0px; }
.postsTab { width: 640px; overflow: hidden; border-top: 1px solid #e5e5e5; padding: 20px 0px 20px 0px; margin: 0px 0px 20px 0px; }
.toggle_container { width: 640px; overflow: hidden; }
.postsTabImg { width: 180px; overflow: hidden; float: left; margin: 0px 20px 0px 0px; }
.postsTabBody { width: 423px; overflow: hidden; float: left; }
.postsTabBody p { margin: 0px 0px 0px 0px; }
.postsTabBody h2 { margin: 0px 0px 10px 0px; }
.postsTabBody h2 a:hover { color: #333333; }
.postsTabIcon { width: 17px; overflow: hidden; float: left; }
.triggerDept1 { color: #000000; }
.triggerDept2 { color: #ED174F; }
.triggerDept3 { color: #70CDE3; }
.triggerDept4 { color: #0F1464; }

.postsTabLeft { width: 180px; overflow: hidden; float: left; margin: 0px 20px 10px 0px; }
.postsTabRight { width: 440px; overflow: hidden; float: left; margin: 0px 0px 10px 0px; }
.postsTabRightBody { width: 413px; overflow: hidden; float: left; }
.postsTabRightBody h4 { font-size: 11px; margin: 0 0 10px 0; font-weight: normal; }
.postsTabRightBody h2 a { margin: 0px 0px 10px 0px; }
.postsTabRightBody h2 a:hover { color: #000; }
.postsTabRightArrow { width: 27px; overflow: hidden; float: right; }

.directlink a { background-color: #e5e5e5; color: #666666; text-decoration: none; font-size: 10px; padding: 1px 3px 1px 3px; float: right; }
.directlink a:hover { background-color: #ccc; }


/* post */

#post { width: 640px; overflow: hidden; border-top: 1px solid #ccc; padding: 20px 0px 0px 0px; margin: 20px 0px 0px 0px; }
.postLeft h1 { font-family: Arial, Helvetica, sans-serif; font-size: 22px; line-height: 26px; font-weight: bold; margin: 0px 0px 20px 0px; }
.postRight { width: 180px; overflow: hidden; float: right; margin: 0px 0px 0px 20px; }
.postLeft { width: 440px; overflow: hidden; float: left; margin: 0px 0px 0px 0px; }
.postLeft h2 { margin: 0px 0px 10px 0px; }