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

				/* CSS Document */
body 			{background-color:#333333; color:#FFFFFF; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:11px;}

				/* Span classes */
.subject_title	{font-weight:bold; font-size:13px; background-color:#0099CC; padding-left:2px; padding-right:2px;}
.subject		{font-weight:bold; background-color:#0099CC; padding-left:2px; padding-right:2px;}
.contact		{font-size:9px;}
.p_title		{font-weight:bold; font-size:13px;}
.p_title_small	{font-weight:bold;}
.image_desc		{font-size:9px;}

				/* Link classes */
a				{color:#FFFFFF; text-decoration:none;}
a:hover			{color:#007A9B;}

				/* Div elements */
#wrapper 		{width:1000px; margin:0px auto;}

				/* Div el;ements - banner */
#banner			{width:1000px; height:100px;}
#banner_center	{width:700px; height:50px; margin:0px auto;}
#banner_logo	{width:225px; height:50px; float:left; background-image:url(../images/logo.png);}
#banner_contact	{width:175px; height:50px; float:left;}
#banner_links	{width:300px; height:50px; float:left;}

				/* Div elements - links */
#link_1			{width:64px; height:15px; float:left; padding:5px; padding-top:15px; background-color:#0099CC;}
#link_2			{width:64px; height:15px; float:left; padding:5px; padding-top:15px; background-color:#0099CC; margin-left:1px;}
#link_3			{width:64px; height:15px; float:left; padding:5px; padding-top:15px; background-color:#0099CC; margin-left:1px;}
#link_4			{width:64px; height:15px; float:left; padding:5px; padding-top:15px; background-color:#0099CC; margin-left:1px;}
#link_mail		{width:100px; height:25px; float:left; padding:5px; padding-top:5px; margin-left:1px;}

				/* Div elements - portfolio projects */
#links			{width:135px; height:490px; padding:5px; float:left; text-align:right; padding-right:10px;}
#links a 		{color:#FFFFFF; text-decoration:none;}
#links a:hover 	{color:#FFFFFF; text-decoration:none; background-color:#666666; padding-left:2px; padding-right:2px;}

				/* Div elements - content */
#container		{width:700px; height:500px; float:left; }
#content_norm	{width:385px; height:490px; float:left; padding:5px; padding-right:10px;}
#content_blue	{width:290px; height:490px; float:left; padding:5px; background-color:#0099CC;}

				/* Div elements - index page */
#content_norm_i	{width:385px; height:105px; float:left; padding:5px; padding-right:10px;}
#content_blue_i	{width:290px; height:105px; float:left; padding:5px; background-color:#0099CC;}
#content_gallery{width:700px; height:300px; float:left; margin-top:10px; background-image:url(../images/newest.jpg);}
#gallery_title	{width:185px; height:20px; margin-left:10px; margin-top:260px; padding:5px; font-size:18px; font-weight:bold; background-color:#0099CC;}

				/* Div elements - blog entries */
#blog_dates		{width:690px; height:30px; float:left; margin-top:10px; padding:5px; background-color:#0099CC;}
#blog_entry		{width:700px; height:300px; float:left; margin-top:10px;}
#blog_text		{width:190px; height:290px; float:left; padding:5px;}
#blog_visual	{width:500px; height:300px; float:left; background-color:#FFFFFF;}

				/* Div elements - blog item links */
#blog_dates a 		{color:#FFFFFF; font-weight:bold; background-color:#0081ac;}
#blog_dates a:hover {background-color:#0189b6; text-decoration:none;}


				/* Div elements - empty placeholder */
#rechts 		{width:140px; height:490px; padding:5px; float:left;}

#portfolio_i	{width:700px; height:420px; margin-top:30px; background-color:4C4C4C;}
#portfolio_i_f_l{width:500px; height:450px; margin-top:30px; padding-left:200px; background-color:#252223;}
#portfolio_i_f	{width:700px; height:20px; background-color:4C4C4C; padding:0px;}
#wrap_descript	{width:700px;height:130px;}
#portfolio_c	{width:385px; height:120px; float:left; padding:5px; padding-right:10px;}
#portfolio_d	{width:290px; height:120px; float:left; padding:5px; background-color:#0099CC;}

#footer			{width:700px; height:40px; float:left;}