@import url(http://fonts.googleapis.com/css?family=Tauri);


.clr{
	clear:both;
}
.home{
	margin:0px;
	padding:0px;
}
#wrapper{
	padding:0px;
	margin:0px;
	text-align:center;
	font-family:arial,helvetica,sans-serif;
	background:#eee7d8;
}
#wrapper-inner{
	max-width:900px;
	margin: auto auto;
	-webkit-box-shadow: 0px 6px 11px rgba(50, 50, 50, 0.55);
  -moz-box-shadow:    0px 6px 11px rgba(50, 50, 50, 0.55);
  box-shadow:         0px 6px 11px rgba(50, 50, 50, 0.55);
}
.pagefield{
 width:100%;
}

.pagecontent{
	height:95%;
	padding-top:50px;
}
.pageText{
	margin: auto auto;
	max-width:500px;
	color:#cccccc;
	font-size:14px;
	line-height:21px;
	text-align:justify;
}
.pageText p{
	margin:10px;
}
.readMore{
	width:100%;
	text-align:center;
	margin-top:30px;
	clear:both;
}
.button{
  padding:5px;
  background: #fcfff4; /* Old browsers */
  background: -moz-linear-gradient(top,  #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfff4), color-stop(40%,#dfe5d7), color-stop(100%,#b3bead)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #fcfff4 0%,#dfe5d7 40%,#b3bead 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #fcfff4 0%,#dfe5d7 40%,#b3bead 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #fcfff4 0%,#dfe5d7 40%,#b3bead 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #fcfff4 0%,#dfe5d7 40%,#b3bead 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 ); /* IE6-9 */
  color:#ffffff;
  width:200px;
	margin: auto auto;
	border-radius:5px;
}
.button a{
  color:#000000;
	text-decration:none;
}
#topline{
	margin-top:50px;
}
#nav{
	position:fixed;
	z-index:1000000;
	padding:0px;
	text-align:right;
	height:50px;
	background: #51071a; /* Old browsers */
	left: 50%; 
	width: 900px; 
	margin-left:-450px
}
#nav-inner{
  margin-left:auto;
  margin-right:auto;
	max-width:900px;
	height:50px;
}
#nav ul li{
	list-style:none;
	display:inline-block;
	padding-right:8px;
}
#nav ul li:first-child{
	border-right:2px solid #ffffff;
}
#nav ul li a,#nav ul li a:link,#nav ul li a:visited,#nav ul li a:hover,#nav ul li a:active{
 text-decoration:none;
 color:#ffffff;
 padding-left:4px;
}
.contentwrapper{
  margin-left:auto;
  margin-right:auto;
	max-width:900px;
	height:775px;
}
#homepage{
	width:100%;
	background-color:#9aacc0;
	background-image:url('http://vdlwebdev.nl/dev/amsterdam-advocaten/images/bgPage.jpg');
	background-position:bottom;
	background-size: 100%;
	background-repeat:no-repeat;
}
.weburl{
	color:#ffffff;
	font-size:40px;
	line-height:40px;
	text-align:center;
	height:80px
}
.slogan{
	vertical-align:top;
	text-align:center;
}
#slogantext{
	margin-top:105px;
	font-size: 30px;
	color:#ffffff;
	text-shadow: 0px 1px #405872;
}

.alpha60 {
    /* Fallback for web browsers that don't support RGBa */
    background-color: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
    background-color: rgba(0, 0, 0, 0.6);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}


#contactfield{
	background:#474e5b;
	background-image:url('http://vdlwebdev.nl/dev/amsterdam-advocaten/images/bgPage2.png');
	background-position:right top;
	background-repeat:repeat-y;
	height:400px;
	text-align:left;
}	
#contactfield-text{
	padding-left:63px;
	padding-top:68px;
	padding-bottom:68px;
}
#contactfield-text p{
	color:#f1dfb9;
	font-size:1.0em;
	line-height:2em;
	font family:arial,helvetica,sans-serif;
	margin-top:0px;
}
#contactfield-text-1, #contactfield-text-2, #contactfield-text-3{
	clear:both;
}
#contactfield-text-1, #contactfield-text-3{
	width:550px;
}
#footer{
	background:#000000;
	color:#ffffff;
	vertical-align:bottom;
	text-align:right;
	height:100px;
	margin:0px;
	position:relative;
	bottom:0px;
	clear:both;
}
#footer-inner{
	padding-top:78px;
	padding-right:20px;	
	color:#cccccc;
	font-size:0.7em;
}
#text-2-innerleft{
	width:444px;
	padding-left:30px;
	float:left;
}
#text-2-innerright{
	width:300px;
	float:left;
}
#contactfield-text-3 p{
	margin-top:10px;
}
#page1text{
	width:100%;
	text-align:center;
	color:#ffffff;
}


.auto-size{
	width:100%;
	height:auto;
}




/* media queries for other devices en smeller screens */


@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {

  #page1,#page2,#page3{
   width:100%;
   height:400px;
   border:1px solid blue;
  }
	.pagecontent{
	height:100%;
	border:1px solid yellow;
}


	
}