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

/*   ====================================================================

Projekt: www.casamelodia.ch
Autor: Dascha Rüegg
Datum: Januar 2012

 ======================================================================== */

/* ==========================================
   1. Kalibrierung
   ========================================== */
* {
	margin:0;
	padding:0;
	border:0;
}
html {
	height:100%;
	margin-bottom:1px;
}
body {
	height:100%;
	width:100%;
}
/*****Abstand nach unten****/
h1, h2, h3, p, ol, ul {
	margin-bottom:1em;
}
/****Verschachtelte Listen**********/
ul ul, ol ol {
	margin-bottom:0;
}
/*****Liste****/
li {
	margin-left:1em;
}
/* Bilder nach links floaten  */
.image-left {
	float:left; 
	padding: 5px;
	margin:5px 25px 10px 0;
	border:1px #e51739 solid;
}
/* Bilder nach rechts floaten  */
.image-right {
	float: right;
		padding: 5px;
	margin:10px 25px; 
	border:1px #e51739 solid;
}
/* ===========================================
   2. Allgemeine Definitionen
   =========================================== */
body {
	font:80%/1.4 Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	background:#FFF;
}
h1, h2, h3 {
	font-weight:normal;
	color:#e51739;
	margin:5px 0 20px 0;
}
h1 {
	font-size:130%;
}
h2 {
	font-size:120%;
}
h3 {
	font-size:110%;
}
p {
	margin-bottom:20px;
}
strong {
}
em {
}
/* ===========================================
   3. Anchors
   =========================================== */
a {
	color:#333;
	text-decoration:underline;
}
a:hover {
	color:#e51739;
	text-decoration:none;
}
/* ===========================================
   4. Screendesign
   =========================================== */
#wrapper {
	margin:40px auto;
	width:920px;
	border:1px solid #e51739;
	background:#fff;
}
#header {
	padding-left:20px; 
	margin-left:10px;
	height:200px;
	background:#fff url(../images/header.gif) no-repeat;
}
#navigation {
	height:25px;
	margin:0 5px;
	background:#e51739;
}
#content {
	margin:40px auto;
	width:800px;
	min-height:450px;
}
#footer {
	clear:both;
	margin:5px;
	padding:5px;
	color:#fff;
	background-color:#e51739;
	text-align:center;
}
/* ===========================================
   5. Navigation
   =========================================== */
#first-navi {
}
#navigation {
	margin:5px 5px;
}
#navigation ul li {
		display:inline;
		list-style-type:none;
	}
#navigation li {
	padding:10px;
	padding-top:30px;
}
#navigation a {
	color:#fff;
	text-decoration:none;
}
#navigation a:active {
	color:#ccc;
}
#navigation a:hover, a:focus {
	color:#000;
}
/* ===========================================
   6. Form
   =========================================== */
   
   
#clear {
	clear:both;
	display:block;

}