body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, a {
  margin: 0;
  padding: 0;
  font-family: verdana,sans-serif;
  font-size: 13px;
}
html{
  width: 100%;
  height: 100%;
}
body{
  background-color: #f55101;
  margin: 0px;
  height: 100%;
}

span.link{
  cursor: pointer;
}

div#mainDivCenter {
  left: 50%;
  position: absolute;
  width: 1px;
  height: 100%;
  margin: 0px;
}

a, a:link, a:visited, a:active{
  color: #a44a18;
}

#main{
  width: 867px;
  height: 100%;
  left: -440px;
  position: absolute;
}
#main #logoContainerHome{
  background: url(../img/logo_outer_stroke.png) no-repeat;
  width: 680px;
  height: 191px;
  padding: 11px 0 0 11px;
  position: absolute;
  top: 189px;
  left: 96px;
  z-index: 2;
}
#main #logoContainerHome #logoColorSwap{
  background: url(../img/logo_swap_color.png) no-repeat;
  width: 655px;
  height: 167px;
}
#main #logoContainerHome #logoColorSwap a img{
  margin: 33px 0 0 33px;
  border: none;
}
#main #logoContainer{
  width: 350px;
  height: 98px;
  position: absolute;
  top: 10px;
  left: 262px;
  z-index: 2;
  margin: auto;
}
#main #logoContainer a img{
  margin: 0;
  border: none;
}

#main ul#linkContainer{
  width: 876px;
  position: absolute;
  top: 50px;
}
#main ul#linkContainer li.link{
  float: left;
  background: url(../img/box.png) no-repeat;
  width: 278px;
  height: 220px;
  margin: 0 21px 21px 0;
  list-style: none;
}
#main ul#linkContainer li.last{
  margin-right: 0;
}
#main ul#linkContainer li.bottom{
  margin-bottom: 0;
}
#main ul#linkContainer li.link div{
  margin: 30px 0 0 30px;
}
#main ul#linkContainer li.link div a img{
  border: none;
  vertical-align: bottom;
}
#main #contentBorder{
  width: 876px;
  height: 485px;
  background: url(../img/content_outer_stroke.png) no-repeat;
  top: 49px;
  position: absolute;
}
#main #contentCanvas{
  width: 816px;
  height: 425px;
  top: 30px;
  left: 30px;
  position: absolute;
}
div.spelshow{
  background: url(../img/content-spelshow.png) no-repeat;
}
div.strips{
  background: url(../img/content-strips.png) no-repeat;
}
div.tv{
  background: url(../img/content-tv.png) no-repeat;
}
div.links{
  background: url(../img/content-links.png) no-repeat;
}
div.diversen{
  background: url(../img/content-diversen.png) no-repeat;
}
div.contact{
  background: url(../img/content-contact.png) no-repeat;
}
#main #contentCanvas #content{
  margin: 40px 20px 20px 20px;
  width: 776px;
  height: 365px;
  overflow: auto;
  color: #a44a18;
}

div#absurd{
  position: absolute;
  bottom: 9px;
  left: 8px;
  width: 47px;
  height: 47px;
}
div#absurd a img{
  border: 0px none #000;
}


/* tabs */
#main #contentCanvas #content.tab{
  overflow: hidden;
  margin: 40px 0px 0px 10px;
  height: 385px;
}
#main #contentCanvas #content.tab #linksBackGr{
  margin-left: 27px;
  background: url(../img/tabContentBorder.png) repeat-y;
  width: 756px;
  height: 341px;
}
#main #contentCanvas #content.tab #linksBackGr #linksContainer{
  width: 716px;
  height: 341px;
  overflow: auto;
}
#main #contentCanvas #content.tab #tabsArea #tabBar{
  margin: 0 23px;
  height: 44px;
  width: 691px;
  background: url(../img/tabTopTile.png) repeat;
}
#main #contentCanvas #content.tab #tabsArea{
  margin-left: 27px;
  height: 44px;
  width: 756px;
}
#main #contentCanvas #content.tab #tabsArea #tabBar #tabContainer{
  float: right;
  margin-right: 7px;
}
#main #contentCanvas #content.tab #tabsArea #tabBar a:visited #tabContainer{
  float: right;
  margin-right: 7px;
  
}
#main #contentCanvas #content.tab #tabsArea #tabBar #tabContainer div.tab{
  height: 27px;
  width: 150px;
  margin-left: 3px;
  padding: 5px 0 0 0;
  float: left;
  cursor: pointer;
  font-weight: bold;
  text-align: center;
}
#main #contentCanvas #content.tab #tabsArea #tabBar #tabContainer a div.tab{
  text-decoration: none;
}
#main #contentCanvas #content.tab #tabsArea #tabBar #tabContainer div.tab.selected{
}
#mediaContainer{
  display: none;
  position: absolute;
  background: url(../img/wait.gif) no-repeat center center #fbbe05;
  z-index: 10000;
  color: #a44a18;
  font-weight: bold;
}
#mediaContainer #close{
  display: block;
  margin: 20px 20px 20px 0;
  float: right;
  cursor: pointer;
}
#mediaContainer div#media{
  margin: 20px 20px 30px 20px;
}
#mediaContainer div#media img{
  cursor: pointer;
}

/* spelshow */
#main #contentCanvas.spelshow #images{
  text-align: center;
}
#main #contentCanvas.spelshow #images img{
  vertical-align: top;
  margin-left: 15px;
}
#main #contentCanvas.spelshow #images img.first{
  margin-left: 0px;
}

/* strips */
#main #contentCanvas.strips #content{
  font-weight: bold;
}
#main #contentCanvas.strips #content img{
  cursor: pointer;
  margin-top: 4px;
}

/* tv (tabs) */
#main #contentCanvas.tv #content #tabsArea{
  background: url(../img/tabTopCorners-tv.png) no-repeat;
}
#main #contentCanvas.tv #content #tabsArea #tabBar #tabContainer div.tab{
  background: url(../img/tab-tv-close.png) no-repeat;
}
#main #contentCanvas.tv #content #tabsArea #tabBar #tabContainer div.tab.selected{
  background: url(../img/tab-tv.png) no-repeat;
}
#main #contentCanvas.tv #content #linksBackGr #linksContainer div{
  float: left;
  margin: 0 5px 5px 20px;
  width: 150px;
  height: 146px;
  font-weight: bold;
}
#main #contentCanvas.tv #content #linksBackGr #linksContainer div a{
  text-decoration: none;
}
#main #contentCanvas.tv #content #linksBackGr #linksContainer div img{
  border: none;
}
#main #contentCanvas.tv #content #linksBackGr #linksContainer div img.link{
  cursor: pointer;
}

/* links */
#main #contentCanvas.links #content #linksBackGr{
  margin-left: 55px;
}
#main #contentCanvas.links #content #linksBackGr #linksContainer div{
  float: left;
  margin: 0;
  width: 169px;
  height: 146px;
}
#main #contentCanvas.links #content #linksBackGr #linksContainer div a{
  text-decoration: none;
}
#main #contentCanvas.links #content #linksBackGr #linksContainer div a:link{
  font-weight: bold;
}
#main #contentCanvas.links #content #linksBackGr #linksContainer div img{
  border: none;
}

/* diversen (tabs) */
#main #contentCanvas.diversen #content #tabsArea{
  background: url(../img/tabTopCorners-diversen.png) no-repeat;
}
#main #contentCanvas.diversen #content #tabsArea #tabBar #tabContainer div.tab{
  background: url(../img/tab-diversen-close.png) no-repeat;
}
#main #contentCanvas.diversen #content #tabsArea #tabBar #tabContainer div.tab.selected{
  background: url(../img/tab-diversen.png) no-repeat;
}
#main #contentCanvas.diversen #content #linksBackGr #linksContainer div{
  float: left;
  margin: 0 5px 5px 20px;
  width: 150px;
  height: 146px;
  cursor: pointer;
  font-weight: bold;
}
#main #contentCanvas.diversen #content #linksBackGr #linksContainer div a{
  text-decoration: none;
}
#main #contentCanvas.diversen #content #linksBackGr #linksContainer div img{
  border: none;
}

/* contact */
#main #contentCanvas.contact #content #profileContainer div.profile{
  width: 770px;
  clear: both;
  margin-bottom: 10px;
  float: left;
}
#main #contentCanvas.contact #content #profileContainer div.profile .photoNameEmail{
  float: left;
  width: 290px;
  font-size: 14px;
}
#main #contentCanvas.contact #content #profileContainer div.profile .photoNameEmail a{
  font-size: 14px;
}
#main #contentCanvas.contact #content #profileContainer div.profile .photoNameEmail span.nameEmail{
  display: block;
  margin-top: 10px;
}
#main #contentCanvas.contact #content #profileContainer div.profile .text{
  margin-top: 10px;
  width: 470px;
  float: right;
  text-align: right;
  vertical-align: sub;
  color: #fbc84d;
  font-size: 14px;
}
#main #contentCanvas.contact #content #profileContainer div.profile .photoNameEmail img.profile{
  float: left;
  margin-right: 11px;
}
#main #contentCanvas.contact #content #contactData{
  width: 206px;
  height: 65px;
  background: url(../img/contact/data.png) no-repeat 0 0;
  position: absolute;
  right: 18px;
  bottom: 18px;
  font-size: 12px;
}
#main #contentCanvas.contact #content #contactData span.text{
  margin: 8px 0 0 10px;
  display: block;
  float: left;
}
#main #contentCanvas.contact #content #contactData span.address{
  margin: 8px 0 0 5px;
  display: block;
  float: left;
}

