@charset "utf-8";
/* CSS Document */

body              { font-family: Tahoma, Geneva, sans-serif;  font-size: 1em; color:#1240ab; background-color:#FFF ; margin-top:1em; }
  *                 { margin:0; padding:0;}
  a                 { color:#1240ab; text-decoration:none;}
  a:hover           { color:#F06;text-decoration:none;}
  h1                {font-family:"Times New Roman", Times, serif; font-size:2.2em; font-variant:small-caps; font-weight:400;}
  h2                { font-family:"Times New Roman", Times, serif; font-size:1.4em; font-variant:small-caps; font-weight:600;}
  h3                { font-family:"Times New Roman", Times, serif; font-size:1em; font-weight:500; letter-spacing:.05em;}
  .rot              { color:#d5171c;}
  .weiss            { color:#FFF;}
  .blau             { color: #06C;}
  .solid           { padding-bottom:.3em;border-bottom:1px solid #FFF;}
   
  
   /*CSS HEADER*/
  
   div#header             {  margin:auto; padding-left:4px; background:#FFF; width:960px; }

   div#header_logo        { float:left; background:#FFF url(../img/logo.jpg)  no-repeat left; width:236px; height:144px;margin-left:4px;  }

  div#header_logo h1      { display:none;top:1em; left:1em;  font-size:1.1em; color:#57759e; font-variant:small-caps; font-weight:200;}
  div#header_blau         { float:left; background:#FFF url(../img/blau_top.jpg) no-repeat top left; width:706px; height:144px; margin-left:4px;}
  
  div#header_blau  h2      { padding:1em 0 0 .5em ;}
       .font				{ font-size:1.3em;   color:#dbe2f2;font-weight:700;  }
	   .klein				{font-variant:normal;  font-size:.85em; padding-left:2em;color:#dbe2f2;font-weight:400;}

   /* END CSS HEADER*/
  
   div#weiss             { float:left; background: url(../img/weiss.jpg) no-repeat top ; width:236px; height:150px; margin-left:10px; }
   div#width h2           { width:100%; padding-bottom:.2em;}
   .ausrichtung          { text-align:right;  padding:2em  1em 1em 0;}
   div#blau_bottom      { float:left; background:#FFF url(../img/blau_bottom.jpg) no-repeat top  left ; width:704px; height:150px;}
  
   /*CSS nav */
   div#nav            { float:left;  font-variant:small-caps; font-size:.9em; font-weight:600;  margin:2.5em auto; }
  .box_nav                { width:433px; height:auto ; background: #FFF url(../img/navi_bottom.jpg) no-repeat  left bottom;}
  .box_nav_inner          { background: url(../img/navi_top.jpg) no-repeat left top; }
  div#nav ul          { list-style-type:none;margin-left:1em; margin-bottom:.5em;  padding:.4em;}
  div#nav li 		  { float:left; margin-bottom:.5em; text-align:left;  padding-right:1em; padding-left:.2em;  } 
	.zeichen          {background: url(../img/zeichen_navi.jpg)  right  no-repeat; margin:0 .4em;}
 /* END CSS nav */
 
 div#container     	  { margin-left:auto; margin-right:auto;  background: #dbe2f2 url(../img/container.jpg)  no-repeat top center; 
					  min-width:960px; max-width:1400px;  }
 div#container_inner {margin-left:auto; margin-right:auto;width:960px; }
  
   /*CSS content*/
   
  div#content_left      { float:left;width:245px; margin-top:.5em; margin-left:5px;background:  url(../img/bottom_left.jpg) no-repeat bottom left ;} /*div  hintergrund bottom Teil für content_left*/
		
		
  div#content_left h2   { background:  url(../img/top_left.jpg)   no-repeat left  top ; color:#FFF; padding:1em 2em .4em 1.7em; text-align:right;}/* div für top Teil linke Content mit 	h2*/
  	
	div#content_left ul  { width:80%; list-style-type:none; text-align:right;}
	div#content_left li  { width:90%; margin-left:1.7em; font-family: "Times New Roman", Times, serif; font-size:.9em; font-weight:600; border-bottom:1px dotted #FFF;
						  background:url(../img/pfeil_gorisont.jpg) no-repeat right;   padding:.3em 1em .3em 0em;}
   div#content_left img  {width:174px; height:150px; padding:2em 1em 1.2em 2em; margin:0;}
   
 
   div#content_right       		{ float:left; width:697px;  margin-left:10px; margin-top:.5em;/*background:#999  url(img/right_repeat.jpg) repeat-y;*/
   								background: url(../img/bottom_right.jpg) no-repeat bottom left;} /* div  hintergrund botom Teil  für content_right*/
          .box_right       		{  background: url(../img/top_right.jpg) no-repeat top left; }/* class für top Teil rechte Content*/
	  
	div#content_right h1   		{width:80%; margin:0 1em .3em 35px; padding-top:.4em;  border-bottom:1px dotted #FFF;
								background:url(../img/pfeil_vertik.jpg) no-repeat 0 1em; padding-left:.5em; }
	div#content_right h2   		{ width:80%;margin:0 1em .3em 55px; padding-top:.4em;  font-size:1.1em; }	
	  
	div#content_right h3    	{width:80%; margin:0 1em 0 55px; padding-top:.4em; padding-bottom:1em;}   
	div#content_right p   		{ width:70%;margin:1em 3em 0 55px; padding-bottom:.4em; font-size:.8em; line-height:1.2em; } 
	
	
	/* GAMINIAI CSS content*/  
	div#content_right h2.list   { width:70%;margin:0 1em .3em 55px; padding-top:.4em;  font-size:1em;
								background:url(../img/pfeil_vertik.jpg) no-repeat 0 1em; padding-left:1em; }
					.h2klein	{ font-size:1.1em;font-variant:normal; padding-left:1em; font-weight:400; }
	div#content_right ul        {  width:78%; margin:1em 3em 5px  75px; padding-bottom:.3em; list-style-type:none;border-bottom:1px dotted #FFF;}
	div#content_right ul.top_0  { margin-top:0;font-size:.9em; font-weight:600; border-bottom:1px dotted #FFF;}
	
	div#content_right  li       { padding-bottom:.6em; padding-top:.2em; padding-left:1em; font-size:.8em; background:url(../img/pfeil_gorisont.jpg) no-repeat 0 .3em; }
	
	div#content_right dl       {  width:78%; margin:.3em 3em 5px  45px; padding-bottom:.2em; list-style-type:none;border-bottom:1px dotted #FFF;}
	div#content_right dt		{ padding-bottom:.3em; padding-top:.2em; padding-left:1em; font-size:.7em;   }
	
	div#fotos					{width:100%;padding: 0; }
	 div#fotos ul      			 { list-style-type:none; float:left; padding:.2em 0 1em 0; border-bottom:none;  }
	div#fotos li        		{ background:none; float:left;padding:0 .2em .2em 1em ;}
	div#fotos li img    		{  border:1px solid  #7e91c7;}
	div#fotos li a img:hover    	{  border:1px solid  #F06;}
	
	
	/*  END GAMINIAI CSS content*/ 
	
	<!--CSS impressum content-->
	div#content_impressum          { float:left;  width:452px;   margin-top:1em;}
    
    div#text_impressum			{ width:400px;border-bottom: }
  	 
    div#text_impressum li h3    { padding:0; margin:0; font-size:1.2em; letter-spacing:.05em;font-weight:600; line-height:.9em;}
	div#text_impressum ul       { width:18em;float:left;  list-style:none; font-size:.9em; }
	div#text_impressum li		{background:none; }
	div#text_impressum li a     { text-decoration:underline; color:#5a080a;}
				.verlegung		{ margin-bottom:.7em;}
	<!---END  CSS impressum content-->
	
   /* end CSS content*/  
   
    div#flash         			{ width:955px;  margin:.5em auto 0 auto ;}
	 
	.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*/
 /* CSS footer*/ 
  div#footer          		   {margin:1em auto;  height:2em;;background:#FFF; min-width:960px; max-width:1400px;padding:.4em ; border-top:1px solid #1240ab;border-bottom:1px solid #1240ab;}
								 

div#footer ul                 {  width:960px; margin:.4em auto; } /* Vertikal. Einrückungen zwischen Listen (vertikalnije otstupi mezdu spiskami) */
  div#footer  li	 		    { float:left;display:inline; list-style-type:none;  padding-right:1.5em;font-size:.75em;}
  .dyvider                      {background:  url(../img/dyvider_footer.jpg) right no-repeat; margin:0 .5em; }	
  div#footer a				    { color:#5a080a; }
  div#footer a:hover            { color:#F00; }
  .design                       { margin-left:4em; margin-right:7em;}
 /*end of CSS footer*/