/* CSS Jugenfarm Waiblingen, erstellt am 01.08.2008 */
/* khaki #666633, dunkelkhaki #333300, hellkhaki #cccc99, beige #f4f4e6, grau #eeeeee, rot #660000 */


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

body{
 background:#cccc99;
 font:.8em arial, sans-serif;
 text-align:center;
}


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

#oben{
 background:#fff url(/sixcms/media.php/101/bild.jpg);
 clear:both;
 height:168px;
 width:713px;
}

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

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

#unten{
 background:#666633;
 clear:both;
 width:713px
}

/* Navigationsleiste */
#navigation{
 background:#fff;
 float:left;
 width:500px;
 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:#666633;
 font-size:.9em; 
 font-weight:bold;
}

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



/* Sonstiges */
.titel{
 float:right;
 width:320px;
 padding:0 10px 0 0
}

.titel img{
 border:0
}



/* Schrift */
h1,h2,h3{
 border-bottom:1px solid #ccc;
 color:#660000;
 font-size:1.3em;
 letter-spacing:0.01em;
 margin:25px 0 10px 0
}

h4,h5,h6{
 border-bottom:1px solid #ccc;
 color:#660000;
 font-size:1.1em;
 letter-spacing:0.01em;
 margin:25px 0 10px 0
}

#links p{
 text-align:left;
 margin-bottom: 10px;
}

#links ul{
 list-style:none;
 margin:0 0 0 0
}

#links ul li{
 background:url(/sixcms/media.php/101/liste_eckig.jpg) no-repeat;
 display:block;
 margin:0 0px 0 0;
 padding:0 0 0 16px
}

#links ul li a{
 text-decoration:underline;
 color:#000;
}

#links ul li a:hover{
text-decoration:none;
 color:#000;
}

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

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

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

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

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



/* Links */
a:link,a:visited,a:active{
 color:#000;
 text-decoration:underline
}

a:hover{
 text-decoration:none
}


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

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

/* Kontaktformular */
.kontakt-label,.kontakt-label-textarea {
text-align: left;
}

.kontakt-input textarea,
.kontakt-input,
.kontakt-input input,
.kontakt-field,
.kontakt-textarea {
	background-color: #f4f4e6;
	border: 1px solid #660000;
}

.kontakt-submit {
	background-color: #666633;
	height: 22px;
	padding: 0px 20px;
	font-weight: bold;
	text-align: center;
	border: 1px solid #660000;
	color: #fff;
}