/*@import url("hotBlog.php");*/
@charset "UTF-8";


* {
      margin:                 0px;
      padding:                0px;
      font-family:            Verdana, Arial, Helvetica, Sans-Serif;
      font-size:              12px;
      font-weight:            normal;
      text-align:             left;
}


BODY {
      min-width:              700px;
      background:             #FFFFFF url('../images/layout/background.png') repeat-x 0px 0px;
      color:                  #000000;
      font-weight:            normal;
      text-align:             center;
}
H1, H2, H3, H4, H5 {
      font-size:              20px;
      font-weight:            bold;
      color:                  #336699;
      background-color:       transparent;
      border-style:           solid;
      border-color:           #9DA4AC;
      border-width:           0px 0px 1px 0px;
      width:                  100%;
      max-width:              100%;
      padding:                15px 0px 0px 0px;
      margin:                 0px 0px 15px 0px;
}
H1:first-child, H2:first-child, H3:first-child, H4:first-child, H5:first-child {
      padding:                0px 0px 0px 0px;
}
H2 {
      font-size:              18px;
}
H3 {
      font-size:              16px;
}
H4 {
      font-size:              14px;
}
H5 {
      font-size:              12px;
}
A {
      text-decoration:        none;
      color:                  #336699;
      background-color:       transparent;
}
A:hover, A:focus, A:active, A.active {
      text-decoration:        underline;
      color:                  #000000;
      background-color:       transparent;
}
INPUT, TEXTAREA, SELECT {
      border:                 1px solid #000000;
      margin:                 0px;
      padding:                0px;
}


DIV#container {
      position:               relative;
      width:                  690px;
      max-width:              690px;
      height:                 712px;
      max-height:             712px;
      margin:                 14px auto 30px auto;
      overflow:               visible;
      border-width:           0px;
      background:             transparent url('../images/layout/content_background.png') repeat-y;
      background-position:    0px 115px;
      float:                  none;
      clear:                  both;
}
DIV#header {
      position:               relative;
      width:                  512px;
      max-width:              512px;
      height:                 115px;
      max-height:             115px;
      overflow:               hidden;
      border-width:           0px;
      background:             transparent url('../images/layout/header.png') no-repeat;
      background-position:    0px 0px;
      float:                  none;
      clear:                  both;
}
DIV#header IMG#headerPrint {
      display:                none;
}
DIV#header DIV#icons {
      position:               relative;
      top:                    6px;
      right:                  6px;
      width:                  47px;
      max-width:              47px;
      height:                 20px;
      max-height:             20px;
      overflow:               hidden;
      border-width:           0px;
      background:             transparent;
      float:                  right;
      clear:                  right;
}
DIV#header DIV#icons A#home, DIV#header DIV#icons A#home:link, DIV#header DIV#icons A#home:visited {
      display:                block;
      position:               relative;
      width:                  20px;
      max-width:              20px;
      height:                 20px;
      max-height:             20px;
      margin:                 0px 4px 0px 0px;
      text-decoration:        none;
      background:             transparent url('../images/icons/home.png') no-repeat;
      background-position:    0px 0px;
      float:                  right;
}
DIV#header DIV#icons A#home:hover, DIV#header DIV#icons A#home:focus, DIV#header DIV#icons A#home:active {
      background-image:       url('../images/icons/home_hover.png');
}
DIV#header DIV#icons A#blog, DIV#header DIV#icons A#blog:link, DIV#header DIV#icons A#blog:visited, A.blog, A.blog:link, A.blog:visited {
      display:                block;
      position:               relative;
      width:                  23px;
      max-width:              23px;
      height:                 20px;
      max-height:             20px;
      margin:                 0px;
      text-decoration:        none;
      background:             transparent url('../images/icons/blog.png') no-repeat;
      background-position:    0px 0px;
      float:                  right;
}
A.blog, A.blog:link, A.blog:visited {
      display:                inline-block;
      float:                  none;
}
DIV#header DIV#icons A#blog:hover, DIV#header DIV#icons A#blog:focus, DIV#header DIV#icons A#blog:active, A.blog:hover, A.blog:focus, A.blog:active {
      background-image:       url('../images/icons/blog_hover.png');
}
DIV#header DIV#icons A.hot#blog, DIV#header DIV#icons A.hot#blog:link, DIV#header DIV#icons A.hot#blog:visited {
      background-image:       url('../images/icons/blog_hot.png');
}
DIV#header DIV#icons A.hot#blog:hover, DIV#header DIV#icons A.hot#blog:focus, DIV#header DIV#icons A.hot#blog:active {
      background-image:       url('../images/icons/blog_hot_hover.png');
}
DIV#content {
      position:               relative;
      top:                    10px;
      left:                   16px;
      width:                  480px;
      max-width:              480px;
      height:                 551px;
      max-height:             551px;
      margin:                 0px 10px 10px 0px;
      overflow:               hidden;
      border-width:           0px;
      background:             transparent;
      float:                  left;
      clear:                  left;
}
DIV#content DIV.contentBlock {
      position:               relative;
      width:                  480px;
      max-width:              480px;
      margin:                 0px 0px 15px 0px;
      overflow:               hidden;
      border-width:           0px;
      background:             transparent;
      float:                  left;
      clear:                  both;
}
DIV#menu {
      position:               relative;
      display:                none;
      top:                    0px;
      left:                   16px;
      width:                  28px;
      max-width:              28px;
      height:                 30px;
      max-height:             30px;
      margin:                 7px 0px 0px 0px;
      overflow:               hidden;
      border-width:           0px;
      background:             transparent url('../images/layout/menu_background.png') no-repeat;
      background-position:    0px 0px;
      float:                  left;
      clear:                  right;
}
DIV#menu DIV#button {
      position:               relative;
      width:                  15px;
      max-width:              15px;
      height:                 15px;
      max-height:             15px;
      margin:                 6px 0px 0px 4px;
      overflow:               hidden;
      border-width:           0px;
      background:             transparent url('../images/icons/menu.png') no-repeat;
      background-position:    0px 0px;
      cursor:                 pointer;
}
DIV#menu DIV#button:hover, DIV#menu DIV#button:focus, DIV#menu DIV#button:active, DIV#menu DIV.active#button {
      background-image:       url('../images/icons/menu_hover.png');
}
DIV#menu DIV.active#button:hover, DIV#menu DIV.active#button:focus {
      background-image:       url('../images/icons/menu.png');
}
DIV#footer {
      position:               relative;
      top:                    10px;
      left:                   0px;
      width:                  512px;
      max-width:              512px;
      height:                 26px;
      max-height:             26px;
      overflow:               hidden;
      border-width:           0px;
      background:             transparent url('../images/layout/footer.png') no-repeat;
      background-position:    0px 0px;
      float:                  none;
      clear:                  both;
}
DIV#footer DIV#pagination {
      position:               relative;
      top:                    2px;
      left:                   10px;
      width:                  380px;
      max-width:              380px;
      height:                 16px;
      max-height:             16px;
      overflow:               hidden;
      border-width:           0px;
      float:                  left;
      clear:                  none;
}
DIV#footer DIV#pagination SPAN#paginationPage {
      display:                block;
      width:                  40px;
      max-width:              40px;
      height:                 14px;
      max-height:             14px;
      float:                  left;
}
DIV#footer DIV#pagination A.pagination, DIV#footer DIV#pagination A.pagination:link, DIV#footer DIV#pagination A.pagination:visited {
      display:                block;
      width:                  16px;
      max-width:              16px;
      height:                 14px;
      max-height:             14px;
      margin:                 0px 0px 0px 5px;
      overflow:               hidden;
      border:                 1px solid #9DA4AC;
      color:                  #9DA4AC;
      background-color:       transparent;
      float:                  left;
      text-align:             center;
      vertical-align:         middle;
      text-decoration:        none;
}
DIV#footer DIV#pagination A.pagination:focus, DIV#footer DIV#pagination A.pagination:hover, DIV#footer DIV#pagination A.pagination:active {
      border:                 1px solid #346799;
      color:                  #346799;
      background-color:       transparent;
}
DIV#footer DIV#pagination A.pagination#active {
      border:                 1px solid #000000;
      color:                  #000000;
      background-color:       transparent;
}
DIV#footer DIV#bookmarks {
      position:               relative;
      top:                    2px;
      right:                  8px;
      width:                  88px;
      max-width:              88px;
      height:                 16px;
      max-height:             16px;
      overflow:               hidden;
      border-width:           0px;
      float:                  right;
      clear:                  right;
}
DIV#footer DIV#bookmarks A {
      display:                block;
      position:               relative;
      width:                  16px;
      max-width:              16px;
      height:                 16px;
      max-height:             16px;
      margin:                 0px 0px 0px 8px;
      text-decoration:        none;
      background:             transparent;
      background-position:    0px 0px;
      float:                  left;
      clear:                  none;
}
DIV#footer DIV#bookmarks A#mrwong, DIV#footer DIV#bookmarks A#mrwong:link, DIV#footer DIV#bookmarks A#mrwong:visited {
      margin:                 0px;
      background:             transparent url('../images/bookmarks/mr_wong.gif') no-repeat;
      background-position:    0px 0px;
}
DIV#footer DIV#bookmarks A#mrwong:hover, DIV#footer DIV#bookmarks A#mrwong:active {
      background-image:       url('../images/bookmarks/mr_wong_hover.gif');
}
DIV#footer DIV#bookmarks A#delicious, DIV#footer DIV#bookmarks A#delicious:link, DIV#footer DIV#bookmarks A#delicious:visited {
      background:             transparent url('../images/bookmarks/delicious.gif') no-repeat;
      background-position:    0px 0px;
}
DIV#footer DIV#bookmarks A#delicious:hover, DIV#footer DIV#bookmarks A#delicious:active {
      background-image:       url('../images/bookmarks/delicious_hover.gif');
}
DIV#footer DIV#bookmarks A#favoritende, DIV#footer DIV#bookmarks A#favoritende:link, DIV#footer DIV#bookmarks A#favoritende:visited {
      background:             transparent url('../images/bookmarks/favoriten_de.gif') no-repeat;
      background-position:    0px 0px;
}
DIV#footer DIV#bookmarks A#favoritende:hover, DIV#footer DIV#bookmarks A#favoritende:active {
      background-image:       url('../images/bookmarks/favoriten_de_hover.gif');
}
DIV#footer DIV#bookmarks A#google, DIV#footer DIV#bookmarks A#google:link, DIV#footer DIV#bookmarks A#google:visited {
      background:             transparent url('../images/bookmarks/google.gif') no-repeat;
      background-position:    0px 0px;
}
DIV#footer DIV#bookmarks A#google:hover, DIV#footer DIV#bookmarks A#google:active {
      background-image:       url('../images/bookmarks/google_hover.gif');
}


DIV#boxContainer {
      position:               absolute;
      top:                    125px;
      left:                   516px;
      width:                  150px;
      max-width:              150px;
      overflow:               visible;
      border-width:           0px;
      float:                  left;
      clear:                  both;
}
DIV.box {
      position:               relative;
      top:                    0px;
      left:                   0px;
      width:                  150px;
      max-width:              150px;
      margin:                 0px 0px 10px 0px;
}
DIV#boxContainer DIV.boxHeader {
}
DIV#boxContainer DIV.boxContent {
}
DIV#boxContainer DIV.boxContent UL.menu {
      list-style-type:        none;
      padding:                5px;
}


UL.referenceList {
      list-style-type:        square;
      margin-left:            25px;
      line-height:            1.30em;
}
UL.referenceList LI:hover, UL.referenceList LI:active, UL.referenceList LI:focus {
      background-color:       #F3F3F3;
}
UL.referenceList LI SPAN.date {
      float:                  right;
      overflow:               hidden;
}
DIV.reference {
      margin:                 0px 0px 0px 25px;
      text-align:             justify;
}
TABLE.reference {
      border:                 0px;
      margin:                 10px 0px 0px 0px;
      padding:                0px;
      width:                  370px;
      max-width:              370px;
}
TABLE.reference COL.key, TABLE.reference TD.key {
      width:                  100px;
      max-width:              100px;
      font-weight:            bold;
}
TABLE.reference COL.value, TABLE.reference TD.value {
      width:                  270px;
      max-width:              270px;
      text-align:             justify;
}
TABLE.reference TD {
      vertical-align:         top;
}
A.referenceScreenshot {
      text-decoration:        none;
}
IMG.referenceScreenshot {
      border:                 0px;
      width:                  100px;
      max-width:              100px;
}