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


body				{	background-color: #000;
						}

div#bluebox	{	background-color: #224b79; 
							margin-top: 50px;
							margin-left: auto;
							margin-right: auto;
							width: 958px;
							height: 704px;
							border-radius: 15px;
							position: relative;
						}

#logo_part_1	{	position: absolute;		/* Anfang des Logos */
							left: 7px;
							top: 20px;
						}
						
#logo_part_2	{	position: absolute;
							left: 135px;
							top: 5px;
							z-index: 200;
						}
						
#logo_part_3	{	position: absolute;
							left: 197px;
							top: 20px;
						}										/* Ende des Logos */

#navi a 	{	position: absolute; /* Größe und Position der Navigations-Buttons */
					top: 10px;
					width: 80px;
					height: 40px;
				}

a#ueber_mich		{	background-image: url(../images/ueber_mich_button.jpg); /* Anfang der Navigations-Buttons */
									right: 247px;
									border-radius: 10px 0px 0px 10px;
								}
							
a#zwei_d_galerie	{	background-image: url(../images/2d_galerie_button.jpg);
									right: 167px;
								}	
								
							
a#drei_d_galerie	{	background-image: url(../images/3d_galerie_button.jpg);
									right: 87px;
								}	
								

a#kontakt				{	background-image: url(../images/kontakt_button.jpg);
									right: 7px;
									border-radius: 0px 10px 10px 0px;
								}							
							

a#ueber_mich:hover,
a#ueber_mich:focus,	
a#ueber_mich:active			{	background-image: url(../images/ueber_mich_button_hover.jpg);
												border: 1px solid #FFF;
											}																	
																	
a#zwei_d_galerie:hover,	
a#zwei_d_galerie:focus,
a#zwei_d_galerie:active	{	background-image: url(../images/2d_galerie_button_hover.jpg);
												border: 1px solid #FFF;
											}
											
a#drei_d_galerie:hover	,	
a#drei_d_galerie:focus	,
a#drei_d_galerie:active		{	background-image: url(../images/3d_galerie_button_hover.jpg);
												border: 1px solid #FFF;
											}	

a#kontakt:hover,				
a#kontakt:focus,
a#kontakt:active				{	background-image: url(../images/kontakt_button_hover.jpg);
												border: 1px solid #FFF;
											}										/* Ende der Navigations-Buttons */

#linie	{	width: 941px;
				height: 1px;
				position: absolute;
				left: 8px;
				top: 55px;
				z-index: 100;
			}


div#inhalt		{	background-image: url(../images/eyecatcher.jpg);
							width: 942px;
							height: 320px;
							position: absolute;
							border: 1px solid #FFF;
							border-radius: 15px;
							top: 72px;
							left: 7px;
						}


	/* Unterkategorie-Boxen */





div#kategorie_1		{	background-color: #000;
									width: 302px;
									height: 182px;
									border: 1px solid #FFF;
									border-radius: 15px;
									position: absolute;	
									top: 513px;
									left: 7px;
								}
								
div#kategorie_2		{	background-color: #000;
									width: 302px;
									height: 182px;
									border: 1px solid #FFF;
									border-radius: 15px;
									position: absolute;	
									top: 513px;
									left: 327px;
								}
								
div#kategorie_3		{	background-color: #000;
									width: 302px;
									height: 182px;
									border: 1px solid #FFF;
									border-radius: 15px;
									position: absolute;	
									background-image: url(../images/zahnrad.jpg);
									background-repeat: no-repeat;
									background-position: bottom right;
									top: 513px;
									left: 647px;
								}


div#footer	{	position: relative;
						width: 958px;
						margin-top: 20px;
						margin-left: auto;
						margin-right: auto;
					}					

#footer a	{	font-family: Arial, Helvetica, sans-serif;
						font-size: 0.75em;
						color: #224b79;
						position: relative;
						float: right;
						margin-left: 10px;
						right: 7px;
					}
						
#footer a:hover	,
#footer a:focus,
#footer a:active		{	color: #CCC;
								}