@media screen, projection {
a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,
code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4,
h5, h6, hr, html, i, img, ins, kbd, label, legend, li, map, object, ol, p, param, pre,
q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead,
tr, tt, ul, var {
	margin: 0;
	padding: 0;
}

/* --------------------- @ body --------------------- */

body {font-family:Arial, Helvetica, sans-serif; font-size:11px; background-color:#000000;;}

div.container {margin:0 auto; width:1015px; min-height:100%; background-color:#000000; color:#FFFFFF;}
div.header {width:1015px; height:130px; background-color:#000000 !important;}

	div.header .logo {width:1015px; height:100px; display:block; background:url("../img/fotografie_nina_valkhoff.gif") 0 bottom no-repeat; z-index:999px;}
		div.header .logo a {outline:none; text-indent:-999px; font-size:0; line-height:0; display:block; width:1015px; height:100px;}

div.contentcontainer {width:1015px; margin:18px 0 0 0; background-color:#000000;min-height:500px;}

/* --------------------- @ home --------------------- */


.content_home {margin:0 auto; width:1001px;}
p.copyright {text-align:center; margin: 25px auto; color:#BBBBBB; font-size: 11px;}

.scrollingHotSpotLeftClass, .scrollingHotSpotRightClass {display:none !important;}

#makeMeScrollable {width:1001px;height: 510px;position: relative;}
#makeMeScrollable div.scrollableArea * {position: relative;float: left;margin: 0;padding: 0; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none;}

/* --------------------- @ menu --------------------- */

	ul.menu {width:1015px; list-style:none; margin:0 auto; clear:both; overflow:hidden;}
	ul.menu li {list-style:none; height:35px; display:block; float:left;}
	ul.menu li a,
	ul.menu li span {display:block; cursor:pointer; text-indent:-9999px; background-position:0 0; outline:none;}
	
	ul.menu li span {cursor:default !important;}
	  
	ul.menu li a.famous {width:93px; background: url(../img/menu/bt_famous.gif) no-repeat 0 0; height:35px;}
	ul.menu li span.almost_famous {width:157px; background: url(../img/menu/bt_almost_famous.gif) no-repeat 0 0; height:35px;}
	ul.menu li a.various {width:95px; background: url(../img/menu/bt_various.gif) no-repeat 0 0; height:35px;}
	ul.menu li a.publications {width:133px; background: url(../img/menu/bt_publications.gif) no-repeat 0 0; height:35px;}
	ul.menu li a.wedding_photography {width:230px; background: url(../img/menu/bt_wedding_photography.gif) no-repeat 0 0; height:35px;}
	ul.menu li a.nina_valkhoff {width:150px; background: url(../img/menu/bt_nina_valkhoff.gif) no-repeat 0 0; height:35px;}
	ul.menu li a.links{width:71px; background: url(../img/menu/bt_links.gif) no-repeat 0 0; height:35px;}
	ul.menu li a.contact{width:86px; background: url(../img/menu/bt_contact.gif) no-repeat 0 0; height:35px;}
	  
	ul.menu li a:hover,
	ul.menu li span:hover {background-position:0 -35px;}
	
	ul.menu li.active a,
	ul.menu li.active span {background-position:0 -70px;}
	
	li.almost_famous_trigger ul.almost_famous_sub {display:none;}
	li.almost_famous_trigger:hover ul.almost_famous_sub {display:block !important;}
	
		ul.menu li ul.almost_famous_sub {width:160px; height:35px; color:#FFFFFF; z-index:999; position:absolute;}
			ul.menu li ul.almost_famous_sub a {display:block; height:35px; color:#FFFFFF !important;}
			
			ul.menu li ul.almost_famous_sub a.almost_famous_girls {display:block; height:35px; width:80px; background: url(../img/menu/bt_sub_girls.gif) no-repeat 0 0; }
			ul.menu li ul.almost_famous_sub a.almost_famous_boys {display:block; height:35px; width:80px; background: url(../img/menu/bt_sub_boys.gif) no-repeat 0 0; }
			
						ul.menu li ul.almost_famous_sub a:hover {background-position:0 -35px;}
	
/* --------------------- @ content --------------------- */

	div.contentcontainer .content {width:685px; float:left; margin:0 12px 60px 12px; font-size:12px; line-height:18px;} 

		div.contentcontainer .content h1, 
		div.contentcontainer .content h2,
		div.contentcontainer .content h3 {font-weight:normal; margin:0 0 15px; clear:both; display:block;}
	
		div.contentcontainer .content h1 {font-size:20px;}
		div.contentcontainer .content h2 {font-size:18px;}
		div.contentcontainer .content h3 {font-size:16px;}
		
			div.content a, div.content a:visited, div.content a:active {color:#bbbbbb; text-decoration:underline;}
			div.content a:hover {color:#FFFFFF; text-decoration:none;}
			
			div.contentcontainer .content ul {margin:20px;}
			div.contentcontainer .content ul li {font-size:12px; line-height:18px;}
			
	div.contentcontainer .right {width:290px; float:left; margin:0 0 30px 16px; font-size:12px;} 
	
		div.contentcontainer .right img.visual_right {border: 1px solid #444444;}

		div.contentcontainer .right ul.miniatuur {width:290px; float:left; list-style:none;}
		div.contentcontainer .right ul.miniatuur li {width:137px; float:left; margin:0 8px 8px 0; list-style:none;}
		div.contentcontainer .right ul.miniatuur li a {display:block; margin:0; padding:0;}
		div.contentcontainer .right ul.miniatuur li img {border: 1px solid #444444;}
		

	div.contentcontainer .content_nina {width:488px;} 
	div.contentcontainer .right_nina {width:487px;} 
	div.contentcontainer .content_publications {width:1003px; margin:0 0 60px 12px;} 
	
/* --------------------- @ footer --------------------- */


div.footer {text-align:center; display:block; clear:both; width:1015px; margin:15px 0;}

	div.footer ul {list-style:none; text-align:center; display:inline-block;}
	div.footer ul li {list-style:none; display:inline-block; padding:0 10px 0 10px; float:left;}
		div.footer ul li a, div.footer ul li a:visited, div.footer ul li a:active {color:#BBBBBB; text-decoration:none; font-size:12px;}
		div.footer ul li a:hover {color:#FFFFFF; text-decoration:underline;}

div.clear {clear:both !important}

/* --------------------- @ assets --------------------- */
div.check_stat {display:none;}

}