/* Body and layout */

html {
  height: 100%; width: 100%; overflow-x:hidden;
}
body {
  background: #f2f2f2 url(../images/body.gif) top repeat-x; position: relative; height: auto; width: 100%; min-height: 100%; color:#445257; overflow-x:hidden; font-family:Helvetica, Arial, sans-serif; 
}
.container {
  background: #fff; border-left: 15px solid #fff; width: 925px; padding-bottom: 50px; position: relative; padding-top: 18px;
}
.stripe {
  background: url(../images/zweitag_footer_green_exp.png) bottom repeat-x; height: 130px; position: absolute; width: 100%; bottom: 0; left: 0; z-index: 5000; margin: 0; padding: 0;
}
.stripes {
  background: url(../images/zweitag_footer_stripes.png) bottom right no-repeat; height: 130px; width: 100%;
}

/* Navigation */
#navigation {
  list-style: none; height: 4.5em; margin-left: 0; padding-top: 1.5em;
}
#navigation .logo a {
  position: absolute; height: 77px; width: 229px; background: url(../images/zweitag_logo.jpg) no-repeat; top: 28px; left: 15px; text-indent: -5000em; outline: none;
}
#navigation .logo a:hover, #navigation .logo a:focus {
  background: url(../images/zweitag_logo.jpg) no-repeat;
}
#navigation li {
  float: left; padding: 0; margin-top: 1.5em;
}
#navigation a {
  display: block; font-size: 1.2em; font-weight: bold; text-decoration: none; color: #000; line-height: 1.8em; padding: 4px 10px 3px 10px;
}
#navigation a:hover, #navigation a:focus {
  background: #e7e7e7;
  color: #000 !important;
}
.body_index .nav_index,
.body_unternehmen .nav_unternehmen,
.body_leistungen .nav_leistungen,
.body_vorteile .nav_vorteile,
.body_kunden .nav_kunden,
.body_kontakt .nav_kontakt {
  background: #333; color: #fff !important;
}

/* Teaser */
#teaser {
  background: #3bb500 url(../images/teaser_background.png) top left;
}
.teaser_inner {
  background: url(../images/teaser_logo2.png) 298px 20px no-repeat;
}
.teaser_inner_sub {
  background: url(../images/teaser_logo2_sub.png) 298px 0px no-repeat;
}
#teaser h1 {
  font-weight: bold; font-size: 1.6em; line-height: 1.7em; margin-bottom:15px;
}
#teaser h1 span {
  background: #333; color: #fff; padding: 6px 8px 4px 8px;
}
#teaser span.headline {
  background: #008eae; color: #fff;
}
#teaser p {
  line-height: 18px; margin-top: 0;
}
.teaser_content {
  margin-left: 15px; margin-top: 15px;
}
#teaser p span {
  background: #CCE94E; font-weight: bold; font-size: 1.1em; padding: 3px 5px 2px 5px; color: #3F3B38; 
}

/* Teaser-like Title */
#teaser_title {
  background: #3bb500 url(../images/teaser_background.png) top left; border-bottom: 3px solid #267b00;
}
#teaser_title h1 {
  font-weight: bold; font-size: 1.5em; line-height: 1.5em; 
}
#teaser_title h1 span {
  background: #333; color: #fff; padding: 5px 8px 4px 8px; 
}
#teaser_title p {
  line-height: 18px; margin-top: 0; margin-bottom: .8em;
}
.teaser_content {
  margin-left: 15px; margin-top: 15px; margin-bottom: 1.5em;
}
#teaser_title p span {
  background: #d5ef64; font-weight: bold; font-size: 1.1em; padding: 3px 5px 2px 5px; color: #2d1b0e;
}

/* Subnavigation */
#subnavigation {
  list-style: none; background: #47A31C; margin-left: 0px; height: 2.6em; margin-bottom: 0px; margin-top: -3px; position:relative; bottom:0px; margin-bottom:0px !important;
}
#subnavigation li {
  float: left;
}
#subnavigation a:hover, #subnavigation a:focus {
  text-decoration: underline;
}
#subnavigation a {
  display: block; color: #fff; text-decoration: none; font-size: 1.1em; font-weight: bold; padding: 5px 15px; line-height: 1.6em;
}
#subnavigation .active a {
  background: #267b00 url(../images/teaser_forward.gif) right no-repeat;
}
#subnavigation .active a:active, #subnavigation .active a:visited {
	border: 0;
}

/* Content */
#content {
  margin-top: 18px; z-index: 6000;
}
#content p {
  line-height:1.7em; 
}
#content h2 {
  margin-top: 6px; font-size: 1.2em; font-weight: bold; color: #333;
}
#content h3 {
  margin-top: 6px; font-size: 1.0em; font-weight: bold; color: inherit;
}
#content .meta {
  line-height:0.4em; font-family: Georgia; font-style:italic; color: #484848; font-size: 0.9em;
}
#content a {
  background: #e6f6f9; color: #008eae; border-bottom: 1px solid #008eae; text-decoration: none; padding: 0px 2px;
}
#content a:hover, #content a:focus {
  background: #00A3C6; color: #fff; border-bottom: 1px solid #00A3C6; padding: 3px 5px; margin: 1px -3px !important;
}
#content h2 a, #content h3 a {
  background: none; color: #333; border-bottom: none; text-decoration: none; padding: 0px !important;	
}
#content h2 a:hover, #content h2 a:focus, #content h3 a:hover, #content h3 a:focus {
  background: none; color: #333; border-bottom: none; padding: 0px !important; margin: 0px !important;
}
#content a.none {
  background: none; color: none; border-bottom: 0px !important; text-decoration: none; padding: 0px;
}
#content a.none:hover, #content a.none:focus {
  background: none; color: none; border-bottom: none; padding: 0px !important; margin: 0px !important;
}
.bright {
  font-family: Georgia; font-style:italic;
}
.highlighted {
	color: #008eae; font-size:1.2em;
}
.image {
	margin:4px 8px 4px 4px; border: 5px solid #b4b4b4; float:left;
}
.image:hover {
	border: 5px solid #00A3C6;
}
.flickr_image {
	border: 3px solid #b4b4b4;
}
.flickr_image:hover {
	border: 3px solid #00A3C6;
}
input {
	font-size:13px; padding:5px; border: solid 1px #C0C0C0 !important; background-color:#FCFCFC; font-family: Georgia; font-style:italic; color:#6D6D6D;
}
.button { 
	background-color: #D6D6D6; color:#353535; font-weight: 700; padding:5px; width:90px; cursor:pointer; font-size:12px; font-family:Helvetica, Arial, sans-serif; font-style:normal;
}
#message {
	background-color: #FEFDB6; 
}
ul.reference li {
	line-height:1.7em; 
}
* + html .tab {
	margin-bottom:-20px !important; padding-bottom:20px;
}