@import url("reset.css");
@import url("layout.css");
/*
Title:      SnowWhite Luchtfotografie - screen style
Author:     info@martijndevalk.nl
Copyright:  2008, Martijn de Valk  All rights resevered
*/

/* common 
============================================================= */
body {
	margin:0px;
	padding:0px;
	background:#1c2124;
	font-family:Tahoma, "Trebuchet MS", Verdana;
	line-height:20px;
}
a img, img {
	border: none;
}
h1, h2, h3, h4, h5, h6 {
	margin:0px 0px 10px 0px;
	padding:0px 0px 5px 0px;
	background:url(../img/horizontal-line.gif) bottom left repeat-x;
	font-weight:bold;
}
h1 {
	font-size:22px;
}
h2 {
	font-size:20px;
}
h3 {
	font-size:18px;
}
h4 {
	font-size:16px;
}
h5 {
	margin:0px;
	font-size:14px;
	background:none;
}
h6 {
	margin:0px;
	font-size:12px;
	background:none;
}
p {
	margin:0px 0px 10px 0px;
	padding:0px;
	font-size:11px;
}
a {
	font-weight:bold;
	text-decoration:none;
}
a:hover {
	text-decoration:none;
}
ul{
	margin:0px;
	padding:0px 0px 0px 20px;
	list-style:square;
	font-size:11px;
}
ol{
	margin:0px;
	padding:0px 0px 0px 20px;
	list-style:decimal;
	font-size:11px;
}
strong{
	font-weight:bold;
}
/* common trigger classes
============================================================= */
.hide {
	display: none;
}
hr {
	margin:10px 0px 10px 0px;
	padding:0px;
	height:0px;
	overflow:hidden;
	border:0px;
	border-top:1px solid black;
}
.float_right{
	float:right;
}
.float_left{
	float:left;
}
.clear{
	clear:both;
}
.small{
	font-weight:normal;
	font-size:11px;
}
/* header - header-main
============================================================================= */
.nav-holder{
	position:absolute;
	bottom:10px;
	left:0px;
}
.header-main .nav-main {
	height:30px;
	width:700px;
	position:relative;
	overflow:hidden;
}
.header-main .nav-main li {
	margin:0px 40px 0px 0px;
	float:left;
	list-style:none;
	cursor:pointer;
}
.header-main .nav-main li.back {
	background:url(../img/btn-nav.gif) no-repeat right -30px;
	width:9px;
	height:30px;
	z-index:8;
	position:absolute;
}
.header-main .nav-main li.back .left {
	margin:0px 9px 0px 0px;
	height:30px;
	background:url(../img/btn-nav.gif) no-repeat top left;
}
.header-main .nav-main li a {
	margin: auto 10px;
	height:30px;
	color: #fff;
	text-align:center;
	text-transform:uppercase;
	text-decoration: none;
	z-index:10;
	display:block;
	float:left;
	position:relative;
	top:8px;
	overflow:hidden;
}
.header-main .nav-main li a span{
	display:none;
}
.header-main .nav-main li a:hover, .header-main .nav-main li a:active, .header-main .nav-main li a:visited {
	border: none;
}
/* header - header-side
============================================================================= */
.header-side a.branding-logo{
	margin:10px 0px 0px 0px;
	padding:0px;
	width:248px;
	height:152px;
	display:block;
	background:url(../img/logo-snowwhite.png) no-repeat;
	text-indent:-9999px;
	cursor:pointer;
	border:none;
	position:relative;
	left:70px;
}
/* container - content-main
============================================================================= */
.content-main{
	color:#fff;
}
.content-main .column1{
	float:left;
	width:170px;	
}
.content-main .column2{
	float:left;
	width:300px;	
}
.content-main h1 span{
	font-size:11px;
}
.content-main a {
	color:#fff;
	border-bottom:1px dotted #fff;
}
.content-main a:hover {
	color:#ccc;
	border-bottom:1px dotted #ccc;
}
.content-main ul.thickbox-viewer{
	margin:0px;
	padding:0px;
	list-style:none;
}
.content-main ul.thickbox-viewer li{
	margin:0px 0px 55px 0px;
	padding:0px;
	width:669px;
	height:150px;
	border:1px solid #15181a;
	font-size:11px;
	font-weight:bold;
	display:block;
}
.content-main ul.thickbox-viewer li:hover span.overlay{
	background:url(../img/thickbox-overlay.png) no-repeat;
	width:669px;
	height:150px;
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	cursor:pointer;
}
.content-main ul.thickbox-viewer li a{
	text-decoration:none;
	color:#fff;
	position:relative;
	display:block;
	border:none;
}
.content-main ul.thickbox-viewer li a:hover{
	border:none;
}
.content-main ul.thickbox-viewer li a span.text{
	position:absolute;
	bottom:-25px;
	left:0px;
	background:url(../img/zoomin.gif) no-repeat;
	padding-left:20px;
	z-index:999px;
}
/* container - content-side
============================================================================= */	
.content-side{
	color:#252c30;
}
.content-side a {
	color:#252c30;
	border-bottom:1px dotted #252c30;
}
.content-side a:hover {
	color:#54646d;
	border-bottom:1px dotted #54646d;
}
.content-side .form-style{
	position:relative;
	width:218px;
	padding-bottom:35px;
}
.content-side .form-style label.name{
	margin:20px 0px 5px 0px;
	padding:0px;
	width:30px;
	height:11px;
	display:block;
	background:url(../img/input-name.png) no-repeat;
	text-indent:-9999px;
}
.content-side .form-style label.mail{
	margin:0px 0px 5px 0px;
	padding:0px;
	width:66px;
	height:11px;
	display:block;	
	background:url(../img/input-mail.png) no-repeat;
	text-indent:-9999px;
}
.content-side .form-style label.message{
	margin:0px 0px 5px 0px;
	padding:0px;
	width:40px;
	height:11px;
	display:block;	
	background:url(../img/input-message.png) no-repeat;
	text-indent:-9999px;
}
.content-side .form-style input.text{
	margin:0px 0px 10px 0px;
	padding:5px 0px 0px 2px;
	width:216px;
	height:22px;
	border:1px solid #ccc;
	background:#f6f6f6;
	font-family:Tahoma, "Trebuchet MS", Verdana;
	font-size:11px;
}
.content-side .form-style input.text:focus,
.content-side .form-style textarea:focus{
	background:#eee;
}
.content-side .form-style textarea{
	margin:0px;
	padding:5px 0px 0px 2px;
	width:216px;
	height:98px;
	border:1px solid #ccc;
	background:#f6f6f6;
	font-family:Tahoma, "Trebuchet MS", Verdana;
	font-size:11px;
}
.content-side .form-style input.send{
	margin:0px;
	padding:0px;
	width:95px;
	height:29px;
	position:absolute;
	bottom:0px;
	right:0px;
	border:none;
	background:url(../img/btn-verstuur.png) no-repeat;
	cursor:pointer;
}
.content-side .contact-info{
	width:218px;
	background-color:#ffecec;
	height:0%;
}
.content-side .contact-info p{
	padding:5px;
}
.content-side .contact-info strong{
	color:red;
}
/* footer
============================================================================= */
.content-footer ul.nav-supplementary{
	margin:0px;
	padding:0px;
}
.content-footer ul.nav-supplementary li{
	float:left;
	list-style:none;
	font-size:11px;
	color:#354046;
}
.content-footer ul.nav-supplementary li span{
	display:block;
	float:left;
	width:20px;
	text-align:center;
}
.content-footer ul.nav-supplementary li a{
	text-decoration:none;
	color:#354046;
	position:relative;
	border:none;
	font-weight:normal;
}
.content-footer ul.nav-supplementary li a:hover{
	text-decoration:underline;
}