/*  Brunelco site 2010
	
*/

* {
	margin						: 0;
	padding						: 0;
}

body {
	background-color			: #f1F0F0; 
	background-image			: url(/img/afbeeldingen/background.jpg);
	font-family					: Arial, Helvetica, sans-serif;
	font-size					: 12px;
	text-align:center;
}
#container {
	/* Hierin bevindt zich alles van deze  site */
	width						: 906px	;		
	
	margin-left					: auto;
	margin-right				: auto;
	text-align					: left;
	vertical-align				: top;
	
	overflow					: hidden;
	height						: 100%;
	min-height					: 768px;
	position					: relative;
}

#container .wrapper {
	width						: 906px;
	float						: left;
	margin						: 0;
	background-color			: #FFF;
	
	
}



#container .wrapper .header-top {
	background-image			: url(/img/Brunelco.png);
	background-repeat			: no-repeat;
	background-position			: left;
	/*background-image			: url(img/afbeeldingen/header-top.jpg);*/
	width						: 906px;
	height						: 120px;
	
}
/* ------------------------------------------------------------------------------- klein rechter  top menu ------------------- */
#container .wrapper .header-top .topmenu {
		
	top							: 90px;
	left						: 650px;
	position					: relative;
	
}
#container .wrapper .header-top .topmenu  ul {
	list-style-type:none;
}
#container .wrapper .header-top .topmenu  li{
	float:left;
}
#container .wrapper .header-top .topmenu  li a{
	text-decoration				: none;
	color:#444444;
	font-size					: 9px;
	padding-right				: 5px;
	padding-left				: 5px;
	background-image			: url(/img/afbeeldingen/topmenudivider.jpg);
	background-repeat			: no-repeat;
	background-position			: right;
}
#container .wrapper .header-middle {
	background-image			: url(/img/afbeeldingen/header-middle.jpg);	
	height						: 105px;
	
}
#container .wrapper .menu {
	background-color			: #000;
	height						: 33px;
}
#container .wrapper .header-bottom {
	background-color			: #999999;
	height						: 15px;
}
#container .wrapper .background-home {
	background-image			: url(/img/afbeeldingen/background_home.gif);
	background-repeat			:no-repeat;
	

}
/* ------------------------------------------------------------------------------- search deel van menu  ---------------------- */

#container .wrapper .menu .zoeken{
	
	color:#FFF;
	width						: 185px;
	float						: left;
	height:100%;
	margin:5px;
}

#container .wrapper .menu .zoeken .inputtext {
	float:left;
}

#container .wrapper .menu .zoeken .button {
	float:right;
}

/* ------------------------------------------------------------------------------- horizontaal menu  -------------------------- */
#container .wrapper .menu ul{
	list-style-type				: none;

	
}
#container .wrapper .menu li{
	float						: left;
}
#container .wrapper .menu ul a{
	background-image			: url(/img/afbeeldingen/menudivider.jpg);
	background-repeat			: no-repeat;
	background-position			: right;
	padding-right				: 32px;
	padding-left				: 32px;
	padding-top					:  5px;
	display						: block;
	background-color			: #db002f;
	text-decoration				: none;
	font-size					: 12px;
	color						: #FFF;
	height						: 28px;
}
#container .wrapper .menu ul a:hover {
	color: #000;
}
/* ------------------------------------------------------------------- defintie tekst ruimten in Background Home --------------------- */

#container .wrapper .background-home .txtintro {
	left						: 425px;
	top							: 125px;
	height						: 170px;
	width						: 250px;
	position					: relative;
	overflow					: hidden;
	float						: left;	
}
#container .wrapper .background-home .txtpiccomment {
	left						: 45px;
	top							: -15px;
	height						: 12px;
	width						: 150px;
	position					: relative;
	overflow					: hidden;
	text-align					: center;
	float						: left;
	
}
#container .wrapper .background-home .txtnieuws {
	left						: 525px;
	top							: 5px;
	height						: 320px;
	width						: 120px;
	position					: relative;
	overflow					: hidden;
	
}
#container .wrapper .background-home .txtnieuws .titel {
	color						: #db002f;
	font-size					: 13px;
}
#container .wrapper .background-home .txtnieuws .item {
	margin-top					: 5px;
	height						: 44px;
	width						: 120px;
	overflow					: hidden;
}

/* ------------------------------------------------------------- Background General  linker en rechter kolom --------------------- 

*/

#container .wrapper .background-general {
	

}
#container .wrapper .background-general .main {
	width						: 650px;
	height						: 100%;
	padding-right				: 25px;			
	float						: left;
	
	padding-bottom				: 25px;
}

/* ------------------------------------------------------------- Background General  linker en rechter kolom Tag --------------- */

#container .wrapper .background-general .main .txtTagTitel {
	color						: #db002f;
	font-size					: 18px;
	margin-top					: 10px;
	margin-left					: 15px;
}
#container .wrapper .background-general .main .picTag {
	width						: 150px;
	height						: 75px;
	margin-left					: 20px;
	margin-top					: 5px;
}
#container .wrapper .background-general .main .txtTagMain {
	margin-left					: 15px;
	margin-top					: 5px;
	margin-bottom				: 15px;
	margin-right				: 35px;
}
#container .wrapper .background-general .main .txtTagMain ul {
	list-style-image:url(img/afbeeldingen/opsomblok.jpg);
	margin-top					: 5px;
	margin-left					: 15px;
	margin-bottom				: 15px;	
}
#container .wrapper .background-general .main .txtTagMain .subsubheader {
	font-weight					: bold;
}
#container .wrapper .background-general .main .txtTagMain .imgTagLeft {
	margin-left					: 5px;
	margin-right				: 15px;
	float						: right;
}
#container .wrapper .background-general .main .txtTagMain .picTag {
	margin-top					: 6px;
}
#container .wrapper .background-general .main .txtTagMain .picTag img{
	margin-top					: 5px;
	margin-bottom				: 5px;
	width						: 150px;
}
#container .wrapper .background-general .main .txtTagSubTitel {
	width						: 98%;
	background-color			: #868889;
	height						: 15px;
	color						: #FFF;
	margin-left					: 5px;
	margin-top					: 5px;
	padding						: 5px;
}
#container .wrapper .background-general .main .opsomTag {
	margin-top					: 5px;
	margin-left					: 15px;
	margin-bottom				: 15px;
}
#container .wrapper .background-general .main .opsomTag ul {
	list-style-image:url(img/afbeeldingen/opsomblok.jpg);
}
#container .wrapper .background-general .main .opsomTag li {
	background-image			: url(/img/afbeeldingen/dividerline.jpg);
	background-repeat			: repeat-x;
	background-position			: left;
	height						: 23px;
}
#container .wrapper .background-general .main .opsomTag a {
	text-decoration				: none;	
	color						: #db002f;
	padding-left:5px;
}
#container .wrapper .background-general .main .picTag {
	width						: 150px;
	height						: 75px;
	margin-left					: 20px;
	margin-top					: 5px;
	margin-bottom				: 15px;
	display						: inline;
}

/* ------------------------------------------------------------- Background General  linker en rechter kolom ---Project ---------  */

#container .wrapper .background-general .main .txtProjTitel {
	color						: #db002f;
	font-size					: 18px;
	margin-top					: 10px;
	margin-left					: 10px;
}

#container .wrapper .background-general .main .txtProjLeft {
	margin-left					: 10px;
	margin-right				: 20px;
	width						: 100%;
	float						: left;	
	
}
#container .wrapper .background-general .main .txtProjLeft .subheader {
	color						: #db002f;
	font-size					: 18x;
	margin-top:10px;
}
#container .wrapper .background-general .main .txtProjLeft .subsubheader {
		
	font-weight					: bold;
}
#container .wrapper .background-general .main .txtProjLeft ul{
	list-style-image:url(/img/afbeeldingen/opsomblok.jpg);
	margin-top					: 5px;
	margin-left					: 15px;
	margin-bottom				: 15px;
}
#container .wrapper .background-general .main .txtProjLeft .imgProjLeft {
	margin-left					: 5px;
	margin-right				: 15px;
	float						: right;
	
} 
#container .wrapper .background-general .main .txtProjLeft .imgProjLeft .pictProj {
	margin-top					: 6px;
} 

#container .wrapper .background-general .main .txtProjLeft .imgProjLeft .pictProj img {
	margin-top					: 5px;
	margin-bottom				: 5px;
	width						: 150px;

}

/* -------------------------------------------------------------------------------------------------------------------------------- */

#container .wrapper .background-general .side {

	height						: 100%;
	width:200px;
	padding-left				: 4px;
	padding-right				: 1px;
float:right;

}
#container .wrapper .background-general .side .picSideTag {
	margin-top					: 45px;	
	margin-left:25%;
}

/* ------------------------------------------------------------- Tag cloud  --------------------- */

#container .wrapper .background-general .side .tagcloud {
	margin-top					: 15px;
	padding-left				: 5px;
	padding-right				: 5px;
}
#container .wrapper .background-general .side .tagcloud li { display:inline;}
/* hide the extra context from CSS-enabled browsers, but not screenreaders */
#container .wrapper .background-general .side .tagcloud SPAN { position: absolute; left: -999px; width: 990px; }
#container .wrapper .background-general .side .tagcloud a { color: #333; } 
#container .wrapper .background-general .side .tagcloud a:hover { color:#FFF; background-color:#db002f;}
        /* size is purely presentational, based upon the class */
#container .wrapper .background-general .side .tagcloud .x1 { font-size: 1em; }
#container .wrapper .background-general .side .tagcloud .x2 { font-size: 1.3em; }
#container .wrapper .background-general .side .tagcloud .x3 { font-size: 1.6em; }
#container .wrapper .background-general .side .tagcloud .x4 { font-size: 1.9em; }
#container .wrapper .background-general .side .tagcloud .x5 { font-size: 2.2em; }
#container .wrapper .background-general .side .tagcloud .x6 { font-size: 2.5em; }

/* ------------------------------------------------------------- Opdrachtgevers --------------------- */

#container .wrapper .background-general .side .opdrachtgevers {
	margin-top					: 25px;
	margin-bottom				: 15px;
	text-align					: center;	
}

#container .wrapper .background-general .side .opdrachtgevers img {
	margin-top					: 15px;
	width						: 150px;
	overflow					: hidden;
}
#container .wrapper .background-general .side .opdrachtgevers a img {
	border-style				: none;
}


/* ------------------------------------------------------------- Partners en samenwerkingen --------------------- */

#container .wrapper .background-general .main .txtSamenLeft 
{
	margin-left: 20px;
	margin-right: 10px;
	width:400px;
	padding-top:5px;
}

#container .wrapper .background-general .main .SamenWerking
{
	margin-left: 20px;
	margin-right:20px;
	margin:20px;
	vertical-align:top;
}

#container .wrapper .background-general .main .SamenWerking .SamenwerkingTekst
{
	width:400px;
	float:left;
}
#container .wrapper .background-general .main .SamenWerking .SamenwerkingImage
{
	text-align:right;
}
#container .wrapper .background-general .main .SamenWerking img
{
	margin-top: 25px;
	margin-left:5px;
	width: 150px;
	overflow-x: hidden;
	overflow-y: hidden;
}

/* ------------------------------------------------------------- Partners en samenwerkingen --------------------- */

#container .wrapper .background-general .main .contactimagelarge
{
	margin-left: 5px;
	margin-right:20px;
	margin-top: 15px;
}
#container .wrapper .background-general .main .contactimagelarge img
{
	
	
}