/* Classes used by WYSIWYG editor */
@import "/smt/user/styles/classes/classes.css";
@import "/smt/user/scripts/lightbox/css/lightbox.css";


/* RESET */
html,body,div,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,img { margin: 0px; padding: 0px; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img,hr { border: none; }
img { vertical-align:top; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/* PAGE STRUCTURE */
#body {
}

	 #wrapper {
	 overflow:hidden;
	 width:980px;
	 margin:0px auto;
	 position:relative;
	 background:#FFF url(../images/style/background.jpg) repeat-y center;
	 }

		 #header {
		 height:200px;
		 width:980px;
		 clear:both;
		 background:transparent url(../images/style/header.jpg) no-repeat center top;
		 }
 
		 #content {
		 width:900px;
		 height:400px;
		 float:left;
		 clear:both;
		 margin-left:40px;
		 position: relative;				
				display: inline;
		 }

		 html > body #content {
		 min-height:400px;
		 height:auto;
		 }
			 
			#content-right {
			overflow:hidden;
			float:left;
			width:900px;
			}
			
				#content-main {
				float:left;
				width: 565px;
				height:250px;
				padding:15px 30px 15px;
				display:inline;
				}
				html > body #content-main {
				min-height:500px;
				height:auto;
				}
				
				#content-related {
				display:inline;
				float:right;
				width: 270px;
				/*position: absolute;*/
				/*top: 0;*/
				/*right: 0;*/
				}
				html > body #content-related {
				min-height:250px;
				height:auto;
				}
		 #footer {
		 clear:both;
		 float:left;
		 height:90px;
		 position:relative;
		 width:980px;
		 background:#FFF url(../images/style/footer.jpg) no-repeat center bottom;
		 }

/* PAGE DESIGN */
a{
color:#7c6a56;
}
a:link,a:visited{
text-decoration:underline;
}

a:active,a:hover {
text-decoration:none;
}

body {
font-size:13px;
text-align:left;
color:	#7c6a56;
font-family:verdana, helvetica, calibri, arial;
}

h1 {
font-size:20px;
font-family:Georgia,courier,Times;
margin-bottom:15px;
color:#ff6600;
}

h2 {
font-size:15px;
margin-bottom:15px;
color:#ff6600;
font-weight:bold;
}

h3 {
font-size:12px;
font-weight:bold;
margin-bottom:10px;
color:#CCFF00;
}
h5 {
margin:15px 0px;
line-height:25px;
font-size:13px;
color:#ff6600;
font-weight:bold;
}
p {
margin:15px 0px;
line-height:25px;
font-size:13px;
}

td {
vertical-align:top;
text-align:left;
}
html, body{
height:570px;
}
strong{
font-weight:bold;
}
li{
list-style:square outside;
margin:0 0 10px 20px;
font-size:13px;	
line-height: 25px;
}
li>ul>li{
list-style:circle outside;
margin:0 0 0 15px;
font-size:13px;	
}


/*donkergroen: 	#7c6a56 */
/*felgroeg:		#ccff00 */
/*lichtgroen:	#e4fd82 */
/*oranje:		#ff6600 */
/*lichtoranje:	#ffc07b*/


/*** ALGEMEEN ***/


/***** BREADCRUMB *****/
#breadcrumb{
float:left;
clear:both;
padding-bottom:10px;
width:565px;
}
.breadcrumb a:link,
.breadcrumb a:visited{
font-size:9px;
color:#B0B0B0;    
text-align:right;
text-decoration:none;
text-transform:capitalize;
font-weight:normal;
}
.breadcrumb a:hover,
.breadcrumb a:active{
color:#ff6600;
}

.breadcrumb .backlink{
float:left;
}
.breadcrumb .crumb{
float:right;
}



/***** COMPONENTS ****/
#maincontent{
}
#maincontent2,
#maincontent3,
#maincontent4{
border-top:1px solid #ff6600;
margin-top:20px;
padding-top:15px;
}
.maincontent{
}
.footercontent{
margin-bottom:10px; 
margin-top:30px;
padding-top:15px;
}

/*** menu ***/
#mainmenu{
width:900px;
height:30px;
float:left;
clear:both;
position:relative;
margin-left:40px;
margin-top:101px;
}
.mainmenu{
background-color:#ff6600;
}

.NAV1{
width:881px;
display: inline;
}

.submenu{
clear:both;
float:left;
width:600px;
height:39px;
}
.item-rechts-top{
padding:12px; 
margin-top:14px;
}


/*** NIEUWS ***/
.nieuws-home{
width:250px;
float:right;
display:inline;
}
.prikbord{
background:transparent url(../images/style/punaise.jpg) no-repeat scroll left bottom;
float:right;
height:32px;
margin-bottom:25px;
margin-right:20px;
margin-top:10px;
text-align:center;
width:200px;
display:inline;
}
.prikbord h1{
font-size:30px;
color:#ff6600;
}
		

/*krantenknipsel*/
.krantenknipsel{
background:transparent url(../images/style/nieuws/background_nieuwskort_G.jpg) repeat-y center center;
border:0 none;
width:250px;
float:left;
clear:both;
margin-bottom:10px;
display:inline;
}
.krantenknipsel p{
margin:0px;
line-height:15px;
font-size:10px;
}
.krantenknipsel h1{
color:#ff6600;
font-weight:bold;
font-size:11px;
}
.krantenknipsel a,
.krantenknipsel a:link,
.krantenknipsel a:active,
.krantenknipsel a:visited{
color:#ff6600;
font-weight:bold;
font-size:11px;
text-decoration:none;
}
.krantenknipsel a:hover{
text-decoration:underline;
}
	.krantenknipsel .head{
	background:transparent url(../images/style/nieuws/top_G.jpg) no-repeat center top;
	height:117px;
	width:250px;
	float:left;
	display:inline;
}
	.krantenknipsel .nieuws{
	background:transparent url(../images/style/nieuws/middle_nieuwskort_G.jpg) no-repeat right bottom;
	width:250px;
	float:left;
	display:inline;
}
		.krantenknipsel .nieuws .datum{
		color:#888888;
		float:left;
		font-size:9px;
		margin-bottom:10px;
		margin-right:35px;
		text-align:left;
		width:150px;		
		display:inline;
}

		.krantenknipsel .nieuws .item{
		width:185px;
		margin-left:35px;
		float:left;
		display:inline;
}
	.krantenknipsel .foot{
	background:transparent url(../images/style/nieuws/bottom_G.jpg) no-repeat center bottom;
	height:58px;
	width:250px;
	float:left;
	display:inline;
}
	
	.krantenknipsel .foot .leesmeer{
		color:#888888;
		font-size:10px;
		text-align:right;
		margin-right:30px;
		margin-top:25px;
		width:150px;
		float:right;
	display:inline;
	}
				.krantenknipsel .foot .leesmeer a,
				.krantenknipsel .foot .leesmeer a:link,
				.krantenknipsel .foot .leesmeer a:active,
				.krantenknipsel .foot .leesmeer a:visited{
				color:#888888;
				font-weight:bold;
				font-size:10px;
				text-decoration:none;
				}
				.krantenknipsel .foot .leesmeer a:hover{
				text-decoration:underline;
				}
/*archief*/
.archief{
border:0 none;
float:left;
clear:both;
margin-bottom:10px;
display:inline;
}
.archief p{
margin:0px;
line-height:17px;
font-size:12px;	
float:left;
width:570px;
}
.archief h1{
color:#ff6600;
font-weight:bold;
font-size:16px;
margin-bottom:5px;
}
.archief a,
.archief a:link,
.archief a:active,
.archief a:visited{
color:#ff6600;
font-weight:bold;
font-size:11px;
text-decoration:none;
}
.archief a:hover{
text-decoration:underline;
}
	.archief .head{
	}
	.archief .nieuws{
	}
		.archief .nieuws .datum{
		color:#888888;
		float:left;
		font-size:12px;
		width:570px;
		margin-bottom:5px;
		}

		.archief .nieuws .item{
		float:left;
		width:570px;
		}
		.archief .nieuws .kort{
		float:left;
		width:570px;
		}
		
	.archief .foot{
		width:570px;
	}
	
	.archief .foot .leesmeer{
		text-align:right;
		float:right;
		width:570px;
		}
				.archief .foot .leesmeer a,
				.archief .foot .leesmeer a:link,
				.archief .foot .leesmeer a:active,
				.archief .foot .leesmeer a:visited{
				color:#888888;
				font-weight:bold;
				font-size:10px;
				text-decoration:none;
				}
				.archief .foot .leesmeer a:hover{
				text-decoration:underline;
				}

.navigation-block{
width:570px;
float:left;
height:30px;
margin-top:30px;
}
	.navigation-block .left{
	width:50%;
	float:left;
	height:30px;
	}
	.navigation-block .right{
	width:50%;
	float:right;
	height:30px;
	text-align:right;
	}
		
/*** NIEUWSBRIEF ***/

/*inschrijven home*/
.warning{
float:right;
color:red;
font-size:9px;
text-align:right;
margin-right:15px;
margin-top:5px;
}

.inschrijvennieuwsbrief{
width:250px;
height:200px;
float:right;
clear:both;
margin-bottom:10px;
background:transparent url(../images/style/nieuwsbrief/genietbriefje.jpg) no-repeat center bottom;
display:inline;
}
.genietbriefje{
float:left;
clear:both;
margin-top:45px;
margin-left:33px;
display:inline;
}
	.genietbriefje .box{
	float:left;
	clear:both;
	margin-bottom:6px;
	display:inline;
}
		.genietbriefje .box .label{
		clear:both;
		float:left;
		font-size:9px;
		}
		.genietbriefje .box .field{
		background-color:#E4FD82;
		border:0 none;
		clear:both;
		float:left;
		font-size:11px;
		height:16px;
		width:175px;
		padding-left:5px;
		padding-top:2px;
		}
		.genietbriefje .box .select{
		}
		.genietbriefje .box .button{
		float:left;
		clear:both;
		font-size:10px;
		width:85px;
		}

/*** PORTFOLIO ***/
.separator{
height:15px;
border-bottom:1px solid #ff6600;
width:600px;
clear:both;
}
.portfolio-totaal{
clear:both;
float:left;
margin-bottom:40px;
width:570px;
}
.image{
float:left;
margin-bottom:20px;
margin-right:39px;
}

/* home */
.portfolio-home{
width:250px;
height:200px;
float:right;
clear:both;
margin-bottom:10px;
background:transparent url(../images/style/portfolio/gespeldbriefje.jpg) no-repeat center bottom;
display:inline;
}
.gespeldbriefje{
float:left;
display:inline;
}
.gespeldbriefje .info{
float:left;
margin-left:23px;
margin-top:50px;
display:inline;
}
.gespeldbriefje .info h1{
font-size:14px;
font-weight:bold;
margin-bottom:5px;
}
.gespeldbriefje .info p{
float:left;
font-size:10px;
line-height:12px;
margin:5px 0 0 5px;
width:135px;
}
.gespeldbriefje .info .date{
clear:both;
color:#FF6600;
float:left;
font-size:8px;
display:inline;
}
.lijntje{
border-bottom:1px solid #ff6600;
height:2px;
float:left;
clear:both;
width:213px;
margin:0px;
display:inline;
}
.gespeldbriefje .image{
clear:left;
float:left;
margin:0px;
display:inline;
}

	.gespeldbriefje .info .leesmeer{
	color:#888888;
	float:right;
	font-size:10px;
	margin-right:20px;
	text-align:right;
	width:150px;		
	display:inline;
}
				.gespeldbriefje .info .leesmeer a,
				.gespeldbriefje .info .leesmeer a:link,
				.gespeldbriefje .info .leesmeer a:active,
				.gespeldbriefje .info .leesmeer a:visited{
				color:#888888;
				font-weight:bold;
				font-size:10px;
				text-decoration:none;
				}
				.gespeldbriefje .info .leesmeer a:hover{
				text-decoration:underline;
				}

.portfolio-category{
clear:both;
margin-bottom:25px;
}
.portfolio-detail{
float:left;
clear:both;
width:570px;
}
.portfolio-thumb{
float:left;
margin-right:20px;
margin-bottom:20px;
}

.portfolio-detail .date{
float:left;
margin-bottom:10px;
font-size:9px;
color:#888888;
clear:both;
}
.portfolio-detail .image{
float:left;
clear:both;
border: 1px solid #ff6600;
}
.portfolio-detail .info{
float:left;
text-align:justify;
clear:both;
}
.portfolio-detail .website{
float:left;
clear:both;
padding-bottom: 25px;
}

.break{
clear:both;
margin-bottom:35px;
border-bottom:1px solid #ff6600;
}

/***** BESTELLEN *****/
#bestel-template .item { 
float: left;
width: 150px;
margin:15px 20px;
}

#bestel-template .item  img{ 
Width:150px;
float:left;
clear:right;
margin-bottom:5px;
}

#bestel-template  .submit{
float:right;
clear:both;
}

#bestel-gegevens fieldset ul li{
list-style: none;
margin-bottom:20px;
}

#bestel-gegevens fieldset ul li label{
display: block;
width: 200px;
float: left;
clear:both;
}

#bestel-gegevens fieldset ul li img{
margin-left: 200px;
}
.order-fields .input{
width:260px;
}



/***** CONTACT *****/
#contactform {
clear: both;
}
#contactform h1{
margin-left:20px;
}
#contactform .fields label {
display: block;
margin-top: 10px;
}
#contactform .fields em {
color: #FF6600;
font-weight: bold;
}
.fields{
width:250px;
float:right;
}
.fields .input{
width:225px;
}
.fields .textarea{
width:225px;
}

/***** BESTELLEN *****/
#domeinstatus {
display: block;
padding: 8px 0px;
margin: 8px 0px;
}
#bestel-gegevens em {
color: #FF6600;
font-weight: bold;
}

.onclick {
cursor: pointer;
text-decoration: underline;
}

.domeinvrij {
color: green;
font-weight: bold;
margin-left:200px;
}

.domeinbezet {
color: red;
font-weight: bold;
margin-left:200px;
}

#warning {
color: red;
display: block;
float: right; 
}
/**/


/****  TESTIMONIALS  ****/
/*** FORMULIER ***/
.testimonial{
width:500px;
float:left;
}
.testimonial .fields{
margin-bottom:8px;
}
.testimonial .fields label,
.testimonial .fields3 label{
float:left;
width:570px;
font-weight:bold;
margin-bottom:3px;
}
.testimonial input{
margin-bottom:10px;
}
.testimonial .basics .fields{
width:500px;
float:left;
}
.testimonial .basics .fields .input{
width:250px;
float:left;
}
.testimonial .info .fields{
width:570px;
float:left;
}
.testimonial .info .fields .jaartal{
float:left;
}
.testimonial .info .fields .textarea{
width:500px;
float:left;
}

.testimonial .fields2 label{
width:250px;
margin-bottom:3px;
}
.testimonial .fields2 h2,
.testimonial .fields3 h2{
font-weight:bold;
color:#7c6a56;
line-height:13px;
font-size:13px;
margin:0;
}
.testimonial .fields2 h6,
.testimonial .fields3 h6{
font-size:10px;
margin-bottom:8px;
}
.testimonial .info .fields2 .textarea{
width:500px;
float:left;
height:50px;
}

.testimonial .info .fields3 .textarea{
width:500px;
float:left;
height:150px;
}

.testimonial .basics .fields2 .input{
}

/*** OVERZICHT ***/
.T-overzicht{
float:left;
clear:both;
}
.T-overzicht a{
float:right;
}
.T-overzicht h2{
float:left;
width:385px;
}

.T-detail{
float:left;
clear:both;
}
.T-detail .item{
float:left;
clear:both;
margin-bottom:5px;
}
.T-detail .item .field{
float:left;
width:175px;
}
.T-detail .item .result{
float:left;
clear:right;
width:375px;
}
.T-detail .item .result1{
float:left;
clear:both;
width:560;
margin-top:5px;
}
.T-detail .item .result1 p{
font-style:italic;
}



/*TWITTER*/
#twitter-blok{
width:325px;
padding-top:5px;
margin-left:-13px;
height:96px;
overflow:hidden;
}
.tweet-container{
}
	.tweet_list{
	}
	.tweet_list li{
	list-style:none;
	}
	.tweet_first{
	}
	.tweet_avatar{
	}
	.tweet_time{
	font-size:9px;
	color:#666666;
	}
	.tweet_join{
	font-size:9px;
	color:#666666;
	}
	.tweet_text{
	width:275px;
	display:block;
	margin-left:32px;
	font-size:10px;
	line-height:12px;
	}






/**/