added css

public/style/main.css

@@ -0,0 +1,174 @@
+html, body {
+    min-height: 100%;
+}
+
+body {
+	background: white;
+
+	font-family: "Trebuchet MS", "Lucida Grande", verdana, arial, georgia;
+	font-size: 1em;
+	margin: 0;
+	padding: 20px 70px;
+    line-height: 1.4;
+}
+
+a {
+    color: #2877A2;
+}
+
+h1 {
+    margin-bottom: 0;
+}
+
+h1 + h2 {
+    margin: 0 0 2em 0;
+    font-size: 1em;
+}
+
+h3 {
+    font-weight: normal;
+}
+
+h2 {
+    margin-bottom: 0;
+}
+
+h2 + h3 {
+    margin-top: 0;
+    font-weight: bold;
+}
+
+#container {
+	min-width: 750px;
+	max-width: 1100px;
+	position:relative;
+	min-height:100%;
+	height:auto !important;
+	height:100%;
+	margin:0 auto;
+	background-color: white;
+}
+
+#top {
+	padding-top: 70px;
+}
+
+#top a img {
+    width: 400px;
+} 
+
+#navi {
+    float: right;
+    right: 0px ;
+	list-style-type: none;
+	margin: -47px 0;
+    text-align: center;
+    padding: 12px 0;
+}
+
+#navi li {
+    display: inline;
+}
+
+#navi li a {
+	color: black;
+	padding: 10px 12px;
+    text-decoration: none;
+    background-color: #90cb93;
+    color: white;
+}
+
+#stage {
+    border-top: 5px solid #90cb93;
+	padding: 50px 0px;
+	background: url("/img/background.gif") no-repeat center 110px ;
+	min-height: 510px;
+}
+
+#imagearea {
+    margin: 0px 0 260px;
+    clear: both;
+
+}
+
+#imagearea #titleimage {
+    border-top: 10px solid #216f85;
+    padding-top: 35%;
+    background-image: url("file://localhost/Users/karlpannek/Dropbox/Kinga%20Praxis%20Fotos/Originale/AR8R8369.JPG");
+    background-size: 1100px;
+    background-size: cover;
+}
+
+
+
+#imagearea #imagelist {
+    padding: 0;
+}
+
+#imagearea #imagelist li {
+    list-style-type: none;
+    display: block;
+    float: left;
+    width: 350px;
+    height: 200px;
+    border: 0px solid black;
+    margin-right: 5px;
+    background-size: 342px;
+    background-size: cover;
+}
+#imagearea #imagelist li p {
+    background-color: #90cb93;
+    height: 20px;
+    margin: 0;
+    padding: 10px;
+    text-align: center;
+    color: white;
+}
+#imagearea .testimonial {
+    background-color: #216f85;
+    margin-right: 0;
+}
+#imagearea .testimonial blockquote {
+    padding: 35px;
+    color: white;
+    background-color: transparent;
+    height: auto;
+    font-style: italic;
+    font-size: 1.2em;
+}
+
+#stage img {
+	border: 1px solid #888;
+	background-color: white;
+	padding: 5px;
+    margin: 0 0 1em 1em;
+	float: right;
+    border-radius: 2px;
+}
+
+#angebote {
+    float: right;
+    text-align: right;
+}
+
+#angebote a {
+    border: 0;
+    background: none;
+    margin: 10px 0 10px 10px;
+    float: left;
+}
+
+#angebote a img {
+    border: 0;
+    background: white;
+    border: 1px solid #aaa;
+}
+
+p.diagramm {
+    text-align: center;
+    margin: 4em 0;
+}
+
+#stage p.diagramm img {
+    float: none;
+}