/*
www.thewolf.nl
@author: Bernhard Verkade (bernhard@yes2web.nl)
@version: 20090415-01

Colors:

a				: #4588c5;
navigation link	: #4077ac;
*/

body, #publerBody {
	font-family: Verdana, Geneva, sans-serif;
	color: #004990;
}

h1 {
	font-size: 1.2em;
}
	h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child { margin-top: 0; } /* reset the first H{x} of the page */
	* html h1, * html h2 { margin-top: 0; } /* Don't we all love Bill? */
	
h2 {
	font-size: 0.96em;
}

a {
	color: #1F67FF;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#contents p{
	text-align: justify;
	color: #5C5A5A;
}
#contents ul,
address{
	color: #5C5A5A;
}

#contents img{
	margin-left: 10px;
}
#contents a img {
	margin-left: 0;
}

#contents div{
	overflow: hidden;
}

#contents div address{
	width: 190px;
	float: left;
}

p.post{
	margin-top: 12px;
}

/* Buttons */
button.recover-pass{
	display: inline-block;
	width: 68px;
	height: 27px;
	line-height: 27px;
	background: #255BA0 url(../../images/thewolf/background/sprite.png) -530px -231px no-repeat;
	color: #FFF;	
	font-size: 11px;
	font-weight: bold;
	cursor: pointer	;
	border: none;
}
button.recover-pass:hover{
	text-decoration: underline;
	background-position: -607px -231px;
}
.button1, .button2{
	background: #255BA0 url(../../images/thewolf/background/sprite.png) -530px -231px no-repeat;
	text-align: center;
	overflow: hidden;
	line-height: 2em;
	float: left;
	display: block;
	height: 25px;
	margin-bottom: 11px;
	}
	.button1{
		width: 202px;
	}
	.button2{
		background-position: -388px -122px;
		width: 282px;
		margin-left: 5px;
	}
	a.button1:hover, a.button2:hover{
		text-decoration: none;
	}
	
a.leegstand{
	text-indent: -5555px;
	background: url(../../images/thewolf/background/leegstand_knop.png) no-repeat;
	display: block;
	width: 281px;
	height: 66px;
}
a.leegstand:hover{
	background-position: 0 -75px;
}	
body.antikraak-leegstandbeheer a.leegstand{
	margin: 0 auto;
	text-align: left;
}

div#sidebar, div#content{
	float: left;
}
div#sidebar{
	width: 345px;
}
div#content{
	width: 480px;
	padding-right: 39px;
}
/* Inschrijven */
div#inschrijven{
	width: 322px;
	height: 205px;
	background: url(../../images/thewolf/background/sprite.png) -178px -122px no-repeat;
	padding: 10px 10px;
	margin-bottom: 34px;
}
p.button-verhuurder,
p.button-inschrijven,
p.button-short{
	margin: 0 auto 1.5em auto;
}
p.button-verhuurder{
	width: 140px;
}
p.button-inschrijven{
	width: 247px;
}
p.button-short{
	width: 184px;
}
p.button-inschrijven a,
p.button-verhuurder a,
p.button-short a,
p.button-leegstandsbeheer a{
	display: block;
	height: 21px;
	padding-top: 6px;
	background: url(../../images/thewolf/background/sprite.png) no-repeat;
	text-align: center;
	font: bold 12px "Arial", sans-serif;
	color: #FFF;
}
p.button-leegstandsbeheer a{
	position: absolute;
	bottom: 0;
	left: 40px;
	width: 239px;
	background-position: -530px -268px;
}
p.button-leegstandsbeheer a:hover{
	background-position: -530px -304px;
}
p.button-verhuurder a{
	width: 140px;
	background-position: -530px -122px;
}
p.button-inschrijven a{
	width: 247px;
	background-position: -530px -159px;
}
p.button-short a{
	width: 184px;
	background-position: -530px -196px;
}
p.button-verhuurder a:hover{
	background-position: -680px -122px;
}
p.button-inschrijven a:hover{
	background-position: -787px -159px;
}
p.button-short a:hover{
	background-position: -724px -196px;
}