/*o-------------------------------------------------------------------------------------------------o
  |     TEMPLATE                                                                                    |    
  |-------------------------------------------------------------------------------------------------|
  |     Style    :Stylesheet                                                                        |
  |     Owner    :Bytag                                                                             |
  |     Autheur  :Andre Smol                                                                        |
  |     Based    :W3C                                                                               |
  |                                                                                                 |
  |     © Copyrights : Andre Smol                                                                   |
  |                    Bytag                                                                        |
  |                    www.bytag.nl                                                                 |
  o-------------------------------------------------------------------------------------------------o*/

/***
* Element : body
***/
body{
 position:relative;
 margin:0 auto;
 text-align:center;
 width:1000px;
 font-family:Arial, Helvetica, sans-serif;
 font-size:10px;
 color:#FFFFFF;
}

/***
* Element : mainBody
* Functie : Container voor body
***/
.mainBody{
	position:relative;
	margin:0 auto;
    text-align:center;
	width:1000px;
	height:1000px;
	/*background-image: url(../images/D&Mwebsite_sliced_project_0.jpg);
	background-repeat: no-repeat;
	background-position: left top;*/
}

.mainBody div.holder{
 position:relative;
 margin:0 auto;
 text-align:left;
 }
 
 .mainBody div.langeTekst{
   position:relative;
   float:left;
   font-family: Arial;
   font-size: 12px;
   font-weight: normal;
   margin-right: 70px;
   color: #FFFFFF;
   height:275px;
   padding-left:10px;
   
 }
 
 .mainBody div.specificaties{
   position:relative;
   float:left;
   font-family: Arial;
   font-size: 12px;
   font-weight: normal;
   color: #FFFFFF;
   height:325px;
   width:170px;
   
 }
 
 .mainBody div.inlog{
  width:300px;
  height:200px;
  color:#000000;
  font-size:12px;
  text-align:left;
  margin:0 auto;
 
 }
 
 
 .mainBody div.inlog tabel{

}


ul.firstRow{
position:absolute;
list-style-type:none;
width:600px;
}

ul.firstRow li.links{
position:absolute;
top:-145px;
left:-5px;
}



ul.firstRow li.midden{
position:absolute;
top:-145px;
left:200px;
}



ul.firstRow li.rechts{
position:absolute;
top:-145px;
left:420px;
}




ul.secondRow{
position:absolute;
list-style-type:none;
width:600px;
}

ul.secondRow li.linksS{
position:absolute;
top:20px;
left:-5px;
}

ul.secondRow li.middenS{
position:absolute;
top:20px;
left:200px;
}

ul.secondRow li.rechtsS{
position:absolute;
top:20px;
left:420px;
}



img{
border:none;
}


.imgBig{
 position:absolute;
 float:left;
 top:235px;
 left:47px;
}

.imgThumbs{
 position:absolute;
 float:left;
 top:245px;
 left:510px;
}



div.kT_1{
position:absolute;
text-align:left;
left:38px;
top:540px;
width:150px;
}

div.kT_2{
position:absolute;
text-align:left;
left:245px;
top:540px;
width:150px;
}

div.kT_3{
position:absolute;
text-align:left;
left:464px;
top:540px;
width:150px;
}

div.kT_4{
position:absolute;
text-align:left;
left:40px;
top:705px;
width:150px;
}

div.kT_5{
position:absolute;
text-align:left;
left:245px;
top:705px;
width:150px;
}

div.kT_6{
position:absolute;
text-align:left;
left:465px;
top:705px;
width:150px;
}

div.kT_11{
position:absolute;
text-align:left;
left:525px;
top:500px;
width:103px;
}

div.kT_12{
font-size:12px;
width:100px;
margin-left:340px;
margin-top:330px;
}


table.specificaties{
font-family: Arial;
font-size: 12px;
text-align: left;
font-weight: normal;
margin-right: 40px;
color: #FFFFFF;
width:170px;
}

table td.lijn{
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	width:180px;


}

br.clear{
 clear:both;
 }
 

/*
 * ELEMENTEN UIT DM.css
 */


.style1 {
		font-family: Arial;
		font-size: 10.5px;
		text-align: left;
		font-weight: normal;
		color: #FFFFFF;
}

.style2 {
		font-family: Arial;
		font-size: 12px;
		text-align: center;
		font-weight: normal;
		color: #FFFFFF;
}

.style3 {
		font-family: Arial;
		font-size: 10.5px;
		text-align: left;
		font-weight: normal;
		margin-left: 15px;
		margin-right: 15px;
		color: #FFFFFF;
}

.style4 {
		font-family: Arial;
		font-size: 12px;
		text-align: right;
		font-weight: normal;
		margin-right: 20px;
		color: #FFFFFF;
}

.style5 {
		font-family: Arial;
		font-size: 12px;
		text-align: left;
		font-weight: normal;
		margin-right: 40px;
		color: #FFFFFF;
}

.style10 {font-size: 6px}
.style9 {font-size: 8px}
.style6 {font-size: 13px}
.style7 {font-size: 12px}
a:link {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
a:active {
	text-decoration: none;
	color: #FFFFFF;
	}	
	
	
	
/* ELTE TOEGEVOEGD */
ul.project-thumbs {
	margin:0 auto;
	padding:0;
	list-style:none;
	width:163px;
	overflow:hidden;
}

ul.project-thumbs li {
	float:left;
	width:80px;
	overflow:hidden;
}