﻿body {
	margin: 0;
	padding: 0;
	/*background: #6659A6;*/
  /*background: rgb(196,239,252);*/
  background: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #181B20;
}
h1, h2, h3 {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, sans-serif;
	font-weight: normal;
	color: #2E9F13;
}
img {border: 0px; padding: 0px; margin: 0px;}
h1 {font-size: 2em; margin-bottom: 24px;}
h2 {font-size: 1.6em;}
h3 {font-size: 1.4em;}
p, ul, ol {margin-left: 0; padding-left: 0;}
ul, ol {}
a {text-decoration: none;}
a:hover {text-decoration: underline;}

#wrapper {
  width: 980px;
	margin: 0 auto;
	padding: 0; 
  -moz-box-shadow: 1px 0px 20px #afa,-1px 0px 20px #70e1aa;
  box-shadow: 1px 0px 20px #afa,-1px 0px 20px #70e1aa;
}

/* Header */
#header-wrapper {height: 144px;}
#header {width: 980px; margin: 0 auto; padding: 0px 0px 0px 0px;}
/* Logo */
#logo {width: 972px;	height: 140px;	margin: 0px auto;	padding: 0px;	background-color: #e5ffe5; border: solid #70e1aa; border-width: 4px 4px 0px 4px}
#logo div#company_name {
  width: 650px; height: 56px;
  margin: 34px 0px 34px 30px; padding: 15px 0 0 0;
  font: bold 24px cursive; color: #060;
  display: inline-block;
/*  border: 1px solid #000;*/
}
/*#logo img#company_name {width: 650px; height: 71px; padding: 34px 0px 34px 30px;}*/
#logo img#company_logo {float: right; width: 147px; height: 110px; padding: 15px 40px 15px 30px;}

/* Menu */
#menu {
	width: 972px;
	height: 36px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
  background-color: #009900;
  border: solid #70e1aa;
  border-width: 0px 4px 0px 4px;
}
#menu ul {margin: 0; padding: 0px 0px 0px 0px; list-style: none; line-height: normal;}
#menu li {float: left; width: auto;}
#menu a {
	display: block;
	height: 36px;
	margin: 0px;
	padding: 0px 25px 0px 25px;
	line-height: 36px;
	letter-spacing: normal;
	text-decoration: none;
	text-transform: none;
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	font-weight: 900;
	color: #fff;
}
#menu li.active a {color: #EDCC6B;}
#menu a:hover {text-decoration: none; background-color: #73ca32;}
/*#menu ul li ul {position: absolute;	left: -999em; width: 10em;}
#menu ul li:hover ul {left: auto; background-color: #6659A6;}
#menu ul li:hover ul li {clear: left; width: 12em; background: transparent url("../images/OFF.gif") repeat top left;}
#menu ul li:hover ul a{height: 36px; text-transform: none; letter-spacing: normal;}*/

/* Page */
#page {width: 932px;	margin: 0 auto; padding:  20px 20px 0px 20px; border: solid #70e1aa; border-width: 0px 4px 4px 4px;}
#content {padding: 4px 24px 24px 24px; text-align: left;	margin-bottom: 15px; background-color: #fff;}
#content img#haus-spielplatz {float: left; padding: 10px 44px 24px 0;}
#content img#house-vans-flowers {float: right; padding: 10px 0px 24px 44px;}
#content div {clear: left;}
#content div.mitarbeiter {margin: 0; padding: 0px;}
#content div.mitarbeiter p {margin: 0; padding-top: 10px;}
#content p {}
#content p.portrait {float: left; width: 73px; height: 85px; padding: 0px 20px 0px 0;}
#content p.portrait img {width: 73px; height: 85px;}
#content p.bold {font-weight: bold;}
#content ul#geschichte {margin-left: 20px;}
#content ul#geschichte li {padding: 10px 0px 0px 0px;}
#content table#bilder td {padding: 10px;}
#content table#bilder td img {width: 420px; height: 315px;}
#content table#bilder td img#house-bikes {width: 860px;}

/* Sidebars */

#sidebar_home {
	float: right;
	width: 240px;
	padding: 10px 10px 0px 10px;
  margin: 30px 0 0 0;
  background-color: #e5ecff;
  -moz-border-radius: 15px;
  border-radius: 15px;
  -moz-box-shadow: 1px 1px 2px #000;
  box-shadow: 1px 1px 2px #000;
}

#sidebar_home h2 {
  color: black;
  text-align: left;
  padding: 0px 0 0 20px;
}

#sidebar_home p {
	margin: 0 0px;
	padding: 10px;
	text-align: left;
}

#sidebar_left {
	float: left;
	width: 162px;
	padding: 10px 10px 0px 10px;
  margin: 10px 0 0 0;
  background-color: #e5ecff;
  -moz-border-radius: 15px;
  border-radius: 15px;
  -moz-box-shadow: 1px 1px 2px #000;
  box-shadow: 1px 1px 2px #000;
}

#sidebar_left h2 {
  color: black;
  text-align: left;
  padding: 0px 0 0 10px;
}

/* 
#sidebar_left p {
	margin: 0 0px;
	padding: 10px;
	text-align: left;
}
 */
#submenu {
	margin: 0 0 0 15px;
	padding: 10px;
  line-height: 130%;
}

#submenu  li ul {
	margin: 0 0 0 10px;
	padding: 5px;

}

#submenu a {
  color: #008;
}

#sidebar_right {
  /* display: none; */
	float: right;
	width: 182px;
	padding: 10px 10px 0px 10px;
  margin: 10px 0 0 0;
  background-color: #e5ecff;
  -moz-border-radius: 15px;
  border-radius: 15px;
  -moz-box-shadow: 1px 1px 2px #000;
  box-shadow: 1px 1px 2px #000;
}

#sidebar_right h2 {
  color: black;
  text-align: left;
  padding: 0px 0 0 10px;
}

#sidebar_right p {
	margin: 0 0px;
	padding: 10px;
	text-align: left;
}

#sidebar_right ul {
	margin: 0 0 0 10px;
	padding: 0 0 0 5px;
}

#sidebar_right ul li{
	margin: 0 0px;
	padding: 10px 0 0 0;
	text-align: left;
  line-height: 130%;
}

/* Lower Content */

#content_lower {
	float: left;
  clear: both;
	width: 890px;
	padding: 0px 20px 0px 20px;
  margin: 0px 0 0 0;
  background-color: #e5ecff;
  -moz-border-radius: 15px;
  border-radius: 15px;
  -moz-box-shadow: 1px 1px 2px #000;
  box-shadow: 1px 1px 2px #000;
}

#content_lower div {
  float: left;
  width: 290px;
	margin: 0;
	padding: 0;
}

#content_lower h2 {
	height: 38px;
	margin-bottom: 10px;
	padding: 12px 0 0 20px;
	border-bottom: 1px solid #B6BFD0;
	letter-spacing: -1px;
	font-size: 24px;
	color: #1A1A1A;
}

#content_lower ul {
	margin: 0px 0px;
	padding-bottom: 30px;
}

#content_lower li {
	line-height: 30px;
  color: black;
}

#content_lower a {
	border: none;
  color: blue;
  text-decoration: underline;
}

#content_lower a:hover {
	text-decoration: underline;
}

/* Footer */

#footer {
	width: 960px;
	height: 55px;
	margin: 0px auto 40px auto;
	/* border-top: 1px solid #B6BFD0; */
	font-family: Arial, Helvetica, sans-serif;
}

#footer p {
	margin: 0;
	padding-top: 18px;
	line-height: normal;
	text-align: center;
	color: #212F77;
}

#footer a {
	color: #212F77;
}

