@charset "utf-8";
/* CSS Document */
 body          		{ margin-top:20px; background:#fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1em;}
   *              		{ margin:0; padding:0;}
   
   div#container     	{ margin-left:auto; margin-right:auto; background:#FFF url(../img/bg_repeat.jpg) repeat-y top left ;  
 					  	min-width:928px; max-width:1005px; border-left:1px  solid #17120f;border-top:1px  solid #17120f;}
  				  
  div#header          	{ position: relative; background:#999 url(../img/header.jpg)  no-repeat center top ; width:928px; height:119px; z-index:1}
  div#header  h2	  	{ position:absolute; bottom:-.3em; left:13.2em; font-family:"Adobe Caslon Pro"; font-size:1.5em; font-weight:300; color:#FFF;}
  div#header  h1      	{ position:absolute;  bottom:-.12em; left:13.2em; font-family:"Lithos Pro Regular"; font-size:2.3em; text-transform:capitalize;font-weight:300; color:#17120f;}
  div#header_logo    	{ position:absolute; top:1em; left:1em; background:  url(../img/logo_transparent.png) no-repeat!important; width:96px; height:93px; z-index:2;
  						background:url(../img/logo_transparent_1.gif) no-repeat; width:96px; height:93px;z-index:2;}
						
div#sidebar				{ float: left; width:311px; display:inline;background:#999 url(../img/left_repeat.jpg) repeat-y top left;}
   .left 	            { position:relative; top:5em; left:1em; width:7em;  }
div#sidebar p       	{ font-family: "Adobe Caslon Pro"; font-size:1.1em; letter-spacing:.05em; color:#000;  font-weight:500;text-align:right; }
  .right            	{ position:relative; top:4em; left:10em; width:5em; }
div#sidebar ul     		{ list-style-type:none; margin-top:1em;}
div#sidebar li     		{ font-size:1em;  color:#dcdbda; font-weight:100;  text-align:left; padding:.3em 0 ;}
  
div#nav           		{ float: left; width:164px;display:inline; border-top:1px solid #17120f ; top:0; left:0; margin-top:1em;}

 .nav ul          		{ width:8em;float:left; list-style-type:none; margin:1em 0 0 1em; }
.nav li					{  padding:0 0 0 1em;  margin-bottom:.5em;  font-size:1em; font-variant:small-caps;  letter-spacing:.06em; font-weight:500;  }
  a						{ color:#4c0909; text-decoration:none;}
 .znak        			{ background: url(../img/znak_links.jpg) left no-repeat; }
 .nav a:hover           { color:#F00; text-align:right; font-size:.9em;}
.nav li:hover    		{background:url(../img/znak_links.jpg)  right no-repeat; position:relative; right:1em; }
 
 
 div#content        	{ float:left; display:inline; width:452px; height:469px; background:#FFF url(../img/bg_content.jpg) no-repeat top ; margin-top:1em; }
 div#content img    	{ float:left; display:inline; padding:.1em .5em 2.5em 1em;}
 
 div#text            	{ width:13em; float:right; padding:0 1.5em 1em 0;}
 div#text h3          	{font-family:"Adobe Caslon Pro"; font-size:1.5em; color:#929191; font-weight:400; padding-bottom:.5em;}
 div#text p			 	{  font-size:.8em; line-height:1.6em; }
 
 
 /* CSS nur für Projekte.html*/
 div#nav_projekte       	    { float: left; width:135px; height:558px;display:inline; background:#FFF url(../img/nav_projekte_mask.jpg) left; margin-top:1em; }
 
 div#content_projekte 		    { float:left; display:inline; width:482px; background:#FFF  url(../img/content_projekt.jpg) repeat-y top left ;
 								 margin-top:1em; border-bottom:1px solid #17120f;}
 			.obenLinie  	    { position:relative; right:0; top:-1em; }
 div#content_projekte ul		{width:90% ; float:left;  list-style-type:none;  margin-bottom:.2em; margin-top:.2em; padding:.5em ; }
 div#content_projekte li    	{ float:right;  margin-left:.5em; padding:.2em;  }
 
 div#content_projekte li p  	{ width:18em; padding-left:0;font-size:.8em; letter-spacing:.05em; color:#17120f;}
 div#content_projekte li  h3 	 {width:14em; padding-left:1em; line-height:.8 em;font-size:1em; font-weight:500; }

 div#content_projekte li a img 	{ width:146px; height:87px; margin-left:1em; margin-bottom:.5em; border:1px solid #999;}  
		   
 div#content_projekte li a img:hover { border:1px solid #F00;;}
 div#content_projekte li h3 a:hover  {color: #F00; font-size:1em;}      
/* End css  für Projekte.html */

/* CSS nur für mailform.php*/
  div#text_form				  { float:left; width:20em; margin:1em 0 0 1em;}
  div#formcontainer           { float:right;display:inline; width:20em; height:15em; margin-right:1em; margin-top:-1em;}
 
 div#formcontainer h3         {font-size:1.1em; letter-spacing:.05em;color:#4c0909;font-weight:500; line-height:.9em; padding:.3em 0 1.5em .8em; }
             .td			  {font-size:.75em;  color:#17120f; line-height:.9em; padding:.8em ; }
			 .send_msg		   {font-size:1em;  color:#17120f; line-height:.9em; margin:3em 1em 0 2em; padding:.8em ;}
			 
 input[type="text"],textarea  { border-top:1px solid #540c0c; border-left:1px solid #540c0c ; border-right:1px solid #540c0c ;}
                 .button      { width:128px; height:22px; background:url(../img/button.jpg) 0px 0px  no-repeat #ccc;}
		   .button:hover	  { width:128px; height:22px; background:url(../img/button.jpg) 0px -28px no-repeat #ccc;}
 
 
/* End css  für mailform.php */
 
  /* CSS nur für impressum.html*/
 div#content_impressum          { float:left; display:inline; width:452px; height:469px; background:#FFF url(../img/content_impressum.jpg) no-repeat top left ; margin-top:1em;}
 div#content_impressum img      {float:left; display:inline; padding:.1em 0 2.5em 1.1em; }
  div#text_impressum			{ width:18em; float:right; padding:2em 0 0 0 ;color:#000;}
  					h4   		{ font-size:1em; color:#999;  font-weight:400;}
  div#text_impressum h3         { font-size:1.1em; letter-spacing:.05em;color:#4c0909;font-weight:500; line-height:.9em;}
	div#text_impressum ul       { width:18em;float:left;  list-style:none; font-size:.75em;}
	div#text_impressum li a     { text-decoration:underline;}
				.verlegung		{ margin-bottom:1em;}
 
 /* End css  für impressum.html */
 
  /* CSS nur für design.html*/
 div#content_design			{ float:left; display:inline; width:482px; background:#FFF  url(../img/content_projekt.jpg) repeat-y top left ; 
 						     margin-top:1em; border-bottom:1px solid #17120f;}
 			
 div#content_design ul		{width:90% ; float:left;  list-style-type:none;  margin:.2em 0 .2em 1em; padding:.5em ; border-bottom:1px dotted #17120f;}
 div#content_design li    	{ float:left; margin-left:1em; padding:.2em;  }
 
 div#content_design li p  	{ width:18em; padding-left:0;font-size:.8em; letter-spacing:.05em; }
 div#content_design li h3 a {width:14em; padding-left:1em; line-height:.8em;font-size:.75em; font-weight:300; color:#999;}

 div#content_design li a img { width:146px; height:87px;  margin-bottom:.5em; border:1px solid #999;}  
		   
 div#content_design li a img:hover {border:1px solid #F00; }
 div#content_design li h3 a:hover  {color: #F00; font-size:.75em;}  
 /* End css  für design.html */
 	
  /* CSS nur für design-Ausstellung Seiten*/
 div#container_leer			{ margin-left:auto; margin-right:auto; background:#FFF;  border-bottom:1px solid #17120f;
 					  	    min-width:928px; max-width:1005px; border-top:1px  solid #17120f;}
 .caption                  {width:50%; float:left; margin:1em 0 1em 0;line-height:.8em;font-size:1.2em; color: #999; font-weight:400; text-align:left;}
 div#weiter                { width:20%; float:right; color: #900;margin:1em 0 1em 0;}
 div#weiter  a             { color:#000;}
 div#weiter  a:hover       { color:#F00;}
 div#positionImg		   { margin-top:1em; margin-bottom:1em; }
 
  /* End css  für design-Ausstellung Seiten */
  
   /* CSS nur für galery.html*/
   div#content_galery			{ float:left; display:inline; width:482px; background:#FFF  url(../img/content_projekt.jpg) repeat-y top left ; 
 						     margin-top:1em; border-bottom:1px solid #17120f;}
 			
 div#content_galery ul		{width:90% ; float:left;  list-style-type:none;  margin:.2em 0 .2em 1em; padding:.5em ; border-bottom:1px dotted #17120f;}
 div#content_galery li    	{ float:left; margin-left:1.5em; padding:.2em;  }
 
 div#content_galeryli p  	{ width:18em; padding-left:0;font-size:.8em; letter-spacing:.05em; }
 div#content_galery li h3 a {width:14em; padding-left:1em; line-height:.8em;font-size:.75em; font-weight:300; color:#999;}

 div#content_galery li a img { width:170px; height:114px;  margin-bottom:.5em; border:1px solid #999;}  
		   
 div#content_galery li a img:hover {border:1px solid #F00; }
 div#content_galery li h3 a:hover  {color: #F00; font-size:.75em;}  
   
  /* End css  für  galery.html */
 
 .clearfloats         		 	{ clear:both;}

 /* Clear Olset Methode*/
   .clearfix:after              { content:"."; /* Punkt am Ende vor ende div*/
   					             display:block; /*inline elemente reagiert nicht auf eigenschaft : clear*/
					     		 height:0; /* Punkt hidden */
					 			 clear:both; /* Container clear Punkt*/
					  		     visibility: hidden; /*garantie -Punkt unvissible für punkt*/}
					  
  .clearfix        			 	{ display:inline-block;/* Hack für IE Mac*/}
  
 *html.clearfix     			{ height:1%;}
   
  .clearfix     				{ display:block;}/* Ende für versteckung für IE-mac*/
  /*end of Clear Olset Methode*/
  
 
 div#footer          		{ width:616px;  position:relative; left:315px; }
  div#footer img            { margin:0; padding:0;}
  div#footer ul 			{margin:0 20px 0 0; padding:0 0 .5em 0;  text-align: right; } /* Vertikal. Einrückungen zwischen Listen (vertikalnije otstupi mezdu spiskami) */
 div#footer li 				{display:inline; /* bildet horisontal Listendarstellung (sozdaot gorisontalnoje otobrazenije spiskov)*/
 							padding:0 1em 0 .3em; }
.dyvider                    {background: url(../img/dyvider_footer.jpg) right no-repeat; }								 

								 
 .linie                     { width:95%; position:relative; top:.2em; left:.5em; border-bottom:1px solid #929191; }
.copyright					{ margin:0 4em 0 0;font-size:.7em; color:#929191; font-style:italic; font-weight:300;}
 
 div#footer ul li a 		{text-decoration:none; 
 							 font-size:.7em; font-weight:500;  }
 div#footer ul li a:hover 	{text-decoration:none; color: #F00;}