/*
Theme Name: Totalimage
Theme URI: /wp-content/themes/totalimage
Author: aceview
Author URI: http://aceview.nl/
Description: Site voor totalimage
Version: 1.0
License: copyright Aceview Internet
License URI: license.txt
*/





/* Font ================================================================================ */

@import url('http://fonts.googleapis.com/css?family=Roboto:400,700,500');
@import url('http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700');



a.btn{
	padding: 5px 10px;
	font-size: 14px;
	text-transform: uppercase;
	background-color: #3E2620;
	color: #F5F1E8;
	text-decoration: none;
	border-radius: 7px;
	font-weight: 400;
	
}

a.btn:hover{
	padding: 5px 10px;
	background-color: #907962;
	color: #F5F1E8;
	}


.nivo-caption{
	background-color:#301812!important;
	
	}


H1 {
	color:#301812;
	font-size:20px;
	font-weight: normal;
	font-style: normal;
	line-height:normal;
	letter-spacing:0px;
	text-decoration:none;
	margin-bottom:15px;
	font-family: 'Roboto Condensed', arial;
	text-transform:uppercase;
}
H2 {
	color:#333333;
	font-size:18px;
	font-weight: normal;
	font-style: normal;
	line-height:normal;
	letter-spacing:0px;
	text-decoration:none;
	font-family: 'Roboto Condensed', arial;
}
H3 {
	color:#574739;
	font-size:14px;
	font-weight: normal;
	font-style: normal;
	line-height:normal;
	letter-spacing:0px;
	text-decoration:none;
	font-family: 'Roboto Condensed', arial;
}
/* Default ================================================================================ */


HTML {
	height: 100%;
}


body {
	background:#eee;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:18px;
	color:#333;
	margin:0;
	padding:0;
	height: 100%;
	background:#f5f1e8 url(images/bg.png) repeat-x;

}

a {
	color:#907962;
	text-decoration:underline;	
}

a:hover {
	color:#3e2620;	
}


.clearer {
	clear:both;
	height:1px;
}

p{
	margin-bottom:10px;
	
	}


/* Layout ================================================================================ */


#container {
	width:980px;
	padding:0px 0 1px 0;
	margin:0px auto;
	/*background-color:#fff;*/
	min-height: 100%;
	border-bottom:1px solid #e8e0d3!important;
}
#main-container {
	background:#fff;
	
}
#main {
	position:relative;
	float:left;
	width:980px;

	margin:0;
	padding:0px;
	background:#fff;
	text-align:left;
	overflow:hidden;
	background:url(images/bg-main.png) repeat-y;
	display:table;
	border-bottom:1px solid #e8e0d3!important;

}
/* Header ================================================================================ */



#top{
	float:left;
	width:980px;
	height:33px;
	background-color:#301812;
	overflow:hidden;
	
	}

#header {
	position:relative;
	float:left;
	width:980px;
	height:107px;
	background-color:#b6a081;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}

#header_sub {
	position:relative;
	float:left;
	width:276px;
	height:354px;
	margin:0;
	padding:0;
	overflow:hidden;
	background-color:#301812;
	background-image:url(images/bg-header-sub.png);
	background-repeat:no-repeat;
	border-bottom:1px solid #d6cbb9;
}

ul#usps{
	position:absolute;
	width:237px;
	bottom:5px;
	left:20px;
	list-style:none;
	font-weight:500;
	margin:0;
	padding:0;
	font-size:14px;
	letter-spacing:0.05em;
	}
	
ul#usps li{
	color:#e8e0d3;
	margin:0;
	padding:8px 0;
	font-family: 'Roboto Condensed', arial;
	text-transform:uppercase;
	border-bottom:1px solid #e8e0d3;
	}
	
ul#usps li:first-child{
	border-top:1px solid #e8e0d3;
	}
	
ul#usps li:last-child{
	border-bottom:none;
	}




#header_photo {
	position:relative;
	float:left;
	width:702px;
	height:353px;
	border-left:1px solid #f5f1e8;
	border-bottom:1px solid #d6cbb9;
	margin:0;
	padding:0;
	overflow:hidden;
}

#tel{
	position:absolute;
	top:15px;
	right:0;
	z-index:888;
	font-family: 'Roboto Condensed', arial;
	color:#301812;
	font-size:24px;
	font-weight:500;
	padding:5px 0 5px 30px;
	background-image:url(images/icon-tel.png);
	background-repeat:no-repeat;
	background-position:left;	
	}

.nivo-controlNav {
	position:absolute;
	bottom:0;
}
.nivo-caption {

}
.logo {
	position:absolute;
	top:-10px;
	left:27px;
	z-index:999;
}
/* Sidebar Left ================================================================================ */


#sidebar {
	float:left;
	width:271px;
	min-height:50px;
	margin:0px 0px 0 0;
		display:table-cell;
	padding:20px 15px 250px 20px;
	overflow:hidden;
	

}
ul#sidebar {
	margin:0;
	padding:0;
	list-style:none;
}
.widget {
	margin:20px;
}


a#de_salon{
	display:block;
	width:237px;
	height:75px;
	margin-left:0px;
	
	background-image:url(images/de_salon_p.png);
	background-repeat:no-repeat;
	
	}


a#de_salon:hover{	
	background-image:url(images/de_salon_a.png)	
	}




#sidebar-footer{
	position:absolute;
	width:276px;
	bottom:20px;
	left:0px;
	padding-left:20px;
	color:#4a3729;
	background-image:url(images/bg-sidebar.png);
	background-repeat:no-repeat;
	background-position:bottom left!IMPORTANT;
	}


#sidebar-footer h2{
text-transform:uppercase;
font-weight:500;
margin-bottom:5px;
color:#4a3729;
}

#adres{
	margin:0 0 10px 0;
	}

ul#menu{
	list-style:none;
	padding:0;
	margin:0 0 20px 0;
	padding-bottom:20px;
	
	}
	
ul#menu li{
	font-size:15px;
	margin:0 0 2px 0px;
	padding:0 ;
	
	
	}
	
ul#menu li a{
	display:block;
	font-family:'Roboto Condensed',arial;
	color:#301812;
	width:217px;
	/*background-color:#F5F1E8;*/
	/*padding:3px 0 3px 20px;*/
	margin:0 0 5px 0;
	padding:3px 5px;
	text-decoration:none;
	text-transform:uppercase;
	font-size-adjust:inherit;
	
	}
	
ul#menu li a:hover{
	color:#B6A081;
	/*background-color:#301812*/
	}
	
ul#menu li.current_page_item a{
	color:#fff;
	background-color:#301812
	}



/* Content ================================================================================ */

#content_home {
	float:left;
	width:475px;
	min-height:600px;
}
#content {
	float:left;
	width:610px;
	padding:20px;
	margin:0;
	min-height: 100%;
	display:table-cell;
}
/* Sidebar Right ================================================================================ */

#sidebar-right {
	float:left;
	width:220px;
	min-height: 100%;
	margin-left:20px;
}
/* Hoofdnavigatie ================================================================================ */


.menu-hoofdmenu-container{
	position:absolute;
	bottom:0px;
	right:0;
	width:702px;
	height:46px;
	background:#907962;
	font-family: 'Roboto Condensed', arial;
	overflow:hidden;
	border:1px solid #f5f1e8;
	border-bottom:0px;
	overflow:hidden;
	
}

ul#menu-hoofdmenu {
	position:absolute;
	bottom:0px;
	left:0;
	width:702px;
	list-style:none;
	height:47px;
	overflow:hidden;
	
	margin:0;
	padding:0;

}

ul#menu-hoofdmenu li {
	float:left;
	width:234px;
	padding:0;
	margin:0;
	text-align:center;
}



ul#menu-hoofdmenu li a {
	color:#f5f1e8;
	border-right:1px solid #f5f1e8;
	display:block;
	padding:15px 0px;
	margin:0;
	font-size:16px;	
	text-decoration:none;
	text-transform:uppercase;
}


ul#menu-hoofdmenu li:last-child a {
	margin-right:0;
	border-right:0px solid #f5f1e8;
	/*padding-right:30px;
	border-right:none;*/
	}


ul#menu-hoofdmenu li:last-child a {
	margin-right:0;
	/*padding-right:30px;
	border-right:none;*/
	}
	
ul#menu-hoofdmenu li#menu-item-38 a{
	width:234px;
	text-align:center;
	display:block;	
	margin:0;
	}
ul#menu-hoofdmenu li#menu-item-37 a{
	width:233px;
	text-align:center;
	display:block;	
	margin:0;
	}



ul#menu-hoofdmenu li#menu-item-36 a{
	width:233px;
	text-align:center;
	display:block;	
	margin:0;
	}

ul#menu-hoofdmenu li a:hover {
	color:#f5f1e8;
	background-color:#3e2620;
}

ul#menu-hoofdmenu li.current-menu-item a,
ul#menu-hoofdmenu li.current-page-ancestor a {
	color:#f5f1e8;
	background-color:#3e2620;
}

/* Subnavigatie ================================================================================ */

.menu-submenu-container{
	float:right;
	margin-top:7px;
	}

ul#menu-submenu {
	padding:0;
	margin:0;
	list-style:none;
	
}

ul#menu-submenu li {
	float:left;
	display:block;
	padding:0 10px;
	margin:0;
	border-right:1px solid #4d3831;
}

ul#menu-submenu li:first-child{
	
}

ul#menu-submenu li a {
	color:#f5f1e8;	
	font-size:12px;	
	text-decoration:none;
	
}
ul#menu-submenu li a:hover {
	color:#f5f1e8;	
	
}

ul#menu-submenu li.current-menu-item a,
ul#menu-submenu li.current-page-ancestor a {
	color:#907962;	

}

a#aanbieding-btn{
	position:absolute;
	left:278px;
	top:15px;
	width:360px;
	height:29px;
	background-image:url(images/aanbieding_btn_p.png);
	background-repeat:no-repeat;
	}


a#aanbieding-btn:hover{
	width:336px;
	height:29px;
	background-image:url(images/aanbieding_btn_a.png)	
	}


/* Footer navigatie ================================================================================ */

.menu-footermenu-container{
	float:right;
	width:650px;
	height:30px;
	}
	
ul#menu-footermenu{
	float:right;
	margin:9px 0 0 0;
	padding:0;	
	}

ul#menu-footermenu li{
	float:left;
	list-style:none;
	padding:0;
	margin:0;
	}
	
ul#menu-footermenu li:last-child a{
	border:none;
	
}

ul#menu-footermenu a {
	color:#f5f1e8;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding:0 10px;
	border-right:1px solid #4d3831;
}
ul#menu-footermenu a:hover {
	color:#b6a081;
	}

ul#menu-footermenu li.current-menu-item a {
	color:#b6a081;	
	}


/* Footer ================================================================================ */

#footer-container{
	float:left;
	width:100%;
	height:38px;
	background-color:#301812;	
	}

#footer {
	margin:0 auto;
	width:980px;
	padding:0px;
	color:#f5f1e8;	

}
#aceview {
	float: left;
	padding:9px 5px 0 5px;
	width:316px;
}

#aceview a {
	background: url("images/aceview_ico.png") no-repeat left top transparent;
	padding: 2px 0 0 26px;
	color: #f5f1e8;
	font-size: 12px;
	text-decoration:none;
}


/* ======================================================================================= */



.alignright {
	float:right;
	margin:0 0 10px 10px;
	padding:2px;
	border:1px solid #eee;
}
/* Comments ================================================================================ */


.commentlist {
	background-color:#574739;
	color:#333;
}
.comment-body {
	background-color:#eee;
	margin-bottom:5px;
	padding:10px;
}
.comment-meta {
	font-size:11px;
}
.comment-body p, .comment-body .says {
	color:#574739;
}
#commentform input, #commentform textarea {
	border:1px solid #ccc;
	background-color:#e8e0d3;
}
.reply {
	width:80px;
	padding:3px;
	background-color:#907962;
	text-align:center;
}
#submit {
	padding:5px;
	background-color:#333;
	border:0;
}



/* Nieuws ================================================================================ */


#nieuws .entry{
	border-bottom:1px solid #eee;
	min-height:200px;
	}

#nieuws .post-date{
	font-size:11px;
	color:#ccc;
	}
	
#nieuws h3{
	font-size:14px;
	font-weight:bold;
	}

#nieuws .post-thumb, #nieuws .nieuws-image{
	float:right;
	padding:2px;
	border:1px solid #eee;
	margin:0 0px 20px 20px;
	
	}
	
/* Contact ================================================================================ */

#gform_1 input, #gform_1 textarea{
	border:1px solid #907962;
	background-color:#e8e0d3;
	font-size:14px;
	color:#3d2524;
	}

.button{
	border:1px solid #301812!IMPORTANT;
	background-color:#301812!IMPORTANT;
	color:#F5F1E8!IMPORTANT;
	padding:5px;
	
	}
	
/* Bewerk button ================================================================================ */

a.post-edit-link{
	background-color:#3e2620;
	border:1px solid #3e2620;
	color:#e8e0d3;
	padding:4px;
	text-decoration:none;
	}
	
a.post-edit-link:hover{
	background-color:#907962;
	border:1px solid #907962;
	color:#e8e0d3;
	padding:4px;	
	}
	


ul#gallery{
	margin:10px 0 0 0;
	padding:0;
	list-style:none;	
	}
	
ul#gallery li{
	float:left;
	margin:0 6px 10px 0;
	padding:0;		
	}

ul#gallery li:last-chid{
	margin-right:0;	
	}
	
ul#gallery li img{
	border:1px solid #eee;
	padding:2px;
	width:140px;		
	}
	

ul#projecten{
	margin:0;
	padding:0;
	list-style:none;	
	}
	
ul#projecten li{
	float:left;
	margin:0 6px 10px 0;
	padding:0;	
	}

ul#projecten  li:last-chid{
	margin-right:0;	
	}
	
ul#projecten li img{
	border:1px solid #eee;
	padding:2px;
	width:140px;		
	}
	
ul#projecten li a {
	text-decoration:none;
	color:#333;	
	}
	
	
ul#uitgelicht{
	width:320px;
	margin:0 0 20px 20px;
	padding:0;
	list-style:none;	
	}
	
ul#uitgelicht li{
	float:left;
	margin:0 6px 10px 0;
	padding:0;	
	}

ul#uitgelicht  li:last-chid{
	margin-right:0;	
	}
	
ul#uitgelicht li img{
	border:1px solid #333;
	width:132px;		
	}
	
ul#uitgelicht li a {
	text-decoration:none;
	color:#333;	
	}


#content ul{
	margin:-10px 0 10px 0!IMPORTANT;
	
	}

table#openingstijden{
	font-size:11px;
	width:235px;
	}

table#openingstijden thead{
	background-color:#301812;
	color:#E8E0D3;
	padding-left:5px;
	}

table#openingstijden tr{
	border-bottom:1px solid #301812;
	}
table#openingstijden tr td{
	padding-left:5px;
	}
	
	
table#adres{
	font-size:11px;
	width:235px;	
	}

table#adres thead{
	background-color:#301812;
	color:#E8E0D3;
	padding-left:5px;
	}

table#adres tr{
	border-bottom:1px solid #301812;
	}
table#adres tr td{
	padding-left:5px;
	}