body {
	background-image: url(https://www.mjstudio.nl/uploads/layout/overallbg.png);
	background-repeat: repeat;
	margin: 0 auto;
	font-family: 'Pontano Sans', sans-serif;
	font-size:15px;
	color:#ffffff;
	text-shadow: 1px 1px 0px #000000;
}

a img{
  border: 0;
}

#topmenu {
	height: 60px;
	background-color: #141414;
	width: 100%;
	-moz-box-shadow: 0px 0px 18px #000000;
	-webkit-box-shadow: 0px 0px 18px #000000;
	box-shadow: 0px 0px 18px #000000;
	position:fixed;
	top:0px;
	z-index: 999;
}

.topmenumenu {
	width:1000px;
	margin:0 auto;
	line-height:60px;
	text-align:left;
	padding-left:84px;
	color: #d4d4d4;
}

.topmenulogo {
	vertical-align:middle;
	margin-right:7px;
}

ul.menu {
	list-style-type:none;
	margin:0;
	padding:0;
	text-align:left;

}

ul.menu li {
	display:inline;
	margin-right:30px;
}

ul.menu li a {
	position:relative;
	color: #d4d4d4;
	padding-bottom:16px;
	text-decoration:none;
-webkit-transition: all 200ms linear;
		-moz-transition: all 200ms linear;
        -ms-transition: all 200ms linear;
        -o-transition: all 200ms linear;
		transition: all 200ms linear;
border-bottom:5px solid #141414;
}

ul.menu li a:hover,ul.menu li a.menuactive{
	border-bottom:5px solid #f3702b;
}

#container {
	margin: 0 auto;
	width:1000px;
	background-image: url(https://www.mjstudio.nl/uploads/layout/contentbg.png);
	padding-top:60px;
	border-bottom: 1px solid #141414;
	border-right: 1px solid #141414;
	border-left: 1px solid #141414;
	-moz-box-shadow: 0px 0px 18px #000000;
	-webkit-box-shadow: 0px 0px 18px #000000;
	box-shadow: 0px 0px 18px #000000;
	padding-bottom: 10px;

}

#header {
	height:357px;
	background-image: url(https://www.mjstudio.nl/uploads/layout/headerbg.png);
	background-repeat:repeat-x;
	border-bottom: 7px solid #f3702b;
	position:relative;
	z-index:2;

}

#sliderimg {
	position: relative;
	z-index: 0;
	right:40px;
	float:right;
}

#slidertext {
	margin-top:-74px;
	position:relative;
	z-index:955;
	width:600px;
	float:right;
	margin-right:48px;
	text-shadow:1px 1px 0px #000000;
}

#logobg {
	width:226px;
	height: 424px;
	background-color: #141414;
	margin-left:42px;
	float:left;
}

#logo {
	position: relative;
	top:10px;
	left:-26px;
	z-index:10;
}

#logotekst {
	margin-left: 15px;
	margin-top: 22px;
	font-family: 'Pontano Sans', sans-serif;
	font-size: 40px;
	color: #989898;
}

#socialmedia {
	margin-top: 4px;
	text-align:center;
	border:0px;
}


.smbutton {
	margin:2px;
	border:0px;
}


.smbutton a {
	margin:2px;
	border:0px;
}

.smbutton a:hover {
	margin:2px;
	border:0px;
}

.smbutton {
-webkit-transition: all 600ms ease-in-out;
		-moz-transition: all 600ms ease-in-out;
        -ms-transition: all 600ms ease-in-out;
        -o-transition: all 600ms ease-in-out;
		transition: all 600ms ease-in-out;
}
.smbutton:hover{
transform: rotate(20deg) scale(1.397) skew(0deg) translate(0px);
-webkit-transform: rotate(20deg) scale(1.397) skew(0deg) translate(0px);
-moz-transform: rotate(20deg) scale(1.397) skew(0deg) translate(0px);
-o-transform: rotate(20deg) scale(1.397) skew(0deg) translate(0px);
-ms-transform: rotate(20deg) scale(1.397) skew(0deg) translate(0px);
}


#content {
	clear: both;
	width:921px;
	margin-left:42px;
}

#contentlinks {
	float: left;
}

#contentrechts {
	float:right;
	margin-top: -41px;
}

.clearfix {
	clear:both;
}

.contentlinksblok {
	margin-top: 12px;
	width: 212px;
	background-color: #141414;
	padding:7px;
}

.contentlinkstitel {
	width:212px;
	background-color: #141414;
	height: 41px;
	margin-top:12px;
	margin-bottom:12px;
	border-right: 7px solid #f3702b;
	font-family: 'Pontano Sans', sans-serif;
	font-size:30px;
	color: #f3702b;
	line-height:41px;
	padding-left:7px;
}

.quote {
	font-size:13px;
	font-style:italic;
	margin-bottom:4px;
}

.quotenaam {
	text-align:right;
	font-size:14px;
	color: #f3702b;
	font-weight:bold;
}

.quotelink {
	text-align:right;
	font-size: 13px;
}

.quotelink a {
	text-align:right;
	font-size: 13px;
	text-decoration:none;
	color:#ffffff;
}

.quotelink a:visited {
	text-align:right;
	font-size: 13px;
	text-decoration:none;
	color:#ffffff;
}

.quotelink a:hover {
	text-align:right;
	font-size: 13px;
	text-decoration:underline;
	cursor:pointer;
	margin-right:4px;
}

.contentrechtstitel {
	width:666px;
	background-color: #141414;
	height: 41px;
	margin-bottom:12px;
	border-right: 7px solid #f3702b;
	font-family: 'Pontano Sans', sans-serif;
	font-size:30px;
	color: #f3702b;
	line-height:41px;
	padding-left:7px;
}

.contentrechtsblok {
	width:666px;
	background-color: #141414;
	margin-bottom:12px;
	padding:7px;
}

#portfoliolinks {
	float: left;
}

.portfolio_left {
   float: left;
text-align:right;
	
	width: 212px;
	background-color: #141414;
	padding:7px;
	height:160px;
	position:relative;
}
.portfolio_item:nth-child(1) .portfolio_left{
	margin-top: 12px;
}

.contentrechtstitel.portfolio{
	float:right;
	margin-top: -41px;
}

.portfolio_image {
  width:319px;
  background-color: #141414;
  margin-bottom:12px;
  padding:7px;
  float:left;
  height:160px;
  background:url("https://www.mjstudio.nl/uploads/layout/flipbg.png")
}
.portfolio_image{
	margin-left:14px;
}

.portfolio_image:hover{
	/* CSS3 inset shadow: */
	-moz-box-shadow:0 0 30px #000 inset;
	-webkit-box-shadow:0 0 30px #000 inset;
	box-shadow:0 0 30px #000 inset;
}
.portfolio_data{
    display:none;
}
.portfolio_data_inner{
    font-size:11px;
    padding:50px 10px 20px 20px;
    font-style:italic;

}

.link {
	font-size:14px;
	color: #f3702b;
	font-weight:bold;
}

.url {
	font-size: 13px;
}

.url a, .url a:visited  {
   text-align: right;
	font-size: 13px;
	text-decoration:none;
	color:#ffffff;
}

.url a:hover {
	text-decoration:underline;
}

.comment {
	font-size:11px;
	position:absolute;
	bottom:7px;
	width:212px;
}

.werkwijzeblok {
	margin-top: 12px;
	width: 212px;
	background-color: #141414;
	padding:7px;
	height:111px;
	position:relative;
}

.werkwijzenummer {
	color:#f3702b;
	font-size:110px;
	opacity:0.8;
}

.werkwijzetekst {
	text-align:right;
	font-size:13px;
	position:absolute;
	top:7px;
	width:212px;
}

.aanbieding {
	margin-top: 12px;
	width: 205px;
	background-color: #141414;
	padding:7px;
	position:relative;
	border-right: 7px solid #f3702b;
}

.contactnaam {
	text-align:right;
	font-size:14px;
	color: #f3702b;
	font-weight:bold;
}

.contactinfo {
	text-align:right;
	font-size: 14px;
	margin-bottom:5px;
}

#footer {
	height: 60px;
	background-color: #141414;
	width: 100%;
	-moz-box-shadow: 0px 0px 18px #000000;
	-webkit-box-shadow: 0px 0px 18px #000000;
	box-shadow: 0px 0px 18px #000000;
	position:relative;
	bottom:0px;
	z-index: 979;
	margin-top:30px;
}

.footertekst {
	width:1000px;
	margin:0 auto;
	line-height:60px;
	text-align:right;
}

.tweettitel {
	font-family: 'Pontano Sans', sans-serif;
	font-size:24px;
	color: #f3702b;
	margin-bottom:5px;
}

.tweet {
	font-size:13px;
	font-style:italic;
}

#contactformulier{
	color:#fff;
	width:666px; 
}
					
#contactformulier fieldset{
	margin:0;
	padding:0;
	border:none;		
	padding-bottom:1em;
}	
			
#contactformulier legend{
	display:none;
}	

	
#contactformulier label{
	display:block;
	color:#fff;

}	
#contactformulier input, #contactformulier textarea{		
	width:651px;
	border-right:7px solid #f3702b;
	border-bottom:0px;
	border-left:0px;
	border-top:0px;
	background:#282828 url(../images/form2/form_input.gif) repeat-x;
	padding:5px 3px;
	color:#fff;
}	
			
#contactformulier textarea{
	height:125px;
	overflow:auto;
}		
			
#contactformulier p.submit{
	text-align:right;
}	

#contactformulier input[type="submit"]{
	padding:0 20px;
	height:32px;
	line-height:32px;		
	border:0px;
	background:#f3702b;
	color:#000;
	cursor:pointer;		
	text-align:center;	
  width: auto;	
}	

.tabelhead {
	margin-top: 12px;
	width: 205px;
	background-color: #141414;
	padding:7px;
	position:relative;
	border-right: 7px solid #f3702b;
}	

.websitehuurlinksblok {
	margin-top: 12px;
	width: 212px;
	background-color: #141414;
	padding:7px;
	position:relative;
	height:19px;
}

.websitehuurrechtsblok {
	width:666px;
	background-color: #141414;
	margin-bottom:12px;
	padding:3px;
	height:27px;
}

table {
	width:660px;
}
	

td {
	text-align:center;
}

.huurtab {
	
}

.huurtab1 {
	font-style:italic;
	font-weight:bold;
	color:#f3702b;
}	

.huurtab2 {
	font-style:italic;
	font-weight:bold;
	font-size:16px;

}	

.tweet_list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.tweet_list a{
font-size: 14px;
color: #f3702b;
font-weight: bold;
text-decoration: none;
}

input:hover, textarea:hover {
  outline: solid 1px #f3702b;

}

#container .nivoSlider {
-webkit-box-shadow: 0px 0px 0px 0px #4a4a4a;
-moz-box-shadow: 0px 0px 0px 0px #4a4a4a;
box-shadow: 0px 0px 0px 0px #4a4a4a;
}
/* Stylesheet: Main Modified On 2013-03-08 08:31:06 */