@import url('../css/reset.css');
@import url('../css/layout.css');

#logo h1 {
text-indent: -10000px;
width: 300px;
height: 60px;
display: block;
background-image: url('../images/tigermedia_logo.png');
margin-top: 20px;
float: left;
}

#tiger {
margin-right: 25px;
margin-bottom: -10px;
position: relative;
z-index: -1;
}

#roundedLeft { float: left; } #roundedRight { float: right; }

#navigation {
font-size: 14px;
font-weight: bold;
clear: both;
}

#navigation ul li {
display: inline;
float: left;
background: url('../images/tigermedia_navsep.png') 2px 0px repeat-x #fff;
}

#navigation ul li a {
display: block;
color: #fff;
text-decoration: none;
padding: 11px 11px 0px;
height: 39px;
}

#navigation #klanten {
float: right;
color: #fff;
display: block;
height: 39px;
padding: 11px 11px 0px;
text-decoration: none;
}

ul#navlist li a:hover, #navigation ul li a.activeButton {
background: url('../images/tigermedia_navhov.png') no-repeat 2px 0px transparent;
}

h2, h3, h4 {
display: block;
width: 100%;
border-bottom: 1px solid #575656;
padding: -5px 0px;
}

h2 {font-size: 22px; font-weight: bold; } h3 {font-size: 18px; } h4 {font-size: 14px; }

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

a:hover {
text-decoration: underline;
}

a.button {
display: block;
background: url('../images/tigermedia_buttonBG.png') no-repeat top left #fe6400;
border: 1px solid #fe6400;
width: 112px;
height: 18px;
text-align: center;
float: right;
color: #fff;
text-decoration: none;
margin-bottom: 1px;
}

a.button:hover {
text-decoration: underline;
}

a.button:active {
margin-top: 1px;
margin-bottom: 0px;
outline: none;
}

p {
line-height: 17px; 
margin: 10px 0px;
}

p:first-child {
margin: 0px 0px 10px 0px;
}

p:last-child {
margin: 10px 0px 0px 0px;
 overflow: hidden
}

.werkwijzeNumber p { overflow: visible; }

#footer p {
display: block;
width: 980px;
margin: 0px auto;
color: #fff;
}

.werkwijzeNumber p {
font-size: 52px;
font-weight: bold;
color: #fcceb3;
text-align: center;
margin: 15px 0px 0px -3px;
}

.werkwijzeNumber p img {
position: relative;
top: 30px;
left: 40px;
}

img.services {
float: left;
padding: 0px 10px 15px 0px;
}

.portfolioBlock a.image {
margin: 0px;
padding: 0px;
display: block;
width: 465px;
height: 130px;
border: 5px solid #585858;
}

.portfolioBlock a.image:hover {
border: 5px solid #fe6400;
}

.portfolioBlock a.button {
margin-left: 10px;
}

.portfolioBlock h3 {
border: none;
width: 225px;
float: left;
margin-top: 10px;
}

.portfolioBlock p{
float: right;
display: block;
}




.invisible {
display: none;
}

#lijst {
width: 300px;
}

#lijst ul {
line-height: 1.4;
text-indent: 10px;
}

#intro {
font-style: italic;
color: #777;
line-height: 1.6;
}

#technieken {
margin: 10px 0px;
width: 100%;
}

#technieken tr {
line-height: 1.4;
}

#technieken tr td:last-child {
color: #707070;
}

#technieken tr td {
border-bottom: 1px dotted #999;
}

#contactgegevens {
width: 190px;
margin: 10px 0px;
}

#contactgegevens tr td:first-child {
color: #707070;
padding-right: 10px;
}

#contactgegevens tr {
line-height: 1.5;
}

ul#nieuwslist {
line-height: 1.6;
margin: 10px 0px;
}

ul#nieuwslist li {
background: url('../images/tigermedia_news.png') no-repeat center left;
padding-left: 25px;
font-size: 12px;
margin: 2px 0px;
}

ul#nieuwslist li a {
color: #585858;
text-decoration: none;
}

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

#slogan h3 {
text-indent: -10000px;
border-bottom: none;
}

strong {
font-weight: bold;
}

em {
font-style: italic;
}

.contactIcons {
margin: 45px 15px 0px;
}

input {
border: none;
border: 2px solid #eee9da;
width: 135px;
height: 13px;
font-size: 11px;
padding: 2px 0px 2px;
margin-top: 5px;
}

input:focus, textarea:focus, select:focus {
border: 2px solid #fd6400;
}

input#stad {
width: 85px;
margin-left: 10px;
}

input#postcode {
width: 36px;
}

select, textarea {
border: none;
border: 2px solid #eee9da;
padding: 3px;
}

select {
margin-left: 20px;
}

#aanhef {
	margin-left: 0px;
	height: 24px;
	margin-top: 5px;
}

textarea { height: 106px; width: 330px; float: left;}

#contactformulier1 {
float: left;
width: 300px;
margin-right: 50px;
line-height: 1.5;
margin-top: 10px;
}

#contactformulier2 {
width: 590px;
margin-top: 10px;
float: right;
}

input.button {
display: block;
background: url('../images/tigermedia_buttonBG.png') no-repeat top left #fe6400;
border: 1px solid #fe6400;
width: 114px;
height: 20px;
text-align: center;
float: left;
color: #fff;
text-decoration: none;
margin-bottom: 1px;
margin-top: 96px;
margin-left: 20px;
}

input.button:active {
margin-bottom: 0px;
margin-top: 99px;
}

#msnlink, #skypelink {
display: block;
width: 102px;
height: 34px;
position: absolute;
z-index: 100;
text-indent: -10000px;
}

#msnlink {
top: 62px;
left: 40px;
}

#skypelink {
top: 62px;
left: 282px;
}

#klant img {
border: 1px solid #eee9da;
margin-top: 10px;
}

#klant img:hover {
border: 1px solid #e5dfce;
}

img.imgcenterleft {
margin-left: 10px;
}
img.imgcenterright {
margin-right: 10px;
}

img.imgcenter {
margin-left: 10px;
margin-right: 10px;
}

table#contactinfo {
margin-top: 42px;
}

table#contactinfo tr td {
padding-top: 10px;

}

table#contactinfo tr td.name {
padding: 10px 10px 0px;
color: #a19d91;
}

a#sloganButton {
display: block;
width: 44px;
height: 26px;
background: url('../images/tigermedia_buttonMeer.png') no-repeat top left transparent;
color: white;
margin-top: 75px;
margin-left: 400px;
font-weight: bold;
padding-left: 6px;
padding-top: 6px;
}