/**************************************************************************/
/*** Opmaaksheet voor : website Drafbaan Wolvega  *************************/
/*** Ontworpen door   : Dilling Design Greece     *************************/
/*** Ontwerper        : Albert Dilling            *************************/
/*** Ontwerpdatum     : 04-12-2009                *************************/
/*** Versie           : 2.01.01                   *************************/
/**************************************************************************/
/*** Met dank aan Pixelhouse Australia            *************************/
/**************************************************************************/
/**************************************************************************/
body {
	background: #491081 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: #836f41; text-align: justify; }
.news {font-size: 12px; font-weight: bold; color: #2f8a02; text-align: left; }
.item {font-size: 12px; font-weight: normal; color: #666666; text-align: left; }
.desi {font-size: 9px; font-weight: bold; color: #ffffff; text-align: left; margin-top: 63px}

h1, h2, h3, h3 a { color: #745b03; font-size: 11pt; font-weight: bold; margin-top: 20px;}
h2 { color: #f18f03; font-size: 11pt; font-weight: bold; margin-top: 20px;}
h3 {font-size: 11pt; font-weight: bold; color: #ec6915; margin-top: 30px; }
h4 {font-size: 9pt; font-weight: bold; color: #1d5a95; margin-top: 0px; }
h3 a {font-weight: bold; text-decoration: none; }
h3 a:hover {text-decoration: none; }
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; width: 900px; float: left; height: 180px;  }

/**************************************************************************/
/*** Content inhoudsbereik van de website *********************************/
/**************************************************************************/

#content { position: relative; width: 900px; height: 360px; float: left; margin-top: 0px; margin-left: 0px; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px }
#left { position: relative ; float: left; width: 300px; height: 360px;}
#mid { border:1px dashed #808080; position: relative ; float: right; width: 20px; height: 360px}
#right { position: relative; overflow: auto; float: right; width: 600px; height: 360px;}
#right2 { position: relative; float: right; width: 600px; height: 360px;}
#rightn { position: relative ; overflow: auto; float: right; width: 580px; height: 350px;}


#tleft { position: relative ; float: left; width: 280px; height: 360px;}
#tleftnw { position: relative ; overflow:auto; float: left; width: 280px; height: 340px; border-left-width:1; border-top-width:1; border-bottom-width:1; margin-top: 0px}
#tleftin { position: relative ; overflow:auto; float: left; width: 280px; height: 340px; border-left-width:1; border-top-width:1; border-bottom-width:1; margin-top: 0px}

#tright1 { position: relative ; float: right; width: 180px; height: 180px;}
#tright2 { position: relative ; float: right; width: 180px; height: 180px;}
#tright3 { position: relative ; float: right; width: 180px; height: 180px;}
#tright4 { position: relative ; float: right; width: 180px; height: 180px;}
#tright5 { position: relative ; float: right; width: 180px; height: 180px;}
#tright6 { position: relative ; float: right; width: 180px; height: 180px;}
#tright7 { position: relative ; float: right; width: 180px; height: 180px;}
#trightnw {  position: relative ; float: left; width: 90%; height: 350px; margin-left: 20px;}
#trightnwin { position: relative ;  float: right; width: 95%; }


table { font-size: 0.75em; color: #666; border-collapse: collapse; border-bottom: solid 1px #99c4d5; border-left: solid 1px #99c4d5; width: 100%; }
table th { background: #c5e3e9; border: solid 1px #99c4d5; border-left: none; padding: 6px 8px; text-align: left; }
table td { background: #fff; border-right: solid 1px #99c4d5; border-top: solid 1px #99c4d5; padding: 6px 20px 6px 8px; } 


/*************************************************************************/
/*** Navigation van de website *******************************************/
/*************************************************************************/

#navigation { float: left; 
              width: 70%; 
              height: 10px;
              margin-left:355px;
              margin-right: 0px;
              margin-top:158px}
              
             
#navigation ul { float: left; 
                 border-right: 0px solid #745b03; 
                 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: #3c3c3c;
     font-weight: normal;
     text-decoration: none;
     border-left: 1px solid #745b03b; 
     font-style:normal;
     font-weight:normal; 
     font-variant:normal; 
     font-size:9pt; 
     padding-left:7px; 
     padding-right:10px; 
     padding-top:0px; 
     padding-bottom:1px;  }
     
#navigation ul li a:hover { color: #ffffff; }



#bottom { 
    position: relative;
	background: url('../images/bottom.jpg') no-repeat center 0px; 
	width: 900px;
	height: 80px;
	float: left;
	}
	
#botleft { position: relative ; float: left; width: 380px; height: 80px; margin-top: 23px;}
#botmid { position: relative ; float: left; width: 500px; height: 80px;}
#botrr { position: relative float: left; width: 300px; height: 80px;}