/*
* Allgemein
*/
* {
margin: 0;
padding: 0;
}

a img {
	border:0;
	margin:0;
	padding:0;
}

body {
    font-size: 14px;
	font-family: arial, verdana, sans-serif;
    background-color: #336699;
}

#wrapper {
    width: 1000px;
    position:absolute;
    left: 50%;
    margin-left: -500px;
}

/*
* Header
*/
#header {
    height: 372px;
}

.header1 {
    background: url('../images/Home.jpg');
}

.home {
    background: url('../images/Home.jpg');
}

.wirueberuns {
    background: url('../images/WirUeberUns.jpg');
}

.andreashaensel {
    background: url('../images/Andreas_Haensel.jpg');
}

.winterquartier {
    background: url('../images/winterquartier.jpg');
}

.methode {
    background: url('../images/Methode.jpg');
}

.referenzliste {
    background: url('../images/Referenzliste.jpg');
}

.kontakt {
    background: url('../images/Kontakt.jpg');
}

#header .inner {
    padding-top: 150px;
}

#header h1 {
    text-transform: uppercase;
    font-size: 200%;
    color: #fff;
    margin-bottom: 0;
    padding-left: 50px;
}

#header h1 span {
    font-weight: normal;
}

#header h2 {
    text-transform: uppercase;
    font-size: 120%;
    color: #fff;
    margin:0;
    font-weight: normal;
    padding-left: 50px;
}


/*
* Menü
*/
/*#menu {
    width: 100%;
    background-color: #000033;
    border-top: 1px solid #32365e;
    height: 30px;
}

#menu ul {
    list-style: none;
}

#menu ul li {
    float: left;

}
#menu a {
    color: #fff;
    text-decoration: none;
}*/


#menu {
width: 960px;
padding: 0 0 0 40px;
background: #000033;
font-family: Verdana;
line-height: 1.5;
float: left;
height: 30px;
}

#menu ul {
list-style-type: none;
}

#menu>ul>li{
    float:left;
}

/*--definiert die Blocküberschriften--*/
#menu li a {
text-align: center;
color: #fff;
background: #000033;
padding: 0 10px;
text-transform: uppercase;
}

/*--definiert die "Drop-Down-Links" im Normalzustand--*/
#menu a {
text-decoration: none;
display: block;
color: #fff;
line-height: 30px;
}

#menu ul ul li a {
    width: 100%;
	line-height: 0;
}

/*--definiert die "Drop-Down-Links" im Hoverzustand--*/
#menu a:hover {
    background-color: #336699;
}

#menu a.active {
    background-color: #336699;
}

/*verhindert im Zusammenhang mit position absolute bei ul ul
*eine Höhenvergrößerung von #menu beim Hovern--
*/

#menu li {
position: relative;
}

#menu li li img {
display: block !important;
height: 30px !important;

}

/*--versteckt die "Drop-Down-Links", solange nicht gehovert wird--*/
#menu ul ul {
position: absolute;
z-index: 2;
display: none;
}

/*--lässt die Dropdown-Links beim Hovern erscheinen--*/
#menu ul li:hover ul {
display: block;
}

/*--nur für IE-Versionen <=6 erkennbar--*/
* html #menu ul li ul {
float: left;
width: 105%;
}

/*--nur für IE 7 erkennbar--*/
*+ html #menu ul li ul {
float: left;
width: 105%;
}

*+ html #menu ul li ul img{
display:block;
padding:2px 0;
}

/*--nur für IE-Versionen <=6 erkennbar--*/
* html #menu ul li ul li {
height: 30px !important;
}

/*--nur für IE 7 erkennbar--*/
*+ html #menu ul li ul li {
height: 30px !important;
}


/*--bewirkt Hover-Effekt für IE <7 auch für ul- und li-Elemente--*/
*html body {
font-size: 100%;
}

*html #menu ul li a {
height: 1%;
}

/*-- lässt die dritte Ebene verschwinden--*/
#menu ul li:hover ul ul {display: none;}

/*
* Content
*/

#content {
    background-color: #fff;
}

#content .inner {
    width: 651px;
    padding: 70px 0 0 50px;
    color: #333333;
}

#content p {
    padding-bottom: 20px;
}

#content ul {
    padding-left: 20px;
}

#content ul li{
    padding-left: 20px;
}

#content table td {
  padding-bottom: 10px;
}

/*
* Footer
*/

#footer {
    background-color: #fff;
}

#footer .inner {
    padding: 50px;
}

#footer a {
    color: #7d7d7d;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 80%;
}

textarea {
    padding: 5px;
}