@charset "utf-8";
/* CSS Document */

body {
  padding: 0;
  margin: 0;
  background: #dce0df url(bilder/header_background.jpg) no-repeat center top;

  width: 100%;
  display: table;
  
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

th{
    text-align: left;
}


a {
  outline:none;
  color:inherit;
}

#container {
	width: 821px;
	margin: 0px auto;
	padding-left:42px;
}

#header {
	height: 268px;
	background: #00FFCC url(bilder/header.jpg) no-repeat;
}

#menue_head {

}

#menue {
	width:150px;
	float:left;
	height:auto;
	min-height:100%;
}

#menue a {
  padding:5px;
  padding-left:9px;
  font-size:1.1em;
  display: block;
  line-height:20px;
  width:110px;
  color:#333333;
  text-decoration:none;
  border-bottom:#fff 1px dotted;
}

#menue a:hover {
	border-left:#666 4px solid;
	padding-left:5px;
	width:106px;
}

#menue li {
	list-style-type: none;
	margin-left:-40px;
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
}

#content {
	background-image:url(bilder/content.png);
	background-repeat:repeat-y;
	padding-left: 80px;
	overflow:hidden;
	padding-right:65px;
}

.clear {
clear:both;
}

#referenz {
font-size:0.6em;
}

#referenz .autor {
font-style:italic;
}

#referenz h1 {
font-size:1.2em;
}

#menue1 {
line-height: 25px;
margin-left:40px;
margin-top:189px;
color:#FFFFFF;
}

#menue1 li {
list-style-type: none;
display: inline;
}

#menue1 a {
padding-left:10px;
padding-right:10px;
background-image:url(bilder/menue_link1.jpg);
background-repeat:no-repeat;
background-position:left;
font-size:14px;
font-weight:bold;
  display: inline;
  color:#FFFFFF;
  text-decoration:none;
}

#menue1 a:hover {
background-image:url(bilder/menue_link2.jpg);
background-repeat:no-repeat;
background-position:left;
}

#inhalt {
	padding:20px;
	padding-top:0px;
	float:right;
	margin-right:49px;
	width:422px;
}

#footer {
	height:270px;
	background-image:url(bilder/footer.png);
	background-repeat:no-repeat;
	padding-top:170px;
	padding-left:80px;
	
	color:#FFFFFF;
}


/* ---------- gallery styles start here ----------------------- */
img {
	border: none;
}
.gallery .gallery1 {
	list-style: none;
	margin: 0;
	padding: 0;
	float:left;
	margin-right:20px;
}
.gallery img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 4px;
}
.gallery span {
	width: 350px;
	height: 27px;
	display: block;
	position: relative;
	top: 15px;
	background: url(bilder/tape.png) no-repeat center;
}


.gallery a {
	text-decoration: none;
}

/*---------------
Formular
---------------*/

#form1 form {
   background-color: #eee;
   width: 250px; /* Breite des Formulars */
   padding: 20px;
   border: 1px solid #8c8c8c;
   font-size:0.9em;
}

#form1 label {
   display: block; /* Beschriftung auf eigener Zeile */
   cursor: pointer; /* Mauszeiger wird zur Hand */
}

#form1 input,
#form1 textarea {
   width: 240px;
   border: 1px solid #8c8c8c;
   margin-bottom: 1em;
}

#form1 textarea {
   height: 7em;
}

#form1 input:focus,
#form1 textarea:focus {
   background-color: #d9d9d9;
}