/*
	Site:		Kirstine Mengel:
	File:		css/build.css
	Version:	1.2
	Build		31.01.2010
*/


/*	--------------------------------------------------
	base
	-------------------------------------------------- */

	* {margin: 0px;	padding: 0px;}

	body {font-family: Helvetica, arial, verdana, Arial;font-size: 12px; color: #333;background:#ededed url(../img/basic/menu_bg.gif) repeat-y;; height: 100%}
	:focus{ -moz-outline-style: none;}
	input, textarea { outline: none; }
	.clearing {height:0;clear:both}
	a {text-decoration: none}
	a img {border:none;}

/*	--------------------------------------------------
	main
	-------------------------------------------------- */
	
	#logo {background: url(../img/basic/logo.gif) no-repeat; height: 260px; width: 298px}
	
	#wrap {margin: 0; padding: 0; height: 100%; background: url(../img/basic/menu_bg.gif) repeat-y; }
		#container {}
		#content {padding: 40px 0 0 298px; width: 660px;background: url(../img/basic/menu_bg.gif) repeat-y;}
	
	#fotografen { margin-top:210px; margin-left: 62px; font-size: 14px; line-height: 18px; color: #3c4749}
		#fotografen .img {border: 4px solid #bcbcbc; float: left;}
		#fotografen .tekst {float: right; width: 365px;}
		
	#referencer {margin-left: 62px}
		#referencer .content .element {width:550px;}
		#referencer .content .element img { float: left; margin-right: 10px; border: 4px solid #bcbcbc;}
		#referencer .content .element .right {float: right; width: 390px}
		#referencer .content .element .right .h1 {font-size: 18px; line-height: 14px; font-weight: bold; padding-top: 4px; color: #3c4749 }
		#referencer .content .element .right .subh {font-style: italic;}
		#referencer .content .element .right .info {border-left: 3px solid #bcbcbc; margin: 4px 4px 4px 2px; padding-left: 6px;}
	
	#udstillinger {margin-left: 62px}	
		#udstillinger .content .element {width:550px; padding-bottom: 20px}
		#udstillinger .content .element img { float: left; margin-right: 10px; border: 4px solid #bcbcbc;}
		#udstillinger .content .element .right {float: right; width: 270px}
		#udstillinger .content .element .right .h1 {font-size: 18px; line-height: 14px; font-weight: bold; padding-top: 4px; color: #3c4749 }
		#udstillinger .content .element .right .subh {font-style: italic;}
		#udstillinger .content .element .right .info {border-left: 3px solid #bcbcbc; margin: 4px 4px 4px 2px; padding-left: 6px;}

	#kontakt {margin-left: 63px; font-size: 14px; line-height: 18px; color: #3c4749}
		#kontakt .tekst {margin-top:168px;}
		
		#kontakt .img img {border: 4px solid #bcbcbc; width: 180px; float: left;}
		
		#kontakt .info  {width: 180px; font-size: 11px; margin: 0 auto }
			#kontakt .info img {border: none;}
			#kontakt .info ul { margin-left: 20px }
			#kontakt .info ul li {list-style-type: none; border-top: 1px solid #ccc;border-bottom: 1px solid #efefef; padding: 2px; }
			#kontakt .info ul li img {float: left;padding-right: 10px}
			#kontakt .info ul li a {}
			#kontakt .info ul li a:hover {}
			
		#kontakt .info2  {border-left:3px solid #bcbcbc; width: 180px; font-size: 11px; float: right; }
			#kontakt .info2 img {border: none;}
			#kontakt .info2 ul { margin-left: 20px }
			#kontakt .info2 ul li {list-style-type: none; border-top: 1px solid #ccc;border-bottom: 1px solid #efefef; padding: 2px; }
			#kontakt .info2 ul li img {float: left;padding-right: 10px}
			#kontakt .info2 ul li a { color: #738a91}
			#kontakt .info2 ul li a:hover {color: #4e5d62; margin-left: -1px}
	
/*	--------------------------------------------------
	galleri + line
	-------------------------------------------------- */
	
	#galleri {margin-left: 62px}
	
	#line_arkitektur   { width: 43px; height: 9px; background-image: url(../img/basic/line.gif); position: absolute; top:244px; left:318px }
	#line_portrat      { width: 43px; height: 9px; background-image: url(../img/basic/line.gif); position: absolute; top:261px; left:318px }
	#line_design       { width: 43px; height: 9px; background-image: url(../img/basic/line.gif); position: absolute; top:278px; left:318px }
	#line_reportage    { width: 43px; height: 9px; background-image: url(../img/basic/line.gif); position: absolute; top:295px; left:318px }
	#line_mennesker    { width: 43px; height: 9px; background-image: url(../img/basic/line.gif); position: absolute; top:312px; left:318px }
	#line_landskab     { width: 43px; height: 9px; background-image: url(../img/basic/line.gif); position: absolute; top:329px; left:318px }
	#line_rejse        { width: 43px; height: 9px; background-image: url(../img/basic/line.gif); position: absolute; top:346px; left:318px }
	#line_kunst        { width: 43px; height: 9px; background-image: url(../img/basic/line.gif); position: absolute; top:363px; left:318px }
	#line_10ar         { width: 43px; height: 9px; background-image: url(../img/basic/line.gif); position: absolute; top:380px; left:318px }
	
	#line_fotografen   { width: 43px; height: 9px; background-image: url(../img/basic/line.gif); position: absolute; top:395px; left:319px }
	#line_referencer   { width: 43px; height: 9px; background-image: url(../img/basic/line.gif); position: absolute; top:411px; left:318px }
	#line_udstillinger { width: 43px; height: 9px; background-image: url(../img/basic/line.gif); position: absolute; top:428px; left:318px }
	#line_kontakt      { width: 43px; height: 9px; background-image: url(../img/basic/line.gif); position: absolute; top:460px; left:318px }
	
/*	--------------------------------------------------
	forside
	-------------------------------------------------- */

	#forside_streg { margin-top:111px; margin-left:39px;}
	#social {margin-top:30px; margin-left:86px; width: 475px}
	#social .follow a{float: right; font-family: Verdana; font-size: 9px; color:#bcbcbc}
	#forside_galleri {width: 640px; margin-top:50px; margin-left: 60px;}
		
		#forside_galleri .element {width:170px; font-size: 18px; font-weight: 600; float: left; margin:0 35px 35px 0; }
		#forside_galleri .element img {border:2px solid #bcbcbc; margin-bottom: 13px; }
		#forside_galleri .element span {color: #acacac; font-family: Verdana; line-height: 8px; font-size: 10px; display: block; font-weight: 100 }
		#forside_galleri a .element {border-bottom: 4px solid #bcbcbc; color: #7e979b; text-decoration: none; padding-bottom: 13px;}
		#forside_galleri a:hover .element {border-bottom: 4px solid #7e979b; color: #3c4749; }
		
	
/*	--------------------------------------------------
	menu
	-------------------------------------------------- */

	#nav_sep {height:14px; display: block; width: 30px;}
	#nav { position: absolute; top:0;left:0; width:298px;color: #fff; font-size: 12px;}
	#nav ul {position: absolute; top:210px; text-align: right; width: 298px;}
	#nav ul li {line-height: 17px; list-style-type: none;}
	#nav ul li span {background-color: #4e5d62; padding: 0px 6px;}
	#nav ul li a {display: block; text-decoration: none; color: #fff; text-transform: uppercase; font-weight: 600;padding-right: 40px}
	#nav ul li a:hover {background: url(../img/basic/menu_select.gif) 0px 0px;}
	#nav ul .active a {background: url(../img/basic/menu_select.gif) 0px 0px;}
	
	#nav .menu_adress {margin-right: 46px; margin-top: 250px; font-family: Verdana; font-size: 10px; font-style: italic; color: #000; line-height: 12px; letter-spacing: 1px; text-align: right}
		#nav .menu_adress a {color: #000; background: none; text-transform: lowercase; margin: 0; padding: 0; font-size: 10px}
		#nav .menu_adress a:hover {color: #ccc}
	#nav .menu_copy {margin-right: 46px; margin-top:10px;font-family: Verdana; font-size: 10px; font-style: italic; color: #fff; text-align: right}
	#nav .menu_copy a {color: #888; background: none; text-transform: lowercase; margin: 0; padding: 0; font-size: 10px}
	#nav .menu_copy a:hover {color: #fff; }

/*	--------------------------------------------------
	Twitter API
	-------------------------------------------------- */
	
	#twitter {margin-left: 50px; height: 61px; background: url(../img/twitter/twitter.gif) no-repeat;}
	.twtr-widget {position: relative; margin-left: 95px; padding-top: 10px; font-size:11px!important; font-family:verdana,sans-serif!important; zoom:1; }
	.twtr-fullscreen { font-size:220%!important; }
	.twtr-fullscreen .twtr-new-results { display:none!important; }
	.twtr-widget .twtr-spinner { width:14px; height:14px; position:absolute; background:url(http://widgets.twimg.com/j/1/spinner.gif) no-repeat; top:3px; right:3px; }
	.twtr-inactive { display:none; }
	.twtr-widget a img { border:0!important; }
	.twtr-doc { overflow:hidden; text-align:left; font-weight:normal; background-color: none!important }
	.twtr-bd { padding:0 1px; }
	.twtr-widget .twtr-tweet-wrap { padding:0px 0px; overflow:hidden; zoom:1; }
	.twtr-fullscreen .twtr-tweet-wrap { padding:20px; }
	.twtr-widget .twtr-tweet { border-bottom:none; overflow:hidden; zoom:1; }
	.twtr-widget .twtr-tweet a.twtr-reply { visibility:hidden; }
	* html .twtr-widget .twtr-tweet a.twtr-reply { visibility:hidden; }
	.twtr-widget .twtr-tweet:hover a.twtr-reply { visibility:hidden; }
	.twtr-widget-profile img.twtr-profile-img { display:true;position: absolute; top:40px; left: 20px; width:31px; height:31px; border:0!important; }
	.twtr-widget h3,.twtr-widget h4,.twtr-widget p { margin:0!important; padding:0!important; line-height:1.2!important; width:auto!important; }
	.twtr-widget-profile h3,.twtr-widget-profile h4 { margin:0 0 0 40px!important; }
	.twtr-widget h3 { font-size:11px!important; font-weight:normal!important; }
	.twtr-widget h4 { font-size:16px!important; }
	.twtr-widget i,.twtr-widget .twtr-new-results { font-size:9px; font-style:normal; display:block; margin-top:2px; zoom:1; }
	.twtr-widget .twtr-new-results { text-align:center; padding:3px; margin:0 auto -10px; display:block; position:relative; bottom:5px; }
	.twtr-results-inner { line-height:1; font-size:100%; padding:4px 0; position:relative; bottom:-2px; width:40%; margin:0 auto; z-index:2; text-align:center; }
	.twtr-results-hr { width:100%; position:relative; z-index:1; height:1px; border-bottom:none; bottom:7px; background:none; overflow:hidden; }
	.twtr-new-results span { position:relative; z-index:3; top:-14px; display:block; font-size:9px!important; }
	.twtr-hd {display: none; padding:10px; position:relative; zoom:1; overflow:hidden; }
	.twtr-fullscreen .twtr-hd { height:0; padding:0; }
	.twtr-timeline { position:relative; overflow:hidden; z-index:2; height:225px; }
	.twtr-scroll .twtr-timeline { overflow-x:hidden; overflow-y:auto; }
	.twtr-widget .twtr-tweet:last-child { border-bottom-width:0; }
	.twtr-ft { display: none }
	.twtr-ft div { overflow:hidden; padding:10px; zoom:1; }
	.twtr-ft span { float:right; text-align:right; }
	.twtr-ft a { float:left; display:block; }
	.twtr-ft span a { float:none; }
	.twtr-avatar { width:40px; height:40px; float:left; overflow:hidden; display:block; }
	.twtr-fullscreen .twtr-avatar { width:80px; height:80px; }
	.twtr-img { height:25px; width:25px; }
	.twtr-img img { width:30px; height:30px; }
	.twtr-fullscreen .twtr-img img { width:72px; height:72px; }
	.twtr-fullscreen a.twtr-join-conv { display:none; }
	.twtr-tweet-text p{ margin-left:40px; font-style: italic; }
	.twtr-fullscreen .twtr-tweet-text { margin-left:90px; }
	.twtr-doc a { text-decoration:none!important; }
	.twtr-doc a:hover { text-decoration:underline!important; }
	.twtr-reference-tweet {display: none;}