/* --------------------------------------------------------------

clubmate Screen Style
* by nckck.com
* uses parts 960.gs

-------------------------------------------------------------- */


@import "reset.css";
@import "text.css";
@import "960.css";



/* Page
------------------------*/

body, html {
  background-image: url(../img/bg.jpg);
  background-position: center top;
  background-color: #ee9b09;
  color: #000;
}

html {
    overflow: -moz-scrollbars-vertical;
}

a {
color: #DB2117;
text-decoration: underline;
}

a:hover {
text-decoration: none;
}

.wrapper {
  margin-left:auto;margin-right:auto;width:960px;
  background-image: url(../img/clubmate_splash.gif);
  background-repeat: no-repeat;
  background-position: 20px top;
}

.clearer {
  clear: both;
  margin: 0; padding: 0; line-height: 0; height: 0;
}

.clearer.start {
  clear: both;
  height: 100px;
  margin: 0; padding: 0; line-height: 0;
}

/* Header
------------------------*/

.logo {
	margin-top: 15px;
	margin-bottom: 15px;
}

.twitter {
	overflow: hidden;
	height: 360px;
}

/* menu
------------------------*/

.menuwrapper {
    z-index: 99;
}

.menu {
  float: left;
  height: 57px;
}

.menu a, .menu a .hover {
  background-image: url(../img/menu.gif);
  background-repeat: no-repeat;
  background-position: center top;
  position: relative;
  display: block;
  width: 100px;
  height: 57px;
  line-height: 12em;
  overflow: hidden;
}

.menu a .hover {
  position: absolute;
  left: 0;
  top: 0;
}

.menu.wasistclubmate a {
  width: 217px;
  background-position: 0px 0px;
}
.menu.wokriegichs a {
  width: 150px;
  background-position: -217px 0px;
}
.menu.kontakt a {
  width: 84px;
  background-position: -367px 0px;
}
.menu.cola a {
  width: 122px;
  background-position: -451px 0px;
}

.menu.wasistclubmate a .hover, .menu.wasistclubmate.active a {
  width: 217px;
  background-position: 0px -58px;
}
.menu.wokriegichs a .hover, .menu.wokriegichs.active a {
  width: 150px;
  background-position: -217px -58px;
}
.menu.kontakt a .hover, .menu.kontakt.active a {
  width: 84px;
  background-position: -367px -58px;
}
.menu.cola a .hover, .menu.cola.active a {
  width: 122px;
  background-position: -451px -58px;
}

/* Content
------------------------*/

.main h1 {
    margin: 1em 0 0.1em 0;
    font-size: 1.5em;
}

.main h2 {
    margin: 1em 0 0.1em 0;
    font-size: 1.2em;
}

.main div.content {
    margin-top: 20px;
    background-color: black;
    background-image: url(../img/bg_content.gif);
    background-repeat: repeat-x;
    color: white;
    padding: 20px 0 40px 0;
}

.main .csc-content {
    padding: 0 20px;
}

.main .csc-content .columns {
    margin: 0 -20px;
}

.main .columns .csc-textpic {
    padding-top: 30px;
}
.csc-textpic-clear {
    clear: both;
}

/* Footer
------------------------*/

.footer {
    font-size: 0.9em;
    padding: 10px 0;
    margin: 10px 0;
}

.footer .grid_8 {
    margin-bottom: 20px;
}