/* -------------------------------------------------------------- 
  
   magowama Screen Style
   * by nckck.com
   * uses parts of boilerplate and 960.gs
   
-------------------------------------------------------------- */


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



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

body, html {
	background: #000;
	background-image: url(../img/bg.png);
	color: #fff;
	padding: 0px 0 40px;
}

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


a {
  color: white;
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
}

li {
	margin-left: 1.2em;
	padding: 0.2em 0;
}

/* Menu
------------------------*/

#menu {
  background: black;
  border-bottom: 1px solid #393939;
}

#menu div {
  padding: 20px;
}

#menu .logo {
  padding-top: 40px;
  height: 50px;
  white-space: nowrap;
  overflow: hidden;
}

#menu .logo img {
  margin-right: 15px;
}

#menu .menu ul {
  margin: 0px 0 30px 0;
  list-style-type: none;
}

#menu .likeboxwrap {
width:259px;
height:75px;
overflow:hidden;
padding: 0;
}
#menu .likeboxwrap iframe {margin:-2px; background-color: black;}

#menu li {
  margin: 0;
  padding: 0 10px 0 0;
}

#menu a {
  text-decoration: none;
}

.adresse {
	color: #393939;
}


/* Intro
------------------------*/

.intro {
  padding-top: 70px;
  text-align: center;
}

.intro img {
  margin: 20px;
}

.intro .specialcontent {
  text-align: left;
  margin-top: 40px;
}


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

.column {
  background: black;
  border-bottom: 1px solid #393939;
  margin-bottom: 55px;
}

.column .fb {
    margin: 0 20px 20px 20px;
}

.column .content {
  padding: 54px 20px 20px;
}

.white {
  background: white;
  color: black;
  overflow: hidden;
}

.white .csc-header, .white p.bodytext {
  padding-left: 20px;
  padding-right: 20px;
}

.white .content {
  padding: 50px 0 20px 0;
  overflow: hidden;
}

.prod {
  padding-top: 55px;
  padding-bottom: 60px;
}

.prodgroup {
  padding-top: 50px;
  padding-bottom: 60px;
  overflow: auto;
  width: 620px;
  white-space: nowrap;
}

.prodgroup img {
  margin: 0 20px 0 0;
}

.prod img {
  margin: 0 0 20px;
}

div.white .csc-textpic-image {
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding: 0;
}

.white .content .csc-textpic-caption {
	padding: 7px 10px 20px 10px;
}

.links span, .events span {
	display: block;
}

.links p, .events p {
	margin: 0;
}

.events .desc, .links span {
	color: #ccc;
	border-bottom: 1px dotted #888;
	padding: 3px 0 5px;
	margin-bottom: 15px;
}

.column .content table {
	width: 100%;
}

.column .content thead th {
	padding-top: 20px;
}

.column .content tr {
	padding: 0;
	margin: 0;
}

.column .content td {
	padding: 3px;
	margin: 0;
}
.column .content p {
	padding: 0;
	margin: 0;
}

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

#footer {
  position: fixed;
  bottom: 0px;
  left: 50%;
  width:960px;
  height: 55px;
  margin-left: -490px;
	clear: both;
	padding: 3px 0 0 10px;
	font-size: 90%;
}

#footer .breadcrumb, #footer .copyright, #footer .menu {
  background: black;
  border-top: 1px solid #393939;
  height: 55px;
}

#footer .breadcrumb div, #footer .copyright div, #footer .menu div {
  padding: 10px;
}

#footer .copyright div {
  color: #393939;
  text-align: right;
}

#footer a {
	color: #a1a1a1;
}

#footer .breadcrumb ol, #footer .menu ol {
  list-style: none outside;
}

#footer .breadcrumb ol li:first-child:before {
  content: "";
}

#footer .breadcrumb li:before {
  content: "\0020 \0020 \0020 \00BB \0020";
}

#footer .breadcrumb li, #footer .menu li {
  float: left;
  margin: 0;
  padding: 0 5px 0 0;
}

#footer .menu li {
  padding: 0 15px 0 0;
}