body {background:#CCFF66; color:#000033; padding:0px; margin:0px; font-family:Times New Romain,Times,Sans-Serif;background-image:url(../../uploads/images/HEADER/Vespa-Herbst-2
.png);position:margin-top:1000px;background-repeat:repeat;background-position:500px500px;}
{ text-decoration:no-repeat; }li { list-style-type:square; }p { line-height:18px; }img { border-style:groove; }
<!--### Kommentar #### body = Hintergrund   Backgroud=Farbe des Hintergrundes - Color= Farbe der Schrift auf dem Hintergrund ####-->
#cms { position:center;}
#main { width:1020px; overflow:hidden; margin:0px auto;}
#footer { display:none; }
#menu { position:absolute; top:230px; width:1000px; background:#000; background:rgba(0,0,0,0.95); text-align:center; }
#menucontainer { display:block; width:auto; text-align:center; }
#menu ul { display:block; margin:2px; padding:2px; height:30px; padding-top:5px; text-align:justify; <!--## height ist Höhe der Schwarzen Menüleiste mit den Seitenbezeichnungen##--> }
#menu ul li { display:inline; list-style-type:none; margin:0px; padding:5px; 
margin-left:15px; margin-right:15px; padding-left:5px; padding-right:5px; text-align:center; width:auto; }
#menu ul li:hover { background:#F10808; }
#menu ul li.menuactive { background:#F10808; }
#menu ul li a { color:#FFF; text-transform:uppercase; font-size:12px; font-weight:bold;}

#seitenbild { position:absolute; top:280px; height:300px; width:1000px; 
overflow:hidden; border:5px outset #000000;outset;<!--###Seitenbild ;Lage , Border, Farbe Boreder FArbe der Beschriftung im Rahmen  , Effekt an Rahmen, und Größe###-->
background-image:url(uploads/images/HEADER/Vespa-Frühjahr.png); background-repeat:no-repeat; }
#seitenbild img {border:none; }
#seitenbild ul.pagination { position:absolute; z-index:8000; bottom:0px; right:0px; width:auto; height:0px; margin:0px; padding:20px; background:rgba(0,0,0,0.5); }

#seitenbild ul.pagination li { display:block; height:40px; width:40px;
list-style-type:none; float:left; clear:none; 
text-align:center; padding:0px; margin:0px; }

#seitenbild ul.pagination li.current { background:#FFF; }
#seitenbild ul.pagination li a { display:block; font-size:9px; color:#FFF; text-decoration:none;  height:15px; width:20px; padding-top:5px; }
#seitenbild ul.pagination li.current a { color:#F10808; }


<!---#### Schrift in ganzen Background -000000 = Schwarz-->
#box_container { width:1000px; height:auto; margin:0px; padding:0px; margin-top:400px; }
.box { float:left; clear:none; background:none; background:transparent; color:#000000; font-size:12px;  padding:0px; margin-right:60px; margin-bottom:60px;  }
.box .boxheader { background:none; display:block; width:290px; height:30px; overflow:hidden;  padding:0px; margin:0px; background-repeat:no-repeat; background-position:top right;  }

.box p, .box ul, .box div div, .box h3 { background:#000; background:rgba(0,0,0,0.6); padding:10px; }


.box .boxheader h2 { margin:0px; display:block; height:15px; width:263px; padding:5px; padding-top:6px; padding-bottom:4px; padding-left:10px; font-size:12px; font-weight:bold; text-transform:uppercase; }

input, textarea {  border:none; background:none; color:#FFF;}


#content { width:380px; }
#content textarea { width:450px; height:200px; }
#content input { width:380px; margin-left:20px; }
#content .centerinput { text-align:center; }
#content .centerinput input { margin-left:0px; }
#content .boxheader { width:380px; background-image:url(../../uploads/ecke_gruen.png);  }
#content .boxheader h2 { width:353px; background:#ACD911; color:#000; }
#content a { color:#000000; background:#ACD911; padding:2px; padding-right:4px; padding-left:4px; }
#newsbox, #box1 { width:200px; }
#newsbox .boxheader, #box1 .boxheader { background-image:url(../../uploads/ecke_rot.png);  width:200px; }
#newsbox .boxheader h2, #box1 .boxheader h2 { background:#F10808; color:#FFF; width:283px;  }
#newsbox ul { margin-left:0px; padding:10px; }
#newsbox ul li { margin:0px; padding:0px; list-style-type:none; }
#newsbox a { text-decoration:none; color:#FFF; }
#newsbox a:hover { text-decoration:underline; }
#newsbox { display:none; }
#newsbox span.more { display:block; margin-top:10px; }
#newsbox .more a { color:#FF0033; background:#F10808; padding:2px; padding-right:4px; padding-left:4px; }
#newsbox .more a:hover { text-decoration:none; }
#newsbox h3 { font-size:12px; font-weight:bold; display:none; }
#newsbox .meta { display:none; }

#box2  { width:100px; margin-right:0px; }
#box2 .boxheader {  background-image:url(../../uploads/ecke_weiss.png); width:200px; }
#box2 .boxheader h2 { width:173px; background:#FFF; color:#FF0033; }
#box2 a { color:#FF0033; background:#FFF; padding:2px; padding-right:4px; padding-left:4px; }
#box1 ul, #box2 ul { margin-left:0px; padding:10px; }
#box1 ul li, #box2 ul li { padding:0px;  margin-left:20px; }
#box1 ul li a { text-decoration:none; color:#FFF; }
#box1 ul li a:hover { text-decoration:none;  color:#ACD911;  }
#box1 ul li:hover { color:#ACD911;  }


.page_aktuell #box1 { display:none; }
.page_aktuell #newsbox { display:block; }

.page_home #box1 { display:none; }
.page_home #newsbox { display:block; }
.page_home #content { width:290px;}
.page_home #content .boxheader {  width:290px; }
.page_home #content .boxheader h2 {  width:263px; }
.page_home #box2 { display:block; }
.page_home #box2 {  width:390px; margin-right:0px; }
.page_home #box2 .boxheader { width:390px; }
.page_home #box2 .boxheader h2 { width:363px; }

.category-list { display:none; }
.nobgcolor { background:none !important; color:#FFF !important; }


/* Stylesheet: VESPA-STYLE Modified On 2019-05-13 20:32:40 */
body { background:#CC6633; color:#FFF; padding:0px; margin:0px; font-family:Times New Romain,Times,Sans-Serif;background-image:url(../../uploads/images/HEADER/Vespa-Herbst-2
.png); background-repeat:no-repeat; background-position:center bottom;}
a { text-decoration:none; }li { list-style-type:square; }p { line-height:18px; }img { border-style:groove; }
<!--### Kommentar #### background-Image = Hintergrundbild####-->
#cms { position:relative; }
#main { width:1020px; overflow:hidden; margin:0px auto;}
#footer { display:none; }
#menu { position:absolute; top:220px; width:1000px; background:#000; background:rgba(0,0,0,0.95); text-align:justify; }
#menucontainer { display:block; width:auto; text-align:justify; }
#menu ul { display:block; margin:2px; padding:2px; height:45px; padding-top:5px; text-align:justify; <!--## heigth ist Höhe der Schwarzen Menüleiste mit den Seitenbezeichnungen##--> }
#menu ul li { display:inline; list-style-type:none; margin:0px; padding:5px; 
margin-left:15px; margin-right:15px; padding-left:5px; padding-right:5px; text-align:center; width:auto; }
#menu ul li:hover { background:#F10808; }
#menu ul li.menuactive { background:#F10808; }
#menu ul li a { color:#FFF; text-transform:uppercase; font-size:12px; font-weight:bold;}

#seitenbild { position:absolute; top:260px; height:318px; width:1000px; 
overflow:hidden; border:5px outset #00FF99;outset;<!--###Seitenbild ;Lage , Border, Farbe Boreder , Effekt an Rahmen, und Größe###-->
background-image:url(../../uploads/Images/slidebild_01.jpg); background-repeat:no-repeat; }
#seitenbild img {border:none; }
#seitenbild ul.pagination { position:absolute; z-index:8000; bottom:0px; right:0px; width:auto; height:20px; margin:0px; padding:0px; background:rgba(0,0,0,0.5); }

#seitenbild ul.pagination li { display:block; height:40px; width:40px;
list-style-type:none; float:left; clear:none; 
text-align:center; padding:0px; margin:0px; }

#seitenbild ul.pagination li.current { background:#FFF; }
#seitenbild ul.pagination li a { display:block; font-size:9px; color:#FFF; text-decoration:none;  height:15px; width:20px; padding-top:5px; }
#seitenbild ul.pagination li.current a { color:#F10808; }



#box_container { width:1000px; height:auto; margin:0px; padding:0px; margin-top:420px; }

.box { float:left; clear:none; background:none; background:transparent; color:#FFF; font-size:12px;  padding:0px; margin-right:60px; margin-bottom:60px;  }
.box .boxheader { background:none; display:block; width:290px; height:25px; overflow:hidden;  padding:0px; margin:0px; background-repeat:no-repeat; background-position:top right;  }

.box p, .box ul, .box div div, .box h3 { background:#000; background:rgba(0,0,0,0.6); padding:10px; }


.box .boxheader h2 { margin:0px; display:block; height:15px; width:263px; padding:5px; padding-top:6px; padding-bottom:4px; padding-left:10px; font-size:12px; font-weight:bold; text-transform:uppercase; }

input, textarea {  border:none; background:none; color:#ACD911;}


#content { width:480px; }
#content textarea { width:450px; height:200px; }
#content input { width:380px; margin-left:20px; }
#content .centerinput { text-align:center; }
#content .centerinput input { margin-left:0px; }
#content .boxheader { width:480px; background-image:url(../../uploads/ecke_gruen.png);  }
#content .boxheader h2 { width:453px; background:#ACD911; color:#000; }
#content a { color:#000; background:#ACD911; padding:2px; padding-right:4px; padding-left:4px; }
#newsbox, #box1 { width:200px; }
#newsbox .boxheader, #box1 .boxheader { background-image:url(../../uploads/ecke_rot.png);  width:200px; }
#newsbox .boxheader h2, #box1 .boxheader h2 { background:#F10808; color:#FFF; width:173px;  }
#newsbox ul { margin-left:0px; padding:10px; }
#newsbox ul li { margin:0px; padding:0px; list-style-type:none; }
#newsbox a { text-decoration:none; color:#FFF; }
#newsbox a:hover { text-decoration:underline; }
#newsbox { display:none; }
#newsbox span.more { display:block; margin-top:10px; }
#newsbox .more a { color:#FFF; background:#F10808; padding:2px; padding-right:4px; padding-left:4px; }
#newsbox .more a:hover { text-decoration:none; }
#newsbox h3 { font-size:12px; font-weight:bold; display:none; }
#newsbox .meta { display:none; }

#box2  { width:200px; margin-right:0px; }
#box2 .boxheader {  background-image:url(../../uploads/ecke_weiss.png); width:200px; }
#box2 .boxheader h2 { width:173px; background:#FFF; color:#F10808; }
#box2 a { color:#F10808; background:#FFF; padding:2px; padding-right:4px; padding-left:4px; }
#box1 ul, #box2 ul { margin-left:0px; padding:10px; }
#box1 ul li, #box2 ul li { padding:0px;  margin-left:20px; }
#box1 ul li a { text-decoration:none; color:#FFF; }
#box1 ul li a:hover { text-decoration:none;  color:#ACD911;  }
#box1 ul li:hover { color:#ACD911;  }


.page_aktuell #box1 { display:none; }
.page_aktuell #newsbox { display:block; }

.page_home #box1 { display:none; }
.page_home #newsbox { display:block; }
.page_home #content { width:290px;}
.page_home #content .boxheader {  width:290px; }
.page_home #content .boxheader h2 {  width:263px; }
.page_home #box2 { display:block; }
.page_home #box2 {  width:390px; margin-right:0px; }
.page_home #box2 .boxheader { width:390px; }
.page_home #box2 .boxheader h2 { width:363px; }

.category-list { display:none; }
.nobgcolor { background:none !important; color:#FFF !important; }

/* Stylesheet: Vespa2-Style Modified On 2016-10-14 08:00:09 */