@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;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}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: #eee;
    font-family: verdana,helvetica,sans-serif;
    font-size: 12px;
    line-height: 16px;
}

#pagecontainer {
    position: relative;
    width: 1168px;
    margin: auto;
}
#page {
    width: 1008px;
    margin: 5px;
    background: #fff;
    min-height: 1000px;
    -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 5px rgba(0,0,0,0.15);
    position: relative;
}

.ws.grid{
  border-left: 5px solid #F1F1E7;
}

img {
  border: medium none;
  display: inline;
  position: relative;
  vertical-align: top;
}


/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid {
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
}

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

 .fs
,.ws
,.alpha {
  padding-left: 0;
}

 .fs
,.ns
,.omega {
  padding-right: 0;
}

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

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

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

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

.quad
,.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: 455px;
}

.ws {
  width: 458px;
}

.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: 976px;
}


/* calced sizes for container within grid */
.cs, .cs .container {
  width: 1008px;
}




.fs .c2{
  width: 425px; 
  width: 385px; 
}
.fs .c3{
  width: 315px; 
}
.fs .c4{
  width: 205px; 
}
.ws .c2{
  width: 221px; 
}
.ws .c3{
  width: 139px; 
}

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



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

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

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



.wild{
  width: auto;
}



#sitefoot {
    padding-top: 15px;
    width: 993px;
}



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

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

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



.layerBox {
    position: fixed !important;
    background-color: #fff !important;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3) !important;
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3) !important;
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3) !important;
    z-index: 10004 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}
.layerBox .ui-dialog-titlebar {
    background-color: #507b62;
    padding: 0 13px;
    height: 35px;
    font-size: 10px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 35px;
    text-align: left;
    position: relative;
    margin: 0;
    border: none;
}
.aBox.newsletterBox .ui-dialog-titlebar {
    color: #fff;
    background-color: #dc653c;
}
.aBox .ui-dialog-content {
    padding: 0px !important;
}

#newsletterLayerBanderol, #newsletterLayerHead {
    display: none;
}
.newsletterHead img {
    margin: 0 8px;
    position: relative;
    top: 1px;
}
.layerBox h3 {
    font-size: 20px !important;
    color: #000 !important;
    margin-bottom: 16px !important;
    line-height: 120% !important;
}
.layerBox .ui-dialog-content p, .layerBox #content p, .layerBox #loginLayer_div p {
    margin-bottom: 16px !important;
}
.newsletterBox ul {
    list-style-type: disc;
    margin-left: 20px;
}
.layerBox input[type="text"], .layerBox input[type="password"], .layerBox input[type="email"] {
    background-color: #eee;
    -webkit-box-shadow: inset 2px 3px 8px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: inset 2px 3px 8px 0px rgba(0,0,0,0.15);
    box-shadow: inset 2px 3px 8px 0px rgba(0,0,0,0.15);
    height: 34px;
    border: none;
    vertical-align: top;
    margin-top: 16px;
    padding: 0 8px;
}

.form-control {
    background: none;
    margin: 0;
    background-color: #eee;
    -webkit-box-shadow: inset 0.15em 0.28em 0.5em 0 rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0.15em 0.28em 0.5em 0 rgba(0,0,0,0.15);
    box-shadow: inset 0.15em 0.28em 0.5em 0 rgba(0,0,0,0.15);
    border: 1px solid #eee;
    vertical-align: top;
    padding: 0.5em 1em;
    font-size: 14px;
    display: inline;
    border-radius: 0px;
    width: 100%;
}