@charset "utf-8";
/* CSS Document */



body{
padding:0;
margin:0;
background-image:url(images/decorschildersbedrijf.jpg);
}
#Gradient_white{
position:absolute;
z-index:1;
background-image:url(images/gradient.png);
background-repeat:repeat-x;
width:100%;
height:864px;
margin:0;
float:left;
}


/* 
#Gradient_white{
position:relative;
z-index:1;
background-image:url(images/gradient.png);
background-repeat:repeat-x;
width:100%;
height:864px;
margin:0;
float:left;
}
#container{
position:absolute;
z-index:2;
width:835px;
height:864px;
margin:0 auto;
}*/

#gradientleft{
background-image:url(images/gradientleft.png);
width:36px;
height:600px;
float:left;


}

#gradientright{
background-image:url(images/gradientright.png);
width:36px;
height:600px;
float:right;

}

#container{
position:absolute;
left:50%;
z-index:2;
width:918px;
margin-left:-450px;

}
#header_content{
width:918px;
height:227px;
background-image:url(images/headertop2.png);

}
#burito{
width:908px;
background:url(images/shadowbg.png);
overflow:auto;

}
#cheese{
width:836px;
margin:0 auto;
}
#logo{
background-image:url(images/draganarslanovic.jpg);
width:194px;
height:159px;
float:left;
}

#bannertopfooter{
background-image:url(images/bannertopfooter.jpg);
background-repeat:no-repeat;
width:642px;
height:9px;
float:left;
}

#buttons{
background-image:url(images/buttonsplaatjes.jpg);
width:642px;
height:150px;
float:left;
}
#navtopfooter{
background-repeat:no-repeat;
background-image:url(images/nav_top_footer.jpg);
width:836px;
height:9px;
float:left;
}

#nav{
	background-image:url(images/nav_balk.jpg);
width:836px;
height:29px;
float:left;
}

/* 
-----------------------------------------------------------------------------------------
Hieronder links, elke link een andere kleur, moest dezelfde stijl kopieren.
-----------------------------------------------------------------------------------------
*/

#link1{
	background-image:url(images/home_balk.jpg);
width:106px;
height:29px;
float:left;
font-family:"Brush Script Std";
text-decoration:none;
	font-size:24px;
	font-weight:100;
	color:#FFF;
	text-align:center;
}

#link1 a {
	font-family:"Brush Script Std";
	font-size:24px;
	font-weight:100;
	color:#FFF;
	text-align:center;
	text-decoration:none;
}

#link1 a:hover { 
display:block; 
width:106px;
height:29px;
background-image:url(images/home_balkover.jpg);
text-decoration:none;
}




#link2{
	background-image:url(images/home_balk.jpg);
width:106px;
height:29px;
float:left;
font-family:"Brush Script Std";
text-decoration:none;
	font-size:24px;
	font-weight:100;
	color:#FFF;
	text-align:center;
}

#link2 a {
	font-family:"Brush Script Std";
	font-size:24px;
	font-weight:100;
	color:#FFF;
	text-align:center;
	text-decoration:none;
}


#link2 a:hover { 
display:block; 
width:106px;
height:29px;
background-image:url(images/over_balkover.jpg);
text-decoration:none;
}

#link3{
	background-image:url(images/home_balk.jpg);
width:106px;
height:29px;
float:left;
font-family:"Brush Script Std";
text-decoration:none;
	font-size:24px;
	font-weight:100;
	color:#FFF;
	text-align:center;
}

#link3 a {
	font-family:"Brush Script Std";
	font-size:24px;
	font-weight:100;
	color:#FFF;
	text-align:center;
	text-decoration:none;
}


#link3 a:hover { 
display:block; 
width:106px;
height:29px;
background-image:url(images/services_balkover.jpg);
text-decoration:none;
}

#link4{
	background-image:url(images/home_balk.jpg);
width:106px;
height:29px;
float:left;
font-family:"Brush Script Std";
text-decoration:none;
	font-size:24px;
	font-weight:100;
	color:#FFF;
	text-align:center;
}

#link4 a {
	font-family:"Brush Script Std";
	font-size:24px;
	font-weight:100;
	color:#FFF;
	text-align:center;
	text-decoration:none;
}


#link4 a:hover { 
display:block; 
width:106px;
height:29px;
background-image:url(images/fotos_balkover.jpg);
text-decoration:none;
}

#link5{
	background-image:url(images/home_balk.jpg);
width:106px;
height:29px;
float:left;
font-family:"Brush Script Std";
text-decoration:none;
	font-size:24px;
	font-weight:100;
	color:#FFF;
	text-align:center;
}

#link5 a {
	font-family:"Brush Script Std";
	font-size:24px;
	font-weight:100;
	color:#FFF;
	text-align:center;
	text-decoration:none;
}


#link5 a:hover { 
display:block; 
width:106px;
height:29px;
background-image:url(images/contact_balkover.jpg);
text-decoration:none;
}

#link6{
	display:block;
	background-image:url(images/nav_balk2.jpg);
width:306px;
height:29px;
float:left;
font-family:"Brush Script Std";
text-decoration:none;
	font-size:24px;
	font-weight:100;
	color:#FFF;
}

#link6 a {
	font-family:"Brush Script Std";
	font-size:24px;
	font-weight:100;
	color:#FFF;
	text-decoration:none;
	
}


#link6 a:hover { 
display:block; 
width:306px;
height:29px;
background-image:url(images/nav_balk-anim.gif);
text-decoration:none;
}
/* 
-----------------------------------------------------------------------------------------
Hierboven links, elke link een andere kleur, moest dezelfde stijl kopieren.
-----------------------------------------------------------------------------------------
*/
#navcontainer{
width:836px;
height:40px;
margin: -3px 4px;
}

ul#navlist
{
margin: 0;
padding: 0;

}

#navlist li
{
display: inline;
list-style-type:none;
}

#navlist a { padding: 3px 18px; }

#navlist a:link, #navlist a:visited
{
    color:#CCCCCC;
	font-family:"Brush Script Std";
	text-decoration: none;
	font-size:24px;
}

#navlist a:hover
{
	background-image:url(images/home_balkover.jpg);
	font-family:Verdana;
	text-decoration: none;
	font-size:18px;
	width:836px;
height:29px;
}





#content{
background:url(images/contentbg.jpg);
width:836px;
float:left;

}

#content_tekst{
	
border-style: solid;
border-color: black;
border-width: 1px;
background-color:#ededed;
margin: 8px 4px 57px 4px;
padding: 0px 4px 0px 4px;
width:478px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#content_tekst p{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
}

#contact{
	margin: -10px 10px -10px 10px;
}
#content_tekst p1{
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:12px;
	color:#C00;
}


#tekst{
padding: 20px;
line-height:16px;

}

#tekst H1{
color:#000000;
}


#content_album{
	background-image:url(images/informatie.jpg);
border-style: solid;
border-color: black;
border-width: 1px;
background-color:#ededed;
margin-top:8px;
margin-right:8px;
width:326px;
height:348px;
float:right;

}

#content_album p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:20px;
}
	
	
	
	
#footer{
background-image:url(images/gradientbottom.png);
width:907px;
height:66px;
float:left;
}



