html {
	min-height: 100%;
	height: auto;
}

body {
	background:url(../img/bg_page.png); 
	
	background-position:bottom;
	background-repeat:repeat-x; 
	background-color:#EBE9E1;
	font-family:Arial, Helvetica, sans-serif;
}

#header{
background:url(../img/bg_header.png); 
background-repeat:repeat-x; 
height:155px;
width:100%;
}
#header_inside{
 
margin:auto;
width:920px;
height:177px;
}
#header_inside img.logo{float:left; margin-right:20px;}

#top_knoppen{float:right; }
#top_knoppen li{margin:15px; margin-right:0px; margin-left:1px; padding-top:5px; float:left; text-align:center; font-size:11px; color:#2F384F; overflow:auto; width:80px; padding-bottom:20px; 
background:#F5F4F0;
-moz-border-radius: 8px;
-webkit-border-radius: 8px; 
opacity:0.5;
filter:alpha(opacity=50);
margin-bottom:4px;
}
#top_knoppen li:hover{
opacity:1.0;filter:alpha(opacity=100)
 }
#top_knoppen li.aan{
opacity:1.0;filter:alpha(opacity=100)
 }

div#header_knoppen{float:right; overflow:auto; width:470px;  }

div#header_knoppen ul{list-style:none; margin:0px; padding:0px;   overflow:auto;  background-repeat:repeat-x; }
div#header_knoppen li{float:left; padding-left:10px;  position: relative; z-index:0; height:50px;}
div#header_knoppen li a{color:#2F384F; font-weight:bold; font-size:16px;  padding:10px; display:block; line-height:16px;   letter-spacing:-1px; }

div#header_knoppen li.aan a{background:#2F384F; color:#fff;
-moz-border-radius: 8px;
-webkit-border-radius: 8px; 
border-radius: 8px; 
behavior: url(http://www.brandosius.nl/border-radius.htc);
padding:10px;
border:1px solid #2F384F;
}
div#header_knoppen li.uit a{background:#EBE9E1; color:#2F384F;
-moz-border-radius: 8px;
-webkit-border-radius: 8px; 
border-radius: 8px; 
behavior: url(http://www.brandosius.nl/border-radius.htc);
padding:10px;
border:1px solid #fff;
}

div#header_knoppen li.uit a:hover{background:#2F384F; color:#fff;}
div#knop_punt{text-align:center; margin:auto; }
img.wwd{float:left; margin-top:8px; }

#melding{
width:900px;
margin:auto;
padding:10px;
border:1px solid #303950;
background:#fff;
color:#303950;
font-size:12px;
margin-top:10px;
margin-bottom:10px;
}


#subMenu{ text-align:right; border-bottom:1px dotted #C0C3CA; padding-bottom:10px; margin-top:-30px; }
#subMenu a{
background:#fff; color:#2F384F;
-moz-border-radius: 8px;
-webkit-border-radius: 8px; 
border-radius: 8px; 
behavior: url(http://www.brandosius.nl/border-radius.htc);
/*-moz-border-radius-topleft:8px;
-webkit-border-top-left-radius:8px;
-moz-border-radius-topright:8px;
-webkit-border-top-right-radius:8px;*/
padding:5px;
border:1px solid #C0C3CA;
font-size:13px;  
margin-left:5px;
text-align:center;
text-decoration:none;

}




#subMenu a:hover{

border:1px solid #2F384F;
}
#subMenu a.aan{

background:#2F384F; color:#fff;
border:1px solid #2F384F;
}





#content{

width:920px;
margin:auto;

font-size:13px;
line-height:20px;
color:#303950;
text-align:justify;

margin-top:20px;
overflow:auto;
}
#content h1{margin-top:20px; margin-bottom:20px;}

#content h3{
margin-top:20px;
margin-bottom:5px;
}
#content a{font-weight:bold; text-decoration:underline; color:#333;}
#port_content{

width:920px;
margin:auto;

font-size:13px;
line-height:20px;
color:#303950;
text-align:justify;
margin-top:20px;
overflow:auto;
 
 
}


#port_content img.port{
margin:5px;
border:3px solid #fff;
padding:3px;
}
#port_content img.port:hover{
border-color:#ccc;
}




#home_box{
background:url(http://www.brandosius.nl/img/bg_home.png); 
background-position:right;
background-repeat:no-repeat;
height:251px;
width:920px;
margin:auto;
padding-top:150px;
 
}
#home_box p{
overflow:auto;
width:400px;
}



#left_half{width:45%; float:left; margin-right:5%;}

#right_half{width:50%; float:left;}


input.contact{width:400px; padding:5px; font-family:arial; font-size:13px; border:1px solid #fff;}
input.contact_fout{width:400px; padding:5px; font-family:arial; font-size:13px;border:1px solid  #bb0000; background:url(img/fout.png); background-position:right; background-repeat:no-repeat; background-color:#FFF;}
input.contact_goed{width:400px; padding:5px; font-family:arial; font-size:13px;border:1px solid #fff; background:url(img/ok.png); background-position:right; background-repeat:no-repeat; background-color:#FFF;}
textarea.contact_goed{width:400px; padding:5px;  font-family:arial; font-size:13px;border:1px solid #fff;}
textarea.contact_fout{width:400px; padding:5px;  font-family:arial; font-size:13px;border:1px solid #bb0000;}
textarea.contact{width:400px; padding:5px;   font-family:arial; font-size:13px;border:1px solid #fff;}
input{-moz-border-radius: 9px;
-webkit-border-radius:9px; 
border-radius: 9px; 
behavior: url(http://www.brandosius.nl/border-radius.htc);
}
textarea{
-moz-border-radius: 9px;
-webkit-border-radius: 9px; 
border-radius: 9px; 
behavior: url(http://www.brandosius.nl/border-radius.htc);
overflow:auto;
height:150px;
}


input.knop{width:400px; padding:5px; font-family:arial; font-size:13px; border:1px solid #fff;}










div#home{width:920px; margin:auto; overflow:hidden;}
div#home a img{border:0px;}
div#homeover{height:120px; line-height:20px; background:url(http://www.brandosius.nl/img/bg_0_over.png); background-repeat:no-repeat; width:920px; margin:auto;}


div#homeover_1{background:url(http://www.brandosius.nl/img/bg_1_over.png); }
div#homeover_2{background:url(http://www.brandosius.nl/img/bg_2_over.png);  }
div#homeover_3{background:url(http://www.brandosius.nl/img/bg_3_over.png); }
div#homeover_4{background:url(http://www.brandosius.nl/img/bg_4_over.png); }

div#homeover_1,div#homeover_2,div#homeover_3,div#homeover_4{
background-repeat:no-repeat;
width:890px; height:92px; padding-left:15px; padding-top:28px; padding-right:15px; font-size:13px; font-family:Arial; color:#555; display:none;


}















#showcase {
	clear: both;
	position: relative;
	top: 30px;
	width: 920px; /*804px*/
	margin: 0 auto;
 
	
}


#projects {
	width:764px;
	height:352px;
	overflow:hidden;
	
}

#project{
	position:relative;
	left: 0;
	top: 0;
	
}
#projects #preview {
	position: relative;
	
	width: 512px;
	height: 312px;
	margin-right: 49px;
	float: left;
	overflow: hidden;
	border:5px solid #fff;
}

#projects #description {
	height: 312px;
	width: 203px; /*203px*/
	 
	 
	display: table-cell;
	position: relative;
	opacity: 0;
}

#projects #description h1 {
	font-size: 15px;
	font-weight: bold;

	color: #353639;
	margin-bottom: 7px;
}

#projects #description p {
	font-size: 12px;
	font-family: "Lucida Grande","Lucida Sans Unicode","Arial", sans-serif;
	line-height: 15px;
	color: #000;
}
#projects #description a{color:#93B629; font-weight:bold; font-size:12px;}
#projects #pagination {
	display: block;
	width: 512px;
	position: absolute;
	
	top: 332px;
	height: 22px;
	padding: 1px 0;
	text-align: center;
	overflow: hidden;
	margin: 0 auto;
}

#projects #pagination ul {
	list-style: none;
	width: 20px;
	margin: 0 auto;
}

#projects #pagination li {
	display: block;
	width: 20px;
	height: 22px;
	background: url("../img/dots.png") no-repeat;
	background-position: top left;
	float: left;
}

#projects #pagination a {
	display: block;
	text-indent: -623em;
	background: url("../img/dots.png") no-repeat;
	position: relative;
	background-position: left -23px;
	opacity: 0;
}

#loader {
	position: relative;
	top: 132px;
	left: 232px;
/*	background: #000;*/
	width: 20px;
	height: 20px;
	margin-bottom: -20px;
	margin-right: -20px;
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
/*	opacity: .8;*/
}

.loaded {
	display: none;
}

#loader img {
	position: relative;
	z-index: 1;
}

#imgContainer {
	opacity: 0;
	position: relative;
	z-index: 2;
	width: 512px;
}

#externalLink {
	display: none;
}

#control{
	position: relative;
	top: -182px; /*-272px*/
	left: 765px;
	width: 67px;
	height: 32px;
	
}

#control a {
	position: relative;
	top: 0;
	left: 24px;
	opacity: 0;
	 
}

#404 {
	width: 137px;
	height: 93px;
	left: 50%;
	top: 50%;
	margin-top: -68px;
	margin-left: -46px;
	position: absolute;
	text-align: center;
	color: #fff;
}


#IEKBG,
#IEKitten {
	display: none;
}







div#menu{ float:right;   overflow:auto; margin-left:10px;   padding-left:10px; }
div#menuBox{width:320px;  overflow:auto;  padding-left:10px; border-left:1px solid #fff; } 
div#menuBox.projecten{width:330px;background:url(img/bg_r_projecten.png); background-repeat:no-repeat;  background-color:#DDD2CA; padding-right:0px; padding-top:36px;}
div#menuBox.fotostream{width:330px;background:url(img/bg_r_foto.png); background-repeat:no-repeat;  background-color:#DDD2CA; padding-right:0px; padding-top:36px;}
div#menuBox.nieuws{background:url(img/bg_r_nieuws.png); background-repeat:no-repeat; background-color:#DDD2CA;  }
div#menuBox.blog{ color:#253341;}
div#menuBox.portfolio ul, div#menuBox.blog ul{margin-bottom:20px;}
div#menuBox.portfolio li,div#menuBox.blog li{border-bottom:1px solid #ccc; font-size:11px;}
div#menuBox.portfolio li a,div#menuBox.blog li a{color:#253341;}
#menuBox li.aan{background:#fff;}
#menuBox li a{text-decoration:none; font-weight:normal;}
div#item{ overflow:auto; font-size:13px;}
div#item h1{font-size:24px; letter-spacing:-1px;  overflow:auto; padding-bottom:5px; border-bottom:1px dotted #253341;}
div#item h2{font-size:15px; color:#333333;}
div#item img.foto{max-width:240px; padding:15px;  background:#B8B4B2;   float:left;  margin-right:10px; }
div#item a{color:#253341; text-decoration:underline;}
div#item small{float:right; color:#323F56;}
div#datum{float:left; background:#93B629; margin-left:4px;  padding:0px; font-size:11px; font-weight:bold; line-height:14px; margin-top:3px; width:40px;  margin-right:5px; text-align:center;color:#FFF; }





div#bookmarks ul{list-style:none; padding:0px; margin:0px; margin-top:20px;}
div#bookmarks li{ margin:5px; float:left; text-align:center; }
div#bookmarks li a img{border:0px; padding:5px; background:#fff; border:1px solid #ccc;height:15px; width:15px;}













div#boxes{
border-top:1px dotted #303A51;
width:920px;
margin:  auto;
position: relative;
padding-top:0px;
overflow:auto;
margin-top:100px;
padding-top:20px;
}
div#box{width:315px; overflow:auto;  margin-right:30px;  float:left; color:#666; font-size:13px; line-height:22px; padding-top:5px;  }
#box img{margin-bottom:5px;}
div#box.contact{width:230px; margin-right:0px;}
div#box h1{font-size:15px; margin:0px; padding:0px; color:#666;}
div#box ul{margin:0px; padding:0px; list-style:none;}
div#box li{ line-height:20px; border-bottom:1px dotted #ccc;}
div#box li a{color:#666; text-decoration:none; font-size:12px;}
div#box li a:hover{text-decoration:underline;}