@charset "utf-8";
/* CSS Document  main_css portfolio relaunch 2012*/


			html, form, fieldset, legend, label{
			background-color:#000;
			margin:0;
			padding: 0;
			}


			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;
			}
			
			
			img { border: 0; }
			
			h1, h2, h3, h4, h5, h6, th, td, caption { font-weight:normal; }
			
			a{text-decoration:none;}
			a:active{color:#898989;}
			a:visited{color:#F7F7F7;}
			p {color:#F7F7F7;}
	/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
	
			
			#wrapper{
			width:900px;
			margin:0 auto;
			padding:0 50px;
			background-color:#000;
			background-image:url(../images/mediengestalter_wrapper_hg.png);
			background-repeat:repeat;
			overflow:auto;
			}
			
			#header{
			width:900px;
			height:100px;
			margin:0 0 10px 0;
			padding:0;
			font-family:Arial, Helvetica, sans-serif;
			font-size:9px;
			line-height:normal;
			font-weight:lighter;
			/*border:dashed 1px #999;*/
			background-image:url(../images/mediengestalter_header_print.png);
			}
			
			#header-skribbel{
			width:900px;
			height:100px;
			margin:0 0 10px 0;
			padding:0;
			font-family:Arial, Helvetica, sans-serif;
			font-size:9px;
			line-height:normal;
			font-weight:lighter;
			/*border:dashed 1px #999;*/
			background-image:url(../images/mediengestalter_header_skribbel.png);
			}
			
			#header-foto{
			width:900px;
			height:100px;
			margin:0 0 10px 0;
			padding:0;
			font-family:Arial, Helvetica, sans-serif;
			font-size:9px;
			line-height:normal;
			font-weight:lighter;
			/*border:dashed 1px #999;*/
			background-image:url(../images/mediengestalter_header_fotos.png);
			}
			
			
			#header-projekte{
			width:900px;
			height:100px;
			margin:0 0 10px 0;
			padding:0;
			font-family:Arial, Helvetica, sans-serif;
			font-size:9px;
			line-height:normal;
			font-weight:lighter;
			/*border:dashed 1px #999;*/
			background-image:url(../images/mediengestalter_header_projekte.png);
			}
			
			
			#header-storyboards{
			width:900px;
			height:100px;
			margin:0 0 10px 0;
			padding:0;
			font-family:Arial, Helvetica, sans-serif;
			font-size:9px;
			line-height:normal;
			font-weight:lighter;
			/*border:dashed 1px #999;*/
			background-image:url(../images/mediengestalter_header_storyboards.png);
			}
			
			
			#header-logos{
			width:900px;
			height:100px;
			margin:0 0 10px 0;
			padding:0;
			font-family:Arial, Helvetica, sans-serif;
			font-size:9px;
			line-height:normal;
			font-weight:lighter;
			/*border:dashed 1px #999;*/
			background-image:url(../images/mediengestalter_header_logos.png);
			}
			
			#header-bpapers{
			width:900px;
			height:100px;
			margin:0 0 10px 0;
			padding:0;
			font-family:Arial, Helvetica, sans-serif;
			font-size:9px;
			line-height:normal;
			font-weight:lighter;
			/*border:dashed 1px #999;*/
			background-image:url(../images/mediengestalter_header_businesspapers.png);
			}
			
			#header-web{
			width:900px;
			height:100px;
			margin:0 0 10px 0;
			padding:0;
			font-family:Arial, Helvetica, sans-serif;
			font-size:9px;
			line-height:normal;
			font-weight:lighter;
			/*border:dashed 1px #999;*/
			background-image:url(../images/mediengestalter_header_web.png);
			}
			
			#header-konzeption{
			width:900px;
			height:100px;
			margin:0 0 10px 0;
			padding:0;
			font-family:Arial, Helvetica, sans-serif;
			font-size:9px;
			line-height:normal;
			font-weight:lighter;
			/*border:dashed 1px #999;*/
			background-image:url(../images/mediengestalter_header_konzeption.png);
			}
			
			
			#header-sitemap{
			width:900px;
			height:100px;
			margin:0 0 10px 0;
			padding:0;
			font-family:Arial, Helvetica, sans-serif;
			font-size:9px;
			line-height:normal;
			font-weight:lighter;
			/*border:dashed 1px #999;*/
			background-image:url(../images/mediengestalter_header_sitemap.png);
			}
			
			#header-impressum{
			width:900px;
			height:100px;
			margin:0 0 10px 0;
			padding:0;
			font-family:Arial, Helvetica, sans-serif;
			font-size:9px;
			line-height:normal;
			font-weight:lighter;
			/*border:dashed 1px #999;*/
			background-image:url(../images/mediengestalter_header_impressum.png);
			}
			
			#header-kontakt{
			width:900px;
			height:100px;
			margin:0 0 10px 0;
			padding:0;
			font-family:Arial, Helvetica, sans-serif;
			font-size:9px;
			line-height:normal;
			font-weight:lighter;
			/*border:dashed 1px #999;*/
			background-image:url(../images/mediengestalter_header_kontakt.png);
			}
			/*- - - - - - - - - - - - - - - - - - small-header start - - - - - - - - - - - - - - - - - - - -  */
			
			
			#small-header{
			width:900px;
			height:35px;
			margin-bottom:10px;
			padding:13px 0 0 0;
			background-color:#000;
			font-size:0.75em;
/*			line-height:0.4em;*/
			color:#CFCFCF;
			/*border-bottom:solid 1px #222;*/
			}
			
			
			#small-header ul{
			list-style:none; 
			margin:0;
			padding:0;
			}
		
			#small-header ul li{
			display:inline;
			margin:0px;
			padding:5px 10px 0 10px;
			float:left;
			}
			
			#small-header ul li a			{text-decoration:none; color:#919191; font-size:1.3em;}
			#small-header ul li a:hover		{text-decoration:none; color:#fff;}
			

			
			/*- - - - - - - - - - - - - - - - - - small-header ende - - - - - - - - - - - - - - - - - - - -  */
			
			
			/*- - - - - - - - - - - - - - - - - - - - -Slideshow anfang  - - - - - - - - - - - - - - - - - -  */
			
			#slideshow{
			width:900px;
			height:350px;
			margin:0 0 10px 0;
			padding:0;
			background-color:#000;
			}

			
			/*- - - - - - - - - - - - - - - - - - - - -Slideshow ende  - - - - - - - - - - - - - - - - - - - -  */
			
			
			#main-content{
			width:820px;
			height:350px;
			margin:15px 0 15px 0;
			padding:0 40px;
			/*border:dashed 1px #999;*/
			background-color:#000;
			}
			
			#text{
			width:480px;
			margin:0;
			padding:5px 0;
			font-size:0.9em;
			line-height:1.2em;
			color:#F3F3F3;
			}
			
			#text p{border:none; padding:2px;}
			#text img{margin:5px 10px;}
			
			/*- - - - - - - - - - - - - - - - - - - - -Sitemap Settings  - - - - - - - - - - - - - - - - - - - -  */
			#main-content-sitemap{
			width:880px;
			height:100%;
			margin:15px 0;
			padding:10px;
			font-size:10px, 0.9em;
			background:#000;
			overflow:hidden;
			}
			
			.kleine-liste-top{
			width:252px;
			height:22px;
			text-decoration:none;
			list-style:none;
			border-bottom: 1px solid #454545;
			color:#666;
			font-size:18px;
			}
			
			.kleine-liste{
			width:250px;
			text-decoration:none;
			}
			
			#main-content-sitemap ul{
			list-style:none; 
			margin:0;
			padding:10px 0;
			}
		
			#main-content-sitemap ul li{
			display:block;
			margin:0px;
			padding:5px 10px 0 10px;
			/*float:left;*/
			}
			
			#main-content-sitemap ul li a			{text-decoration:none; color:#707070;}
			#main-content-sitemap ul li a:hover		{text-decoration:none; color:#fff;}
			
						
			#footer-sitemap{
			width:900px;
			height:40px;
			margin:20px 0 35px 0;
			padding:0px;
			font-size:0.9em;
			background-color:#000;
			}
			
			#footer-sitemap ul{
			list-style:none;
			width:860px;
			height:20px;
			margin:0;
			padding:13px 0 0 29px;
			}
		
			#footer-sitemap ul li{
			display:inline;
			margin:0px;
			padding:0 10px 0 10px;
			float:right;
			}
			
			#footer-sitemap ul li a			{text-decoration:none; color:#333;}
			#footer-sitemap ul li a:hover	{text-decoration:none; color:#999;}
			
			
			
			/*- - - - - - - - - - - - - - - - - - - - -Sitemap Ende  - - - - - - - - - - - - - - - - - - - -  */
			
			
			#impressum{
			width:600px;
			height:100%;
			margin:0;
			padding:0;
			font-size:0.9em;
			line-height:1.1em;
			color:#B0B0B0;

			}
			#impressum p{
			margin:3px 0;
			padding:0;
			border:none;
			}
			#impressum a				{color:#9F9F9F; text-decoration:none;}
			#impressum a:hover			{color:#DBDBDB; text-decoration:underline;}
			
			/*- - - - - - - - - - - - - - - - - - - - -Impressum Ende  - - - - - - - - - - - - - - - - - - - -  */
			
			
			
			#info-box{
			width:175px;
			height:125px;
			margin:15px;
			padding:0;
			float:left;
			background-color:#525252;
			border-top:#383838 10px solid;
			border-top-width:10px;
			}
			
			#footer{
			width:900px;
			height:30px;
			margin:15px 0 35px 0;
			padding:0px;
			background-color:#000;
			font-size:0.9em;
			line-height:0.4em;
			}
			
			#footer ul{
			list-style:none;
			margin:0;
			padding:0;
			}
		
			#footer ul li{
			display:inline;
			margin:0px;
			padding:13px 10px 0 10px;
			float:right;
			}
			
			#footer ul li a			{text-decoration:none; color:#333;}
			#footer ul li a:hover	{text-decoration:none; color:#999;}