/* Allgemeine Formatierungen */
*{
 margin:0;
 padding:0;
}

body{
 background:#957659; 
 font:.8em "trebuchet ms", arial, sans-serif;
 text-align:center;
}


/* Formatierungen Layout (grob) */
#seite{
 background:#560604 url(hintergrund.jpg) repeat-y;
 margin:0 auto;
 padding:10px 10px 5px 13px;
 text-align:left;
 width:715px
}

#oben{
 background: url(bild.jpg);
 clear:both;
 height:150px;
 width:713px;
}

#links{
 float:left;
 margin:0 0 20px 0;
 width:470px;
}

#rechts{
 float:left;
 margin:0 0 20px 20px;
 width:235px
}

#unten{
 background: url(bild-1.jpg);
 height:80px;
 clear:both;
 width:713px
}

/* Formatierungen Navigationsleiste */
#navigation{
 float:left;
 width:713px;
 padding:0 0 4px 0
}

#navigation ul{
}

#navigation ul li{
 display:inline;
 margin:0 10px 0 0 
}

#navigation ul li a{
 text-decoration:none;
 border-bottom:4px solid #fff;
 color:#f7e908;
 font-size:.9em; 
 font-weight:bold;
}

#navigation ul li a:hover{
 text-decoration:none;
 border-bottom:4px solid #f7e908
}



/* Sonstige Formatierungen */
.titel{
 float:right;
 width:200px;
 padding:0 10px 0 0
}

.titel img{
 border:0
}



/* Schrift-Formatierungen */
h1,h2,h3,h4,h5,h6{
 border-bottom:1px solid #F7E908;
 color:#f7e908;
 font-size:1.5em;
 letter-spacing:0.01em;
 margin:25px 0 0 0
}

#links p{
 color:#f7e908;
 text-align:justify
}

#links ul li {
 text-decoration:none;
  color:#f7e908;
}

#unten p{
 color:#f7e908;
 font:.85em "trebuchet ms", verdana, sans-serif;
 padding:5px;
}

/* Formatierungen Navigation (Rechte Spalte) */
#rechts ul{
list-style:none;
 margin:0 0 0 0
}

#rechts ul li{
 background:url(liste.jpg) no-repeat;
 display:block;
  margin:0 0px 0 0;
 padding:0 0 0 16px
}

#rechts ul li a{
 text-decoration:none;
  color:#f7e908;
}

#rechts ul li a:hover{
  color:#fff;
}




/* Link-Formatierungen */
a:link,a:visited,a:active{
 color:#fff;
 text-decoration:underline
}

a:hover{
 text-decoration:none
}


#unten a{
 color:#fff;
 text-decoration:underline
}

#unten a:hover{
 text-decoration:none
}

/**************************************************************
   Form Elements
 **************************************************************/

form {
  padding: 0;
  margin: 0;
}

/* If you're finding the input elements get pushed down, increase the width */
label {
  float: left;
  width: 50%;
  vertical-align: top;
}

input,
textarea,
select {
  padding: 1px;
  font: 400 1em verdana, sans-serif;
  color: #999;
  background: #EEE;
  border: 1px solid #CCC;
}

input:focus,
input:hover,
textarea:focus,
textarea:hover,
select:focus,
select:hover {
  color: #000;
  background: #E7F1F3;
  border: 1px solid #888;
}

input.noBorder,
input:focus.noBorder,
input:hover.noBorder {
  padding: 0;
  border: 0;
}

input.button {
	padding: 2px 5px;
	font: 400 0.9em verdana, serif;
	cursor: pointer;
	color: #fff;
	background: #7c0104;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #33CCFF;
	border-right-color: #0066FF;
	border-bottom-color: #0066FF;
	border-left-color: #33CCFF;
}

input.radio {
  background: none;
  border: 0px;
}