/*
	meese Friseur Typography
	Copyright 2012 feingestalten webdesign.
	Alle Rechte vorbehalten.
*/

/* global */
body { font:14px/1.5 'Open Sans', sans-serif; font-weight:300; color:#111; }
pre,
code { font-family:'DejaVu Sans Mono',Menlo,Consolas,monospace; }
hr { border:0 #ccc solid; border-top-width:1px; clear:both; height:0; }
p,
table,
th,
td { color:#556; font-weight:300; }
a { text-decoration:none; color:#000; }

h1,
h2,
h3,
h4,
h5,
h6 { font-weight:600; line-height:1.2; }

h1 { font-size:28px; }
h2 { font-size:20px; }
h3 { font-size:17px; }
h4 { font-size:16px; }
h5 { font-size:14px; }
h6 { font-size:13px; }

ol { list-style:decimal; }
ul { list-style:disc; }
li { margin-left:30px; margin-bottom:15px; list-style-image:url(../images/graphics/list-dot.png); }
p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset,
figure { margin-bottom:15px; }

td { padding:4px 0 4px 30px; border-bottom:1px solid #ddd; }
td:first-child { padding-left:0; }

/* main */
#main a:hover { color:#000; border-bottom:1px dotted #000; }
.content p,
.content ul,
.content ol,
.content table { font-family:'Open Sans',sans-serif; }

/* footer */
footer { font-size:13px; }
footer a:hover { color:#000; border-bottom:1px dotted #000; }
footer h4 { text-transform:uppercase; font-size:15px; }