@CHARSET "UTF-8";

/* meyerstyle reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

body {
  background-color: #FFFFFF;
  font-size: 11px;
  font-family: Arial,Sans-Serif;
}

.page {
  width: 775px;
  background: url(img/bg-left-grid_old.png) repeat-y scroll right 0;
  line-height: 1;
}

h2 {
  color: #FFFFFF;
}



/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid {
  display: inline;
  float: left;
  position: relative;
  margin-left: 4px !important;
  margin-right: 3px !important;
  z-index:0;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

 .fs
,.alpha {
  margin-left: 0;
}

 .fs
,.ns
,.omega {
  margin-right: 0 !important;
}

/* breiten definitionen fuer grid (calced)
----------------------------------------------------------------------------------------------------*/

 .single
,.grid_1 {
  width: 40px;
}

 .double
,.grid_2 {
  width: 95px;
}

 .triple
,.grid_3 {
  width: 150px;
}

.grid_4 {
  width: 205px;
}

.grid_5 {
  width: 260px;
}

 .ns
,.grid_6 {
  width: 300px;
}

.grid_7 {
  width: 370px;
}

.grid_8 {
  width: 425px;
}

.grid_9 {
  width: 480px;
}

 .ws
,.grid_10 {
  width: 459px !important;
}

.grid_11 {
  width: 590px;
}

.grid_12 {
  width: 645px;
}

.grid_13 {
  width: 700px;
}

.grid_14 {
  width: 755px;
}

.grid_15 {
  width: 810px;
}


.grid_16 {
  width: 865px;
}

.fs{
  width: 775px;
}


/* calced sizes for container within grid */
.fs .c2{
  width: 425px; 
}
.fs .c3{
  width: 315px; 
}
.fs .c4{
  width: 205px; 
}
.ws .c2{
  width: 214px !important; 
}
.ws .c3{
  width: 139px; 
}

.ns .c2{
  width: 140px; 
}
.ns .c3{
  width: 40px; 
}



/***************************
  * non calced stuff below *
  **************************/ 

.c1{
  width:100%;
}
 .module
,.container{
	float: left;
}
.omega{
	margin-left: 15px !important;
}
.ws .c3{
  margin-left: 0px;
  margin-right: 1px;    
}
.ws .c3.omega{
  margin-left: 15px;
  margin-right: 0;    
}

.ns .c2{
  margin-left: 0;
  margin-right: 0;    
}
.ns .c2.omega{
  margin-left: 16px;
  margin-right: 0;    
}



.wild{
  width: auto;
}







/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}