/*   
Theme Name: VivaVita
Theme URI: 
Description: Dit thema is speciaal gemaakt voor VivaVita.nl
Author: JNP vd Poel
Author URI: http://hetplekkie.nl
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: 
*/


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td  {
	border: 0;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	text-decoration:none;
}

body{
	font-family: inherit;
	font-style: inherit;
	background-color: #ffffff;
	background-repeat: no-repeat; 
	background-position: top left; 
	background-attachment: scroll;
}

a{
	color:#F67F00;
	text-decoration:none;
}

a:visited{
	color:#F67F00;
}

ol, ul {
	padding-left:20px;
}
#sidebar ul {
	list-style: none;
}

table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	font-weight: normal;
	text-align: left;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

p{
	margin-bottom:10px;
}

/* =Fonts
-------------------------------------------------------------- */
body, input, textarea {
	font-family: Arial, sans-serif;
}

/* =Structure
----------------------------------------------- */

body {
	margin: 0 auto;
}
#header{
	z-index:1;
}

#wrap {
	width:1024px;
	margin-left:auto;
	margin-right:auto;
	background: url("./image/bg.png") no-repeat  left top;
}

#conteiner{
	z-index:2;
}

.content {
	padding:20px;
	text-align:justify;
	width: 425px;
	background: #E5E5E5;
	margin-left:auto;
	margin-right:auto;
    position: relative;
	min-height: 560px;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-topright: 20px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	float:left;

}

.image_right {
	float:right;
	width:250px;
	height:200px;
	background:#E5E5E5;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}

.foto_home {
	background: url("./image/verfkleuren.jpg") no-repeat  right top;
}

.foto_diensten {
	background: url("./image/wall.jpg") no-repeat  right top;
}

.foto_contact {
	background: url("./image/anita.jpg") no-repeat  right top;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

dt {
    font-weight: bold;
}

dd {
    margin-bottom: 18px;
}

abbr, acronym {
    border-bottom: 1px dotted #666666;
    cursor: help;
}

big {
    font-size: 131.25%;
}

ins {
    background: none repeat scroll 0 0 #FFFFCC;
    text-decoration: none;
}

pre {
    background: none repeat scroll 0 0 #F7F7F7;
    color: #222222;
    line-height: 18px;
    margin-bottom: 18px;
    overflow: auto;
    padding: 1.5em;
}

strong {
    font-weight: bold;
}

sup, sub {
    height: 0;
    line-height: 1;
    position: relative;
    vertical-align: baseline;
}

sup {
    bottom: 1ex;
}

sub {
    top: 0.5ex;
}

/* =Global
----------------------------------------------- */

body, input, textarea {
	color: #373737;
	font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0 auto;
}

input, textarea {
	border: 1px solid #F67F00;
}
body {
	background: white;
	margin: 0 auto;
}

#conteiner {
	margin: 0 auto;
}

#tips{
	margin:0 auto;
	width:737px;
	height:50px;
}

/* =Header
----------------------------------------------- */

#strip_brown {
	background:#4C4C4C;
	width: 100%;
	height:53px;
	position:relative;

}

#special {
	background: url("./image/special.png") no-repeat  right top;
		height:53px;


}

#main{
	width:837px;
	margin: 0 auto;

}
/* =Menu
-------------------------------------------------------------- */
#menu {
	float:right;
	display: block;
	position:relative;
	max-width: 680px;
	z-index:9;
}

#menu ul {
	font-size: 22px;
	list-style: none;
	font-family:arial;
	letter-spacing:0.2px;
	position:relative;
	z-index:7;
}

#menu li {
	position: relative;
	text-align:center;
	margin:0 5px;
	display: block;
	float:left;
}

#menu a {
	position: relative;
	display: block;
	padding: 15px 5px;
	text-decoration: none;
	width:120px;
	height: 30px;
}

#menu a:hover {
  color: #F67F00 !important;
}

#menu a {
	color:#fff !important;
}

.menu_image { 
	position: absolute; 
	top: 0pt; 
	left: 0pt; 
	height: 60px;
	background:#7F7F7F;
	width:130px;
	-webkit-border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
}

.current_page_item .menu_image{
	background:#7F7F7F;
	border-style:solid;
	border-bottom:thick solid #F67F00;
}


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

#home_head{
	min-height: 550px;
}

.content ul {
    list-style: square outside none;
	margin-bottom:10px;
}

embed, iframe, object {
    max-width: 50%;
	height: 100%;
}

/* =Sidebar
----------------------------------------------- */

.title{
	text-align:left;
    font-weight: bold;
    font-size:20px;
	margin-bottom: 10px;


}

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

#colophon {
	background-color:#515151;
	position:relative;
	height:53px;
	margin: 0 auto;
}

#graffiti_left {
	margin-top: 393px;
    width: 280px;
	background:#ffffff url('image/graffiti_l.jpg') repeat-x left top;
	height:207px;
	float:left;
}

#graffiti_right {
	margin-top: -207px;
    width: 280px;
	background:#ffffff url('image/graffiti_r.jpg') repeat-x left top;
	height:207px;
	float:right;
}

#graffiti2 {
	margin-left:auto;
	margin-right:auto;
    z-index: 10;
}

.clear{
	clear:both;
}
blockquote:before, blockquote:after {
    content: none;
}
blockquote {
    font-style: italic;
    padding: 0 3em;
    quotes: none;
}