body {
font: 69%/1.618em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
}

#wrapper {
position: relative;
width: 1060px;
padding-top: 9px;
margin: 40px auto 0 auto;
background: url('img/shadow-top.png') no-repeat 0px 21px transparent;
}

#header {
height: 135px;
}

#shadow {
margin: 0 auto;
width: 1060px;
background: url('img/shadow.png') repeat-y center top transparent;
}

#bottom-shad {
padding-bottom: 47px;
background: url('img/shadow-bottom.png') no-repeat center bottom transparent;
}

* html #wrapper, * html #shadow, * html #bottom-shad {
background: none;
}

#box {
margin: 0 auto;
width: 960px;
clear: both;
}

#logo {
float: right;
width: 150px;
height: 95px;
}

#logo a {
display: block;
width: 149px;
height: 94px;
text-indent: -9999px;
}

#lang {
position: absolute;
top: 40px;
left: 870px;
}

#lang li {
margin-right: 8px;
display: inline;
}



/*##############
##    TAGS    ##
###############*/

a:link {
text-decoration: none;
}

a:visited {
text-decoration: none;
}

a:hover {
}

p {
font-size: 1.1em;
line-height: 1.618em;
font-weight: normal;
margin-bottom: 1.618em;
}

h1, h2, h3, h4, h5 {
font-weight: normal;
}

h1 {
text-indent: -9999px;
}

h2 {
display: none;
}

h3 {
text-transform: uppercase;
font-size: 1.6em;
line-height: 2em;
}

h4 {
text-transform: uppercase;
font-size: 1.1em;
line-height: 1.6em;
letter-spacing: 2px;
}

hr {
clear: both;
visibility: hidden;
}


/*####################
##    Navigation    ##
#####################*/

#main-nav {
margin: 0 0 0 57px;
height: 59px;
}

#main-nav ul li {
float: left;
text-indent: -9999px;
list-style-type: none;
display: block;
}

#main-nav li.page-item-3 a {
background: url('img/reiter-parkett.png') no-repeat transparent 0px 0px;
display: block;
width: 112px;
height: 59px;
position: relative;
}

#main-nav li.page-item-4 a {
display: block;
width: 98px;
height: 59px;
background: url('img/reiter-information.png') no-repeat transparent 0px 0px;
}

#main-nav li.page-item-5 a {
display: block;
width: 104px;
height: 59px;
background: url('img/reiter-kontakt.png') no-repeat transparent 0px 0px;
}

#main-nav ul.en li.page-item-3 a {
background: url('img/reiter-en-parkett.png') no-repeat transparent 0px 0px;
}

#main-nav ul.en li.page-item-4 a {
background: url('img/reiter-en-information.png') no-repeat transparent 0px 0px;
}

#main-nav ul.en li.page-item-5 a {
background: url('img/reiter-en-kontakt.png') no-repeat transparent 0px 0px;
}

#main-nav li.page-item-3 a:hover, #main-nav ul.en li.page-item-3 a:hover {
background-position: 0px -59px;
}

#main-nav li.page-item-4 a:hover, #main-nav ul.en li.page-item-4 a:hover {
background-position: 0px -59px;
}

#main-nav li.page-item-5 a:hover, #main-nav ul.en li.page-item-5 a:hover {
background-position: 0px -59px;
}

#main-nav li.current_page_item a {
background-position: 0px -59px !important;
}

#nav {
text-transform: lowercase;
margin-left: 70px;
font-size: 1.1em;
line-height: 1.618em;
font-weight: normal;
width: 700px;
float: left;
}

* html #nav {
width: 650px;
}

#nav ul {
}

#nav ul li a {
padding: 0;
}

#nav ul li a:hover, #nav ul li.current a, #nav ul li.current_page_item a, #nav ul li.current_page_ancestor a {
color: white;
}

/*  2te Ebene  */


/*  Slide-Menu  */

.menu {
  position: relative;
}
.menu, .menu .toggle {
  height: 20px;
  line-height: 20px;
  margin-bottom: 5px;
}
.menu .toggle {
  padding-left: 10px;
  cursor: hand;
  cursor: pointer;
  width: 130px;
}

.menu .items {
  position: absolute;
  left: 160px;
  top: 0;
}

.menu .items ul,
.menu .items li {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.menu .items li {
  float: left;
  height: 20px;
  line-height: 20px;
  padding: 0 10px 0 0;
}
.menu .items a {
  text-decoration: none;
  font-weight: normal;
}
.menu .items a.current {
}

.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.information .menu .toggle {
width: 145px !important;
}

.information .menu .items {
  position: absolute;
  left: 175px;
  top: 0;
}




/*###################
##    Slideshow    ##
####################*/

#slideshow {
margin: 0 auto;
width: 960px;
height: 400px;
}


/*#################
##    Content    ##
###################*/

.post-imagery {
float: right;
width: 600px;
}

.post-imagery img {
margin-top: 9px;
}

.post {
float: left;
width: 295px;
}

.wide-imagery {
width: 296px !important;
}

.wide-post {
width: 600px !important;
}

.widest-post {
width: 900px !important;
}

.text #post-118, .text #post-86, .text #post-88 {
width: 100%;
}

#content {
font-size: 1.1em;
line-height: 1.618em;
text-align: center;
text-transform: lowercase;
width: 100%;
padding: 10px 0 40px 0;
}

a.trigger {
margin-bottom: 20px;
}

.toggle_container {
margin: 0 auto;
overflow: hidden;
width: 904px;
clear: both;
text-transform: none;
text-align: left;
}

#toggle_fix {
padding-top: 40px;
width: 100%;
}

.was-text {
width: 296px;
font-weight: normal;
float: left;
margin-right: 8px;
}

.infografik {
float: right;
margin-left: 8px;
margin-bottom: 8px;
width: 600px;
}

.infografik img {
float: none !important;
margin-left: 8px;
margin-bottom: 8px;
}

.trenner-visual {
padding: 9px 0;
clear: both;
}

#content ul li {
padding-left: 20px;
background: url('img/duoline/list-bullet.gif') no-repeat left center;
}

#content ul {
margin-top: 0;
margin-bottom: 1em;
}

.text-bottom {
width: 288px;
float: left;
}

.alignright {
float: right;
margin-left: 15px;
}


#content table {
margin-top: 1em;
font-size: 1em;
background: #5c5a53;
width: 100%;
}

#content table td {
vertical-align: top;
margin-bottom: 7px;
padding: 7px;
border-bottom: 1px solid #6b6962;
}

#slides ul li {
list-style-type: square;
font-size: 1.1em;
margin-left: 1.3em;
}