html {
	background: url(../images/background.jpg) repeat;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
    line-height:1.125em; /* 16×1.125=18 */
	height:100%;
}

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

p,li,td, label {
	color: #513131;
}

p {
	margin-bottom: 0.585em;
}

strong {
	font-weight: bold;
}

a:hover, a.active {
	text-decoration: none;
}

a:visited {
	color: #60021e;
	text-decoration: underline;
}

textarea, input, select, th, td, p, li {
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.8em;
}

#wrapper {
	width: 980px;
	margin: 0 auto;
	padding-top: 10px;
}

#header {
	width: 100%;
}

#header a {
	background: url(../images/risingsun_tattoo.png) no-repeat center;
	height: 42px;
	display: block;
	width: 766px;
	margin-left: 50px;
	padding-bottom: 50px;
}

#header span {
	display: none;
}

#logo {
	background: url(../images/risingsun_logo.png) no-repeat;
	width: 168px;
	height: 196px;
	display: block;
	position: absolute;
	z-index: 2;
	margin-left: 815px;
	margin-top: -15px;
}

#logo span {
	display: none;
}

H1 {
	color: #97022f;
	font-size: 1.5em;
	height: 39px;
	line-height: 39px;
	margin-bottom: 1em;
}

H2 {
	color: #97022f;
	margin-bottom: 0.5em;
	font-weight: bold;
}

H3 {
	height: 38px;
	line-height: 38px;
	color: #97022f;
	font-size: 1.2em;
	margin-bottom: 0.5em;
	clear: both;
}

#ad_van_thillo {
	background: url(../images/ad_van_thillo.png) no-repeat right top;
	height:384px;
	position: relative;
	z-index: 9;
	width: 995px;
	margin: 0 auto;
	margin-top: -385px;
}

#nav {
	position: relative;
	z-index: 10;
}

/* @group Container (nav + content) */

#container {
	clear: both;
}

#container_top {
	height: 16px;
	background: url(../images/bg_container_top.png) no-repeat;
}
/* @group Nav */

#nav {
	float: left;
	width: 239px;
	margin-top: 40px;
}

#nav li a {
	display: block;
	outline: transparent;
}
#nav a span {
	display: none;
}

#nav .home a {
	background-image: url(../images/nav_home.png);
	height: 45px;
}

#nav .home a:hover, #nav .home a.active {
	background-image: url(../images/nav_home_active.png);
	height: 45px;
}

#nav .introductie a {
	background-image: url(../images/nav_introductie.png);
	height: 45px;
}

#nav .introductie a:hover, #nav .introductie a.active {
	background-image: url(../images/nav_introductie_active.png);
	height: 45px;
}

#nav .over_ons a {
	background-image: url(../images/nav_over_ons.png);
	height: 48px;
}

#nav .over_ons a:hover, #nav .over_ons a.active {
	background-image: url(../images/nav_over_ons_active.png);
}

#nav .tattoos a {
	background-image: url(../images/nav_tattoos.png);
	height: 54px;
}

#nav .tattoos a:hover, #nav .tattoos a.active {
	background-image: url(../images/nav_tattoos_active.png);
}

#nav .piercings a {
	background-image: url(../images/nav_piercings.png);
	height: 56px;
}

#nav .piercings a:hover, #nav .piercings a.active {
	background-image: url(../images/nav_piercings_active.png);
}

#nav .andere_lichaamsdecoratie a {
	background-image: url(../images/nav_andere_lichaamsdecoratie.png);
	height: 47px;
}

#nav .andere_lichaamsdecoratie a:hover, #nav .andere_lichaamsdecoratie a.active {
	background-image: url(../images/nav_andere_lichaamsdecoratie_active.png);
}

#nav .hygiene a {
	background-image: url(../images/nav_hygiene.png);
	height: 47px;
}

#nav .hygiene a:hover, #nav .hygiene a.active {
	background-image: url(../images/nav_hygiene_active.png);
}

#nav .faq a {
	background-image: url(../images/nav_faq.png);
	height: 43px;
}

#nav .faq a:hover, #nav .faq a.active {
	background-image: url(../images/nav_faq_active.png);
}

#nav .nieuwsbrief a {
	background-image: url(../images/nav_nieuwsbrief.png);
	height: 54px;
}

#nav .nieuwsbrief a:hover, #nav .nieuwsbrief a.active {
	background-image: url(../images/nav_nieuwsbrief_active.png);
}

#nav .gastenboek a {
	background-image: url(../images/nav_gastenboek.png);
	height: 57px;
}

#nav .gastenboek a:hover, #nav .gastenboek a.active {
	background-image: url(../images/nav_gastenboek_active.png);
}

#nav .contact a {
	background-image: url(../images/nav_contact.png);
	height: 57px;
}

#nav .contact a:hover, #nav .contact a.active {
	background-image: url(../images/nav_contact_active.png);
}

/* @end */

#content_container {
	float: left;
	width: 741px;
}

#content {
	background: #faf1b8 url(../images/bg_content_bottom.jpg) no-repeat left bottom;
	min-height: 620px;
	border-left: 1px solid #8e8c7f;
}

.content_top {
	background: #faf1b8 url(../images/bg_content_top.jpg) no-repeat right top;
}

.content_middle {
	
	border-top: #efe28e 2px solid;
}

.content_top,
.content_middle,
.content_bottom {
	padding: 20px;
}

/* @end */

/* @group Footer */

/* @group Sticky */

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrapper {height: 100%;}

body > #wrapper {height: auto; min-height: 100%;}

#container {padding-bottom: 147px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -147px; /* negative value of footer height */
	height: 147px;
	clear:both;} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* @end */

#footer{
	clear: both;
	background: url(../images/bg_footer.jpg) repeat-x;
	padding: 10px;
	padding-bottom: 0;
}

#footer_container {
	position: relative;
	z-index: 10;
}



#footer p {
	color: #999;
	clear: both;
	font-size: 0.8em;
	margin-bottom: 0;
}

#footer p.big {
	font-size: 1.1em;
}

#footer_nav {
	margin-bottom: 20px;
	float: left;
}

#footer_nav li {
	float: left;
	margin-right: 7px;
	font-size: 0.8em;
}

#footer_nav li a {
	color: #999;
	font-size: 0.8em;
	text-decoration: none;
}

#footer_nav li a:hover, #footer_nav li a.active {
	color: #bf0139;
	text-decoration: underline;
}

a.button:hover {
	background-image: url(../images/button_on.png);
}

#multimedium{
	margin-top: 20px;
	width: 18px;
	height: 18px;
	display: block;
	background-image: url(../images/multimedium.png);
}

#multimedium:hover {
	background-position: bottom;
}

#multimedium span {
	display: none;
}

/* @end */

/* @group Home */

.content_top,
.content_middle,
.content_bottom {
	padding-bottom: 20px;
	clear: both;
	float: left;
	width: 701px;
}

#home .content_top .content {
	width: 450px;
	float: left;
}

#home .content_middle h2 {
	float: left;
}

.content_middle h2, .content_bottom h2 {
	/*padding-left: 1.5em;
	background: url(../images/bg_title_list.png) no-repeat 0 1px;*/
	margin-bottom: 1em;
}

.content_middle p {
	clear: both;
}

.content_middle h2 a {
	text-decoration: none;
}

.content_middle h2 a:hover {
	text-decoration: underline;
}

.content_middle_left,
.content_bottom_left {
	margin-right: 20px;
}
#home .content_middle_left,
#home .content_middle_center,
#home .content_bottom_left,
#home .content_bottom_center {
	width: 30%;
}

#home .content_right {
	width: 200px;
}

#home .content_right p {
	clear: both;
}

.content_middle_left,
.content_middle_center,
.content_bottom_left,
.content_bottom_center {
	float: left;
	padding-right: 1.5em;
	position: relative;
	z-index: 10;
}

.content_middle_left,
.content_bottom_left {
	background: url(../images/bg_interlace_vertical.gif) repeat-y right;
}

.content_right,
.content_middle_right {
	float: right;
}

.content_middle_right {
	width: 200px;
}

#team {
	padding: 0;
	clear: both;
}

#team li {
	float: left;
	margin: 1em 0 0 1em;
}

#team li a {
	width: 53px;
	height: 83px;
	display: block;
}

#team .ad {
	background-image: url(../images/team_ad.png);
}

#team .kim {
	background-image: url(../images/team_kim.png);
}

#team .pepijn {
	background-image: url(../images/team_pepijn.png);
}

#team a span {
	display: none;
}
/* @end */

/* @group Over ons */

#over_ons h2 {
	clear: both;
}

#content ul.media li {
	float: left;
	list-style: none;
	clear: none;
	margin-left: 0;
}

/* @end */

/* @group Tattoos */

#tattoos_detail ul.styles li{
	margin-bottom: 0.5em;
	background: url(../images/bg_tattoos_list.gif) no-repeat 0 3px;
	padding-left: 20px;
	padding-bottom: 3px;
}

#tattoos ul.styles li {
	padding-left: 20px;
	margin-right: 0.5em;
	text-align: center;
	margin-bottom: 2em;
	float: left;
	width: 146px;
}

#tattoos ul.styles li h3 {
	font-size: 1.5em;
}

#tattoos_detail ul.styles {
	padding-bottom: 2em;
}
#tattoos_detail .content_middle ul li {
	float: left;
}

#tattoos_detail .content {
	width: 65%;
	float: left;
}

#tattoos_detail .content_right {
	float: right;
	width: 30%;
}

#tattoos li a:hover {
	text-decoration: underline;
}

/* @end */

/* @group Piercings */

#piercings .styles li {
	display: none;
width: 129px;
text-align: center;
}

#piercings .styles li.first {
	display: block;
}

#piercings .styles li span {
	clear: both;
	display: block;
}

#piercings ul.styles li {
	margin-right: 2em;
	margin-bottom: 1em;
	float: left;
}

/* @end */



#content h2 {
	margin-top: 1.5em;
}

#content h2:first-child {
	margin-top: 0;
}

/* @group Nieuwsbrief form (home) */

form .field-text, form .field-text-multiline {
	width: 150px;
	border: 1px solid #583215;
	padding: 0.3em;
}

#home form#nieuwsbrief .field-row, 
#home form#nieuwsbrief .field-row-buttons {
	float: left;
}

#home form#nieuwsbrief .field-row {
	margin-right: 0.5em;
}

#home .field-error input {
	border: 1px red solid;
}

form .field-submit {
	background-image: url(../images/bg_submit.png);
	background-color: transparent;
	border: none;
	color: transparent;
	width: 31px;
	height: 21px;
}

.error-message {
	font-size: 0.8em;
	color: #b7012d;
	width: 210px;
}

/* @end */

/* @group Nieuwsbrief form (nieuwsbrief page) */

#nieuwsbrief_page #nieuwsbrief .field-row{
	width: 100%;
}
#nieuwsbrief_page .content_bottom {
	padding-top: 1em;
}

#nieuwsbrief_page .content_top {
	padding-bottom: 0;
}
#nieuwsbrief_page #nieuwsbrief
{
	margin-top: 0em;
}
#nieuwsbrief_page #nieuwsbrief .field-row label
{
	font-size: 0.9em;
	width: 150px;
	float: left;
	font-weight: bold;
	margin-right: 2em;
}


#nieuwsbrief_page .error-message {
	float: left;
	width: auto;
}

#nieuwsbrief_page #nieuwsbrief .field-row,
#nieuwsbrief_page #nieuwsbrief .field-row-buttons
{
	margin-bottom: 0.5em;
	clear: both;
	float: left;
}

#nieuwsbrief_page #nieuwsbrief .field-row input 
{
	width: 250px;
}

#nieuwsbrief_page #nieuwsbrief .field-container
{
	clear: both;
}

#nieuwsbrief_page #nieuwsbrief .field-row-buttons {
	margin: 1em 0 0 0;
}

#nieuwsbrief_page #nieuwsbrief input {
	float: left;
}

#nieuwsbrief_page #nieuwsbrief .error-message {
	margin-left: 0.5em;
	padding-left: 1em;
	background: url(../images/bg_error.png) no-repeat 0 center;
}

/* @end */

/* @group Guestbook */

ul.guestbook div {
	font-style: italic;
}
#guestbook .content_top {
	padding-bottom: 0;
}

#guestbook_form .field-row {
	margin-bottom: 1em;
}

#guestbook_form .field-text,
#guestbook_form .field-text-multiline
{
	width: 200px;
}

#guestbook .content_right {
	width: 200px;
}
#guestbook .content_right p {
	clear: both;
}
#guestbook .content_bottom .content {
	font-size: 1.2em;
	line-height: 1.20em;
	width: 60%;
	float: left;
}

#guestbook .guestbook li {
	
	background: url(../images/bg_interlace_horizontal.gif) repeat-x 0 bottom;
	list-style-type: none;
	margin-left: 0;
	padding:1em;
}

#guestbook .guestbook li.odd {
	background-color: #f0e6a2;
}

#guestbook .guestbook li.last {
	background: none;
}

.guestbook li div {
	font-style: italic;
}

/* @end */

/* @group Faq */

#veelgestelde_vragen .content strong {
	color: #97022f;
}

#veelgestelde_vragen p {
	margin-bottom: 1.5em;
}
/* @end */



#guestbook ol.pagejumper li {
	background: none;
	float: left;
	clear: none;
	list-style: none;
	padding: 0 0.3em 0 0.3em;
	margin: 0;
}

#guestbook ol.pagejumper a {
	padding: 0.3em;
	font-size: 0.8em;
}

#guestbook ol.pagejumper li.active a {
	background: #bf0139;
	color: #fff;
}

.field-row .hint {
	color: #999;
}

.content ul li,
.content ol li {
	text-align: left;
	list-style-type: disc;
	list-style-position: outside;
	margin: 0 0 1em 2em;
	clear: both;
}

.content ol li {
	list-style-type: decimal;
}

.content ol,
.content ul {
	margin-bottom: 1em;
}

a.media
{
	clear: left;
	float: left;
}

a.align_right {
	float: right;
}
a.media img {
	display: inline;
	text-align: left;
	margin: 0 0.5em 0.5em 0;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}