@charset "utf-8";
/* CSS portfolio-template for work samples */

			html{
			background-color:#000;
			}

			body{
			height:100%;
			margin:0px;
			padding:0px;
			background:#000;
			font-family:'myriad',arial, helvetica, sans-serif;
			}
			
			@font-face {
   			 font-family: 'myriad';
   			 src: url('../fonts/myriadwebpro-webfont.eot');
   			 src: url('../fonts/myriadwebpro-webfont.eot?#iefix') format('embedded-opentype'),
         	 url('../fonts/myriadwebpro-webfont.woff') format('woff'),
        	 url('../fonts/myriadwebpro-webfont.ttf') format('truetype'),
        	 url('../fonts/myriadwebpro-webfont.svg#') format('svg');
   			 font-weight: normal;
   			 font-style: normal;
			}
			
			#wrapper{
			width:1100px;
			height:100%;
			margin:0 auto;
			padding:0;
			background-image:url(../images/mediengestalter_grafik_teaser_hg.png);
			background-repeat:repeat;
			font-size:1em;
			line-height:0.6em;
			color:#CFCFCF;
			}
			
			img{border:none;}
			
			/* -------------------------------------------------- header -------------------------------------*/
			#header{
			width:950px;
			height:40px;
			margin:auto;
			/*margin-top:10px;*/
			margin-bottom:35px;
			padding:10px 4px 0 0;
			background-color:#000;
			}
			
			#header ul{
			list-style:none; 
			margin:0;
			padding:0;
			}
		
			#header ul li{
			display:inline;
			margin:0px;
			padding:20px 0 0 20px;
			float:left;
			}
			
			#header ul li a			{text-decoration:none; color:#919191;}
			#header ul li a:hover	{text-decoration:none; color:#fff;}	
			
			/* -------------------------------------------------- main content ---------------------------------*/
			#main{
			width:950px;
			height:100%;
			margin:0 auto;
			padding-top:7px;
			background-color:#000;
			}
			
			#back{
			width:100px;
			height:50px;
			margin:10px 0 10px 15px;
			padding:0;
			background-color:#000;
			}
			
			#describer{
			width:450px;
			height:auto;
			margin:0 0 10px 15px;
			padding-bottom:20px;
			background-color:#000;	
			}
			h1{color:#CFCFCF;}
			h3{color:#939393; border-bottom: 1px solid #1F1F1F; padding-bottom:10px;}
			p{line-height:1.1em; padding-bottom:5px;}
			
			#window{
			width:950px;
			height:510px;
			margin:0 0 10px 15px;
			padding:0;
			overflow:hidden;
			}
			
			/* -------------------------------------------------- footer ---------------------------------*/
			
			
			#footer{
			clear:both;
			width:950px;
			height:30px;
			margin:auto;
			margin-top:15px;
			margin-bottom:5px;
			padding-top:5px;
			background-color:#000;
			font-size:0.8em;
			}
			
			#footer ul{
			list-style:none;
			margin:0;
			padding:0;
			}
		
			#footer ul li{
			display:inline;
			margin:0px;
			padding:10px 10px 0 10px;
			float:right;
			}
			
			#footer ul li a			{text-decoration:none; color:#333;}
			#footer ul li a:hover	{text-decoration:none; color:#999;}