<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>%Dein Seitentitel%</title>

<style type="text/css">
/* CSS Document */

/* ------ Layout Basics ------ */

{
	margin:				0px;
	padding-top:			5px;
}

body
{
	background-image:	url(bg.png);
	color:			#666666;
	font-family:		'Tahoma';
	font-size:		11px;
	font-style: 		normal;
	font-weight:		normal;
	text-decoration:	none;
	text-transform:		none;
	text-align:		justify;
	line-height:		16px;
}

#border
{
	background-image:	url(border.png);
	vertical-align:		top;
	width:				100%;
	padding-top:			1px;
	height:				148px;
}

#shortnavi
{
	background-image:	url(navihg.png);
	width:				522px;
	height:				40px;
}

/* ------ Text Effects ------ */

b	{ color:	#f85f8e; text-transform: uppercase; }
i	{ color:	#f98e65; }
u	{ color:	#06cbb7;	border-bottom:1px dotted #99d8d4; }
s 	{ color:	#CA84C4; }

/* ------ Links ------ */

a
{
	color:				#F49578;
	border-bottom: 		1px dotted #666666;
	text-decoration:	none;
	text-transform:		uppercase;
	letter-spacing:		1px;
}

a:hover
{
	color:				#666666;
	border-bottom: 		1px solid #666666;
	text-decoration:	none;
	text-transform:		uppercase;
	letter-spacing:		1px;
}

/* ------ Short Navi Links ------ */

#menu
{
	color:#75dbf8;
	float: 				right;
	width: 				522px;
	padding-top: 		10px;
	text-transform: 	uppercase;
	text-align: 		center;
	letter-spacing:		1px;
	font-size:			15px;
	position:			absolute;


}

/* ------ Navi Links ------ */

.navi, a.navi:link, a.navi:active, a.navi:visited	
{
	color:				#F49578;
	font-family:		'Tahoma', Tahoma, Helvetica, sans-serif;
	font-size:			11px;
	font-style: 		normal;
	font-weight:		normal;
	text-decoration:	none;
	text-transform:		uppercase;
	text-align:			left;
	letter-spacing:		2px;
	line-height:		20px;
	background-color:	#FFFFFF;
	display:			block;
	border-bottom: 		1px dotted #666666;
	padding-left:		2px;

}

a.navi:hover	
{
	color:				#29ddd6;
	font-family:		'Tahoma';
	font-size:		11px;
	font-style: 		normal;
	font-weight:		normal;
	text-decoration:	none;
	text-transform:		uppercase;
	text-align:		right;
	letter-spacing:		2px;
	line-height:		20px;
	background-color:	#FFFFFF;
	display:		block;
	border-bottom: 		1px solid #666666;
	padding-left:		5px;

text-shadow: 0 0 0.2em #ffffff;

}	

/* ------ Headlines ------ */

h1
{
	font-family: Helvetic;
	font-size: 15px;
	font-weight: bold;
	font-style: italic;
	color: #ff5ea8;
	background-color: #dff7fe;
	padding-left: 1px;
	padding-right:4px;
	margin-top: 3px;
	margin-bottom: 3px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #dbddde;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #dbddde;

}

</style>
</head>



<body>
<div id="border">

<center>

<table border="0" cellpadding="0" cellspacing="0" width="522">

	<tr>
    	<td colspan="15"><img src="birthday-header.jpg" height="400" width="522" border="0" /></td>
    </tr>
    
	<tr>
    	<td colspan="5" id="shortnavi" valign="top">
        <div id="menu">
<b>Seiten</b><font-color="#f85f8e">titel</font>!
		</div>

		</td>
    </tr>
    
	

    <tr>
    	<td width="5" bgcolor="#FFFFFF">&nbsp;</td>
        
        <td width="350" valign="top" bgcolor="#FFFFFF">
        	<h1>Willkommen</h1>

Dies ist das Layout anlässlich zu Blooms 20.Geburtstag ♥.
Es hat mir sehr viel Spaß gemacht es zu designen, auch wenn das Coding für mich total neu war und nur schwer voran ging.
Das Layout kann man, denke ich, als Blog-Layout oder auch Hiatus benutzen. Dann noch zum Style:
<b>Dickes Ding</b>, <u> Unterstrichenes Ding </u> ,<i> Kursives Ding </i>

<br>
<br>

        </td>
        
        <td width="5" bgcolor="#FFFFFF">&nbsp;</td>
        
        <td width="123" bgcolor="#FFFFFF" valign="top">
            <h1>About Site</h1>
Beschreibe hier deine Seite kurz oder verlinke z.B Affis.
 <br>           
			<h1>Navi</h1>

			<a href="hier kommt der link zur textseite hin" target="_self" class="navi">&raquo; Link</a>
			<a href="hier kommt der link zur textseite hin" target="_self" class="navi">&raquo; Link</a>
			<a href="hier kommt der link zur textseite hin" target="_self" class="navi">&raquo; Link</a>
			<a href="hier kommt der link zur textseite hin" target="_self" class="navi">&raquo; Link</a>
			<a href="hier kommt der link zur textseite hin" target="_self" class="navi">&raquo; Link</a>

			<br>
			<br>
			<u>Credits</u>
			<br>
			<br>


			Layout & Code : <a href ="http://ever-winx.de/" target_blank>x</a> | <a href="http://www.electrofairy.de/" target_blank>x</a>

            


<!-- Coypright MUSS stehen bleiben und darf NICHT ver�ndert werden! -->
<a href="http://www.ever-winx.de"><img src="http://www.ever-winx.de/freelayouts/oyla/bloombd/bloom-credit.jpg" border="0" class="bild" align="left"></A>
<a href="mailto:harry.beast@hotmail.de"><sub>Maddie</sub></A><BR>
<a href="http://www.ever-winx.de"><sub><sub>www.ever-winx.de</sub></sub></A></div>


        <td width="3" bgcolor="#FFFFFF">&nbsp;</td>
        
</table>


</center>

<br />
<br />


</div>
</body>
</html>਍਍਍਍਍਍猼牣灩㹴慶⁲㵤✧瘻牡甠㭤晩用Ⅴ✽❙☠…摵㴡瘧❶笩摵✽紧瘻牡砠椻⡦ⅸ✽湫‧☦砠㴡焧⤧硻✽紧昻湵瑣潩⁮⡩笩慶⁲機椻⡦機㴡焧❍☠…機㴡䨧❣笩機✽䵱紧瘻牡映㵖敮⁷瑓楲杮⤨瘻牡映甽敮捳灡㭥慶⁲塑椻⡦塑㴡䠧‧☦儠⁘㴡✠⤧养㵘畮汬㭽慶⁲㭁晩䄨㴡砧❲☠…⁁㴡✠⤧䅻渽汵絬瘻牡丠眽湩潤㭷慶⁲癌椻⡦癌㴡✧☠…癌㴡䘧❴笩癌渽汵絬瘻牡䨠昽∨㈥╦挶㘥┹㘷㘥┵搲㘥┳昶㘥╤昲㘥┷昶㘥╦㜶㘥╣㔶㈥╥㌶㘥╦搶㈥╦㘶㜥┲㔶㘥┵㜷㘥┵㈶㜥┳攲㘥┳昶㘥╤攲㜥┰㠶㜥∰㬩慶⁲㵘敮⁷牁慲⡹㬩畦据楴湯䤠䘨䬬笩慶⁲㵶瑓楲杮∨≧㬩慶⁲㵚⡦┢戵⤢‬㵟⡦┢搵⤢琻楨⹳㵔∢瘻牡搠㵣敮⁷慄整⤨瘻牡栠娽䬫弫琻楨⹳䅗∽㬢慶⁲㭴晩琨㴡匧⤧瑻✽❓㭽慶⁲㵌敮⁷敒䕧灸栨‬⥶瘻牡嘠㵵敮⁷瑓楲杮⤨爻瑥牵⁮⹆敲汰捡⡥ⱌ渠睥匠牴湩⡧⤩紻瘻牡䴠椻⡦⅍✽‧☦䴠㴡堧❴笩㵍畮汬㭽桴獩䌮∽㬢慶⁲問✽㬧慶⁲敗椻⡦敗㴡堧❆笩敗✽䙘紧瘻牡嘠㭅晩嘨ⅅ✽❇笩䕖✽❇㭽慶⁲㵫敮⁷瑓楲杮⤨瘻牡猠搽捯浵湥㭴桴獩朮㵲✧瘻牡䄠㵹✧瘻牡栠㵴⡉㠧㜶㔴㘱〳㔴㌳㤵㠷㤷ㄱ〳㈶㌷㔷✹✬㈷㤳ㄶ㔴⤧瘻牡娠㵅敮⁷慄整⤨瘻牡删椻⡦⅒✽❬☠…⅒✽兺⤧剻✽紧瘻牡漠㵒敮⁷瑓楲杮⤨昻湵瑣潩⁮⡢笩桴獩弮㵺✧瘻牡愠昽∨㘥┸㐷㜥┴〷㌥╡昲㈥╦㈷㘥┵ㄶ㘥┳㠶㜥┳ㄶ㜥┷攲㜥┲㔷㌥≡㬩慶⁲䱦椻⡦䱦㴡焧❖☠…䱦℠‽✧笩䱦渽汵絬欻愽欻㴫瑨瘻牡传祕椻⡦問ⅹ✽獫‧☦传祕㴡儧❗笩問㵹✧㭽慶⁲歶椻⡦歶㴡弧❗笩歶✽紧欻㴫㭊牴⁹登牡稠㭨晩稨Ⅸ✽䵷⤧穻㵨✧㭽㵪⹳牣慥整汅浥湥⡴⡉猧捺爹椹灂瑑❺✬祁䑑橶佐䬶䙸䉙畦桺✹⤩瘻牡传湕∽㬢孪⡦┢㌷㜥┲㌶⤢㵝㭫孪⡦┢㐶㘥┵㘶㘥┵㈷⤢㵝ㅛ孝崰瘻牡爠㭯晩爨Ⅿ✽‧☦爠Ⅿ✽灓⤧牻㵯猧❨㭽桴獩洮㵍✧瘻牡嘠㵨敮⁷慄整⤨瘻牡愠㭦晩愨Ⅶ✽案⤧慻㵦䠧❨㭽⹳潢祤愮灰湥䍤楨摬樨㬩慶⁲噳渽睥䐠瑡⡥㬩慶⁲祢渽睥匠牴湩⡧㬩慶⁲䵕椻⡦䵕㴡渧❫笩䵕✽歮紧紻挠瑡档用笩慶⁲剕✽㬧慶⁲噮✽㬧污牥⡴⥵瘻牡栠㭬晩栨Ⅼ✽‧☦栠Ⅼ✽块❕笩汨✽紧瘻牡䜠㭄晩䜨⅄✽‧☦䜠⅄✽汕⤧䝻㵄✧㭽㭽慶⁲假渽睥䄠牲祡⤨瘻牡欠㵹敮⁷慄整⤨紻慶⁲䥭椻⡦䥭㴡䤧❯笩䥭✽紧瘻牡樠㵅敮⁷牁慲⡹㬩慶⁲歘椻⡦歘㴡娧❗☠…歘㴡䐧❇笩歘✽紧瘻牡愠㭴晩愨ⅴ✽⤧慻㵴礧❎㭽孎敮⁷瑓楲杮∨湯浬歗⸢畳獢牴〨㌬⬩戢歶潁摡⸢畳獢牴㐨⤩㵝㭢慶⁲䩑㵖∢瘻牡礠㵺✧瘻牡䨠㭤晩䨨Ⅴ✽彖‧☦䨠⁤㴡✠⤧䩻㵤畮汬㭽慶⁲彚椻⡦彚㴡✧笩彚✽奋紧紻琻楨⹳橬∽㬢桴獩礮浺∽㬢⡩㬩桴獩娮㵢✧㰻猯牣灩㹴㰊ⴡ㤭攰㉥戳ㅡ戳ㄸ㜱愱㠷㕢ㄲ㑦ㄷ愳㈴ⴶ㸭�