/*
webdesign: www.feingestalten.de
*/

@charset "utf-8";

* { margin:0; padding:0; position:relative; }

#decke { position:fixed; display:none; background:#fff; top:0; right:0; bottom:0; left:0; z-index:10000; }

/* website */
body { min-width:980px; background:#444 url(inc/bg-klinker.jpg) 50% 0 no-repeat fixed; color:#fff; font-family:'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:14px; font-weight:300; }
h1,
h2,
h3,
h4,
h5,
h6 { font-weight:900; text-transform:uppercase; }
h1 { font-size:30px; }
p,
ul { margin:16px 0; }
a { text-decoration:none; color:#921; border-bottom:#921 dashed 1px; }
a:hover { border:none 0; }
img { border:0 none; }
.clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; line-height:0; font-size:0; float:none; }

/* navigation */
#header { background:#fff; width:940px; z-index:1000; padding:20px; margin:0 auto 10px; color:#333; }
#header a { border:0 none; }
#header .logo { padding-bottom:40px; }
#header .tags { position:absolute; overflow:hidden; right:20px; top:20px; line-height:23px; text-align:left; }
#header .tags h1,
#header .tags a { line-height:23px; color:#333; text-decoration:none; border:0 none; }
#nav { list-style:none; padding:20px; margin:0 auto; min-width:980px; width:980px; }
#nav,
#nav a { color:#777; text-transform:uppercase; font-size:15px; font-weight:900; }
#nav a { padding:0; margin:0; line-height:0; }
#nav a:hover,
#nav a:hover.active { color:#921; border-bottom:#921 solid 5px; }
#nav a.active { color:#333; }
#nav li { margin:0; padding:0 10px; float:left; }

/* navigation */
#subheader { background:#222; width:980px; height:200px; z-index:1000; padding:0; margin:0 auto 10px; color:#fff; }
#subheader a { border:0 none; color:#fff; }
#subheader .logo { padding-bottom:40px; }

/* content */
#wrapper { position:relative; width:620px; padding-left:360px; margin:20px auto 120px; }
.content { background:url(inc/black-transparency-60.png); padding:20px; }
.content a { color:#fff; border-color:#fff; }
.content img { border:solid 8px #fff; margin-top:20px; }
.contentred { background:#921; padding:10px 20px; }
.contentred a { color:#fff; }

/* footer */
#footer { position:fixed; bottom:0; background:url(inc/black-transparency-60.png); width:100%; text-align:center; padding:10px; z-index:1000; }
#footer,
#footer a { font-size:12px; }
#footer a { color:#fff; border-color:#fff; }