/****************************************************************
   Idummdesign.nl - CSS Document 
   Author: Stefan de Vries - Promo Reclame - www.promoreclame.nl
****************************************************************/

* { margin: 0; padding: 0; border: 0; }

body{
	margin:0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	color:#4b4a4d;
	font-size:12px;
	line-height: 22px;
	background: #2e2e2e url('../img/body_bg.jpg') top center no-repeat;
}

a:link {
	color:#4b4a4d;
	text-decoration: none;
}

a:visited {
	color:#4b4a4d;
	text-decoration: none;
}

a:hover {
	color:#4b4a4d;
	text-decoration: underline;
}

h1{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 26px;
	text-transform: uppercase;
	color: #4b4a4d;
	margin-bottom: 8px;
	clear: both;
}

h2{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #4b4a4d;
	margin-bottom: 12px;
	border-bottom: 1px solid #b2b2b2;
	clear: both;
}

h2 a:link {
	color: #4b4a4d;
	text-decoration: none;
}

h2 a:hover {
	color: #b2b2b2;
	text-decoration: underline;
}

h3{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: #2d2d2d;
	margin-bottom: 8px;
	clear: both;
}

#container{
	width: 1010px;
	height: 100%;
	left: 50%;
	position: absolute;
	margin-left:-505px;
}

* html #container {
	margin-left:-504px;
}

/* header */

#container #header{
	width: 980px;
	height: 540px;
	padding-left: 15px;
	padding-right: 15px;
	background: url(../img/header_bg.png) no-repeat;
	float: left;
}

#container #header #logo{
	width: 196px;
	height: 180px;
	float: left;
}

#container #header #slogan{
	width: 588px;
	height: 180px;
	padding-left: 196px;
	float: left;
}

/* menu */
#container #header #menu {
	width: 196px;
	height: 338px;
	padding-top: 22px;
	z-index: 500;
	position: relative;
	font-size:11px;
	float: left;	
}

#container #header #menu li {
	float: left;
	position: relative;
	list-style:none;
}

#container #header #menu li a {
	display: block;
	text-indent: -900em;
	outline: none;
	width: 196px;
}

#container #header #menu li a.home			{ background: url(../img/home_but.png) no-repeat; height: 32px;  background-position: bottom; }
#container #header #menu li:hover a.home, 
#container #header #menu li.hover a.home,
#container #header #menu li.actief a.home	{ background-position: 0 -3px;}

#container #header #menu li a.actueel			{ background: url(../img/actueel_but.png) no-repeat; height: 32px; background-position: bottom; }
#container #header #menu li:hover a.actueel, 
#container #header #menu li.hover a.actueel,
#container #header #menu li.actief a.actueel	{ background-position: 0 -3px; }

#container #header #menu li a.overidumm			{ background: url(../img/overidumm_but.png) no-repeat; height: 32px; background-position: bottom; }
#container #header #menu li:hover a.overidumm, 
#container #header #menu li.hover a.overidumm,
#container #header #menu li.actief a.overidumm	{ background-position: 0 -3px; }

#container #header #menu li a.meubelen			{ background: url(../img/meubelen_but.png) no-repeat; height: 32px; background-position: bottom; }
#container #header #menu li:hover a.meubelen, 
#container #header #menu li.hover a.meubelen,
#container #header #menu li.actief a.meubelen	{ background-position: 0 -3px; }

#container #header #menu li a.inrichting		{ background: url(../img/inrichting_but.png) no-repeat; height: 32px; background-position: bottom; }
#container #header #menu li:hover a.inrichting, 
#container #header #menu li.hover a.inrichting,
#container #header #menu li.actief a.inrichting	{ background-position: 0 -3px; }

#container #header #menu li a.keukendesign	{ background: url(../img/keukendesign_but.png) no-repeat; height: 32px; background-position: bottom; }
#container #header #menu li:hover a.keukendesign, 
#container #header #menu li.hover a.keukendesign,
#container #header #menu li.actief a.keukendesign	{ background-position: 0 -3px; }

#container #header #menu li a.projectinrichting	{ background: url(../img/projectinrichting_but.png) no-repeat; height: 32px; background-position: bottom; }
#container #header #menu li:hover a.projectinrichting, 
#container #header #menu li.hover a.projectinrichting,
#container #header #menu li.actief a.projectinrichting	{ background-position: 0 -3px; }

#container #header #menu li a.ontwerp			{ background: url(../img/3dontwerp_but.png) no-repeat; height: 32px; background-position: bottom; }
#container #header #menu li:hover a.ontwerp, 
#container #header #menu li.hover a.ontwerp,
#container #header #menu li.actief a.ontwerp	{ background-position: 0 -3px; }

#container #header #menu li a.referenties			{ background: url(../img/referenties_but.png) no-repeat; height: 32px; background-position: bottom; }
#container #header #menu li:hover a.referenties, 
#container #header #menu li.hover a.referenties,
#container #header #menu li.actief a.referenties	{ background-position: 0 -3px; }

#container #header #menu li a.contact			{ background: url(../img/contact_but.png) no-repeat; height: 32px; background-position: bottom; }
#container #header #menu li:hover a.contact, 
#container #header #menu li.hover a.contact,
#container #header #menu li.actief a.contact	{ background-position: 0 -3px; }

/* Submenu */
#container #header #menu li ul {
	left: -9000em;
	margin-left: 196px;
	position : absolute;
	top: 0px;
	background: #4b4a4d;
	width: 196px;
}

#container #header #menu li:hover ul, #container #header #menu li.hover ul {
	left: 0;
	display: block;
	border-left: 1px solid #4b4a4d;
	border-right: 1px solid #4b4a4d;
	border-bottom: 1px solid #4b4a4d;
}

#container #header #menu li li {
	float: none;
	width: 196px;
	margin: 0px;
	border-top: 1px solid #4b4a4d;
}

#container #header #menu li li a {
	display: block;
	float: none;
	width: 196px;
	height: auto;
	padding: 4px 5px 4px 15px;
	text-indent: 0;
	text-decoration: none;
	color:#ffffff;
	font-size:12px;
	background: none;
}

#container #header #menu li li a:hover, #container #header #menu li li.hover a {
	color:#ffffff;
	font-size:12px;
	text-decoration: underline;	
}

#container #header #menu li li.actief a, #container #header #menu li li.actief a:hover {
	color:#ffffff;
	font-size:12px;
	text-decoration: underline;
}

#container #header #imageslider{
	width: 784px;
	height: 360px;
	float: left;
}


/* content */

#container #content{	
	width:1010px;
	float:left;
	overflow: hidden;
	background: url('../img/content_bg.png') repeat-y;
}

/* leftcol */

#container #content #leftcol{	
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	width:211px;
	min-height: 375px;
	float:left;
	overflow: hidden;
	background: url(../img/leftcol_bg.png) no-repeat;
}

#container #content #leftcol #like{	
	width:160px;
	height: 180px;
	float:left;
	overflow: hidden;
}

#container #content #leftcol #sm{	
	width:194px;
	height: 105px;
	padding-left: 24px;
	padding-top: 75px;
	margin-left: 15px;
	float:left;
	overflow: hidden;
	background: url(../img/sm_bg.png) no-repeat;
}

#container #content #leftcol #sm #twitter a{	
	width:23px;
	height: 22px;
	margin-bottom: 20px;
	background: url(../img/twitter_but.png) center bottom no-repeat;
	text-indent: -900em;
	float: left;
}

#container #content #leftcol #sm #twitter a:hover{	
	background: url(../img/twitter_but.png) center top no-repeat;
}

#container #content #leftcol #sm #facebook a{	
	width:22px;
	height: 22px;
	margin-bottom: 20px;
	margin-left: 20px;
	background: url(../img/facebook_but.png) center bottom no-repeat;
	text-indent: -900em;
	float: left;
}

#container #content #leftcol #sm #facebook a:hover{	
	background: url(../img/facebook_but.png) center top no-repeat;
}

#container #content #leftcol #sm #youtube a{	
	width:22px;
	height: 22px;
	margin-bottom: 20px;
	margin-left: 20px;
	background: url(../img/youtube_but.png) center bottom no-repeat;
	text-indent: -900em;
	float: left;
}

#container #content #leftcol #sm #youtube a:hover{	
	background: url(../img/youtube_but.png) center top no-repeat;
}

#container #content #leftcol #sm #linkedin a{	
	width:22px;
	height: 22px;
	margin-bottom: 20px;
	margin-left: 20px;
	background: url(../img/linkedin_but.png) center bottom no-repeat;
	text-indent: -900em;
	float: left;
}

#container #content #leftcol #sm #linkedin a:hover{	
	background: url(../img/linkedin_but.png) center top no-repeat;
}

/* midcol */

#container #content #midcol{	
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	width:468px;
	padding-bottom: 50px;
	padding-left: 60px;
	padding-right: 60px;
	padding-top: 50px;
	float:left;
	overflow: hidden;
}

#container #content #midcol a:link {
	color:#4b4a4d;
	text-decoration: underline;
}

#container #content #midcol a:visited {
	color:#4b4a4d;
	text-decoration: underline;
}

#container #content #midcol a:hover {
	color:#4b4a4d;
	text-decoration: none;
}

#container #content #midcol ul {
	margin-left: 40px;
	margin-bottom: 10px;
	margin-top: 10px;
}

#container #content #midcol ul li {
	list-style-type: square;
	line-height: 22px;
}

#container #content #midcol ul li a {
	text-decoration: underline;
}

#container #content #midcol ul li a:hover {
	text-decoration: none;
}

#container #content #midcol .img_right {
	margin-top: 5px;
	margin-left: 30px;
	margin-right: 10px;
	margin-bottom: 15px;
	float: right;
	padding: 4px;
	border: 1px solid #b2b2b2;
	background-color: #FFFFFF;
}

#container #content #midcol .img_right_nob {
	margin-top: 5px;
	margin-left: 20px;
	margin-right: 10px;
	margin-bottom: 15px;
	float: right;
	padding: 4px;
	border: 0px solid #4b4a4d;
}

#container #content #midcol #shopbanner a{	
	width:220px;
	height: 224px;
	margin-right: 25px;
	background: url('../img/idummshop_banner.gif') center top no-repeat;
	text-indent: -900em;
	float: right;
	outline: none;
}

#container #content #midcol #shopbanner a:hover{	
	opacity:0.5;
 	filter:alpha(opacity=50); /* For IE8 and earlier */
}

#container #content #midcol #nieuwsnav{	
	width:468px;
	padding-bottom: 20px;
	text-align: center;
	float: left;
}

#container #content #midcol .lvbut a:link, .lvbut a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 0px;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 0px;
	margin-top: 15px;
	color: #4b4a4d;
	text-decoration: none;
	border-bottom: #b2b2b2 solid 1px;
	border-left: #b2b2b2 solid 1px;
	border-right: #b2b2b2 solid 1px;
	float: left;
	clear: left;
}

#container #content #midcol .lvbut a:hover {
	color: #fff;
	background-color: #4b4a4d;
	border-bottom: #4b4a4d solid 1px;
	border-left: #4b4a4d solid 1px;
	border-right: #4b4a4d solid 1px;
	text-decoration: none;
}

#container #content #midcol .addthis_right {
	margin-top: 10px;
	float: right;
}

#container #content #midcol .addthis_middel {
	margin-top: 10px;
	text-align: center;
}

/* projecten */

#container #content #midcol #project{	
	width:220px;
	min-height: 100px;
	margin-bottom: 20px;
	margin-right: 13px;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 10px;
	border: 1px solid #b2b2b2;
	text-align: center;
	float: left;
}

#container #content #midcol #project a:link {
	color:#002e60;
	font-weight: bold;
	text-decoration: none;
}

#container #content #midcol #project a:visited {
	color:#002e60;
	text-decoration: none;
}

#container #content #midcol #project a:hover {
	color:#002e60;
	text-decoration: underline;
}

#container #content #midcol #project .img {
	border: 1px solid #b2b2b2;
	background-color: #FFFFFF;
}

/* rightcol */

#container #content #rightcol{	
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	width:211px;
	min-height: 195px;
	float:left;
	overflow: hidden;
	background: url(../img/rightcol_bg.png) no-repeat;
}

#container #content #rightcol #contactgegevens{	
	width:196px;
	min-height: 180px;
	padding-right: 15px;
	padding-bottom: 15px;
	float:left;
}

#container #content #rightcol #submenu{	
	color: #787878;
	width:196px;
	min-height: 180px;
	padding-right: 15px;
	padding-bottom: 15px;
	float:left;
}

#container #content #rightcol #submenu ul {
	margin-left: 30px;
	margin-bottom: 15px;
	margin-top: 15px;
}

#container #content #rightcol #submenu ul li {
	color: #787878;
	list-style-type: none;
	padding-bottom: 3px;
	padding-top: 3px;
	line-height: 24px;
}

#container #content #rightcol #submenu ul li a {
	color: #787878;
	text-decoration: none;
}

#container #content #rightcol #submenu ul li a:hover {
	color: #787878;
	text-decoration: underline;
}

/* footer */
#container #footer{	
	width:1010px;
	height: 215px;
	overflow: hidden;
	background: url(../img/footer_bg_2015.png) no-repeat;
	clear: both;
}

/*FORMULIEREN*/

label{
	display: block;
	float: left;
	width: 125px;
}

.label_checkbox{
	display: block;
	float: left;
	width: 250px;
}


fieldset{
	width: 428px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 15px;
	border: 1px solid #cccccc;
}

legend{
	font-size:14px;
	color:#4b4a4d;
	font-weight:bold;
	padding: 4px 6px 4px 6px;
	text-transform: uppercase;
	margin: 0 0 15px 0;
}

.input{
	margin-top: 0px;
	margin-bottom: 8px;
	margin-right: 0px;
	padding: 3px 0 2px 3px;
	border: 1px solid #cccccc;
	background: #dcdbda;
	font-family: Arial, Helvetica, sans-serif;
	color:#4b4a4d;
	font-size:12px;
	width: 280px;
}

.checkbox{
	border: 1px solid #abacad;
	background-color: #FFFFFF;
	height: 17px;
	width: 17px;
}

select {
	color:#4b4a4d;
	font-size:11px;	font-family: Arial, Helvetica, sans-serif;
	width: 325px;
	height: 25px;
	border: 1px solid #abacad;
	margin-bottom: 4px;
}

textarea{
	margin-top: 0px;
	margin-bottom: 5px;
	margin-right: 0px;
	border: 1px solid #cccccc;
	background: #dcdbda;
	scrollbar-3dlight-color : #cccccc;
	scrollbar-arrow-color : #cccccc;
	scrollbar-darkshadow-color : #dcdbda;
	scrollbar-base-color : #dcdbda;
	scrollbar-face-color : #dcdbda;
	scrollbar-highlight-color : #dcdbda;
	scrollbar-shadow-color : #dcdbda;
	scrollbar-track-color : #dcdbda;
	width: 240px;
	color:#4b4a4d;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
}

.checkbox{
	border: 0px solid #58585a;
	background-color: #FFFFFF;
	height: 17px;
	width: 17px;
}

.button{
	background-color: #4b4a4d;
	border: 1px solid #4b4a4d;
	color: #FFFFFF;
	width: auto;
	height : 25px;
	margin-right: 25px;
	margin-top: 25px;
	padding-left: 5px;
	padding-right: 5px;
	cursor: pointer;
	float: right;
}