html { width: 100%; height: 100%; margin: 0; padding: 0; }
body { color: black; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 16px; width: 100%; height: 100%; margin: 0; padding: 0; }
#popup { background-image: url(../basic/bg-popup-comment.gif); background-repeat: no-repeat; background-position: left top; }
#popup p { width: 320px; height: auto; margin: 0; padding: 10px; }
#popup h1 { font-size: 13px; width: 340px; height: auto; margin: 50px 0 0; padding: 10px; }
body#callback{background-image: url(../basic/bg-popup-callback.gif); background-repeat: no-repeat; background-position: left top; }
div#head { width: 840px; height: 60px; margin: 30px auto 0; }
div#head img {}
.flright {float:right}
div#subhead { background-image: url(../basic/bg-suche.gif); background-repeat: no-repeat; background-position: left top; width: 840px; height: 50px; margin: 0 auto; }
#subhead form { width: 660px; height: auto; float: left; margin: 15px 0 0; }
#subhead form input { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #fff; width: 370px; height: 15px; margin: 0 15px 0 190px; border-width: 0; }
#subhead form input.smit { background-color: #f0f0f0; width: auto; height: 20px; margin-left: 0; } 
/*Ausgleich IE*/
#subhead p { width: 170px; height: 30px; float: left; margin: 17px 0 0; padding-left: 10px; }
/*Ausgleich Ende */
#subhead a{ color: black; text-decoration: none; } 
div#content { width:840px; height:auto; margin: 0 auto 0; }
div#contleft { width:180px; height: auto; float: left; margin: 0; }
div#contright { margin: 0; width: 180px; height: auto; float: left; }
div#contmid { margin: 10px 0 0; width: 480px; height: auto; float: left; }
div#contmidlist { margin: 0 0 0; width: 480px; height: auto; float: left; }
div#contmidkontakt { margin: 0 0 0; width: 440px; height: auto; float: left; padding: 10px 20px; }
/*Menücontainer*/
#contright img, #contleft img { margin: 10px 0 0; padding: 0; }
.lineblue { color: #fff; background-image: url(../basic/menue-markenrecht.gif); background-repeat: no-repeat; background-position: left top; text-decoration: none; border: solid 1px white; width: 178px; height: 158px; float: left; margin: 0 0 10px; padding-top: 50px; display: block; }
.linegreen { color: #fff; background-image: url(../basic/menue-wettbewerbsrecht.gif); background-repeat: no-repeat; background-position: left top; text-decoration: none; border: solid 1px white; width: 178px; height: 158px; float: left; margin: 0 0 10px; padding-top: 50px; display: block; }
.linebrown  { color: #fff; background-image: url(../basic/menue-urheberrecht.gif); background-repeat: no-repeat; background-position: left top; text-decoration: none; border: solid 1px white; width: 178px; height: 158px; float: left; margin: 0 0 10px; padding-top: 50px; display: block; }
.linegray  { color: #fff; background-image: url(../basic/menue-kontakt.gif); background-repeat: no-repeat; background-position: left top; text-decoration: none; border: solid 1px white; width: 178px; height: 158px; float: left; margin: 0 0 10px; padding-top: 50px; display: block; }
div.lineblue, a.lineblue:hover { color: #36a7e9; background-color: #36a7e9; background-image: url(../basic/menue-markenrecht-hl.gif); background-repeat: no-repeat; background-position: left top; border: solid 1px; }
div.linegreen, a.linegreen:hover { color: #9a8b16; background-color: #9a8b16; background-image: url(../basic/menue-wettbewerbsrecht-hl.gif); background-repeat: no-repeat; background-position: left top; border: solid 1px; }
div.linebrown,a.linebrown:hover  { color: #b05101; background-color: #b05101; background-image: url(../basic/menue-urheberrecht-hl.gif); background-repeat: no-repeat; background-position: left top; border: solid 1px; }
div.linegray,a.linegray:hover  { color: #ccc; background-color: #ccc; background-image: url(../basic/menue-kontakt-hl.gif); background-repeat: no-repeat; background-position: left top; border: solid 1px; }
/* Menü und Submenü Kontakt*/
dl#kontaktmenue { background-color: #ccc; background-image: url(../basic/menue-kontakt-hl.gif); background-repeat: no-repeat; background-position: left top; border: solid 1px white; width: 178px; height: 208px; float: left; margin: 0 0 10px; display: block; }
#kontaktmenue dt { width: 178px; height: 90px; margin: 0; padding: 0; }
#kontaktmenue dt a{ color: #ccc; text-decoration: none; width: 178px; height: 90px; float: left; margin: 0 0 10px; padding-top: 50px; display: block; }
#kontaktmenue dd { width: 158px; margin: 0; padding: 0 10px; }
#kontaktmenue dd a { color: #4d4d4d; text-decoration: none; }
#kontaktmenue dd a:hover { color: #fff; text-decoration: none; }
#kontaktmenue dd span { color: #fff; text-decoration: none; }
/*Inhalt*/
#contmid dl { width:440px; height: auto; margin: 0 0 50px 20px; padding: 0; }
#contmid dt { width:440px; height: auto; margin: 0; padding: 0; font-size: 13px;font-weight: bold}
#contmid dd { width:440px; height: auto; margin: 0; padding: 0; }
.blue {color:#36a7e9}
.green {color:#9a8b16}
.brown {color:#b05101}
.gray {color:#CCCCCC}
.white {color:#000;float:right}
#contmid h1, #contmidkontakt h1,  { font-size: 13px; width: auto; height: auto; margin: 0 10px; padding: 0; }
#contmid p.teaser { width: auto; height: auto; margin: 0 20px 10px 10px; padding: 0; }
#contmid form#intsuche { margin-left: 10px; }
#intsuche select{ width: 350px; margin: 0 0 10px; padding: 0; }
#intsuche a{ color: black; text-decoration: none; }

/* Auflistung Artikel */
#contmidlist dl { width:460px; height: auto; margin: 0 0 0 10px; padding: 10px 0 0;}
#contmidlist dt { width:440px; height: auto; margin: 0 10px 5px; padding: 0; font-size: 13px;font-weight: bold}
#contmidlist dd { width:440px; height: auto; margin: 10px 10px 0; padding: 0 0 10px; border-bottom: 1px solid black; }
dl.listblue{ background-color: #aadfff; margin: 0; padding: 0; }
dl.listgreen{ background-color: #d0ccad; width: 438px; height: auto; margin: 0; padding: 0; }
dl.listbrown{ background-color:#f4ddc9; margin: 0; padding: 0; }
dl.listgray{ background-color: #CCCCCC; margin: 0; padding: 0; }

/*Single Artikel*/
div#artikel{ line-height: 18px; width:438px; height: 307px; overflow: auto; margin: 0 0 0 10px; padding: 10px; border-right: 1px solid fuchsia; border-left: 1px solid fuchsia; }
#artikel span { font-size: 12px; font-style: normal; padding-left: -10px; border-bottom: 1px dotted black; }
#artikel span sup{ visibility: hidden; }
#artikel a{ color: #7c7c7c; text-decoration: none; }
#artikel a:hover { color: #000; text-decoration: none; }
/* Inhalt Kontakt */
#contmidkontakt h1 { color: #aeaeae; font-size: 13px; margin-top: 0; margin-bottom: 20px; margin-left: 0; }
#contmidkontakt h1.nomargin{margin-bottom: 0px} 
#contmidkontakt p { line-height: 16px; width: auto; height: auto; margin-top: 0; padding: 0 20px 0 0; }
#contmidkontakt img { margin: 0 0 20px; padding: 0; }
#contmidkontakt p a{ color: gray; text-decoration: underline; }

/*Fussnoten*/
#fussnoten {
/* position:fixed funktioniert nicht
   in MSIE und nicht richtig in Opera */
 position: absolute; z-index: 99; padding: 0; background-color: #fff; border: solid 1px black; }

#fussnoten h1 { font-family: Arial, sans-serif; font-size: 9pt; line-height: 14px; padding: 0 0 0 3pt; margin: 0; color: white; background-color: #36a7e9; }

#fussnoten h1 a {
 position: absolute;
 top: 0px;
 right: 0px;
 margin: 0pt;
 padding: 0pt;
 width: 16px;
 height: 14px;
 background-image: url(../kreuz.png);
 z-index: 100;
}

#fussnoten p { font-family: Arial, sans-serif; font-size: 9.5pt; line-height: 13pt; height: 225px; overflow: auto; margin-top: 0; padding: 3pt; }
/*Printausgabe Artikel*/
#print { width:596px; font-size:11px; height: auto; margin: 0; padding: 36px; }
#print h1 { font-size: 17px; width: auto; height: auto; margin: 30px 0 10px; padding: 0; }
#print h2 { font-size: 14px; margin: 0 0 5px; padding: 0; width: auto; height: auto; }
#print h3 { font-size: 12px; margin: 0 0 5px; padding: 0; width: auto; height: auto; }
#print p { font-size: 12px; line-height: 18px; width: auto; height: auto; }

/*Popup Callback body#callback */

#callback form { width:360px; height: auto; margin: 60px 10px 10px; }
#callback form p{width:340px}
#callback form label{ width: 120px; float: left; margin-bottom: 10px; display: block; }
#callback form input { width: 200px; height:14px;font-size:11px}
#callback form input.vorwahl{width:80px;margin-right:10px}
#callback form input.telefon{width:104px;}
#callback form input.smit { width: 100px; height:22px;margin: 20px 0 0 110px; }
#callback form textarea { width: 200px; height: 60px; }
#callback form br { clear: left; }
#callback form p.error { color: red; font-size: 11px; width: 200px; height: auto; clear: left; margin: 0 0 0 130px; padding: 0; }