/*  
Theme Name: HFdesign Reclame & Ontwerp
Theme URI: http://www.hfdesign.nl
Version: 2.0
Author: Jasja ter Horst
Author URI: http://www.hfdesign.nl


*/




html{

}
body{
	margin: 0 ;
	color:#666;
	background:#383838;
	width:100%;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:0.8em;
}
#header{
	padding: 0;
	margin: 0;
	overflow:hidden;
	width:100%;
	background: #f2f0f0 url("images/top.gif") repeat-x 0 0;
}
.teaser{
	clear:both;
	overflow:hidden;
	width:100%;
	color:#fff;
	background: #fff url("images/teaser.gif") repeat-x 0 0;
	height:227px;
}
.teaser_next{
	clear:both;
	overflow:hidden;
	width:100%;
	color:#fff;
	background: #fff url("images/teaser_next.gif") repeat-x 0 0%;
	height:147px;
}
.background{
	padding:20px 0;
	overflow:hidden;
	width:100%;
	background: #fff url("images/back.gif") repeat-x 0 0;
}
.center{
	margin: 0 auto;
	width:1000px;
}
.front{
	margin: 3px auto;
	width:1000px;
	height:230px;
	background: url("images/center.jpg") no-repeat 0 0;
}
.next{
	margin: 3px auto;
	width:1000px;
	height:140px;
	background: url("images/center_next1.gif") no-repeat 0% 0%;
}
.four{
	float:right;
	margin: 20px 0 0 0;
	padding: 20px 0 0 0;
	width:800px;
	overflow:hidden;
	font-size:0.9em;
}
.footer{
	padding:10px 0 0 0 ;
	color:#ccc;
	border-top:5px solid #000;
	width:100%;
	background:#383838;
	clear:both;
}	
.notes
{
	margin:0;
	padding: 0;
	background: #111;
	clear:both;
	text-align:center;
}
.notes p
{
	color: #999;
	margin: 0 auto;
	width:974px;
	font-size:87%;
}
.notes p a, .notes p a:visited
{
	color: #999;
	text-decoration:none;
}
.notes p a:hover
{
	color: #eee;
	text-decoration:underline;
}
/*////////////////////////////////onderdelen////////////////////////////////////////*/

/*--------------------------------navigatie---------------------------------------------*/
#navcontainer
{
	float:right;
	padding: 0;
	margin-top:76px;
	font-size:85%;
	font-weight:bold;
	width:800px;
}

#navcontainer ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;	
}

#navcontainer ul li
{
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	text-align: center;

}

#navcontainer ul li a
{
	padding: 4px 10px;
	margin: 0;
	color: #333;
	text-decoration: none;
	display: block;
	text-align: center;
	background: url("images/split.gif") no-repeat 100% 50%;
}
#navcontainer ul li a:hover
{
	color: #7A7A7A;
}
#navcontainer a:active
{
	color: #7A7A7A;
}

#navcontainer li.active a
{
	color: #000;
}
/*--------------------------------navigatie Sub---------------------------------------------*/
#sub
{
	padding: 12px 0 0 0 ;
	width:190px;
	font-size:0.9em;
}

#sub ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;	
}

#sub ul li
{
	padding: 0;
	margin: 0;
	display: block;
	width:190px;
	text-align: left;	
}

#sub ul li a
{
	padding: 2px 0 2px 20px;
	margin: 0 12px 0 10px ;
	color: #666;
	border-bottom:1px solid #eee;
	text-decoration: none;
	display: block;
	width:155px;
	background: url("images/sub.gif") no-repeat 0% 50%;
	text-align: left;	
}
#sub ul li a:hover
{
	color: #000;
	background: url("images/sub_over.gif") no-repeat 0% 50%;
}
#sub a:active
{
	color: #666;
}

#sub li.active a
{
	color: #000;
}

/*--------------------------------navigatie Footer---------------------------------------------*/
.foot_nav
{
	float:left;
	padding: 0;
	margin: 0 ;
	font-size:98%;
}

.foot_nav ul
{
	float:left;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;	
	width:200px;
}
.foot_nav ul.main
{
	float:left;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;	
	width:400px;
}
.foot_nav ul li
{
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	text-align: left;	
}

.foot_nav ul li a
{
	padding: 2px 5px;
	margin: 2px 5px;
	color: #ccc;
	text-decoration: none;
	display: block;
	text-align: left;	
	background:#000;
	border:1px solid #383838;
	width:178px;
	height:17px;
	overflow:hidden;
}
.foot_nav ul li a:hover
{
	color: #ccc;
	background:#000;
	border:1px solid #999;
}
/*--------------------------------colom---------------------------------------------*/
.col_a {
	float:left;
	padding: 0;
	width:200px;
	text-align: left;	
}	
#menu {
	width:199px;
	margin: 0px 0 0 0;
	padding: 0 0 179px 0;
	border-right: 1px dotted #666;
	background: url("images/menu.gif") no-repeat 28% 100%;
}	
.col_a ul {
	margin: 0;
	padding: 0 ;
}
.col_a ul li {
	padding: 0;
	margin: 0;
	width:190px;
	text-align: left;	
}
.col_a ul li a{
	padding: 2px 8px 2px 22px;
	margin: 0px 7px;
	display:block;
	border-top:1px solid #fff;
	border-bottom:1px solid #eee;
	width:155px;
	color:#333;
	background:#F5F5F5 url("images/arrow_menu.if") no-repeat 2% 50%;
	text-decoration:none;
}
.col_a ul li a:hover{
	color:#333;
	background: #eee url("images/arrow_menu_a.gif") no-repeat 0% 50%;
	text-decoration:none;
}
.col_a h2 {
	padding: 0px;
	margin: 0px;
}
.col_a h2 a{
	padding: 2px 0px 2px 13px ;
	margin: 0px 7px;
	font-weight:bold;
	display:block;
	border-top:1px solid #fff;
	border-bottom:1px solid #eee;
	width:172px;
	color:#666;
	background:#eee url("images/arrow_menu.if") no-repeat 2% 50%;
	text-decoration:none;
}
.col_a h2 a:hover{
	background:#F5F5F5;
	text-decoration:none;
}
.col_main p{
	padding: 13px 30px 13px 13px;
	margin: 0;	
}

.col_b {
	float:left;	
	padding: 0;
	margin: 0;
	width:200px;

}
.col_c {
	float:left;
	padding: 0;
	margin: 0;
	width:200px;

}
.col_d {
	float:left;
	padding: 0;
	margin: 0;
	width:200px;

}
.col_e {
	float:left;
	padding: 0;
	margin: 0;
	width:200px;

}
.col_main_a {
	float:left;
	padding: 0;
	margin: 0;
	width:400px;
}
.col_main_b {
	float:left;
	padding: 0;
	margin: 0;
	width:800px;
}
.col_main {
	float:left;
	padding: 0;
	margin: 0;
	width:600px;
}
/*--------------------------------tekst---------------------------------------------*/
.front h1{
	padding: 100px  0 0px 90px; 
	margin:  0 0 0px 0;
	color:#fff;
	font-family: Trebuchet MS;
	font-size: 1.0em;
	font-weight: bold; 
	text-align:left;
}
 h1{
	padding: 78px 0px 0 320px;
	margin:  0 0 0px 0;
	color:#fff;
	font-family: Trebuchet MS;
	font-size: 1.5em;
	font-weight: bold; 
	text-align:left;
}

p {
	padding: 13px;
	margin: 0;
	
}
p a {
	text-decoration:none;
	color:#666;
}
p a:hover {
	text-decoration:underline;
	color:#000;
} 
p.home a:hover {
	text-decoration:none;
	color:#000;
} 

.cf_wrapper h2 {
	text-decoration:none;
	color:#fff;
	font-weight:bold;
}
.cf_wrapper p a {
	text-decoration:none;
	color:#fff;
}
.cf_wrapper p a:hover{
	text-decoration:underline;
	color:#fff;
}
h2.blok {
	margin:0px;
	padding: 2px 13px;
	font-size:110%;
	color:#333;
}
h2 {
	margin:0px;
	padding: 2px 13px;
	font-size:110%;
	color:#666;
}
h2 a {
	padding: 0 0 0 0px;
	margin: 0 0 0 0px;
	color:#666;
	text-decoration:none;
}
h2 a:hover {
	color:#333;
	text-decoration:none;
}
.bottom h2 {
	margin:0px 4px;
	padding: 2px 9px;
	font-size:110%;
	color:#333;
	border:1px solid #eee;

	background: #F8F8F8;
}
.col_main h2  {
	font-size:210%;
	margin:0px;
	padding: 2px 13px;
}
.col_main h3  {
	font-size:100%;
	margin:0px;
	padding: 0px 13px;
}
.col_main_a h3  {
	font-size:110%;
	padding: 0px 13px;
	margin:2px 0;
}
.col_main_a h3 a {
	font-weight:normal;
	color:#555;
	margin:0;
	padding:0;
	text-decoration:none;
}
.col_main_a h3 a:hover {
	text-decoration:underline;
}
ul {
	margin : 10px 0 0 30px;
	padding : 0;
	list-style : none;
}
ul.related{
	margin : 0px 0 0 15px;
	list-style : none;
	padding: 9px 15px 9px 15px;
	width:530px;
	border: 1px solid #eee;
	background: #f8f8f8;
	overflow:hidden;
}
.related li{
	float:left;
	margin : 0px 20px 3px 0px;
	padding : 0;
	list-style : none;
}
a {
	color:#666;
	text-decoration:none;
}
a:hover {
	color:#0099FF;
}	

/*--------------------------------Images---------------------------------------------*/
.arrow {
	border:none;
	padding: 0 0 0 10px ;
}
img.logo{
	margin:18px 0 0 0;
	float:left;
}
a img.logo {
	border:none; padding:0;
}
a img {padding:3px; border:1px solid #ccc;}
/*--------------------------------Zoeken---------------------------------------------*/
#searchform {
	margin-top:19px;
	margin-left:10px;
	padding: 0; 
	}

#searchform #s {
	width: 117px;
	padding: 2px 3px;
	color:#666;
	font-size:90%;
	border: 1px solid #000;
	}
#searchsubmit {
	padding: 1px 0 1px 0;
	color:#fff;
	font-size:90%;
	font-weight:bold;
	background:#444;
	border: 1px solid #000;
	}
	
/*--------------------------------Transition---------------------------------------------*/	
.cf_wrapper {
	font-size:0.9em;
	float:left;
	width: 800px;
	margin: 0;
	padding: 0px  ;
}
.cf_wrapper {
	font-size:0.9em;
	float:left;
	width: 400px;
	margin: 0;
	padding: 0px  ;
}
.cf_element {
    background:none;
	width: 400px;
}
.news {
	padding: 40px 0 0 0px ;
	background: none;	
	width: 200px;
}
.image {
	float:right;
	background: none;	
	width: 200px;
}
.cf_element div.news {
	background: none;
}
/*--------------------------------Comment---------------------------------------------*/
.commentsblock {
	padding-top:40px;
	background: url("images/comments.gif") no-repeat 100% 0%;
}
#commentform textarea {
	width:450px;
}
#commentform li {
	width:450px;
	background: #f8f8f8;
}
.commentlist li {
	border: 1px solid #eee;
	background:#FBFBFB;
	width:450px;
	padding: 9px 35px 9px 45px;
	margin: 10px 0 0 0px;
}
p.comments{
	border-top: 1px solid #eee;
	width:450px;
	margin: 7px 0 0 0px;
}
/*--------------------------------Special---------------------------------------------*/
.socialbookmarks {margin: 0 10px; }
p.downbox {
	padding: 9px 15px 9px 15px;
	width:530px;
	color:#666;
	margin: 10px 10px 0 10px;
	border: 1px solid #eee;
	background: #f8f8f8;
}
p.download {
	padding: 20px 15px 20px 75px;
	width:470px;
	color:#666;
	margin: 10px 10px 0 10px;
	border: 1px solid #eee;
	background:   url("images/download.jpg") no-repeat 10px center;
}
p.down {
	padding: 9px 15px 9px 15px;
	width:335px;
	color:#666;
	margin: 10px 10px 0 10px;
	border: 1px solid #eee;
	background: #f8f8f8;
}
.spacer {
	margin-top:13px;
}
a .more {
	color: #000;
	border:none;
	padding: 0 0 0px 85px ;
	text-aling:right;
	text-decoration:none;
	background:url("images/more_hover.gif") no-repeat 40% 40%;
}
a:hover .more {
	color: #000;
	text-decoration:underline;
	background:url("images/more.gif") no-repeat 40% 40%;
}
.small {
	padding:  0 10px 0 0;
	font-size:95%;
	color:#666;
}
.borders {
	width:800px;
	clear:both;
	height:45px;
	background: url("images/borders.gif") no-repeat 28% 54%;
}
#shade {
	background: url("images/shade.gif") no-repeat 100% 0%;
}
#shade_next {
	background: url("images/shade_next.gif") no-repeat 100% 0%;
}
.line {
	margin: 0;
	width:1000px;
	clear:both;
	height:50px;
	background:  url("images/shades.gif") no-repeat 0% 20%;
}
.devider {
	width:1000px;
	clear:both;
	height:18px;
}
blockquote {
	border-left: 4px solid #528BE3;
	padding: 0 0;
	display:block;
	overflow:hidden;
	margin: 0 0 0 80px;
}
.col_main blockquote p {
	padding: 3px 10px ;
	margin: 0 ;
}
.col_main strong {
    color:#858585;
}

iframe {
	float:left;
	margin:20px;
}