body { font-size:62.5%; background-color:rgb(255,204,102); font-family: Arial, sans-serif; } * {margin:0; padding:0;} * a {text-decoration: none;} a:link {color:rgb(255,204,102);}   #navi_seite { width: 24.5%; margin-left: 0; margin-top: 0.4%; float:left; color:white; background-color: black; min-height: 1200px; }   #navi_seite .mutterboxlinks  { width: 100%; } #navi_seite .mutterboxlinks  img{ width: 100%; margin-right:0; background-color:rgb(255,204,102); }  #navi_seite .mutterboxlinks>ul{ list-style-type: none; margin-right: 5%; margin-top: 12px; margin-left: 2%; min-height: 4em; border: solid; border-color: silver; border-width: 1%; padding: 5%; padding-top: 0; background-color: rgb(51,51,51); -webkit-border-radius: 12px; -moz-border-radius: 12px; -khtml-border-radius: 12px; -o-border-radius: 12px; border-radius: 12px; }  #navi_seite>ul li{  display: block; }  #navi_seite ul li h1 { background-image: url(farbmodell.jpg); color: black; margin-top: 1em; border: 1px solid black; padding-left: 10px; font-size: 2em; -webkit-border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; }  #navi_seite ul li ul li.erlebt { list-style-type: none; background-color:rgb(102,102,102); color: rgb(204,204,204); margin-left: 1em; padding: 2px 5px 2px 5px; border: 1px solid black; border-top-color: black; border-left-color: black; font-size: 1.5em; font-weight: 600; }   #navi_seite ul li ul li.allgemein { list-style-type: none; background-color:rgb(153,153,153); color: black; margin-top: 5px; margin-left: 0.8em; margin-bottom: 5px; padding-left: 5px; border: 1px solid black; font-size: 1.3em; font-weight: 600; position: relative; } #navi_seite ul li ul li.allgemein  a {color: black;} #navi_seite ul li ul li.erlebt a {color: rgb(204,204,204);}  #navi_seite ul li ul li.allgemein ul{ background-color:rgb(153,153,153); margin: -3px 0 5px 30px; padding: 5px 10px 0 10px; display:none; } #navi_seite ul li ul li.allgemein ul a{ font-weight: 600; font-family: 'Comic Sans MS', sans-serif; color:rgb(0,0,153); }  #navi_seite ul li ul>li:hover ul { display:block; position: absolute; right: 0; }       #kopf { margin-left: 26%; margin-top: 12px; margin-right: 0.55%; min-height: 200px; }  #navileiste { width: 100%; height: 5em; } #navileiste ul { padding: 0px; margin: 0px; } #navileiste ul:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; } #navileiste ul li { list-style: none; float:left; } #navileiste ul li.button{ min-width: 15%; margin-right: 1%; } #navileiste ul li.absetzen{ min-width: 15%; margin-left: 5%; }  #navileiste ul li a { text-decoration: none; display: block; } #navileiste ul li img { width: 100%; } #navileiste ul li:hover > ul { visibility: visible; } #navileiste ul li ul{ display: inline; visibility: hidden; position: absolute; padding:0px; border: solid black 2px; background-color: orange; height: 7em; padding: 0 5px 0 5px; width:10%; margin-top:-0.5em; } #navileiste ul li ul li{ float: none; text-align: center; font-family: 'Comic Sans MS', sans-serif; font-size: 1.5em; font-weight: 700; padding: 0 5px 0 5px; } #navileiste ul li ul li a { color:rgb(0,0,153); } #navileiste ul li ul li a:hover{ color: red; }   #haupt { text-align: left; margin-left: 26%; margin-top: 3.8em; width: 75%; }   #redaktion  {width: 100%;}  #redaktion table.artikel  { width: 100%; border-collapse: collapse; border-spacing: 0px; empty-cells: show; border:0; } #redaktion tr.artikel  { vertical-align: top; margin: 0; border:0; }  #redaktion td.text  { width: 70%; background-image: url(farbmodell.jpg); padding: 0 6px 0 6px; margin-top:0; vertical-align: top; }  #redaktion td.marketing  { vertical-align: top; width: 30%; background-color: black; padding: 0 6px 0 6px; color:white; margin-top:0; }  #redaktion .artikel h1 { background-color:red; border: solid 2px; padding-left: 12px; padding-right: 12px; margin-top: 1.5em; -webkit-border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; }  #redaktion .artikel h2 { background-color: rgb(255,204,102); border: solid 2px; border-color: red; margin-top: 1.5em; padding-left: 12px; padding-right: 12px; font-size: 1.9em; -webkit-border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; }  #redaktion .artikel h4 { padding-left: 12px; padding-right: 12px; background-image: url(farbmodell.jpg); font-family: 'Lucida Sans Unicode', 'Lucida', sans-serif; font-weight: 500; font-size: 1.5em; border: solid 1px; border-color:red; }  #redaktion .text p{ margin-top: 2em; font-family: 'Lucida Sans Unicode', 'Lucida', sans-serif; font-size: 1.7em; font-weight: 500; }  #redaktion .text p.kleintext { font-size: 1.3em; font-family: Arial, sans-serif; font-weight: 500; margin-top: 5px; } #redaktion .text p.vortext { font-size: 1.7em; font-family: Arial, sans-serif; font-weight: 800; margin-top: 2em; } .text img { width: 50%; float: left; margin-right:12px;  } .text table tr td { width: 50%; } .schlussverweis tr{ vertical-align: top; } .text li { list-style-type: disc; margin-left:15px; margin-top:2em; font-family: 'Lucida Sans Unicode', 'Lucida', sans-serif; font-size: 1.7em; font-weight: 500; } .text li>h3 { border: solid 2px; border-color: red; background-color: rgb(255,204,102); text-align: center; font-size: 1.2em; color: slategrey; }   .werbeboard, .navboard { margin-right: 5%; margin-top: 12px; margin-left: 2%; min-height: 4em; border: solid; border-width: 1%; padding: 5%; padding-top: 0; background-color: rgb(51,51,51); -webkit-border-radius: 12px; -moz-border-radius: 12px; -khtml-border-radius: 12px; -o-border-radius: 12px; border-radius: 12px; }  .werbeboard { border-color: yellow; }  .navboard { border-color: rgb(204,204,204); }   .navboard p, .werbeboard p  { font-size: 1.2em; font-weight: 600; color: rgb(204,204,204); margin-top: 1em; font-family: 'Lucida Sans Unicode', 'Lucida', sans-serif; }  .navboard h6, .werbeboard h6{ font-size: 1.5em; font-weight: 700; padding: 12px 0 12px 0; } .navboard h6{ color: rgb(255,204,102); }  .werbeboard h6{ color: yellow; }  .navboard img, .werbeboard img { width: 100%; margin-top: 12px; background-color: black; }     a.linkinhalt { text-decoration: underline; font-style: italic; color:rgb(255,204,102); } a.linkwerbung { text-decoration: underline; font-style: italic; color:yellow; } a.linktext { text-decoration: underline; color:maroon; font-weight: 700; } a.linkview { text-decoration: underline; color:green; font-weight: 700; } .kleintext a { text-decoration: underline; color:maroon; font-weight: 700; }  .schlussverweis a.linktext { text-decoration: underline; color:blue; font-size: 1.4em; font-weight: 700; }    #fuss { clear: both; clear: both; background-color: red; padding-bottom: 0.5em; -webkit-border-radius: 12px; -moz-border-radius: 12px; -khtml-border-radius: 12px; -o-border-radius: 12px; border-radius: 12px; } #fuss p { font-size: 1.5em; font-family: arial, sans-serif; font-weight: 800; text-align: center; padding-top: 0.5em; } #abgrund { clear:both; height: 12px; }