* {margin:0;padding:0;}

html {height:100%;}

body {
    height: 100%;
	margin: 0;
	padding: 0;
    font-family: 'Noticia Text', Verdana, Arial, Helvetica, serif;
    font-size: 14px;
	color: #CD8A05;
	line-height: 1.6em;
    /* background:#484329 url(../images/budah_onyx.png) no-repeat top center; */
    background:#484329 url(../images/image002.png) no-repeat fixed left center;
    /* background:#484329 url(../bg.jpg) top center; */
    /* text-shadow: 4px 4px 4px #aaa; */
    /* text-shadow: 4px 4px 4px #aaa; */
}

#wrap {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    /* Negative indent footer by it's height */
    margin: 0 auto -60px;
}

/* Set the fixed height of the footer here */
#push, #footer {
    height: 70px;
}

#footer {
    background-color: #1B1B1B;
    background-image: linear-gradient(to bottom, #222222, #111111);
    background-repeat: repeat-x;
    border-color: #252525;
}

/* Lastly, apply responsive CSS fixes as necessary */
@media (max-width: 767px) {
    #footer {
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 20px;
        padding-right: 20px;
    }
}
/* --- end sticky footer -- */

.navbar .brand {
    /* color: #484329;*/
    color: #cf833f;
}

.navbar-inverse .brand, .navbar-inverse .nav > li > a {
    color: #cf833f;
}

#bg {position:fixed; left: 0; bottom: 0; z-index:1; width:100%;  height: 100%; }

#wrapper {position: absolute; top: 34px; margin: 0 auto 0 0; width: 100%; height: 560px; text-align: left; z-index:2; }

.so_header {
    clear: both;
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 1000px;
/*  background: url("http://images.smulweb.nl/sw_header_bckfix_092012.gif") repeat-x scroll 0 -2px transparent; */
    text-align: center;
    top: 20px;
    z-index: 7000;
}


#menu {
    position: fixed;
/*    left: 0; */
/*    top: 0; */
/*    width: 800px; */
    height: 50px;
    padding:0;
/*    background: url(../images/bgmenu.gif) repeat-x; */
    z-index: 1000;
    vertical-align: middle;

    line-height: 34px;
/*    margin: -36px 2px 0; */

background-color:#444;
border-left:1px solid #777;
border-right:1px solid #777
}

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

#shadow  { position: absolute; left: 0; top: 34px;
	width: 464px;
	height: 530px;
/*	background: url(../images/bgshadow.png) left bottom; */
	overflow: hidden;
}

#left {
	position: absolute; left: 0; top: 64px;
	width: 344px;
	height: 494px;
}

#right {
	position: absolute;
	left: 344px;
	top: 64px;
	width: 554px;
	background: #444444;
/*	background: #444444 url(../images/bgpattern.jpg) no-repeat right 230px; */
	border: 6px solid #333333;
}

.padding {padding: 30px 15px 15px 25px;}

#logo {padding-top: 80px;}


/* NAVIGATIE */


#menu li {
float:left;
list-style-type:none;
text-transform:uppercase;
font-family: Arial, Helvetica, sans-serif ;
font-size: 12px;


}
#menu li a, #menu li a:visited {
	display: block;
	padding: 6px 20px 6px 20px;
	text-decoration:none;
	outline:none;
	color: #CD8A05;
	letter-spacing: 1px;
	border-right: 1px solid #828282;
/*	background: url(../images/menudivider.gif) top right no-repeat; */
}


#menu li a:hover {
color:#444444;   /* #e0007c; */
/* background: #CD8A05 url(../images/bgmenu2.gif) repeat-x;   // #f6fcfc */
}

#home .home, #behandelingen .behandelingen, #else .else, #astrologie .astrologie, #reacties .reacties, #producten .producten, #contact .contact, #links .links
{
/* background: #f6fcfc url(../images/bgmenu2.gif) repeat-x !important; color:#e0007c !important; */
}

.home {margin-left: -12px;}

p {padding-bottom: 12px;}

a {color: #CD8A05; text-decoration: none; outline:none;}
a:visited {color: #848484; text-decoration: underline;	outline:none;}
a:hover {color: #e0007c; text-decoration: underline;	outline:none; }
/*
ul {margin-left: 12px; padding-bottom: 8px;}
ol {margin-left: 24px; padding-bottom: 8px;}
*/
ul {margin-left: 12px;}
ol {margin-left: 24px;}

* html ul {margin-left: 17px;}
* html ol {margin-left: 32px;}

.imgfloat {padding: 3px; margin-left: 10px;}
.quote {
	width: 330px;
	margin: 80px 90px;
	text-align: center;
	font-size: 28px;
	line-height: 250%;
	color:#e0007c;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}

.nadruk { 		font-style:normal; letter-spacing: 2px;}
.smaller {font-size: 24px; }

hr {
	color: #009900;
	height: 0.5px;
}

h1 {
	font-size: 200%;
	color:#CD8A05;
	/* font-family:  "Times New Roman", Times, serif; */
	text-transform: uppercase;
	/*padding-bottom: 18px;*/
}

h2 {
	font-size: 150%;
	color:#CD8A05;
	/* font-family: "Times New Roman", Times, serif;*/
	font-weight: normal;
	padding-top: 12px;
	padding-bottom: 3px;
}

/* Blocks large */
.blocklarge {clear:both;width:510px;padding-top:6px;overflow:hidden; border-top: 1px dotted #B90B1E;}
.blockcontent {float:right;width:510px;}

.blocklarge h2 {margin:0}
.blocklarge img {margin-bottom: 50px;}
.blockextra {clear:both; width:510px;margin-top:-1px;overflow:hidden; border-bottom: 1px dotted #B90B1E; }
a.blockopen {white-space:nowrap;}
a.blockclose {float:right;width:100px;text-align:left; font-size: 90%; }

.imglinks {
	float: left;
	padding-right: 14px;
	padding-top: 4px;
	clear: both;
}

.imgrechts {
	float: right;
	padding-left: 14px;
	padding-top: 4px;
	margin-right: -9px;
	clear: both;
}


.rechts {float: right; margin-right: -90px;}
.behandeling {width: 420px;}

.dropcap {
float:left;
font-family: Georgia, "Times New Roman", Times, serif;
color:#e0007c;
font-size:70px;
line-height:62px;
padding-top: 2px;
padding-right: 6px;
margin-left: -36px;
}

.reactie {margin-left: 32px; }


#img {
	float: right;
	margin: 10px 0px 10px 10px;
	clear: both;

	padding-bottom: 4px;

	text-align:center;
	font-size: 85%;
	font-weight: bold;
	line-height: 150%;
}

#siteby {position: absolute; width: 100%; height: 24px; left: 0; bottom: 0; padding-right: 20px;  text-align: right; font-size: 85%;  }
#siteby a { font-weight: normal !important; color: #fff; text-decoration:underline; background:none !important;}
#siteby a:visited {font-weight: normal; color: #fff; background:none !important;}
#siteby a:hover {font-weight: normal; text-decoration: none; background:none !important;}

#map {
    width: 750px;
    height: 450px;
}

.blok {
    background-clip: padding-box;
    background-color: #484326;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.blok_inner {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
}

.logo {
    width: 60px;
    height: 60px;
    max-height: 60px;
}