/*********************************************
*  Dit is het css bestand dat bij TSIU hoort *
*********************************************/

*
{
margin: 0px;
padding: 0px;
}

body
{
background: #FFFFFF url(tsiu_images/background.jpg) repeat-y center;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
width: 780px;
border-width: 0px;
border-style: solid;
font-family: verdana;
font-size: 12px;
overflow: -moz-scrollbars-vertical;
}

#contentcontainer
{
border-style: solid;
border-width: 0px;
border-color: #004400;
clear: both;
}

#contentleftcontainer
{
float: left;
overflow: auto;
border-style: solid;
border-width: 0px;
width: 159px;
background-color: #FFEBA0;
padding-left: 15px;
}

#contentrightcontainer
{
float: right;
overflow: auto;
border-style: solid;
border-width: 0px;
border-left-width: 0px;
border-top-width: 0px;
border-bottom-width: 0px;
border-color: #004400;
width: 606px;
background-color: #FFFAF0;
}

#productcontainer
{
border-style: solid;
border-width: 1px;
}

#welkomcontainer
{
text-align: center;
}

#divnaam
{
border-style: solid;
border-width: 0px;
border-top-width: 10px;
border-color: #FFEBA0;
clear: both;
}

#footercontainer
{
border-style: solid;
border-width: 0px;
border-bottom-width: 1px;
border-color: #000000;
height: 35px;
background-color: #FFEBA0;
}

#copyrightcontainer
{
text-align: right; 
padding-right: 5px; 
padding-top: 5px; 
font-style: italic; 
font-size: 11px;
color: #004400;
}

/******************************************************
* Hieronder staat het menu van de header gedefinieerd *
******************************************************/

#menucontainer
{
margin-top: -2px;
margin-bottom: 0px;
border-style: solid;
border-width: 0px;
height: 23px;
background-color: #FFEBA0;
}

#menucontainer li
{
display: inline;
list-style-type: none;
}

#menucontainer a
{
padding-left: 10px;
padding-right: 10px;
font-family: verdana;
font-size: 18px;
}

#menucontainer a:link, #menucontainer a:visited
{
text-decoration: none;
color: #004400;
border-style: solid;
border-width: 1px;
border-top-width: 0px;
border-color: #FFEBA0;
border-top-color: #000000;
}

#menucontainer a:hover
{
border-style: solid;
border-color: #888888;
border-top-color: #000000;
border-width: 1px;
border-top-width: 0px;
text-decoration: none;
background-color: #FFFAF0;
}


/*********************************************************
* Hieronder staat de opmaak van een plaatje gedefinieerd #FFEBA0*
*********************************************************/

img#productplaatje
{
display: inline;
border-style: solid;
border-width: 1px;
margin-left: 5px;
margin-right: 0px;
margin-bottom: 5px;
}

img#geenafb
{
display: block;
border-style: solid;
border-width: 0px;
padding-right: 15px;
padding-bottom: 15px;
}

.plaatje
{
width: 500px;
}

/*********************************************************************************
* Hieronder komen onderdelen van de site te staan die een andere opmaak vereisen *
*********************************************************************************/

p#prijs
{
font-size: 20px;
text-align: right;
font-weight: bold;
padding-right: 10px;
padding-top: 3px;
padding-bottom: 15px;
}

hr#lijn
{
display: none;
clear: both;
}

h2#naam
{
clear: left;
float: left;
}

p#omschrijving
{
clear: left;
float: left;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
}


/*****************************************************************************
* Hieronder komt de opmaak van de verschillende gebruikte teksten op de site *
*****************************************************************************/

/* Weer te geven tekst als er geen afbeelding beschikbaar is */
h4#geenafb
{
padding: 10px;
text-align: right;
}

#groteletter
{
font-family: verdana;
font-size: 70px;
}

h1
{
font-family: tahoma;
font-size: 40px;
padding-top: 3px;
padding-left: 5px;
}

h2
{
padding-top: 3px;
padding-bottom: 3px;
padding-left: 5px;
font-family: verdana;
font-size: 20px;
}

h4
{
padding-top: 15px;
padding-left: 5px;
font-family: verdana;
font-size: 14px;
}

p
{
font-family: verdana;
font-size: 12px;
padding-left: 5px;
}

a
{
color: #004400;
font-family: verdana;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}

a#naam
{
padding-top: 3px;
padding-bottom: 3px;
padding-left: 5px;
font-family: verdana;
font-size: 20px;
color: #000000;
}

a#top
{
padding-top: 3px;
padding-bottom: 3px;
padding-left: 5px;
font-family: verdana;
font-size: 10px;
color: #000000;
font-weight: small;
}

li
{
padding-left: 10px;
list-style: square inside;
}

li
{
padding-left: 10px;
list-style: square inside;
}

/**************************
* Tabel op pagina contact *
**************************/

td#rechts
{
text-align: right;
}

td
{
text-align: left;
}