bombastiiclayout6

Home

So jetzt mal ein Layout wo auf beiden Seiten ein Sidebar ist, weil manche von euch das so wollten.
Ansonsten ist das Layout sehr schlicht und die Navi ist im Header mit drinne.
Das Sidebar ist in Boxen geteilt und das wird mein letztes Layout sein das so ist denke ich mal.
Naja viel spaß damit

Deine Überschrift

der Code

Text über dem Design:

var fadeimages=new Array()
//Arrayerzeugung
fadeimages[0]=["http://i27.tinypic.com/1yofaa.jpg", "", ""]
fadeimages[1]=["http://i26.tinypic.com/w2lm48.jpg", "", ""]

var fadebgcolor="#000000"

var fadearray=new Array() //array to cache fadeshow instances
var fadeclear=new Array() //array to cache corresponding clearinterval pointers

var dom=(document.getElementById) //modern dom browsers
var iebrowser=document.all

function fadeshow(theimages, fadewidth, fadeheight, borderwidth, delay, pause, displayorder){
this.pausecheck=pause
this.mouseovercheck=0
this.delay=delay
this.degree=10 //initial opacity degree (10%)
this.curimageindex=0
this.nextimageindex=1
fadearray[fadearray.length]=this
this.slideshowid=fadearray.length-1
this.canvasbase="canvas"+this.slideshowid
this.curcanvas=this.canvasbase+"_0"
if (typeof displayorder!="undefined")
theimages.sort(function() {return 0.5 - Math.random();}) //thanks to Mike (aka Mwinter) <img src="http://theme.webme.com/smiles/smiley.gif" border="0">
this.theimages=theimages
this.imageborder=parseInt(borderwidth)
this.postimages=new Array() //preload images
for (p=0;p<theimages.length;p++){
this.postimages[p]=new Image()
this.postimages[p].src=theimages[p][0]
}

var fadewidth=fadewidth+this.imageborder*2
var fadeheight=fadeheight+this.imageborder*2

if (iebrowser&&dom||dom) //if IE5+ or modern browsers (ie: Firefox)
document.write('<div id="master'+this.slideshowid+'" style="position:relative;width:'+fadewidth+'px;height:'+fadeheight+'px;overflow:hidden;"><div id="'+this.canvasbase+'_0" style="position:absolute;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1;background-color:'+fadebgcolor+'"></div><div id="'+this.canvasbase+'_1" style="position:absolute;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1;background-color:'+fadebgcolor+'"></div></div>')
else
document.write('<div><img name="defaultslide'+this.slideshowid+'" src="'+this.postimages[0].src+'"></div>')

if (iebrowser&&dom||dom) //if IE5+ or modern browsers such as Firefox
this.startit()
else{
this.curimageindex++
setInterval("fadearray["+this.slideshowid+"].rotateimage()", this.delay)
}
}

function fadepic(obj){
if (obj.degree<100){
obj.degree+=10
if (obj.tempobj.filters&&obj.tempobj.filters[0]){
if (typeof obj.tempobj.filters[0].opacity=="number") //if IE6+
obj.tempobj.filters[0].opacity=obj.degree
else //else if IE5.5-
obj.tempobj.style.filter="alpha(opacity="+obj.degree+")"
}
else if (obj.tempobj.style.MozOpacity)
obj.tempobj.style.MozOpacity=obj.degree/101
else if (obj.tempobj.style.KhtmlOpacity)
obj.tempobj.style.KhtmlOpacity=obj.degree/100
else if (obj.tempobj.style.opacity&&!obj.tempobj.filters)
obj.tempobj.style.opacity=obj.degree/101
}
else{
clearInterval(fadeclear[obj.slideshowid])
obj.nextcanvas=(obj.curcanvas==obj.canvasbase+"_0")? obj.canvasbase+"_0" : obj.canvasbase+"_1"
obj.tempobj=iebrowser? iebrowser[obj.nextcanvas] : document.getElementById(obj.nextcanvas)
obj.populateslide(obj.tempobj, obj.nextimageindex)
obj.nextimageindex=(obj.nextimageindex<obj.postimages.length-1)? obj.nextimageindex+1 : 0
setTimeout("fadearray["+obj.slideshowid+"].rotateimage()", obj.delay)
}
}

fadeshow.prototype.populateslide=function(picobj, picindex){
var slideHTML=""
if (this.theimages[picindex][1]!="") //if associated link exists for image
slideHTML='<a href="'+this.theimages[picindex][1]+'" target="'+this.theimages[picindex][2]+'">'
slideHTML+='<img src="'+this.postimages[picindex].src+'" border="'+this.imageborder+'px">'
if (this.theimages[picindex][1]!="") //if associated link exists for image
slideHTML+='</a>'
picobj.innerHTML=slideHTML
}

fadeshow.prototype.rotateimage=function(){
if (this.pausecheck==1) //if pause onMouseover enabled, cache object
var cacheobj=this
if (this.mouseovercheck==1)
setTimeout(function(){cacheobj.rotateimage()}, 100)
else if (iebrowser&&dom||dom){
this.resetit()
var crossobj=this.tempobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
crossobj.style.zIndex++
fadeclear[this.slideshowid]=setInterval("fadepic(fadearray["+this.slideshowid+"])",50)
this.curcanvas=(this.curcanvas==this.canvasbase+"_0")? this.canvasbase+"_1" : this.canvasbase+"_0"
}
else{
var ns4imgobj=document.images['defaultslide'+this.slideshowid]
ns4imgobj.src=this.postimages[this.curimageindex].src
}
this.curimageindex=(this.curimageindex<this.postimages.length-1)? this.curimageindex+1 : 0
}

fadeshow.prototype.resetit=function(){
this.degree=10
var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
if (crossobj.filters&&crossobj.filters[0]){
if (typeof crossobj.filters[0].opacity=="number") //if IE6+
crossobj.filters(0).opacity=this.degree
else //else if IE5.5-
crossobj.style.filter="alpha(opacity="+this.degree+")"
}
else if (crossobj.style.MozOpacity)
crossobj.style.MozOpacity=this.degree/101
else if (crossobj.style.KhtmlOpacity)
crossobj.style.KhtmlOpacity=this.degree/100
else if (crossobj.style.opacity&&!crossobj.filters)
crossobj.style.opacity=this.degree/101
}

fadeshow.prototype.startit=function(){
var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
this.populateslide(crossobj, this.curimageindex)
if (this.pausecheck==0){ //IF SLIDESHOW SHOULD PAUSE ONMOUSEOVER
var cacheobj=this
var crossobjcontainer=iebrowser? iebrowser["master"+this.slideshowid] : document.getElementById("master"+this.slideshowid)
crossobjcontainer.onmouseover=function(){cacheobj.mouseovercheck=1}
crossobjcontainer.onmouseout=function(){cacheobj.mouseovercheck=0}
}
this.rotateimage()
}
</script>

<div  style="position: absolute; left:110px ; top:253px ; width: 165px; height: 46px;">
<a href="http://URL" class="about">About Me</a>
</div>

<div  style="position: absolute; left:140px ; top:310px ; width: 138px; height: 46px;">
<a href="http://URL" class="gbook">Gästebuch</a>
</div>

<div  style="position: absolute; left:132px ; top:360px ; width: 95px; height: 46px;">
<a href="http://URL" class="affis">Affiliates</a>
<br></div></div>

<div  style="position: absolute; left:122px ; top:410px ; width: 95px; height: 46px;">
<a href="http://URL" class="outlet">Outlet</a>
<br></div></div>

<div  style="position: absolute; left:112px ; top:710px ; width: 230px; height: 150px;">
<div style="background-image: url(http://i31.tinypic.com/1z1v8cl.png);
                 width:  202px;
            height: 168px;
 -moz-border-radius: 3px;
">
<p class="bombastiic1">Welcome ..</p>
<center><span style="color: rgb(255, 255, 255);"><span style="font-size: 12px;">... zu meiner Seite, hier findest du enige Informationen zu mir aber auch viel Stuff . Ich hoffe dir gefällt es hier so sehr, das du mich irgendwann mal wieder besuchen kommst blah blah blah blah hier kommt halt der willkommens text rein und so also wenn ihr es wollt xD</span></span></span>
</center><br><br></div></div>

<div  style="position: absolute; left:112px ; top:900px ; width: 230px; height: 150px;">
<div style="background-image: url(http://i31.tinypic.com/1z1v8cl.png);
                 width:  202px;
            height: 168px;
 -moz-border-radius: 3px;
">
<p class="bombastiic1">About me</p>
<center><span style="color: rgb(255, 255, 255);"><span style="font-size: 12px;">Mein name ist kathi  ich liebe hunde und hasse katzen, weil ich denke das katzen böse sind und sie die welt übernehmen wollen .. jah hier könnt ihr etwas über euch schreiben und villt auch ein bild reinmachen wie es euch halt passt  xD<img src="http://theme.webme.com/smiles/cheesy.gif" border="0"><a href="http://URL"><span style="font-size: 10px;"><span style="font-size: 12px;"> Mehr?</a></span></span></span>
</center><br><br></div></div>

<div style="background-image: url(http://i31.tinypic.com/1z1v8cl.png);
                 width:  202px;
            height: 168px;
 -moz-border-radius: 3px;
">
<p class="bombastiic1">the Site</p>
<img src="http://i26.tinypic.com/nytgns.png" _fcksavedurl="http://i26.tinypic.com/nytgns.png" border="0" align="left">
<span style="color: rgb(255, 255, 255);"><span style="font-size: 11px;">Das Lay ist am besten geeignet für Firefox , das Model ist die erfolgreichste Sängerin der letzten 2 Jahre Lady Gaga <a href="http://URL"><span style="font-size: 10px;"><span style="font-size: 12px;">  ....Mehr?</span></span></span></a></span>
<br><br></div>
</div>

<div  style="position: absolute; left:112px ; top:1300px ; width: 230px; height: 150px;">
<div style="background-image: url(http://i31.tinypic.com/1z1v8cl.png);
                 width:  202px;
            height: 98px;
 -moz-border-radius: 3px;
">
<p class="bombastiic1">extra box</p>
<center><span style="color: rgb(255, 255, 255);"><span style="font-size: 12px;">Hier kannst du irgendetwas hin machen keine ahnung vielleicht einen counter deine networks oder so</span></span></span>
</center><br><br></div></div>

<div style="background-image: url(http://i31.tinypic.com/1z1v8cl.png);

width:  202px;
            height: 148px;
 -moz-border-radius: 3px;
">
<p class="bombastiic1">Stuff</p>

<table id="table1" width="100%" border="0"><tbody>
<td style="width: 50%">
<a href="http://URL" class="navi">Tutorials</a>
<a href="http://URL" class="navi">Layouts</a></td>

<td style="width: 50%">
<a href="http://URL" class="navi">Material</a>
<a href="http://URL" class="navi">Wallpaper</a>

</td>
</tr>
</tbody></table>
<br><br></div></div>

<div style="background-image: url(http://i31.tinypic.com/1z1v8cl.png);
            width:  202px;
            height: 248px;
 -moz-border-radius: 3px;
">
<p class="bombastiic1">Affiliates</p>

<td style="width: 50%">
<a href="http://AFFI" target="_blank"><img src="http://i32.tinypic.com/30jsdw5.jpg" border="0"></a> 
<a href="http://AFFI" target="_blank"><img src="http://i32.tinypic.com/30jsdw5.jpg" border="0"></a> 
</td>
</tr>
</tbody></table><br /><center>
<a href="http://URL"><span style="font-size: 10px;">Alle Partner ?</span></a><span style="font-size: 10px;"><br />
</span><a href="http://URL"><span style="font-size: 10px;"><span style="font-size: 10px;">Ich will auch Partner werden ?</span></span></a></center>
<br><br></div></div>

<div  style="position: absolute; left:812px ; top:1160px ; width: 230px; height: 150px;">
<div style="background-image: url(http://i31.tinypic.com/1z1v8cl.png);
                 width:  202px;
            height: 118px;
 -moz-border-radius: 3px;
">
<p class="bombastiic1">Credits</p>

<table id="table1" width="100%" border="0"><tbody>
<td style="width: 50%">
<a href="http://bombastiic.de.tl" class="navi3">Layout</a>

<td style="width: 50%">
<a href="http://ohgaga.net/" class="navi3">Bilder</a>
</td>
</tr>
</tbody></table>
<br /><center>
<a href="http://URL"><span style="font-size: 10px;"><span style="font-size: 10px;">alle Credits ?</span></span></a></center>

<div  style="position: absolute; left:398px ; top:102px ; width: 100; height: 150;">
<script type="text/javascript">
new fadeshow (fadeimages, 524, 412, 0, 3000, 1, "R")
</script>
</div>

</div>

CSS-Code ohne Style Tags

.navifont{
display: block;
text-transform: uppercase;
font-family: arial;
font-weight: bold;
font-size: 12px;
color: #ffffff;
text-align:center;
text-shadow: 1px 1px #2d2d2d;
margin-bottom: 6px;
margin-right: 1px;
line-height: 20 px;
letter-spacing: 0px;
border-bottom: 6px solid #4d4d4d;}

.bombastiic1{
display: block;
text-transform: uppercase;
font-family:Caviar Dreams;
font-weight: bold;
font-style: italic;
text-shadow: #000000 0px 0px 6px;
font-size: 16pt;
padding-left: 5px;
color: #FFFFFF;
-moz-border-radius: 0px;
text-decoration: bold;
text-align: center;
margin-bottom: 6px;
margin-right: 10px;
line-height: 40px;
letter-spacing: 3px;
border-left: 0px solid #ffffff;
border-right: 0px solid #ffffff;
border-top: 0px solid #ffffff;
border-bottom: 0px solid #ffffff;
}

.ueberschrift{
display: block;
font-family: Caviar Dreams;
font-weight: bold;
font-style: italic;
text-shadow: #ffffff 0px 0px 6px;
 font-size: 11pt;
padding-left: 5px;
color: #FFFFFF;
-moz-border-radius: 5px;
text-decoration: bold;
text-align: center;
margin-bottom: 6px;
margin-right: 1px;
line-height: 20px;
letter-spacing: 5px;
border-left: 2px solid #ffffff;
border-right: 2px solid #ffffff;
border-top: 1px solid #c0c0c0;
border-bottom: 0px solid #d0d0d0;
background-image: url(http://i31.tinypic.com/1z1v8cl.png)}

#extraDiv1 {display: none;}
 #extraDiv2 {display: none;}
 #extraDiv3 {display: none;}
 #extraDiv4 {display: none;}
 #extraDiv5 {display: none;}
 #extraDiv6 {display: none;}
 #pre_header {display: none;}
 #post_header {display: none;}
 #pre_content {display: none;}
#nav{display:none;}
 #bombastiic_content {display: none;}
 div.header{display: none;}

h2#title{display: none;}  
a:link {
color: #c0c0c0;
font-family: tahoma, arial;
text-decoration: none;}

a:visited {
color: #ffffff;
font-family: tahoma, arial;
text-decoration: none;}

a:hover {
color: #ffffff;
font-family: tahoma, arial;
border-bottom: 0px dotted #bababa;}

body {
overflow-x: hidden;
background-image: url('http://i27.tinypic.com/ojk0.jpg');
}

*{ padding: 0; margin: 0; }

#Mein_Bild {
margin-top: -100px;
width:1280px;
height:800px;
border:0px;
background-image: url(http://i26.tinypic.com/2pzig4y.jpg);
}

#content {
position: absolute;
top:710px;
margin-left:335px;
width: 420px;
padding: 13px;
color:#800080;
-moz-border-radius: 3px;
font-family: tahoma,arial;
font-size:  11px;
text-align: justify;
word-spacing: px;
letter-spacing: 0px;
overflow:auto;
background-image:url(http://i30.tinypic.com/34fiphe.png);}

#naviboxlinks{
position: absolute;
left:30px;
top:348px;
padding:11px;
width: 150px;
color: #ffffff;
font-family: tahoma;
font-size:  11px;
overflow:auto;}

#naviboxrechts{
position: absolute;
left:730px;
top:348px;
padding:11px;
width: 150px;
color: #ffffff;
font-family: tahoma;
font-size:  11px;
overflow:auto;
background-color: #ececec;
}

#hauptnavi{
position: absolute;
left:209px;
top:513px;
width: 494px;
height: 42px;
padding: 10px;
overflow:auto;
color: #ffffff;}

#nav_container{
position: absolute;
top:140px;
margin-left: 800px;
high: 100px;
width: 101px;
font-family: Verdana;
color: #ffffff;
border:0px solid #333333;}

ul#nav{
width: 20px;
padding: 5px;
margin: 5px;}

li.nav_element{
list-style-type: none;
position: relative;
padding:1px;
color: #ffffff;
width: 100px;}

li.nav_element a{
display: block;
-moz-border-radius: 3px;
width: 100px;
height: 15px;
padding: -2px;
font-weight:;
text-decoration:;
text-align: justify;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
text-align: center;
word-spacing: 0px;
letter-spacing: 0px;
color: #ffffff;
background-color:#ececec;
background-image:url(xx);  
border-bottom: 0px solid color:#ffffff; }

li.nav_element a:hover{
color: #ffffff;
background-color: #ececec;
background-image:url(xx);}

A.navi:link, A.navi:active, A.navi:visited {
display: block;
-moz-border-radius: 3px;
padding-left: 2px;
padding-bottom: 3px;
font-family: tahoma, arial;
font-size: 11px;
height: 10px;
margin-bottom: 2px;
border-left: 0px solid #c0c0c0;
border-right: 0px dotted #7C757B;
border-top: 0px dotted #7C757B;
letter-spacing: 1px;
margin-right: 3px;
color: #ffffff;
padding-top: 5px;
background-color: transparent;
text-align: center;
margin-top: 7px;
line-height: 10px;}

A.navi:hover {
display: block;
-moz-border-radius: 3px;
padding-left: 2px;
padding-bottom: 3px;
font-family: tahoma, arial;
font-size: 11px;
height: 10px;
margin-bottom: 2px;
border-bottom: 0px solid #d3d3d3;
border-left: 0px solid #a9a9a9;
border-right: 0px dotted #7C757B;
border-top: 0px dotted #7C757B;
letter-spacing: 1px;
margin-right: 3px;
color: #c0c0c0;
text-shadow: #ffffff 0px 0px 10px;
background-color:tranparent;
text-align: center;
line-height: 10px;}

A.home:link, A.home:active, A.home:visited {
display: block;
padding-top: 7px;
padding-left: 5px;
-moz-border-radius: 0px;
font-family: Caviar Dreams;
margin-left: 2px;
margin-top: 2px;
font-size: 30px;
letter-spacing: 1px;
text-shadow: #000000 0px 0px 6px;
text-transform: uppercase;
margin-bottom: 1px;
border-bottom: 0px solid transparent;
border-left: 0px solid #DAE2E8;
border-right: 0px solid  #C8CFD5;
background-color: transparent;
height: 34px;
border-top: 0px solid #DAE2E8;
color: #c71585;}

A.home:hover {
display: block;
padding-top: 7px;
padding-left: 5px;
-moz-border-radius: 0px;
text-shadow: #000000 0px 0px 6px;
font-family: Caviar Dreams;
margin-left: 2px;
margin-top: 2px;
font-size: 30px;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 1px;
border-bottom: 0px solid #b6b6b6;
border-left: 0px solid #DAE2E8;
border-right: 0px solid  #C8CFD5;
height: 34px;
border-top: 0px solid #DAE2E8;
color: #708090;
text-align: left;}

A.navi3:link, A.navi3:active, A.navi3:visited {
display: block;
-moz-border-radius: 3px;
padding-left: 2px;
padding-bottom: 3px;
font-family: tahoma, arial;
font-size: 12px;
height: 10px;
margin-bottom: 2px;
border-left: 0px solid #c0c0c0;
border-right: 0px dotted #7C757B;
border-top: 0px dotted #7C757B;
letter-spacing: 1px;
margin-right: 3px;
color: #ffffff;
padding-top: 5px;
background-color: transparent;
text-align: center;
margin-top: 7px;
line-height: 10px;}

A.navi3:hover {
display: block;
-moz-border-radius: 3px;
padding-left: 2px;
padding-bottom: 3px;
font-family: tahoma, arial;
font-size: 16px;
height: 10px;
margin-bottom: 2px;
border-bottom: 0px solid #d3d3d3;
border-left: 0px solid #a9a9a9;
border-right: 0px dotted #7C757B;
border-top: 0px dotted #7C757B;
letter-spacing: 1px;
margin-right: 3px;
color: #ffffff;
text-shadow: #ffffff 0px 0px 10px;
background-color:tranparent;
text-align: center;
line-height: 10px;
}

A.about:link, A.about:active, A.about:visited {
display: block;
padding-top: 7px;
padding-left: 5px;
-moz-border-radius: 0px;
text-shadow: #000000 0px 0px 6px;
font-family: Caviar Dreams;
margin-left: 2px;
margin-top: 2px;
font-size: 30px;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 1px;
border-bottom: 0px solid transparent;
border-left: 0px solid #DAE2E8;
border-right: 0px solid  #C8CFD5;
background-color: transparent;
height: 34px;
border-top: 0px solid #DAE2E8;
color: #ff6347;}

A.about:hover {
display: block;
padding-top: 7px;
padding-left: 5px;
-moz-border-radius: 0px;
text-shadow: #000000 0px 0px 6px;
font-family: Caviar Dreams;
margin-left: 2px;
margin-top: 2px;
font-size: 30px;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 1px;
border-bottom: 0px solid #b6b6b6;
border-left: 0px solid #DAE2E8;
border-right: 0px solid  #C8CFD5;
height: 34px;
border-top: 0px solid #DAE2E8;
color: #708090;
text-align: left;}

A.gbook:link, A.gbook:active, A.gbook:visited {
display: block;
padding-top: 7px;
padding-left: 5px;
-moz-border-radius: 0px;
text-shadow: #000000 0px 0px 6px;
font-family: Caviar Dreams;
margin-left: 2px;
margin-top: 2px;
font-size: 30px;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 1px;
border-bottom: 0px solid transparent;
border-left: 0px solid #DAE2E8;
border-right: 0px solid  #C8CFD5;
background-color: transparent;
height: 34px;
border-top: 0px solid #DAE2E8;
color: #ff1493;}

A.gbook:hover {
display: block;
padding-top: 7px;
padding-left: 5px;
-moz-border-radius: 0px;
text-shadow: #000000 0px 0px 6px;
font-family: Caviar Dreams;
margin-left: 2px;
margin-top: 2px;
font-size: 30px;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 1px;
border-bottom: 0px solid #b6b6b6;
border-left: 0px solid #DAE2E8;
border-right: 0px solid  #C8CFD5;
height: 34px;
border-top: 0px solid #DAE2E8;
color: #708090;
text-align: left;}

A.outlet:link, A.outlet:active, A.outlet:visited {
display: block;
padding-top: 7px;
padding-left: 5px;
-moz-border-radius: 0px;
text-shadow: #000000 0px 0px 6px;
font-family: Caviar Dreams;
margin-left: 2px;
margin-top: 2px;
font-size: 30px;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 1px;
border-bottom: 0px solid transparent;
border-left: 0px solid #DAE2E8;
border-right: 0px solid  #C8CFD5;
background-color: transparent;
height: 34px;
border-top: 0px solid #DAE2E8;
color: #dc143c;}

A.outlet:hover {
display: block;
padding-top: 7px;
padding-left: 5px;
-moz-border-radius: 0px;
text-shadow: #000000 0px 0px 6px;
font-family: Caviar Dreams;
margin-left: 2px;
margin-top: 2px;
font-size: 30px;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 1px;
border-bottom: 0px solid #b6b6b6;
border-left: 0px solid #DAE2E8;
border-right: 0px solid  #C8CFD5;
height: 34px;
border-top: 0px solid #DAE2E8;
color: #708090;
text-align: left;}

A.affis:link, A.affis:active, A.affis:visited {
display: block;
padding-top: 7px;
padding-left: 5px;
-moz-border-radius: 0px;
text-shadow: #000000 0px 0px 6px;
font-family: Caviar Dreams;
margin-left: 2px;
margin-top: 2px;
font-size: 30px;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 1px;
border-bottom: 0px solid transparent;
border-left: 0px solid #DAE2E8;
border-right: 0px solid  #C8CFD5;
background-color: transparent;
height: 34px;
border-top: 0px solid #DAE2E8;
color: #8a2be2;}

A.affis:hover {
display: block;
padding-top: 7px;
padding-left: 5px;
-moz-border-radius: 0px;
text-shadow: #000000 0px 0px 6px;
font-family: Caviar Dreams;
margin-left: 2px;
margin-top: 2px;
font-size: 30px;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 1px;
border-bottom: 0px solid #b6b6b6;
border-left: 0px solid #DAE2E8;
border-right: 0px solid  #C8CFD5;
height: 34px;
border-top: 0px solid #DAE2E8;
color: #708090;
text-align: left;}