/* remember to define focus styles! */
:focus {
	outline: 0;
}

*{
	margin:0;
	padding:0;
}
body{
	background:#000 url(../images/bg5.gif) repeat-x;
	font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitsream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
	font-size: 0.9em;
	color:#fff;
}

body.alt{
	background:#000 url(../images/bg6.gif) repeat-x;
}
body.alt2{
	background:#000 url(../images/bg7.gif) repeat-x;
}
h1,h2,h3,h4,h5{
	font-weight:normal;
	margin-bottom:15px;
}
h1{
	font-size:2.5em;
	width:357px;
    height:70px;
    background: url(../images/logo.gif) no-repeat;
    text-indent:-9999px;
}
h2{
    font-style:italic;
    text-shadow: 2px 1px 2px #666;
}
h2.alter{
	margin-bottom:25px;
}
h2.alter2{
	margin-bottom:45px;
}
.or{
	color:#cb7701;
	font-size:1.2em;
}
a{
	color:#797979;
	border-bottom:1px solid #797979;
	text-decoration:none;
	position:relative;
}
a:hover{
	color:#cb7701;
	border:none;
}

em{
        color:#cb7701;
	font-style:normal;
}
#container{
	width:830px;
	margin:40px 0px 0px 70px;
}



#header{
	height: 60px;
	margin-bottom:63px;
	width:830px
}

ul#mainNav {
	list-style:none;
	float:right;
	margin-top:20px;
}

ul#mainNav li{
	float:left;
	margin-left:20px;
	text-transform:lowercase;
	font-size:0.9em;
	font-weight:bold;
	margin-top:10px;
}
ul#mainNav li a{
	border:none;
	text-decoration:none;
	text-transform:lowercase;
	font-size:1em;
	font-weight:bold;
	color:#fff;
	display:block;
	padding:7px;
	padding-right:16px;
	padding-left:16px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
        text-shadow: 1px 1px 1px #000;
        background: #222222;
}
ul#mainNav li a:hover{
	background:#cb7701;
}
ul#mainNav li a.active{
	background:#cb7701;
}

#content{
padding-bottom:10px;
}

#intro{
	margin-bottom:25px;
	padding-bottom:45px;
	height: 140px;
}

#intro p{
	width:520px;
	color: #ddd;
	font-size:0.9em;
	word-spacing: 3px;
	text-align:justify;
    margin-top:15px;
}

#introtalk{
	display:block;
}

#next{
	float:right;
}

#intro ul{
	list-style:none;
	float:right;
	font-size:0.9em;
	color:#AAA;
}

#intro ul li{
	margin-bottom:5px;
	text-align:right;
}
ul#services{
        float:left;
	list-style:square;
	margin-left:25px;
	font-size:0.9em;
	color:#888;
	margin-top:20px;
}
ul#services li{
	margin-bottom:13px;
	word-spacing:4px;
        text-align:left;
}
ul#services li a{
	text-decoration:none;
	margin-bottom:2px;
}
ul#services li a:hover{
	text-decoration:none;
}

ul#services li a.activeservice em{
	background:#cb7701;
	color:#fff;
	padding:3px;
	padding-bottom:1px;
	
}
ul#services li a.activeservice:hover em{
	background:#cb7701;
	color:#fff;
}

ul#services li a:hover em{
	color:#888;
}

#ontwerpen,#slicen,#tunen{
	
}
#php{
}
ul.services{
	list-style:square;
	font-size:0.8em;
	margin-top:5px;
	margin-left:25px;
	margin-bottom:15px;
	color:#888;
}
ul.services ul{
	margin-left:25px;
}
ul.services li{
	margin-bottom:8px;
}

#diensten {
    height:250px;
}
#diensten p{
	font-size:0.8em;
	color:#aaa;
	text-align:justify;
	margin-bottom:10px;
        margin-top:15px;
}

img.serviceimg{
	float:right;
        margin-top:20px;
	margin-left:40px;
	margin-bottom:20px;
}

img {
	border:none;
}
a img.serviceimg{
	border:none;
}
#box1,#box2,#box3,#box4,#box5{
	display:block;
}

#box1,#box2,#box3{
	margin-bottom:35px;
}
span#klikplz{
	font-size:0.7em;
}

#portfolio{
    margin-top:10px;
    overflow:auto;
}
#portfolio a{
	border:none;
}
.project{
	width:260px;
	float:left;
	color: #666666;
	margin-top: 15px;
	display: inline;
}

.row{
	height:320px;
	margin-top: 15px;
	overflow:hidden;
}
.first{
	margin-right:25px;
}
a.projectlink{
	text-decoration:none;
	border:none;
}
a.projectlink:active{
	border:none;
	text-decoration:none;
}
.projectimg{
	border:10px solid #333;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin-bottom:10px;
}
.projectimg:hover{
	border:10px solid #777;
}
h3.projectheader{
	margin:10px;
	font-size:0.8em;
	color:#999;
	font-weight:bold;
}
.project ul{
	margin-left:35px;
	margin-top:15px;
	list-style:square;
	font-size:0.8em;
}
.project ul li{
	margin-bottom:3px;
}

#contact{
	overflow:auto;
}

#contactleft{
	float:left;
	width:260px;
	margin-right:30px;
	color:#888;
	font-size:0.9em;
}

.white{
	color:#fff;
}
#contactleft table{
	width:260px;
}
#contactleft table td{
	padding-right:4px;
	padding-bottom:4px;
}
#contactleft table td.bot{
	padding-bottom:8px;
}

#contactleft table hr{
	height:2px solid #252525;
	background:#252525;
}

#contactright{
	width:400px;
	float:left;
	font-size:0.9em;
}

form#contactform{
	margin:10px;
	margin-top:0px;
	color:#888;
}
form#contactform input{
	margin-bottom:15px;
	border:1px solid #333;
	background:#111;
	color:#aaa;
	padding:3px;
	width:250px;
}
form#contactform input.spam{
	width:60px;
}
form#contactform input.submit{
	width:150px;
	background:#333;

}
form#contactform textarea{
	margin-bottom:15px;
	border:1px solid #333;
	background:#111;
	color:#aaa;
	padding:3px;
}
form#contactform textarea.message{
	width:350px;
}
form#contactform label{
	margin-bottom:3px;
	display:block;
	color:#ccc;
}
form#contactform input:focus { 
border: 1px solid #777; 
}
form#contactform textarea:focus { 
border: 1px solid #777; 
}

p.succes{
	font-size:0.9em;
	margin-bottom:10px;
}

#content h3{
	border-bottom: 1px dotted #ddd;
	display:inline;
	padding-bottom:7px;
}
img#checked{
	margin-left:10px;
	display:none;
}
img#unchecked{
	margin-left:10px;
	display:none;
}
img#checked2{
	margin-left:10px;
	display:none;
}
img#unchecked2{
	margin-left:10px;
	display:none;
}

form#contactform input#blu2{
	display:none;
}

div#fout{
	color:red;
}
div#fout p{
	margin:0px;
}
dl#contactlinks {
	margin: 3px 0 1em;
	width: 200px;
	margin-top:10px;
	margin-bottom:20px;
}
dl#contactlinks dt {
	color:white; 
	-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
	font-weight:bold; 
}
dl#contactlink dd {
	background: url('/img/2008/black.png');
	margin-bottom: 5px;
}
dl#contactlinks dd a {
	color: #777;
	display: block;
	text-indent: 28px;
	padding:8px;
	border:none;
	margin-top:10px;
	padding-left:15px;
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px;
}

dl#contactlinks dd a.ico-twi {background: #222 url('../images/social/favicon-twitter.png') 10px 7px no-repeat;}
dl#contactlinks dd a.ico-fac {background: #222 url('../images/social/favicon-facebook.png') 10px 7px no-repeat;}
dl#contactlinks dd a.ico-lin {background: #222 url('../images/social/favicon-linkedin.png') 10px 7px no-repeat;}

dl#contactlinks dd a.ico-twi:hover {background: #444 url('../images/social/favicon-twitter.png') 10px 7px no-repeat; color:#fff;}
dl#contactlinks dd a.ico-fac:hover {background: #444 url('../images/social/favicon-facebook.png') 10px 7px no-repeat; color:#fff;}
dl#contactlinks dd a.ico-lin:hover {background: #444 url('../images/social/favicon-linkedin.png') 10px 7px no-repeat; color:#fff;}

acronym{
	cursor:help;
}
#footer{
	border-top: 2px solid #252525;
	padding-top:10px;
	height:50px;
	font-size:0.8em;
}

#footerhome{
        padding-top:10px;
        height:40px;
        font-size:0.8em;
}
#footer span, #footerhome span{
	color:#555;
}

#footer .top, #footerhome .top{
	float: right;
	width: 260px;
	text-align: right;
}

p.ondera{
	color:#ccc;
	font-size:0.9em;
	margin:15px;
	background:#333;
	padding:15px;
	margin-top:10px;
}

#portfoliohome{
    margin-top:25px;
    margin-bottom:45px;
    height:240px;
}
#portfolio a{
	border:none;
}

ul#showcaseNav{
    float:right;
    list-style:none;
    margin-top:15px;
    width:20px;
}
ul#showcaseNav li{
    margin-bottom:7px;
}

ul#showcaseNav li a{
    padding-top:2px;
    width:20px;
    height:20px;
    text-align:center;
    vertical-align:middle;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border:none;
    text-decoration:none;
    font-weight:normal;
    font-size:0.9em;
    background:#222;
    display:block;
}
ul#showcaseNav li a.active{
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background:#CB7701;
    color:#fff;
}



.slideItem{
    position:absolute;
    display:none;
}
.slideItem#item1{
   display:block;
}
.slideItem img{
    float:left;
    margin-right:20px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    background:#333;
    height:200px;
    padding:10px;
}
.slideItem .showcaseInfo{
    margin-left:420px;
    padding-top:10px;
    width:350px;
    height:200px;
    color:#eee;
}
.slideItem .showcaseInfo h3{
    margin-bottom:25px;
    display:none;
    color:#eee;

}
.slideItem .showcaseInfo ul{
    margin-top:25px;
    margin-left:40px;
    font-size:0.9em;
    display:none;
    color:#bbb;
}
.slideItem .showcaseInfo ul.bezoek{
    position:absolute;
    bottom:0px;
    left:440px;
    list-style:none;
    margin:0px;
}
.slideItem .showcaseInfo ul.bezoek li{
    float:left;
    margin-right:10px;
}
.slideItem .showcaseInfo ul.bezoek li a{
    background:#333;
    color:#fff;
    text-decoration:none;
    border:none;
    font-weight:normal;
    display:inline;
    padding:4px;
    padding-left:7px;
    padding-right:7px;
    display:block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.slideItem .showcaseInfo ul.bezoek li a:hover{
    background:#CB7701;
    color:#fff;
}

.slideItem#item1 h3{
   display:inline;
}

.slideItem#item1 ul{
   display:block;
}

#newsAndFacts{
    height:160px;
    margin-bottom:30px;
}
#newsAndFacts h2 a{
    border:none;
    font-size:1em;
    font-weight:normal;
    color:#fff;
    border-bottom:1px dotted #fff;
}
#newsAndFacts h2 a:hover{
    border-bottom:1px solid #fff;
}

.kolom{
    float:left;
    width:247px;
    border-right:1px solid #1a1a17;
    margin-right:35px;
    height:170px;
}

.latest{
    margin-right:0px;
    border:none;
}

.kolom h2{
    font-size:1.3em;
    margin-bottom:10px;
}

#twitterDiv{
    margin-top:20px;
}
#twitterDiv img{
    float:left;
    margin-right:15px;
    margin-bottom:10px;
    
}
#twitterDiv p{
    display:none;
    font-size:0.9em;
    color:#ddd;
    margin-left:55px;
}

#twitterDiv p#bericht1{
    display:block;
}

#twitterDiv p span{
    display:block;
    margin-bottom:5px;    
}
#twitterDiv p span a{
    font-size:1.0em;
    font-style:normal;
}
#twitterDiv p a{
    font-size:0.8em;
    font-style:oblique;
}
#laatsteBlog{
    margin-right:20px;

}

#laatsteBlog p{
    font-size:0.8em;
    margin-top:20px;
}
#laatsteBlog p img{
    float:left;
    margin-right:20px;
    margin-bottom:5px;
    border:6px solid #222;
    
}

ul#portfolioUpdates{
    list-style:none;
    margin-top:20px;
}

ul#portfolioUpdates li{
    margin-bottom:4px;
    font-size:0.9em;
    line-height:145%;
}

ul#portfolioUpdates li a{
    text-decoration:none;
    padding-bottom:2px;
    border-bottom:1px dotted #cb7701;
    font-weight:normal;
    margin-bottom:8px;
    color:#cb7701;
}
ul#portfolioUpdates li a:hover{
    border-bottom:1px solid #cb7701;
}
ul#portfolioUpdates li span{
    font-size:0.9em;
}

#portItem{
    margin-top:15px;
    min-height:470px;
    overflow:auto;
    padding-bottom:15px;
}
#portItem a{
    color:#cb7701;
    border-bottom:1px dotted #cb7701;
}
#portItem a:hover{
    color:#cb7701;
    border-bottom:1px solid #cb7701;
}
#portItem p{
    margin-left:490px;
    margin-top:15px;
    font-size:0.9em;
    color:#bbb;
}
#portItem ul{
    margin-left:490px;
    margin-top:15px;
    padding-left:20px;
    font-size:0.9em;
    color:#bbb;
}
#portItem h3{
    margin-left:20px;
}
#portImages{
    float:left;
    width:470px;
    height:450px;
}

#portImages img{
    display:none;
    border:10px solid #222;
    margin-right:20px;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    height:350px;
}
#portImages img:hover{
    cursor:pointer;
}

#portImages ul{
    list-style:none;
    margin-top:10px;
    margin-left:0;
    padding-left:0;
}

#portImages ul li{
    float:left;
    margin-right:10px;
    margin-left:0px;
}
#portImages ul li a{
    border:none
}
#portImages ul li a img{
    border:5px solid #222;
    display:block;
    margin:0px;
    height:auto;
}
#portImages ul li a:hover img{
    border:5px solid #555;
}

p#kruimels{
    font-size:0.9em;
    padding-top:10px;
    padding-bottom:5px;
}
p#kruimels a{
    color:#cb7701;
    border-bottom:1px dotted #cb7701;
}
p#kruimels a:hover{
    color:#cb7701;
    border-bottom:1px solid #cb7701;
}
h3#tags{
    margin-top:15px;
}

#form form{
    background:#000;
}