/***************************/
/* POSITIONING & DIMENSION */
/***************************/

/* width */

html,
body,
.header,
.swfheader
{
  width: 100%;
}

.main
{
  width: 950px;
}

.content
{
  width: 780px;
}

.intro {
  max-width: 700px;
}

.navi
{
  width: 130px;
}

.wm
{
  width: 57px;
}

.filter-img
{
  width: 2.5em;
}

.filter-row
{
  width: 700px;
}

.twocolteaser-text,
.onecolteaser
{
  width: 241px; /* 259px - 18px */
}

.onecolteaser p {
  width: 211px; /* 259px - 18px */
}

.twocolteaser
{
  width: 459px; /* 477px - 18px */
}

/* height */

.filter-img
{
  height: 2.5em;
}

html
{
  height: 100%;
}

#swfcontainer
{
  height: 139px;
}


.header
{
  height: 161px;
}


.wm
{
  height: 48px;
}


/* display */

.navi,
.wm,
.block
{
  display: block;
}

.filter-tag
{
  display: inline;
}


/* overflow */

.onecolteaser,
.twocolteaser
{
  overflow: hidden;
}

/* float */

.navi,
.content,
.onecolteaser,
.twocolteaser-text,
.twocolteaser-img,
.filter-img,
.filter-row,
.filter-tag,
.collection-img
{
  float: left;
}

.clear
{
  clear: both;
}

/* position */

#lang-de,
#lang-uk
{
  position:  absolute;
}

/*
.Xonecolteaser-more
{
  position: relative;
}
*/

.header,
.navi,
.wm
{
  position: fixed;
}

/* top */

.header
{
  top: 0px;
}

.navi
{
  top: 200px;
}

#lang-de,
#lang-uk
{
  top: 139px;
}


/* left */

.header,
.navi
{
  left: 0px;
}

.main
{
   padding-left: 165px; 
}

#lang-de
{
  left: 845px;
}

#lang-uk
{
  left: 883px;
}

/*
.Xonecolteaser-more
{
  left: -4px;
}
*/

.wm
{
  right: 50px;
}

/* bottom */

.wm 
{
  bottom: 30px;
}

.header
{
  z-index: 2;
}

/* margins, padding */ 


/* right */ 

.navi
{
  margin-right: 35px;
}

.onecolteaser,
.twocolteaser,
.twocolteaser-img
{
  margin-right: 18px;
}

.filter-tag,
.filter-img
{
  margin-right: 2px;
}

.collection-img
{
  margin-right: 5px;
}


/* top */

.main
{
  padding-top: 200px;
}


.space-before
{
  margin-top: 0.7em;
}

.one-row-before,
.imagescollection
{
  margin-top: 1em;
}


.two-rows-before
{
  margin-top: 2em;
}


.filter-img
{
  margin-top: 2px;
}

p
{
  margin-top: 1em;
}

p:first-child
{
  margin-top: 0px !important;
}


/* bottom */


.content
{
  margin-bottom: 25px;
}

.twocolteaser
{
  margin-bottom: 3em;
}

.one-row-after
{
  margin-bottom: 1em;
}

.filter
{
  xmargin-bottom: 3.5em;
}
.cases-list
{
  margin-top: 3.5em;
}

h1,
h2,
h3
{
  margin-bottom: 0.3em;
}

.collection-img
{
  margin-bottom: 5px;
}


/* padding */

.nav,
.nav-disabled,
.nav-active
{
  Xpadding-top: 2px;
}

.one-row-before-pad
{
  padding-top: 1em;
}


.nav,
.nav-active,
.nav-disabled,
.filter-tag-a,
.filter-tag-a-active
{
  padding-right: 5px;
}

/*
.nav,
.nav-disabled,
.nav-active
{
  Xpadding-bottom: 2px;
}
*/

.filter-tag-a,
.filter-tag-a-active
{
  padding-left: 5px;
}


.nav,
.nav-active,
.nav-disabled,
.nav-disabled
{
  padding-left: 20px;
}


/* align */

/* text-align */

/* vertical-align */


/*********/
/* COLOR */
/*********/

/* color */ 

h1,
h2,
h3,
.nav-active,
.nav-disabled,
.nav:hover,
.filter-tag-a-active,
a.filter-tag-a:hover,
a.onblack,
a.onblack:hover,
a.onblack:visited
{
  color: #d6da33;
/* hellgruen */
}

.lnk,
.lnk:hover,
.lnk:visited
{
  color: #99aa00;
}


.filter-tag-a
{
  color: #747577
}

.intro
{
  color: #666666;
}

body,
.Xtwocolteaser-more
{
  color: #000000;
  /*  */
}

a.filter-tag-a-active:hover,
.nav,
.nav-disabled
{
  color: #ffffff;
/*  */
}

/* border-color */

.onecolteaser-img,
.twocolteaser-img,
.collection-img
{
  border-color: grey;
}



/* background-color */

.onblack,
.nav,
.nav-active,
.nav:visited,
.Xonecolteaser-more,
.filter-img,
.filter-tag-a-active
{
  background-color: #000000;
}

.filter-tag-a {
  background-color: #aeaeae;
}

.nav-disabled,
.filter-tag-a
{
  background-color: #a1a1a1;
}

body
{
  background-color: #ffffff;
/*  */
}


/***************/
/* FONT & TEXT */
/***************/

/* font-familiy */

body
{
/*   font-family: "Avenir LT" "Avenir LT Book", "Avenir LT Std", "Avenir LT Std 45 Book", AvenirLTStd-Book, AvenirLTStd, Avenir, Arial, Helvetica, sans-serif; */
   /* */
     font-family: "museo-sans-1","museo-sans-2",sans-serif;
/*     font-weight: 300;  */
}

h1,
h2,
h3,
strong,
.intro
{
/*   font-family: "Avenir LT Black", "Avenir LT Std Black", "Avenir LT Std 95 Black", "Avenir-Black", "Avenir LT", Avenir, Arial, Helvetica, sans-serif; */
   /* */

   font-family: "museo-sans-1","museo-sans-2",sans-serif;
/*   font-weight: 700 !important; */
}

/* font-variant */

/* font-style */

/*
.onecolteaser-more,
.twocolteaser-more
{
   font-style: italic;
}
*/

/* text-decoration */

/* font-weight */

body 
{
  font-weight: 300;
/*  font-weight: 700; */
}

.nav {
  font-weight: 500;
/*  font-weight: 700;*/
}

strong,
.intro,
.Xonecolteaser-more,
.Xtwocolteaser-more,
.nav-active,
.filter-tag-a,
.filter-tag-a-active,
h1,
h2,
h3
{
  font-weight: 700 !important;
  /* */
}


/* font-size */

h1,
h2
{
  font-size: 30px;
  /* */
}

h3
{
  font-size: 17px;
  /* */
}

.intro
{
  font-size: 16px;
  /* */
}

body
{
  font-size: 14px;
  /* */
}




/* line-height */


h1,
h2
{
  line-height: 1.3em;
  /* */
}

h3
{
  line-height: 1.3em;
}

body,
.intro
{
   line-height: 19px;
  /* */
}

.nav,
.nav-disabled,
.nav-active
{
  line-height: 16px;
}


/*****************************/
/* BACKGROUND (ausser color) */
/*****************************/

/* background-image */

Xh2 span
{
   background-image:url(/img/underline-space.png);
}


body
{
   background-image:url(/img/bg-verlauf.png);
}

.header {
  background-image:url(../img/fallback_en.jpg);
  background-repeat: no-repeat;
}

.filter-img
{
   background-image:url(/img/filter-icon-bg.png);
}

.wm {
  background-image:url(/img/wm.png);
}


/* background-repeat */

.filter-img
{
   background-repeat: no-repeat;
}

body
{
   background-repeat: repeat-x;
}

/* background-position */

.filter-img
{
  background-position: center;
}

body
{
   background-position: top;
}

/* background-attachment */

body
{
  background-attachment: fixed;
}


/*************************/
/* BORDER (ausser color) */
/*************************/

/* border-width */

.onecolteaser-img,
.twocolteaser-img,
.collection-img
{
  border-width: 1px;
}

/* border-style */

.onecolteaser-img,
.twocolteaser-img,
.collection-img
{
  border-style: solid;
}

/* border-collapse */

/********************************************/

.header {
  background-color: black;
}