/*******************************/
/*         GENERELLES         */
/*****************************/

@import url('yui-reset.css');

body {
	background: #edeee8 url(/media/images/layout/bg_verlauf.gif) repeat-x;
	margin: 0;
	font: normal 13px/16px Arial, Helvetica, sans-serif;
	color:  #666666;
	letter-spacing: 1px;
	word-spacing: normal;
}

p { margin: 0; margin-bottom: 16px;}

h1 { color:#666666; font:normal 16px/16px Georgia,Arial,Times,serif; margin:0; margin-bottom: 3px;}
h2 { color:#666666; font:normal 16px/16px Georgia,Arial,Times,serif; margin:0; margin-bottom: 3px;}
/* h3 is used in subnav */


/*******************************/
/*            LINKS           */
/*****************************/

a, a:link, a:visited { color: #666666; text-decoration: none; }
a:hover, a:active, a:focus { text-decoration: none; color: #333333; }


/**************************************/
/*              TOP                  */
/************************************/

#adresse { position:absolute; width:402px; 	height:64px; left: 290px; top: 85px; }
	#adresse a.selected {color:#333; text-decoration: none; border-bottom: 1px solid #333;}
#top_navigation { position:absolute; width:103px; height:23px; left: 840px; top: 85px; }
	#top_navigation a.selected {color:#333; text-decoration: none; border-bottom: 1px solid #333;}
#mhlogo { position:absolute; left: 62px; top: 52px; width:99px; height:120px; border: none;}


/**************************************/
/*           CONTENT                 */
/************************************/

#content { position:absolute; left: 266px; top: 197px; margin: 0; padding: 0; width: 660px; }

	.portfolio_item { position: relative; margin: 5px; margin-bottom: 12px; padding: 5px; background-color:#fff; } /* border: 5px solid #fff; */
	.showreel_item { position: relative; margin: 5px; margin-bottom: 20px; padding: 5px; background-color:#fff; }
	
	.portfolio_text_container{ position: relative; margin: 5px; margin-bottom: 20px;}

		.textblock { position:absolute; width:471px; left: 155px; top: 0; padding: 0 25px 0 0; }
		.fusszeile { font-size: 9px; font-family: Arial, Helvetica, sans-serif; color: #333333; letter-spacing: .1em; text-align: left; }
		.datum { color:#666666; font:normal 16px/16px Georgia,Arial,Times,serif; margin:0; margin-bottom: 3px; position:absolute; width:140px; left: 10px; top: 0;}
		

/***********************************/
/*       HAUPTNAVIGATION          */
/*********************************/


#hauptnavigation {
	position: absolute;
	font: normal 21px/37px Georgia, "Times New Roman", Times, serif;
	left: 280px; 
	top: 167px;
	margin: 0; padding: 0;
	letter-spacing: normal;
}

	#home { position:absolute; left: 0; top: 0; width:154px; height:34px; padding:0px 0px 1px 0px; background: transparent url(/media/images/layout/navi_inaktiv.gif) no-repeat left top; text-indent: 8px;}
	#home_aktiv { position:absolute; left: 0; top: 0; width:154px; height:34px; padding:0px 0px 1px 0px; background: transparent url(/media/images/layout/navi_aktiv.gif) no-repeat left top; text-indent: 8px;}
	#home_aktiv a, #home_aktiv a:visited {color:#333333}
	
	#arbeiten { position:absolute; 	width:157px; height:34px; padding:0px 0px 1px 0px; left: 160px; top: 0; background: transparent url(/media/images/layout/navi_inaktiv.gif) no-repeat left top; text-indent: 8px;}
	#arbeiten_aktiv { position:absolute;  width:157px; height:34px; padding:0px 0px 1px 0px; left: 160px; top: 0; background: transparent url(/media/images/layout/navi_aktiv.gif) no-repeat left top; text-indent: 8px;}
	#arbeiten_aktiv a, #arbeiten_aktiv a:visited {color:#333333}
	
	#showreel { position:absolute; width:157px; height:34px; left: 321px; top: 0; padding:0px 0px 1px 0px; background: transparent url(/media/images/layout/navi_inaktiv.gif) no-repeat left top; text-indent: 6px; margin: 0px;}
	#showreel_aktiv { position:absolute; width:157px; height:34px; left: 321px; top: 0; padding:0px 0px 1px 0px; background: transparent url(/media/images/layout/navi_aktiv.gif) no-repeat left top; text-indent: 6px; margin: 0px;}
	#showreel_aktiv a, #showreel_aktiv a:visited {color:#333333}


/******************************/
/*      SUB NAVIGATION       */
/******************************/

#sub_navigation {	position:absolute; width:200px; height:525px; left: 75px; top: 230px; }

		#sub_navigation h3 { color:#666; font:normal 18px/16px Georgia,Arial,Times,serif; padding: 0 0 6px 0; margin: 0 0 8px 0;}
		#sub_navigation h3.selected {
			color:#333; font:normal 18px/16px Georgia,Arial,Times,serif; padding: 0 0 6px 0; margin: 0 0 8px 0;
			/*background: transparent url(/media/images/layout/LineSubNavi180.gif) no-repeat left bottom; */
		}
		
		#sub_navigation ul {width: 195px; margin-bottom: 16px; }		
		#sub_navigation li { list-style-type: none; display: block;  margin: 0; padding: 0; width: 195px; } /* width: 195px; only for IE6 */
		
		#sub_navigation li a, #sub_navigation li a:link, #sub_navigation li a:visited {
			display: block; text-decoration: none;
			padding: 0 0 2px 0; margin: 0 0 10px 0;
			text-indent: 14px; 
		}
			
		#sub_navigation li a:hover, #sub_navigation li a:active, #sub_navigation li a:focus {
			color: #333333; text-decoration: none; 
			background: transparent url(/media/images/layout/LineSubNavi180.gif) no-repeat left bottom;
		}

		#sub_navigation li a.selected { color: #333333; text-decoration: none; 
			background: transparent url(/media/images/layout/LineSubNavi180.gif) no-repeat left bottom;
		}

/***********************************************************************/
/*        SHOWREEL              								       */
/* http://realdev1.realise.com/rossa/rendertest/quicktime.html#update */
/*********************************************************************/



/* EDIT STYLES */
.content_edit {position: absolute; top:0; right:0; height: 18px; padding: 0 10px; background-color: red; color: #fff; }
.content_edit a {color: #fff; font-size: 9px;}

.content_new {position: relative; margin: 16px 0 0 14px; height: 18px; padding: 0 10px; width: 70px; background-color: red; color: #fff; }
.content_new a {color: #fff; font-size: 9px;}