@charset "utf-8";
/* CSS Document */

/* Reset */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 20px;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}

/* End reset */

body {
	font-family: Arial, Helvetica, sans-serif;
 	font-size: 13px;
 	color: #363636;
 	background: #fff url(../images/header.jpg) no-repeat center top;
}
body.inside {background: #fff url(../images/header-inside.jpg) no-repeat center top;}

a {color: #449e29;text-decoration: none;}
a:hover {color: #449e29;text-decoration: underline;}
a:focus {outline: none;}

h5 {font-size:16px; font-weight:bold; float:left;}

.container {
	width:990px; 
	margin: 0px auto 0 auto;
}

.content {margin-left:44px; width:535px; float:left;}
.contentLeft {margin:19px 35px 0px 0px; width:370px; float:right;}
.sidebar {margin:19px 35px 0px 0px; width:370px; float:right;}
.contentTweets {margin:27px 35px 0px 0px; width:343px; float:left;}

a.logo {float:left; margin:10px 0px 0px 11px; width:325px; height:56px; background:url(../images/logo.png) 0 0 no-repeat; text-indent:-9999px;}
a.logo:hover {background-position:0 -56px; width:352px;}

#spotLight {float:right; width:370px; height:543px; margin-right:4px;} 
#spotLight p {margin:18px 20px 25px 20px;}
.spotLight-border {margin-top:20px;}

ul#nav {margin-left:110px;}
#nav li {float:left; margin:5px;}
#nav a {color:#b1b1b1; padding:2px 7px; display:block;}
#nav a.activeSlide {color:#363636; border:1px solid #b1b1b1;}

#nieuwsbrief, #offerte {margin:35px 16px 0px 0px; width:338px; float:right;}
#nieuwsbrief p, #offerte p {margin:18px 0px 25px 0px;}

#services-blok {width:168px; height:93px; float:right; margin:16px 23px 47px 0px; padding:15px; border:1px solid #b0d28b; color:#ffffff;}

		.jsclass body .randomslogans {display: none}
	
			.contentTitle {float:left; width:372px; margin-top:35px;}
				.contentTitle h2 {float:left; width:372px; height:53px; text-indent:-9999px;}
					.contentTitle h2.homeTitle-1 {background:url(../images/title-home-1.png) left top no-repeat;}
					.contentTitle h2.homeTitle-2 {background:url(../images/title-home-2.png) left top no-repeat;}
					.contentTitle h2.homeTitle-3 {background:url(../images/title-home-3.png) left top no-repeat;}
					.contentTitle h2.over-ons-Title {background:url(../images/title-over-ons.png) left top no-repeat;}
					.contentTitle h2.portfolio-Title {background:url(../images/title-portfolio.png) left top no-repeat;}
					.contentTitle h2.services-Title {background:url(../images/title-services.png) left top no-repeat;}
					.contentTitle h2.blog-Title {background:url(../images/title-blog.png) left top no-repeat;}

					.randomslogans p {clear:both; padding:5px 0 23px 0px; width:525px; color:#fff;}
					
					a.casesButton {float:left; width:157px; height:41px; background:url(../images/button-cases.png) 0 0 no-repeat; text-indent:-9999px;}
					a.casesButton:hover {background-position:0 -41px;}
					
					a.vorigeButton {float:left; width:35px; height:35px; background:url(../images/button-vorige.png) 0 0 no-repeat; text-indent:-9999px;}
					a.vorigeButton:hover {background-position:0 -35px;}
					a.volgendeButton {float:right; width:35px; height:35px; background:url(../images/button-volgende.png) 0 0 no-repeat; text-indent:-9999px;}
					a.volgendeButton:hover {background-position:0 -35px;}
					
.contentText {margin-top:-16px; width:520px; float:left;}
.contentText2 {margin-top:86px; width:500px;}
.contentText3 {margin-top:70px; width:500px; float:left;}
.contentText4 {margin-top:43px; width:500px; float:left;}
.contentBlog {margin-top:27px; width:520px; float:left;}
					
			h3.Title-Design-studio {background:url(../images/title-design-studio.gif) left top no-repeat; width:100%; height:25px; text-indent:-9999px; border-bottom: 1px solid #cccccc; padding-bottom:14px;}
			h3.Title-Nieuwsbrief {background:url(../images/title-nieuwsbrief.gif) left top no-repeat; width:100%; height:25px; text-indent:-9999px; border-bottom: 1px solid #cccccc; padding-bottom:14px;}
			h3.Title-Offerte2 {background:url(../images/title-offerte.gif) left top no-repeat; width:100%; height:25px; text-indent:-9999px; border-bottom: 1px solid #cccccc; padding-bottom:14px;}
			h3.Title-AMT-blog {background:url(../images/title-amt-blog.gif) left top no-repeat; width:100%; height:25px; text-indent:-9999px; float:left; border-bottom: 1px solid #cccccc; padding-bottom:14px;}
			h3.Title-Tweets {background:url(../images/title-tweets.gif) left top no-repeat; width:100%; height:20px; text-indent:-9999px; float:left; margin-left:17px; border-bottom: 1px solid #cccccc; padding-bottom:19px;}
			h3.Title-Contact {background:url(../images/title-contact.png) left top no-repeat; width:88px; height:23px; text-indent:-9999px; float:left; margin: 37px 0px 20px 44px;}
			h3.Title-AMT-studios {background:url(../images/title-amt-studios.png) left top no-repeat; width:95px; height:18px; text-indent:-9999px; margin: 37px 0px 20px 0px;}
			h3.Title-Visie {background:url(../images/title-visie.gif) left top no-repeat; width:100%; height:21px; text-indent:-9999px; margin-bottom:22px; border-bottom: 1px solid #cccccc; padding-bottom:19px;}
			h3.Title-Grafisch-Ontwerp {background:url(../images/title-grafisch-ontwerp.gif) no-repeat scroll 70px 0px; width:100%; height:25px; text-indent:-9999px; margin-bottom:22px; float:left; border-bottom: 1px solid #cccccc; padding-bottom:19px;}
			h3.Title-Web-Design {background:url(../images/title-web-design.gif) no-repeat scroll 70px 0px; width:100%; height:25px; text-indent:-9999px; margin-bottom:22px; float:left; border-bottom: 1px solid #cccccc; padding-bottom:19px;}
			h3.Title-Internet-Marketing {background:url(../images/title-internet-marketing.gif) no-repeat scroll 70px 0px; width:100%; height:25px; text-indent:-9999px; margin-bottom:22px; float:left; border-bottom: 1px solid #cccccc; padding-bottom:19px;}
			h3.Title-Services-blok {background:url(../images/title-services-blok.png) left top no-repeat; width:90px; height:21px; text-indent:-9999px; margin-bottom:9px;}
			h3.Title-Offerte {background:url(../images/title-offerte.png) left top no-repeat; width:81px; height:24px; text-indent:-9999px; margin-bottom:9px;}
			h3.Title-Volg-ons {background:url(../images/title-volg-ons.png) left top no-repeat; width:95px; height:28px; text-indent:-9999px; margin-bottom:5px;}
			h3.Title-5-redenen {background:url(../images/title-5-redenen.gif) left top no-repeat; width:448px; height:21px; text-indent:-9999px; margin:28px 0px 0px 0px;}
			h3.Title-Gadgetfacts {background:url(../images/title-gadgetfacts.gif) left top no-repeat; width:128px; height:25px; text-indent:-9999px; margin-bottom:22px;}
			h3.Title-Reismee {background:url(../images/title-reismee.gif) left top no-repeat; width:93px; height:20px; text-indent:-9999px; margin-bottom:22px;}
			h3.Title-Typepress {background:url(../images/title-typepress.gif) left top no-repeat; width:128px; height:25px; text-indent:-9999px; margin-bottom:22px;}
			h3.Title-Categorieen {background:url(../images/title-categorieen.gif) left top no-repeat; width:100%; height:25px; text-indent:-9999px; margin-bottom:20px; border-bottom: 1px solid #cccccc; padding-bottom:14px;}
			h3.Title-Archief {background:url(../images/title-archief.gif) left top no-repeat; width:100%; height:20px; text-indent:-9999px; margin-bottom:25px; border-bottom: 1px solid #cccccc; padding-bottom:19px;}
			h3.Title-Blogroll {background:url(../images/title-blogroll.gif) left top no-repeat; width:100%; height:25px; text-indent:-9999px; margin-bottom:20px; border-bottom: 1px solid #cccccc; padding-bottom:14px;}
			h3.Title-Zoek-resultaten {background:url(../images/title-zoek-resultaten.gif) left top no-repeat; width:100%; height:21px; text-indent:-9999px; margin-bottom:22px; border-bottom: 1px solid #cccccc; padding-bottom:19px;}
			h3.Title-Sitemap {background:url(../images/title-sitemap.gif) left top no-repeat; width:100%; height:25px; text-indent:-9999px; margin-bottom:22px; border-bottom: 1px solid #cccccc; padding-bottom:14px;}
			
			.skillsHolder {float:left;}

					.skillsBox-grafisch-ontwerp {background:url(../images/icon-grafisch-ontwerp.png) left top no-repeat; width:450px; margin:30px 0 0 0px;}
					h4.subtitle-Grafisch-ontwerp {background:url(../images/subtitle-grafisch-ontwerp.gif) left top no-repeat; width:116px; height:16px; margin-left:80px; text-indent:-9999px;}
					
					.skillsBox-web-design {background:url(../images/icon-web-design.png) left top no-repeat; width:480px; margin:30px 0 0 0px;}
					h4.subtitle-Web-design {background:url(../images/subtitle-web-design.gif) left top no-repeat; width:186px; height:16px; margin-left:80px; text-indent:-9999px;}
					
					.skillsBox-internet-marketing {background:url(../images/icon-internet-marketing.png) left top no-repeat; width:480px; margin:30px 0 0 0px;}
					h4.subtitle-Internet-marketing {background:url(../images/subtitle-internet-marketing.gif) left top no-repeat; width:126px; height:16px; margin-left:80px; text-indent:-9999px;}			
					h4.subtitle-Communicatie {background:url(../images/subtitle-communicatie.gif) left top no-repeat; width:97px; height:16px; text-indent:-9999px;}
					h4.subtitle-Precisie {background:url(../images/subtitle-precisie.gif) left top no-repeat; width:52px; height:16px; text-indent:-9999px;}
					h4.subtitle-Slagvaardigheid {background:url(../images/subtitle-slagvaardigheid.gif) left top no-repeat; width:106px; height:16px; text-indent:-9999px;}
					h4.subtitle-Rendabel {background:url(../images/subtitle-rendabel.gif) left top no-repeat; width:63px; height:16px; text-indent:-9999px;}
					h4.subtitle-Betrouwbaarheid {background:url(../images/subtitle-betrouwbaarheid.gif) left top no-repeat; width:117px; height:16px; text-indent:-9999px;}
					
					.skillsBox-grafisch-ontwerp p, .skillsBox-web-design p, .skillsBox-internet-marketing p {padding:11px 0 0 80px; }
					
					a.servicesButton {float:left; margin-top:30px; width:177px; height:41px; background:url(../images/button-services.png) 0 0 no-repeat; text-indent:-9999px;}
					a.servicesButton:hover {background-position:0 -41px;}
					
					a.websiteButton {float:left; clear:both; margin-top:19px; width:185px; height:41px; background:url(../images/button-website.png) 0 0 no-repeat; text-indent:-9999px;}
					a.websiteButton:hover {background-position:0 -41px;}
					
					a.demoButton {float:left; clear:both; margin-top:19px; width:143px; height:41px; background:url(../images/button-demo.png) 0 0 no-repeat; text-indent:-9999px;}
					a.demoButton:hover {background-position:0 -41px;}
				
					a.downloadButton {float:left; margin-top:19px; margin-left:10px; width:143px; height:41px; background:url(../images/button-download.png) 0 0 no-repeat; text-indent:-9999px;}
					a.downloadButton:hover {background-position:0 -41px;}
			
			#sendimage {background:transparent url(../images/button-inschrijven.png) no-repeat; border:0 none; cursor:pointer; height:41px; width:121px; margin:0 0 0 0; padding:0; text-indent:-9999px;}
			#sendimage:hover {background-position:0 -41px;}
			.sendmail input#field, #searchform input#s {background:url(../images/inschrijven-bg.gif) no-repeat scroll 0 0; border:0 none; color:#b1b1b1; width:188px; height:19px; margin:0px; padding:13px 11px 11px 11px; float:left;}
			.sendmail input#field:focus, #searchform input#s:focus {color:#363636;}
			
			#searchsubmit {background:transparent url(../images/button-zoeken.png) no-repeat; border:0 none; cursor:pointer; height:41px; width:121px; margin:0 0 0 0; padding:0; text-indent:-9999px; float:left;}
			#searchsubmit:hover {background-position:0 -41px;}
			
			#searchform {margin:36px 0px 0px 25px; float:left;}
			

.border {background: url(../images/border.gif) repeat-x;height:54px;width:100%;float:left;}
.footer {background: #5a2884 url(../images/footer.jpg) repeat-x;height:485px;width:100%;float:left;text-align:center;}
.footer a, #services-blok a {color: #fff;}

.footer-content {background: url(../images/footer-bg.jpg) no-repeat scroll center top; height:419px; width:990px; margin: 37px auto 0 auto; color:#fff;}
.footer-left {float: left; width: 332px; }
.footer-left p {clear: both; width: 245px; margin-left:44px; float:left;}
.footer-right {float: left; line-height: 26px;}
.bottom {clear:both; margin:0px 36px 20px 44px; border-top: 0px dotted; padding-top:0px;}

.check {background:transparent url(../images/icon-check.png) no-repeat scroll 0 0; padding-left:23px;}

#top {background: url(../images/back-to-top.png) no-repeat scroll center top; height:40px; width:120px; padding:5px 0px 0px 38px; position:relative; top:-30px; right:47px; float:right;}

.contactform {float:left; margin: 37px 0px 35px 0px; width: 325px;}
#field_name {background:transparent url(../images/contactform-name-bg.png) no-repeat scroll 0 0; border:0 none; color:#4c6155; width:208px; height:18px; margin:0px; padding:11px 11px 11px 36px; float:left;}
#field_name:hover {background-position:0 -40px;}
#field_email {background:transparent url(../images/contactform-email-bg.png) no-repeat scroll 0 0; border:0 none; color:#4c6155; width:208px; height:18px; margin-top:3px; padding:11px 11px 11px 36px; float:left; clear: both;}
#field_email:hover {background-position:0 -40px;}
#field_bericht {background:transparent; border:0 none; color:#4c6155; width:237px; height:100px; margin-top:5px; padding:9px 18px 11px 11px; float:left; clear: both; font-family: Arial, Helvetica, sans-serif; font-size: 13px; overflow: auto;}
#bericht-bg:hover {background-position:0 -132px;}
#bericht-bg {background:transparent url(../images/contactform-bericht-bg.png) no-repeat scroll 0 0; width:255px; height:132px; float:left; margin-top:2px;}
#field_send {background:transparent url(../images/button-verstuur.png) no-repeat; border:0 none; cursor:pointer; height:41px; width:104px; margin:24px 0 0 0; padding:0; text-indent:-9999px;}
#field_send:hover {background-position:0 -41px;}
.notification_error{float:left; clear:both; margin:10px 0px -20px 0px;}
.notification_ok {margin-bottom:236px;}

.clear {clear: both; height:0; font-size:0; line-height:0;}

#vijf-redenen {
	background:url(../images/5-redenen-bg.jpg) left top no-repeat;
	width: 866px;
	height: 274px;
	margin: 22px 0px 30px 45px;
	display: block;
	padding-left: 30px;
	clear:both;
	float:left;
}

#vijf-redenen .reden {width:150px; float:left; margin-top:25px;}
#vijf-redenen .reden .reden-text {font-size:11px; margin-top:13px; line-height:14px; width:135px;}
#vijf-redenen .reden .reden-icon {text-align:center; margin:15px 20px 0px 0px;}
#vijf-redenen .sep {float: left; margin: 20px 20px 0px 5px;}

.case {background:transparent url(../images/case-bg.jpg) no-repeat scroll left top; width:836px; height:355px; padding:30px; position:relative; top:0px; left:0px; z-index:10; margin-bottom:40px;}
.case-images {background:#dadada; width:550px; height:300px; float:left; margin-right:30px;}
.case-omschrijving {width:240px; float:left;}
.nieuw {position:absolute; top:30px; left:30px; z-index:1000;}

a.vorigeButton2 {float:left; width:35px; height:35px; margin:19px 10px 0px 285px; background:url(../images/button-vorige.png) 0 0 no-repeat; text-indent:-9999px;}
a.vorigeButton2:hover {background-position:0 -35px;}
a.volgendeButton2 {float:left; width:35px; height:35px; margin-top:19px; background:url(../images/button-volgende.png) 0 0 no-repeat; text-indent:-9999px;}
a.volgendeButton2:hover {background-position:0 -35px;}

.skills li{padding-left:20px; background:url(../images/icon-check-small.gif) 0 0 no-repeat;}

.sitemap li {background: url(http://www.amtstudios.nl/images/list-arrow.gif) no-repeat; padding-left:18px;}
.sitemap h4 {font-weight:bold;}

/* Blog */

			#rss {margin-left:117px; margin-top:-37px; float:left;}
			#rss li a {display:block;}
			#rssfeed {background:transparent url(../images/rss.gif) no-repeat scroll left top; height:16px; width:16px; display:block;}
			#rssfeed:hover {background:transparent url(../images/rss_hover.gif) no-repeat scroll left top; height:16px; width:16px;}
			
.post {
	clear:both;
	padding-top: 15px;
}
.post-date {
	width: 50px;
	height: 63px;
	float:left;
	background: url(../images/date-bg.gif) no-repeat;
}
.post-month {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	display:block;
	line-height: 11px;
	padding-top: 11px;
	margin-left: -3px;
}
.post-day {
	font-size: 22px;
	font-weight: bold;
	color: #505050;
	text-align: center;
	display:block;
	line-height: 18px;
	padding-top: 11px;
	margin-left: -3px;
}
.post-title {
	float: left;
	margin-left: 30px;
}
.post-comments {
	background: url(../images/mini-comments.gif) no-repeat;
	width: 29px;
	height: 24px;
	margin-top: 7px;
	text-align: center;
	display:block;
	float: left;
	font-size: 11px;
}

.post-cat {background: url(../images/icon-category.gif) no-repeat; margin:0px 0px 20px 30px; padding-left:22px; float:left;}
.mini-add-comment {background: url(../images/icon-react.gif) no-repeat 0 4px; padding-left:22px; float:right;}

.post-comments a {color: #7d7d7d;}

.entry {
	clear: both;
	float: left;
	margin-top: -20px;
	margin-left: 81px;
	width: 419px;
}

.entry2 {
	clear: both;
	float: left;
	margin: 10px 0px 10px 81px;
	width: 435px;
}

.post-edit-link {float:left;  clear:both;}

.entry2 h1 {margin-top:20px;}

.categorieen {float:left; width:160px; margin:30px 0px 0px 24px; color:#b1b1b1;}
.archief {float:left; width:160px; margin:30px 0px 0px 24px;}
.blogroll {float:left; width:160px; margin:30px 0px 0px 0px;}

.list-cat li, .list-blogroll li, .list-archives li {background: url(http://www.amtstudios.nl/images/list-arrow.gif) no-repeat; padding-left:18px; line-height:24px;}

.comments-container {clear:both; float:left; margin-top:20px; width:517px;}
.comments-content {background: url(http://www.amtstudios.nl/images/comments-bg.gif) repeat-y; width:517px; float:left; clear:both;}
.comments-top {background: url(http://www.amtstudios.nl/images/comments-top.gif) no-repeat; width:517px; height:30px; float:left; clear:both; margin-top:16px;}
.comments-bottom {background: url(http://www.amtstudios.nl/images/comments-bottom.gif) no-repeat; width:517px; height:30px; float:left; clear:both;}

.comment-wrap {background:#ffffff; border:1px solid #cccccc; width:435px; float:right; margin:0px 30px 20px 0px; padding-bottom:20px;}
.comment-arrow {position:relative; top:20px; left:-137px; background: url(http://www.amtstudios.nl/images/comment-arrow.png) no-repeat; width:32px; height:32px; float:left;}
.comment-arrow2 {position:relative; top:-105px; left:19px; float:left;}
.avatar {float:left; margin:20px;}
.comment-content {float:left; width:310px; margin-top:-17px;}
.comment-content p {margin-top:13px;}
.commentmetadata {font-size:12px; color:#b1b1b1;}
.authorcomment .comment-wrap {border:1px solid #449e29; background:#ebf1dd;}
.authorcomment .comment-arrow {position:relative; top:20px; left:-137px; background: url(http://www.amtstudios.nl/images/comment-arrow-author.png) no-repeat; width:32px; height:32px; float:left;}
#comment-nr a {float:right; clear:both; color:#b1b1b1;}

#respond {margin:0px 0px 19px 49px;}

input#author, input#email, input#url {float:left; width:206px; height:18px; border:1px solid #cccccc; padding:7px; color:#363636; margin:0px 10px 0px 50px;}
#comment {clear:both; float:left; width:399px; height:88px; border:1px solid #cccccc; padding:18px; color:#363636; margin:0px 10px 0px 50px; font-family: Arial, Helvetica, sans-serif; font-size:13px;}
#commentform {float:left; clear:both;}
#commentform label {float:left; margin-top:6px;}
#commentform span {float:left; margin:6px 0px 0px 5px; font-style:italic; color:#b1b1b1;}
#commentform p {float:left; margin:0px 0px 12px 0px; height:32px; width:425px;}

#field_send2 {background:transparent url(../images/button-verstuur.png) no-repeat; border:0 none; cursor:pointer; height:41px; width:104px; margin:-12px 0px 0px 49px; padding:0; text-indent:-9999px; float:left; clear:both;}
#field_send2:hover {background-position:0 -41px;}

#breadcrumbs {color:#b1b1b1;}
p#logged-in {margin-left:51px; float:left; clear:both;}

#postviews {color:#b1b1b1;}

#twitter_update_list {
	clear: both;
	float: left;
	margin-top: 20px;
	margin-left:10px;
}

#twitter_update_list li {
	list-style: none;
	background: url(../images/tweet.gif) no-repeat;
	padding-left: 55px;
	margin-top: 15px;
	width: 260px;
}
a.twitterButton {float:right; width:70px; height:15px; background:url(../images/twitter.gif) 0 0 no-repeat; text-indent:-9999px; margin-right:-17px; margin-top:-36px;}
a.twitterButton:hover {background-position:0 -15px;}

#slogans {float:left; width:372px; height:355px;}

#panel {
	position: relative;
	top: 20px;
	left: 0px;
	height: 355px;
	float:left;
}
#left_slide {
    width: 252px;
    position: absolute;
    left: 0;
    top: 80px;
    z-index: 1;
}
#center_slide {
    width: 402px;
    position: absolute;
    left: 64px;
    top: 0;
    z-index: 2;
}
#right_slide {
    width: 252px;
    position: absolute;
    left: 278px;
    top: 80px;
    z-index: 1;
}