@charset "UTF-8";
/* Farben
Braun #682e07
Braun Links #8b4513
Hellbraun #dba508
Hellbraun hell #f6dd93
Hellbraun Links #b38602
*/
* { margin: 0; padding: 0; }
h1, h2, h3, h4, p, ul, li, a, th, td { font-family: Verdana, Geneva, Helvetica, Arial, Sans-Serif; }
.printonly { display: none; }
a { color: #8b4513; font-weight: bold; background-color: #FFF; text-decoration: none; }
a:hover { color: #dba508; font-weight: bold; background-color: #FFF; text-decoration: none; }
a:active, a:focus { color: #dba508; font-weight: bold; background-color: #FFF; text-decoration: none; }
#directlink, #nav .sep, .last, .skip { display: inline; position: absolute; top: -1000px; left: -1000px; width: 0; height: 0; overflow: hidden; }
caption { display: none; }
/**/
body { font-size: 101%; }
.closewindow { font-size: 0.71em; text-align: center; }
.clear { clear: both; }
.clearr { clear: right; }
#main { color: #000; background-color: #682e07; padding: 5px 15px 10px; display: inline-block; }
/**/
#rahmen { background: #FFF url(../media/martin-rabe-t.jpg) repeat-x; color: #000; }
#tl { background: url(../media/martin-rabe-tl.jpg) no-repeat left top; }
#tr { background: url(../media/martin-rabe-tr.jpg) no-repeat right top; }
#r { background-image: url(../media/martin-rabe-r.jpg); background-repeat: repeat-y; background-position: right center; }
#br { background-image: url(../media/martin-rabe-rb.jpg); background-repeat: no-repeat; background-position: right bottom; }
#bl { background-image: url(../media/martin-rabe-lb.jpg); background-repeat: no-repeat; background-position: left bottom; padding-bottom: 5px; }
#l { background-image: url(../media/martin-rabe-l.jpg); background-repeat: repeat-y; background-position: left center; }
#schild { height: 71px; width: 468px; background: url(../media/martin-rabe-schild.jpg) center; margin: 0 auto; }
/**/
#sidebar1 { width: 60px; float: right; }
#sidebar1 #illut1 { background-image: url(../media/martin-rabe-tr2.jpg); right: 0px; width: 60px; height: 26px; }
#illub1 { text-align: right; width: 40px; height: 158px; background: url(../media/martin-rabe-rt.jpg) repeat-y right; margin: 0 0 0 20px; }
/**/
#sidebar2 { width: 11em; float: left; }
#sidebar2 #illut2 { background-image: url(../media/martin-rabe-tl2.jpg); width: 60px; height: 26px; }
#illub2 { width: 40px; height: 158px; float: left; background: url(../media/martin-rabe-lt.jpg) no-repeat; }
/**/
.glossar #illub2 { height: 20em; }
#referenz9 #illub2 { height: 35em; }
/**/
#nav { color: #000; background-color: #FFF; width: 10em; font-size: 100%; line-height: 1em; position: absolute; left: 60px; margin: 30px 0 0 0; }
#nav ul { font-size: 0.8em; list-style-type: none; }
#nav ul li { font-size: 1em; padding-bottom: .5em; }
#nav ul li ul { font-size: 100%; margin-left: 10px; padding-top: 5px; }
#nav ul li ul li { font-size: 0.9em; padding-bottom: 7px; }
#nav ul a { }
#nav ul a:hover { }
#nav ul a:active, #nav ul a:focus { }
/**/
#biographie .biographie { color: #b38602; background-color: #FFF; }
#leistungen .leistungen { color: #b38602; background-color: #FFF; }
#projektablauf .projektablauf { color: #b38602; background-color: #FFF; }
#referenzen .referenzen { color: #b38602; background-color: #FFF; }
#referenz1 .referenz1 { color: #b38602; background-color: #FFF; }
#referenz2 .referenz2 { color: #b38602; background-color: #FFF; }
#referenz3 .referenz3 { color: #b38602; background-color: #FFF; }
#referenz4 .referenz4 { color: #b38602; background-color: #FFF; }
#referenz5 .referenz5 { color: #b38602; background-color: #FFF; }
#referenz6 .referenz6 { color: #b38602; background-color: #FFF; }
#referenz7 .referenz7 { color: #b38602; background-color: #FFF; }
#referenz8 .referenz8 { color: #b38602; background-color: #FFF; }
#referenz9 .referenz9 { color: #b38602; background-color: #FFF; }
#referenz10 .referenz10 { color: #b38602; background-color: #FFF; }
#werkstatt .werkstatt { color: #b38602; background-color: #FFF; }
#wissenswertes .wissenswertes { color: #b38602; background-color: #FFF; }
li.wissenswertes { margin: .5em 0 0 0; }
#glossar .glossar { color: #b38602; background-color: #FFF; }
#portrait .portrait { color: #b38602; background-color: #FFF; }
#kontakt .kontakt { color: #b38602; background-color: #FFF; }
li.kontakt { margin: .5em 0 0 0; }
#prospekt .prospekt { color: #b38602; background-color: #FFF; }
#home .home { color: #b38602; background-color: #FFF; }
#nav .prospekt { display: none; }
#nav .subreferenzen { display: none; }
.referenzen #nav .subreferenzen { display: block; }
/**/
#contentcontainer { margin-right: 60px; margin-left: 15em; }
/**/
#content { font-size: 100%; line-height: 1.2em; width: 95%; border: solid 1px #FFF; padding: 2em 0 0 0; }
#content p { font-size: 0.8em; margin: 0 0 1em 0; }
#content img { border: solid 1px #682e07; }
#content h1 { font-size: 0.9em; margin: 0 0 1em; }
#content h2 { font-size: 0.9em; }
#content h3 { font-size: 0.85em; margin-top: 0.25em; }
#content h4 { font-size: 0.8em; }
#content ul li { font-size: 0.8em; list-style-type: none; padding-bottom: 0.5em; }
#content .imgleft { float: left; margin-top: 10px; margin-right: 15px; margin-bottom: 10px; }
#content .imgright { float: right; margin-top: 10px; margin-bottom: 10px; margin-left: 15px; }
/**/
#werkstatt #content { width: 99%; }
#content .imgblock { color: #000; font-size: 100%; background-color: #FFF; margin: 1em 0 0 0; }
#content .imgblock p { float: left; margin: 0 10px 1em 0; }
#content .imgblock img { border: solid 1px #682e07; }
#content .imgblock img.pano { float: left; margin: 0 0 .5em 0; }
#content .imgblock img.center { border-right-style: none; border-left-style: none; }
#content .imgblock img.left { border-right-style: none; }
#content .imgblock img.right { border-left-style: none; margin: 0 0.75em 0 0; }
/**/
#content .beispiele { margin: 1em 0; }
#content .beispiele p { margin: 0; }
.beispiele ul li { display: inline; margin-left: 0; padding-left: 0; }
/**/
.referenzen #content .imgblock { color: #000; font-size: 100%; background-color: #FFF; width: 250px; float: left; margin-top: 10px; margin-right: 15px; margin-bottom: 15px; }
.referenzen #content .imgblock a { font-size: 0.9em; font-weight: normal; }
.referenzen #content .imgblock p { font-size: 0.75em; line-height: 1em; }
.referenzen #content .imgblock img { border: solid 1px #682e07; }
/**/
#reflist img { border: solid 1px #682e07; }
#content #reflist .box { margin-bottom: 30px; }
#content #reflist .box .image { width: 250px; float: left; }
#content #reflist .box .text { font-size: 100%; margin-left: 265px; }
#content #reflist .box .text h2 { margin-top: 0; }
#content #reflist .box .text h3 { margin-top: 0; margin-bottom: 25px; }
/**/
#content ul.leistungenliste li { list-style: circle; margin: 0 0 .5em 1.5em; }
#content ul.leistungenliste { margin: 0 0 1.5em 0; }
/**/
#infocontainer { text-align: right; width: 240px; float: right; margin-left: 15px; }
.infobox { color: #000; font-size: 100%; line-height: 1.1em; background-color: #f6dd93; text-align: left; width: 240px; clear: both; padding-top: 5px; padding-right: 5px; padding-left: 5px; border: solid 1px #682e07; }
.infobox a { color: #8b4513; background-color: #f6dd93; }
.infobox a:hover { color: #b38602; background-color: #f6dd93; }
.infobox a:active, .infobox a:focus { color: #b38602; background-color: #f6dd93; }
/**/
#portrait .oton { color: #8b4513; font-style: italic; background-color: #FFF; margin-top: 0.5em; margin-bottom: 1em; }
#portrait .geraeusch { color: #bf9220; font-style: italic; background-color: #FFF; margin-top: 0.5em; margin-bottom: 1em; }
/**/
.addressblock { margin: 1em 0 1em; }
#content .addressblock p { margin: 0 0 1em; }
.addressblock th { font-size: 0.8em; font-weight: normal; text-align: left; padding-bottom: 0em; padding-right: 0.5em; }
.addressblock td { font-size: 0.8em; margin: 0 0 1em; }
/**/
.moved { margin: 3em 0 4em 0; }
/**/
#navrepeat { color: #8b4513; font-size: 100%; line-height: 1em; width: 80%; background-color: #FFF; padding: 1em 0 0; }
#navrepeat p { }
#navrepeat ul { font-size: 0.71em; }
#navrepeat ul li { display: inline; margin-left: 0; padding-left: 0; }
#navrepeat ul li ul { display: none; }
#navrepeat a { font-weight: normal; }
#navrepeat a:hover { }
#navrepeat a:active, #navrepeat a:focus { }
/**/
#footcontainer { color: #000; background: #682e07 url(../media/martin-rabe-b.jpg) repeat-x; }
#footbl { background: url(../media/martin-rabe-bl.jpg) no-repeat left top; }
#footbr { background: url(../media/martin-rabe-br.jpg) no-repeat right top; }
/**/
#foot { font-size: 100%; text-align: center; margin: 0 150px; min-height: 50px; padding: 25px 0 0 0; }
#foot p { color: #bf9220; font-size: 0.71em; background-color: #682e07; }
#foot strong { }
#foot a { color: #dba508; background-color: #682e07; padding: 0 2px; }
#foot a:hover { color: #b38602; background-color: #682e07; }
#foot a:active, #foot a:focus { color: #b38602; background-color: #682e07; }
/**/
#validator { text-align: center; width: 90%; color: #888; font-size: 100%; background-color: #fff; margin: 0 auto; padding: 0.75em 0 1em; }
#validator p { font-size: 0.7em; }
#validator a { color: #888; background-color: #FFF; }
#validator a:hover { color: #bbb; background-color: #FFF; }
/**/
#wdauth { color: #777; font-size: 100%; background-color: #FFF; }
#wdauth p { font-size: 0.71em; }
#wdauth a { font-weight: normal; color: #dba508; background-color: #682e07; }
#wdauth a:hover { color: #b38602; background-color: #682e07; }
#wdauth a:active, #wdauth a:focus { color: #b38602; background-color: #682e07; }
/**/
.grabb #sidebar2 { width: 60px; }
.grabb #sidebar2 #illut2 { width: 60px; }
.grabb #contentcontainer { text-align: center; margin: 0 0 0 40px; display: inline-block; }
.grabb #content { width: 602px; text-align: center; margin: 0 auto; padding: 0em 0 0 0; }
.grabb #content h1 { margin-bottom: 0; }
.grabb #content h2 { margin-top: 10px; }
.grabb #content h3 { padding-bottom: 10px; }
.grabb #content h1 { margin-right: 50px; margin-left: 50px; }
.grabb #nav2container { width: 602px; text-align: center; margin: 0 auto; }
.grabb #navrepeat { width: 602px; margin: 0 auto; }