/* CSS Document */

* {margin: 0; padding: 0;}
body {font-family: "Lucida Grande", Verdana, Arial, sans-serif; font-size: 62.5%; color: #fff; background: #111 url(/images/bg_header.jpg) repeat-x;}
h2 {font-size: 2em; line-height: 1em; /* IE6 umlaut fix */ margin-bottom: 1em;}
h3 {font-size: 1.2em; margin-bottom: 0.2em;}
p {font-size: 1.2em; margin-bottom: 1em;}
a {color: #fff;}

/* =layout
================================================  */
#wrapper {width: 800px; margin: 30px auto;}
#header {margin: 0 auto; width: 840px; height: 90px; background: #680a03 url(/images/bg_nav.jpg) repeat-x;}
#header h1 a {float: left; width: 175px; height: 72px; background: url(/images/logo.png) no-repeat; margin: 8px 0 0 0; text-indent: -9999px;
	text-decoration: none; border: none;}
#content {float: left; margin: 0 auto; width: 800px;}
#banner {float: left; width: 380px; height: 450px; border: 5px solid #fff;	 margin: 10px 0;}
#text {float: right; width: 370px;}
#footer {clear: both; width: 800px; font-size: 0.9em; text-align: center; padding: 1em 0; margin: 0 auto; background: url(/images/dot.png) repeat;}

/* =nav
================================================  */
#nav {float: right;	}
#nav li {float: left; list-style: none; background: #680a03 url(/images/bg_nav_on.jpg) repeat-x; border-left: 1px solid #8a140a;
	border-right: 1px solid #680a03;}
#nav li a {float: left; display: block; height: 90px; line-height: 90px; font-size: 1.2em; padding: 0 13px; color: #fff; text-decoration: none;
	text-transform: uppercase; background: #8a140a url(/images/bg_nav.jpg) repeat-x;}
#nav li a:hover {background: transparent;}
#angebot li#button1 a,
#ueber_mich li#button2 a,
#video li#button3 a,
#referenzen li#button4 a,
#fotos li#button5 a,
#honorar li#button6 a,
#kontakt li#button7 a {background: #8a140a url(/images/bg_nav_on.jpg) repeat-x;}
#nav li#button4 a img {float: left; width: 27px; height: 29px; margin: 30px 8px 0 0; border: 0;}

/* =teaser
================================================  */
.teaser {float: left; padding: 12px; border-bottom: 1px solid #333; width: 346px;}
.teaser:hover {background: #222;}
.teaser img {float: left; border: 2px solid #fff;}
.teaser a {text-decoration: none;}
.teaser h3 {font-size: 1.5em; text-decoration: underline; margin: 0 0 6px 64px;}
.teaser h3 span {color: #c00;}
.teaser p {font-size: 1em; color: #ccc; margin: 0 0 0 64px;}

/* =table
================================================  */
table {margin: 1em 0; font-size: 1.2em;}
th {text-align: right; padding-right: 5px; vertical-align: top;}
table.grid th, table.grid td {border-bottom: 1px solid #333; border-right: 1px solid #333; padding: 3px;}

/* =form
================================================  */
form label {display: block; color: #fff; padding-bottom: 10px; border-bottom: 1px dotted #222; margin-bottom: 10px;}
form label.error {color: #c00;}
form input, form select, form textarea {display: block; font-size: 1.6em; width: 300px;}
form textarea {height: 7em;}
form select {width: 200px;}
form input#submit {width: auto;}
#kontakt em {font-style: normal; color: #c00;}

/* =thumb
================================================  */
.thumb img {width: 100px; height: 100px; border: 1px solid #444; margin: 20px 58px 30px 0;}
.thumb:hover img {border-color: #999;}

/* =other
================================================  */
p#preview {margin: 0 auto; width: 694px; height: 410px; background: #222; padding: 52px; border: 1px solid #333;}
ul.list {font-size: 1.2em; list-style-type: square; margin: 1em 0 1em 2em;}
.link {display: block; float: right; font-size: 1.2em; margin-top: 1em;}
.link span {color: #c00;}
.download {font-size: 1.5em; color: #c00;}
blockquote {font-size: 1.1em; color: #888; margin-bottom: 2em;}
.legend {font-size: 0.9em; color: #333;}
p#intro {font-size: 1.5em;}
.asterisk, #footer em {color: #c00; font-style: normal;}
#text-wide {float: left; width: 800px;}
#wrapper:after, .teaser:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}