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

* {margin:0; padding:0; outline:0;}

body {background-color:#FFF01D; font:0.8em Verdana, Tahoma, sans-serif; color:#E70023;}

.wrapper {width:860px; margin:auto;}

header {height:60px;}
header h1 {padding-top:20px; text-align:center; font:2.6em 'Kalam', cursive; text-shadow: 3px 1px 2px #333; filter: dropshadow(color=#333, offx=3, offy=1);}

nav {width:260px; height:305px; float:left; margin-top:30px; background-color:#E70023; color:#FFF01D; padding:20px;-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; -moz-box-shadow: 3px 1px 2px 1px #333; -webkit-box-shadow:  3px 1px 2px 1px #333; box-shadow: 3px 1px 2px 1px #333;}
nav ol {list-style:decimal; padding-left:30px; line-height:180%; padding-top:20px;}
nav h2 {padding-bottom:10px; border-bottom:1px solid #FFF01D;}
nav a {text-decoration:none; color:#FFF01D;}
nav a:hover {color:#FFF; -webkit-transition:color 500ms ease; -moz-transition:color 500ms ease; -o-transition:color 500ms ease; transition:color 500ms ease;}

article {margin:30px 0 0 350px; position:relative;}
article h2 {border:1px solid #E70023; padding:10px;}
article h3 {padding:10px 0; letter-spacing:2px;}
article p {line-height:140%; text-align:justify; border-bottom:1px solid #F00; padding-bottom:20px;}
img {padding:20px 0;}

.zutaten {position:absolute; width:250px; top:100px; left:260px; line-height:160%;}
.zutaten h4 {font-weight:normal; text-align:right; padding-right:10px; float:left; width:60px;}

footer {padding-top:20px; padding-left:400px;}
footer h5 {font:1em Verdana, Tahoma, sans-serif; font-style:italic;}