/* CSS-Datei zur Vorlage "http://wwww.css-vorlagen.de/templates/mohnblume/ */
/* Diese Datei darf frei verwendet und angepasst werden, unterliegt jedoch der http://creativecommons.org/licenses/by/2.0/ */


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

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


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

#kopf{
 background:white url('laecheln.jpg') no-repeat right;
 clear:both;
 /*height:30px;*/
 width:713px;
 border-top:1px solid #333366;
 border-bottom:10px solid #333366;
}

#kopf h1{
 color:#666;
 font-size:2.2em;
 font-style:italic;
 letter-spacing:0.01em;
 margin:15px 0 15px 0;
}

#inhalt table {
padding: 10px 0 10px 0;}
#inhalt th {
	text-align:center;
	background-color:#E8E8E8 ;
}
#inhalt td {
	background-color:#E8E8E8;
	vertical-align:top;
}

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

#inhalt .imglinks {
	float:left;
	margin-right:10px;
	margin-top:5px;
	border:1px solid black;
}

#inhalt .imgrechts {
	float:right;
	margin-left:10px;
	margin-top:5px;
	border:1px solid black;
}

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

#fuss{
 background:#333366;
 clear:both;
 width:713px
}

/* Formatierungen Navigationsleiste */
#kopfnavigation{
 background:#fff;
 float:left;
 /*width:500px;*/
 padding:0 0 4px 0
}

#kopfnavigation ul{
}

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

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

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



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

.titel img{
 border:0
}



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

#inhalt h3{
 border-bottom:1px solid #ccc;
 color:#666;
 font-size:1.3em;
 letter-spacing:0.01em;
 margin:25px 0 0 0
}
#inhalt ul{
	list-style-type:square;
	color:#666;
	margin:0 0 0 15px;
	font-weight: normal;
}
#inhalt em {font-weight:normal;color:black;}
#inhalt li {padding-top:10px;}

#navigation h1,h2,h3,h4,h5,h6{
 border-bottom:1px solid #ccc;
 color:#666;
 font-size:1.5em;
 letter-spacing:0.01em;
 margin:25px 0 0 0
}

#inhalt p{
 text-align:justify;
 line-height:2em;
}

#fuss p{
text-align:center;
 color:#eee;
 font:.85em "trebuchet ms", verdana, sans-serif;
 padding:5px;
}

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

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

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

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



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

a:hover{
 text-decoration:none
}


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

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

hr {
	color: #ccc;
	height:1px;	
	background-color:#ccc;
	border:#ccc;
}