body			{margin:0; background-image: url(http://www.i-graphix.nl/afbeeldingen/WEBSITE_01.jpg); background-repeat: repeat-x;}
#main_container	{margin:0 auto; width:1000px;}
#container 		{width:1000px; margin:0 auto;}
#header 		{width:1000px; height:200px; background-image: url(http://www.i-graphix.nl/afbeeldingen/top.jpg); background-repeat: no-repeat;}
#navigation 	{background-color:#FFF; width:975px; padding:50px 0 30px 20px;}
.box_left 		{float:left; width:600px; padding:15px 25px 0 25px; margin:10px 0 10px 0;}
.box_left1		{float:left; width:1000px; padding:10px 0 20px 0px;}
.box_left_slider{float:left; width:1000px;}
#footer 		{margin:0 auto; clear:both; height:148px; background-image:url(http://www.i-graphix.nl/afbeeldingen/bg_footer.png); background-repeat:repeat-x 0 0;}
.footer 		{margin:0 auto; width:1000px; padding:10px 0px 0 15px; color: #FFF;}
#box_right 		{float:left; width:280px; padding:0px 40px 0 15px; margin:10px 5px 5px 5px;}



ul.diensten {
	list-style:square;
}

ul.diensten li {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 18px;
	color:#27587B;
	font-weight: bold;
}

h2 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16px;
	color: #F00;
	font-weight: bold;
}

h3{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	color: #FF0080;
}

h4{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: normal;
}
	
h5{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 26px;
	color: #F00;
	font-weight: bold;
}


.titel1 {
	width:640px;
	font-size: 18px;
	color: #F00;
	font-weight: bold;
	padding-top:25px;
	text-align:center;
}


.titel {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #000;
	font-weight: bold;
	text-align: center;
	letter-spacing: -2px;
}

p.groot{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	color: #000;
	font-weight: bold;
}

p.standaard{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #F00;
}

p.standard{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color: #273037;
	font-weight: bold;
}

span.standard{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	color: #898989;
	font-weight: lighter;
}

span.standard a{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	color: #CCC;
	font-weight: lighter;
	text-decoration:underline;
}

span.standard a:hover{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	color: #ee237c;
	font-weight: lighter;
	text-decoration:none;
}

#contentbox {
	padding:10px 0 20px 0;
}

.contentbox {
	margin:0 10px 10px 100px;
}

#box1{
width: 250px;
background: url(services/kennismaking.png) no-repeat 0 0;
height:79px;
width:80px;
float:left;
}


#box2{
width: 250px;
background: url(services/ontwerp.png) no-repeat 0 0;
height:79px;
width:80px;
float:left;

}

#box3{
width: 250px;
background: url(services/techniek.png) no-repeat 0 0;
height:79px;
width:80px;
float:left;

}

#box4{
width: 250px;
background: url(services/content.png) no-repeat 0 0;
height:79px;
width:80px;
float:left;

}

#box5{
width: 250px;
background: url(services/finetune.png) no-repeat 0 0;
height:79px;
width:80px;
float:left;

}

#box6{
width: 250px;
background: url(services/live.png) no-repeat 0 0;
height:79px;
width:80px;
float:left;


}

#box7{
width: 250px;
background: url(services/ontwerp.png) no-repeat 0 0;
height:79px;
width:80px;
float:left;


}

#box8{
width: 250px;
background: url(services/drukwerk.png) no-repeat 0 0;
height:79px;
width:80px;
float:left;

}

.box_content {
	padding-left:150px;
	width:500px;
	text-align:justify;
	padding-bottom:20px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
}

.box_content2 {
	padding-right:10px;
	width:650px;
	text-align:justify;
	font-family: Tahoma, Geneva, sans-serif;
	color:#0080FF;
	font-size: 14px;
	padding-top:10px;
	padding-bottom:20px;
}

.box_content3 {
	width:400px;
	height:150px;
	text-align:left;
	font-family: Tahoma, Geneva, sans-serif;
	color:#0080FF;
	font-size: 14px;
	margin-left:150px;
	vertical-align: top;
}

.box_content4 {
	padding-right:10px;
	padding-left:5px;
	width:640px;
	text-align:justify;
	font-family: Tahoma, Geneva, sans-serif;
	color:#0080FF;
	font-size: 12px;
	background-color:#FFF;
	border:#CCC 1px solid;
}

.box_content5 {
	padding-right:10px;
	padding-left:5px;
	width:640px;
	text-align:justify;
	font-family: Tahoma, Geneva, sans-serif;
	color:#000;
	font-size: 12px;
	border:#CCC 1px solid;
}

p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #27587B;
	line-height:20px;
	text-align:justify;
}

b {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #F00;
	line-height:20px;
	text-align:justify;
}

p.small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #27587B;
	font-style: italic;
}

p.normal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #27587B;
	line-height:20px;
	text-align:justify;
}

p.normal a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#F00;
	line-height:20px;
	text-decoration:none;
}

p.normal a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#F00;
	line-height:20px;
	text-decoration:underline;
}

p.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #27587B;
	text-align:justify;
}

p.footer a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #191f25;
	text-align:justify;
	text-decoration:none;
}

p.footer a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #191f25;
	text-align:justify;
	text-decoration:underline;
}

span.normal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #27587B;
	text-align:justify;
	line-height:25px;
}

span.normal a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #F00;
	text-align:justify;
	line-height:20px;
	text-decoration:underline;
}

span.normal a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #F00;
	text-align:justify;
	line-height:20px;
	text-decoration:none;
}


span.overig {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #191f25;
}

p.big {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#006493;
	font-weight: bold;
}

p.kop{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #F00;
}

.table_left {
	float:left;
	width:550px;
}

.table_right {
	float:left;
	width:375px;
	margin:0 0 0 50px;
}

#ornament_top {
	background-image: url(portfolio/ornament_top.png);
	width:187px; height:50px;
	background-repeat: no-repeat;
	margin:10px 0 0 100px

}

#ornament_bottom {
	background-image: url(portfolio/ornament_bottom.png);
	width:187px; height:50px;
	background-repeat: no-repeat;
	margin:10px 0 0 100px
}

btn_slider {
	height:50px; width:550px;
	margin:0 auto;
}

.image {
	width:500px; height:300px;
	margin:80px 0 0 5px;
	border:#666 1px solid;
}

#titel {
	background-image: url(http://www.i-graphix.nl/afbeeldingen/titel_bg.png);
	background-repeat: repeat-x;
	height:148px;
	margin:30px 0 0 0;
}

.titel {
	width:1000px;
	margin:0 auto;
	height:148px;
}

#bg_kop {
	width:195px;
	height:59px;
	float:left;
	margin:45px 0 0 30px;
}

.beschrijving {
	float:left;
	margin:60px 0 0 30px;
}

.head {
	padding:10px 0 10px 0;
	border-bottom:#2b2b2b 1px dotted;

}

.diensten {
	background-image: url(http://www.i-graphix.nl/diensten/opsomming.png);
	background-repeat: no-repeat;
	width:231px; height:111px;
}

#twitter {
	background-image: url(afbeeldingen/twitter.png);
	background-repeat: no-repeat;
	width:92px; height:63px;
}

#portfolio_left {
	float:left;
	width:600px;
}

#portfolio_right {
	float:left;
	width:300px;
	margin:10px 0 0 0px;

}

#image_left {
	width:300px; height:200px;
	border:#191f25 1px dotted;
	margin:30px 0 0 20px;
}

#image_left a{
	width:300px; height:200px;
	border:none
}

label {
	float: left;
	width: 140px;
	text-align: left;
	padding-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ee237c;
}

input, textarea {
	padding: 3px;
	margin: 3px;
	border: 1px dotted #191f25;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #fff;

}
input.fout, textarea.fout {
	border: 1px solid #FF0000;
}

label.fout {
	color: #FF0000;
}

#box_pakketten		{width:900px; padding:10px 0px 10px 0px; margin:0 0 0 50px}
#box_hostingpakket	{width:1000px; padding:10px 0px 10px 0px; margin:0 0 0 0px}
.pakket				{float:left; width:250px; border:#CCC 1px dotted; height:100%; margin:0 0 0 35px;}
.hosting_box		{float:left; width:230px; border:#CCC 1px dotted; height:100%; margin:0 0 20px 10px;}
.pakket2			{float:left; width:50px; border:#CCC 1px dotted; height:100%; margin:0 0 0 10px;}
.head_pakket		{width:100%; background-repeat: no-repeat; margin:5px 0 0 10px;}
ul.punten			{list-style:square;	font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #27587B; line-height:30px;}
ul.punten1			{list-style:square;	font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #27587B; line-height:30px; padding:0 0 0 15px ;}
ul.punten1 li		{border-bottom:#000 1px dotted;}
ul.punten2			{list-style:none; font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #27587B; line-height:30px; padding:0 0 0 15px;}
ul.punten2 li		{border-bottom:#000 1px dotted;}
.prijstag			{background-image: url(http://www.i-graphix.nl/starterspakket/prijstag.png); background-repeat: no-repeat;	width:233px; height:40px; margin:0 0 10px 8px;}
.prijstag1			{background-image: url(http://www.i-graphix.nl/tarieven/hosting/prijstag_1.png); background-repeat: no-repeat;	width:221px; height:40px;}
#textbox_hosting	{float: left; width:230px;}
.hosting_left		{width:130px; float:left; margin:0 0 0 10px;}
.hosting_right		{width:80px; float:left;}

.prijs				{
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FF0;
	padding:10px 0 0 10px;
	width:75px;
}
.bestel				{
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFF;
	padding:10px 0 0 10px;
	font-weight: bold;
	width:100px;
}

#prijskaart {
	float:left;
	width:210px;
	margin:0 0 10px 10px;
	background-image: url(http://www.i-graphix.nl/starterspakket/prijstag.png); background-repeat: no-repeat; width:210px; height:40px;
}

span.little {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;

}

#box_dtp{
	height:100%; width:100%;
	margin:10px 0 0 0;
}

.dtp_left {
	width:450px;
	float:left;
	text-align:left;
}

.dtp_right {
	width:150px;
	float:left;
	text-align:right;
}

ul.dtp_prijs {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	list-style:none;
	color: #27587B;
	line-height:40px;
	border-bottom:#000 1px dotted;


}

ul.dtp_onderwerp {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	list-style:none;
	color: #27587B;
	line-height:40px;
	border-bottom:#000 1px dotted;
}

#kop_dtp {
	font-family:Arial, Helvetica, sans-serif;
}