/**************************************************************************/
/*** Opmaaksheet voor : website de Schaopwas      *************************/
/*** Ontworpen door   : Dilling Design Greece     *************************/
/*** Ontwerper        : Albert Dilling            *************************/
/*** Ontwerpdatum     : 12-02-2010                *************************/
/*** Versie           : 1.01.01                   *************************/
/**************************************************************************/
/**************************************************************************/
body {
	background: #c3ec03 url('../images/bg.jpg') repeat-x 0 0;
	margin: 0px;
	padding: 0px;
	font-family: Microsoft Sans Serif, Arial Unicode MS, Arial, Verdana
}

p {font-size: 12px; font-weight: normal; color: #3e4b53; margin-top: 20px; text-align:justify }

h1, h2, h3, h3 a {color: #1772f7; font-size: 10pt; font-weight: bold; margin-left: 0px; margin-top: 40px; }
h2 {font-size: 10pt; font-weight: bold; color: #e55701; margin-left: 50px; }
h3 {font-size: 8pt; font-weight: bold; color: #009933; margin-left: 60px; }
h4 {font-size: 9pt; font-weight: bold; color: #ffffff; margin-left: 20px; }
h3 a {font-weight: bold; text-decoration: none; }
h3 a:hover {text-decoration }
a img {border: none }


#container { 
    position: relative;
	background: url('../images/top.jpg') no-repeat center 0px; 
	width: 100%;
	float: left;
	min-width: 900px
}
#incontainer { position: relative; width: 900px; margin: 0px auto; }


#header { position: relative; float: left; width: 100%; float: left; height: 150px;  }

/**************************************************************************/
/*** Content inhoudsbereik van de website *********************************/
/**************************************************************************/

#content { 
    position: relative;
	background: url('../images/mid.jpg') no-repeat center 0px; 
	width: 100%;
	height: 430px;
	float: left;
	min-width: 900px
    }
    
 
#left { position: relative ; overflow: auto; float: left; width: 550px; height: 390px; margin-top: 20px; }
#tleft { float: left; width: 95%; margin-right: 0px; margin-bottom: 0px;}
#tleftin { float: left; width: 95%; margin-right: 0px; margin-top: 0px;}

#right { position: relative ; float: left; width: 350px; height: 430px;margin-top: 0px;}
#tright { float: left; width: 350px; margin-right: 0px; margin-top: 0px;}



table { font-size: 0.75em; color: #666; border-collapse: collapse; border-bottom: solid 0px #99c4d5; border-left: solid 0px #99c4d5; width: 100%; }
table th { border: solid 0px #99c4d5; border-left: none; padding: 4px 6px; text-align: left; }
table td { border-right: solid 0px #99c4d5; border-top: solid 0px #99c4d5; padding: 2px 5px 2px 2px; } 


/*************************************************************************/
/*** Navigation van de website *******************************************/
/*************************************************************************/

#navigation { float: left; 
              width: 900px; 
              height: 30px;
              margin-left: 0px;
              margin-right: 0px;
              margin-top:130px;
              margin-left: 0px; 
             }
              
             
#navigation ul { float: left; 
                 border-right: 1px solid #436b4d; 
                 margin-left:0px; 
                 margin-right:0px; 
                 margin-top:0px; 
                 margin-bottom:0px
                }
                 
#navigation ul li { float: 
                    left; 
                    list-style-type: none; }
                    
#navigation ul li a {
     float: left;
     height: 15px;
     color: #ffffff;
     font-weight: bold;
     text-decoration: none;
     border-left: 1px solid #436b4d; 
     font-style:normal;
     font-weight:bold; 
     font-variant:normal; 
     font-size:7pt; 
     padding-left: 10px; 
     padding-right: 10px; 
     padding-top:0px; 
     padding-bottom:0px;
     margin-left: 0px;
       }
     
#navigation ul li a:hover { color: #436b4d; }


/*************************************************************************/
/*** Left side of container **********************************************/
/*************************************************************************/




/*************************************************************************/
/*** Right side of container *********************************************/
/*************************************************************************/


/*************************************************************************/
/*** Footer van de website ***********************************************/
/*************************************************************************/

#bottom { 
    position: relative;
	background: url('../images/bottom.jpg') no-repeat center 0px; 
	width: 100%;
	height: 60px;
	float: left;
	min-width: 900px
	}

#bleft { position: relative; float: left; width: 275px; height: 60px; }
#tbleft { position: relative; float: left; width: 275px; height: 60px; }
#bmid { position: relative; float: left; width: 275px; height: 60px; margin-top: 0px; margin-left: 0px;}
#tbmid { position: relative; float: left; width: 275px; height: 60px; margin-top: 0px; margin-left: 0px;}
#bright { position: relative; float: left; width: 350px; height: 60px; margin-top: 0px; margin-left: 0px;}
#tbright { position: relative; float: left; width: 350px; height: 60px; margin-top: 0px; margin-left: 0px;}
