<div id="container">
<div id="content">
<h>Welkom</h><br><br>
Hallo, en welkom op mijn site<br>
BB-Productions heb ik opgericht,<br> omdat ik het leuk vind websites te maken voor anderen.<br>
Hier kunt u dus lay-outs bestellen en/of ze laten slicen + basen.<br>
<h>Wat houd slicen en basen in?</h><br>
Slicen en Basen houd in dat ik de lay-out die u heeft/besteld op site zet.<br>
Dit wordt gedaan door de lay-out in stukken te verdelen,<br>
en ze dan op de site te zetten.<br>
Later zult u hier ook volledige websites kunnen krijgen,<br>
Aangezien ik nu in de leer ben met php en mysql.<br><br>
Kijk gerust even rond op mijn site!


</div>
<div id="link">
<h1>Linkpartners:<br></h1>
<h2><a class="one" href="/contact2.php">Link partner worden?</a></h2>
</div></div>

div#link
   {
	background-color: #F2F2F2;
        width: 200px;
        height: 600px;
        position: absolute;
        right: 0px;
	float:right;
   }
div#link h1
   {
	font-family: Arial;
    	color: #000000;
	font-size: 15px;
	position: relative;
	left: 10px;
	padding-top: 25px;
	text-decoration: none;
   }
div#link h2
   {
	font-family: Arial;
        color: #000000;
	font-size: 11px;
	text-decoration: none;
        position: relative;
        left: 10px;
        padding-top:25px;
   }

html 
    { 
        background-color: #999999;
    }


div#header 
    { 
        background-image: url('images/header.png'); 
        background-repeat:no-repeat; 
        width: 698px; 
        height: 110px; 
        position:relative;
        left:150px;
    } 
div#header h
    {
	font-family: Arial;
	color: #FFFFFF;
        font-size: 14px;
        text-decoration: none;
        position: relative;
        left: 45px;
    }
div#header h2
    {
	font-family: Times new roman;
	color: #FFFFFF;
        font-size: 12px;
        text-decoration: none;
        position: relative;
        left: 60px;
    }
     


ul#menu 
    { 
        margin: 0px; 
        padding-left: 10px; 
        list-style: none; 
        height:    25px; 
        width: 688px; 
        background-color: #000000;  
        position:relative;
        left:150px;
    } 
     
ul#menu li 
    { 
        float: left; 
        height: 25px; 
    } 
     
ul#menu li a 
    { 
        display: block; 
        overflow: hidden; 
        height:    25px; 
        padding: 5px 8px 0px 8px; 
        font-family: Arial; 
        color: #FFFFFF; 
        font-size: 11px; 
        text-decoration: none; 
        font-weight: bold; 
    } 
     
ul#menu li a:hover, ul#menu li.active a, ul#menu li.active a:hover 
    { 
        padding: 5px 8px 0px 8px; 
        background-color: #000000; 
        color: #FFFFFF; 
        height: 20px; 
    } 
div#container
   {
        background-color:#FFFFFF;
        width: 698px; 
        height: 600px;
        position:relative;
        left:150px;
   }
div#container h
   {
        font-family: Arial;
        color: #000000;
        font-size: 11px;
        text-decoration: none;
        position: absolute;
        left: 10px;
   }
div#container h3
   {
        font-family: Arial;
        color: #000000;
        font-size: 11px;
        text-decoration: none;
        position: absolute;
        left: 10px;
   }
div#link
   {
	background-color: #F2F2F2;
        width: 200px;
        height: 600px;
        position: absolute;
        right: 0px;
	float:right;
   }
div#link h1
   {
	font-family: Arial;
    	color: #000000;
	font-size: 15px;
	position: relative;
	left: 10px;
	padding-top: 25px;
	text-decoration: none;
   }
div#link h2
   {
	font-family: Arial;
        color: #000000;
	font-size: 11px;
	text-decoration: none;
        position: relative;
        left: 10px;
        padding-top:25px;
   }
div#footer
   {
        background-color: #666666;
        height: 25px;
        width: 698px;
	position: relative;
	left: 150px;
   }
div#footer h
   {
	font-family: Arial;
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
   }
div#contact
   {
	background-color: transparent;
        padding-top: 25px;
	position: relative;
	left: 10px;
   }
div#contact h
   {
	font-family: Arial;
	color: #000000;
	font-size: 13px;
	position: relative;
	left: 10px;
	padding-top: 25px;
   }
div#content
   {
	background-color: transparent;
   }
div#content h
   {
	font-family: Arial
	color: #000000;
	font-size: 14px;
	position: relative;
	left: 50px;
	padding-top: 10px;
	border-bottom: 1px dotted #B1B1B1;
   }
	a.one:link {color: #000000}
	a.one:visited {color: #000000}
	a.one:hover {color: #810F0F}