/* Standardformatierungen */
body { padding: 0; margin: 0; font: normal 11px "Trebuchet MS",Verdana, Arial,Sans-Serif; background-color: #fff; background: url(images/body_bg.gif) repeat-x; color: #666; line-height:15px; }
img { border: 0; }
table { border: 0; }
form { display: inline; }

.label_error { font-weight: bold; color: #c00; }
span.error { font-weight: bold; color: #c00; margin: 0px 0px 0px 5px; }
.clearer { clear: both; margin: 0px 0px 20px 0px; }

a { color: #00C; text-decoration: none; }
a:hover { background-color: #FF3; }

/* Textkunde.de */
#page { margin: 0px auto; width: 800px; }
#card { position: relative; width: 195px; height: 223px; background: url(images/card_bg.gif) no-repeat; padding: 110px 10px 0px 18px; margin: 0px 40px 0px 0px; float: left; }
#icon { margin: 0px 10px 0px 0px;}

#card #metanavi { position: absolute; top: 303px; left: 60px; }
#card #metanavi ul { list-style-type: none; margin: 0; padding: 0; }
#card #metanavi ul li { float: left; margin: 0px 15px 0px 0px; }

#card #visual { position: absolute; top: 400px; left: 0px; }

#content { float: left; width: 500px;}
#content #navi ul { list-style-type: none; margin: 0; padding: 45px 0px 0px 0px; }
#content #navi ul li { float: left; margin: 0px 35px 0px 0px; height: 34px;}
#content #navi ul li a { font-family: Verdana; color: #333; font-weight: bold; font-size: 12px; }
#content #navi ul li a:hover { background: none; color: #00C; }
#content #navi ul li.active { background: url(images/navi_active.gif) repeat-x left bottom; }

#content #copy { margin: 70px 0px 50px 0px; line-height: 17px; }
#content #copy h1 { color: #00C; font-size: 24px; line-height: 24px; }
#content #copy h2 { font-size: 15px; margin: 30px 0px 20px 0px; }
#content #copy ul { list-style-type: none; margin: 30px 0px 30px 0px; padding: 0; border-bottom: 1px solid #06C; }
#content #copy ul li { margin: 0px 0px 0px 0px; padding: 5px 0px 5px 5px; border-top: 1px solid #06C; }
#content #copy strong {  }
#content #copy ul li strong { background: none; font-weight: bold; font-size: 15px; color: #00c;}

#content #copy blockquote { margin: 0; padding: 0; font-size: 24px; color: #333; line-height: 28px; }
#content #copy cite { display: block; margin: 30px 0px 0px 0px; padding: 10px 0px 0px 0px; text-align: right; border-top: 1px solid #ccc; }

/* Arbeitsproben */
#content #copy img.border { border: 1px solid #666; padding: 1px; }
#content #copy .arbeitsprobe { position: relative; margin: 0px 10px 0px 0px; float: left; }
#content #copy .arbeitsprobe .corner { position: absolute; left: 0px; bottom: 0px; background: url(images/visual_corner.gif) no-repeat; height:31px; width:31px; }

#content #copy #arbeitsproben h2 { margin: 0px 0px 10px 0px; }

/* Kontakt */
.infobox { padding: 5px 10px 5px 10px; margin: 0px 0px 20px 0px; font-weight: bold; }
.greenbox { border: 1px solid #090; color: #090; }
.redbox { border: 1px solid #c00; color: #c00; }

input,textarea { font: normal 11px "Trebuchet MS",Verdana, Arial,Sans-Serif; color: #666; }
form .field { width: 300px; border: 1px solid #666; padding: 2px 5px 2px 5px; }

.icon a { margin-right: 10px; }