/************************************************
*                                               *
*  Copyright    :       (c) 2009			          *
*                                               *
*  Website by   :       NdFS					          *
*                       www.ndfs.nl				      *
*	 																							*
*	 Design				:				B. Kreleger							*
*                                               *
*************************************************/

/**************
*  HTML TAGS  *
**************/

body {
	background: #c0c0c0 url("../img/background.gif") repeat-y top center;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.7em;
	line-height: 1.3em;
	text-align: center;
}

/**************
*   STYLING   *
**************/

h1 {
	font-size: 1.4em;
}

h1 {
	margin-top: 0;
}

h2 {
	font-size: 1.2em;
}

h3 {
	color: #e41bfc;
	text-transform: uppercase;
}

#right h3 {
	color: #28bcfa;
}

a {
	color: #e41bfc;
	text-decoration: none;
}

a:hover {
	color: #8c069c;
}

img {
	border: 0;
}

input, textarea, select {
	font-family: Calibri, Verdana, Arial;
	background: #f0f0f0 url("../img/content/form-shadow.gif") repeat-x;
	border: 1px solid #b9b9b9;
	color: #242424;
	margin: 3px;
	padding: 3px;
	font-size: 1.2em;
}

input, textarea {
	height: 16px;
}

fieldset {
	width: 80%;
	border: 1px solid #f3f3f3;
}

legend {
	font-weight: bold;
}

address {
	font-style: normal;
}

/**************
*   LAYOUT    *
**************/

#container {
	width: 990px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#content {
	text-align: left;
}

#header {
	padding-top: 40px;
	height: 386px;
	background: url("../img/header/background.gif");
}

#header-small {
	padding-top: 40px;
	height: 106px;
	background: url("../img/header/background-small.gif");
}

#main {
	width: 990px;
}

#main #left {
	float: left;
	width: 504px;
}

#main #right {
	float: right;
	width: 466px;
	margin-left: 20px;
}

#header-left {
	float: left;
	width: 490px;
	color: #ffffff;
	padding: 0 24px 0 16px;
}

#header-left p, #header-left h1 {
	margin: 0;
	padding: 0;
}

#header-right {
	float: left;
	width: 444px;
	padding-right: 16px;
}

#header h2, #header-small h2 {
	padding-left: 16px;
}

#left h2, #left h1 {
	background: url("../img/content/title.gif");
	width: 176px;
	height: 24px;
	margin: 0 0 0 10px;
	padding: 10px 0 0 10px;
	color: #fff;
	font-weight: normal;
	text-transform: uppercase;
}

#right h2 {
	margin: 0;
	background-color: #e41bfc;
	width: 182px;
	height: 24px;
	color: #fff;
	font-weight: normal;
	text-transform: uppercase;
	padding: 10px 0 0 10px;
}

#opmerking {
	height: 200px;
	width: 400px;
}

/**************
*    MENU     *
**************/

#menu {
	margin: 3px 0 75px 20px;
}
#menu ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
#menu li {
	float: left;
	padding-right: 12px;
}

/**************
*   CONTENT   *
**************/

.contentbox li {
	list-style-type: disc;
}

.tiny {
	font-size: 0.8em;
}

.logo {
	float: left;
	margin: 5px 20px 0 16px;
}

.sepbar {
	clear: both;
	height: 1px;
	background-color: #687473;
	border-bottom: 1px solid #fbfbfb;
	margin: 5px 16px 15px 16px;
}

.attention {
	font-weight: bold;
	font-size: 1.1em;
}

.twitter {
	background: url("../img/header/twitter.gif");
	width: 407px;
	height: 69px;
	padding: 55px 10px 0 10px;
}

.recent-werk {
	margin-left: 16px;
}

.recent-werk img {
	border: 5px solid #fff;
	margin-right: 22px;
}

.diensten {
	height: 64px;
	border-bottom: 1px dotted #e41dfc;
	margin: 0 30px 0 30px;
}

.diensten .afbl {
	float: left;
	margin-right: 5px;
	color: #fff;
	font-weight: bold;
	padding: 15px 0 0 4px;
}

.diensten .descr {
	padding-top: 3px;
}

.diensten .webdesign {
	background: url("../img/content/webdesign.gif");
	width: 180px;
	height: 44px;
}

.diensten .huisstijlen {
	background: url("../img/content/huisstijlen.gif");
	width: 180px;
	height: 44px;
}

.diensten .drukwerk {
	background: url("../img/content/drukwerk.gif");
	width: 180px;
	height: 44px;
}

.diensten .detachering {
	background: url("../img/content/detachering.gif");
	width: 180px;
	height: 44px;
}

.diensten .communicatie {
	background: url("../img/content/communicatie.gif");
	width: 180px;
	height: 44px;
}

.portfolio {
	height: 120px;
	margin-top: 5px;
	border-bottom: 1px dotted #8a8a8a;
	margin-right: 16px;
}

.showcase {
	margin-left: 21px;
}

.portfolio .afbl {
	float: left;
	margin-right: 5px;
	color: #fff;
	font-weight: bold;
}

.portfolio .afbl img {
	border: 6px solid #fff;
}

.portfolio .afbl .pf {
	border: 6px solid #e5e5e5;
}

.portfolio .descr {
	padding-top: 3px;
}

.arrow-right {
	background: url("../img/content/arrow-right.gif") 0 50% no-repeat;
	padding-left: 16px;
}

.arrow-left {
	background: url("../img/content/arrow-left.gif") 0 50% no-repeat;
	padding-left: 16px;
}

.centerit {
	padding: 16px 0 0 16px;
}

#contentbox {
	padding-left: 20px;
	padding-right: 20px;
}

/**************
*   IMAGES    *
**************/

.imgleft {
	float: left;
	margin: 0 5px 0 0;
}

.imgright {
	float: right;
	margin: 0 0 0 5px;
}

.imgborder {
	border: 1px solid #000000;
}

.noborder {
	border: 0;
}

.nostyle {
	border: 0;
	background-color: #fff;
	padding: 0 0 0 2px;
	margin: 0;
	height: 22px;
}

/*************
*    ITEMS   *
*************/

.nieuwsitem {

padding-left: 20px;
padding-right: 20px;

}

.nieuwsitem h2{

padding-left: -20px;

}

#portfoliotekst {
padding-left: 20px;
}