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



body													{	background-color:#FFF;
	
															font: normal 16px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
															
														  	overflow:auto;
															padding:0;
															margin:0;
															overflow:scroll;}



#wrapper											{	width:800px;
															min-height:560px;
															
															margin:auto;
															margin-top:0px;
															
															position:relative;
															
															background-color:#FFF;
															
															border: 1px solid;
															border-top-color:#ffe02a;
															border-right-color:#ffe02a;
															border-bottom-color:#ff3399;
															border-left-color:#ff3399;}

#header,
#space												{	background-color:transparent;}			


#content											{	background-color:#FFF;}				
/*---------------------------------------------------------------------------------------------------------------------------------*/

#header											{	width:800px;
															height:54px;
															background-image:url(images/header_bg_clean.jpg);
															background-repeat:no-repeat;
															
															border: none;
															
															margin:0px;
															margin-bottom:0px;}

h2													{	font:normal 16px "Palatino Linotype", "Book Antiqua", Palatino, serif;
															font-style:italic;
															font-style:oblique;
															color:#FFF;
															text-align:left;
															padding:20px 0px 0px 15px;}					

															
#space												{	width:790px;
															height:60px;
															
															border: 1px solid transparent;
															
															margin:4px;
															
															margin-right:0px;}

/*---------------------------------------------------------------------------------------------------------------------------------*/

#wrapper_navi								{	width:614px;
															height:60px;
															border: 1px solid transparent;
															
															margin:4px;
															margin-bottom:0px;
															
															position:absolute;
															top:53px;
															left:178px;}

#navi												{	width:598px;
															height:30px;
															border: 1px solid #cccbcd;
															padding-left:60px;
															padding-bottom:4px;
															background-color:#000;
															color:#cccbcd;
															font-style:italic;
															font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;}

															
#navi li												{	float:left;}															

ul ul 													{	display:none;}

ul li ul 									{	position: absolute;
															top:36px;
															left:85px;}

ul li:hover ul 									{	display: block; }

ul														{	list-style-type:none;}		

li														{	display:block;}														

ul li.selected_navi ul { display: block; }

ul li.selected_navi ul li a, ul li.selected_navi ul li a:visited{
	margin:1px;
	margin-left:30px;
	font-size:18px;
	color:#000 !important;
	display:block; }

#ueber_mich									{}

#arbeiten											{}

#impressum										{}

#kontakt											{}

#ueber_mich,
#arbeiten,
#impressum,
#kontakt											{	margin:1px;
															margin-left:40px;
															font-size:26px;}

#navi a											{	text-decoration:none;}	

#navi a,
#navi a:visited									{	color:#cccbcd;}

#navi li a:hover,
#navi li a:focus								{	color:#FFF;}


#corporate,
#illustration,
#print,
#fotografie,
#werbung										{	margin:1px;
															margin-left:30px;
															font-size:18px;
															color:#000;
															display:block;}
															

#navi ul li:hover ul li a 						{	margin:1px;
															margin-left:30px;
															font-size:18px;
															color:#000;
															display:block;}		


#navi ul li:hover ul li a:hover			{	color: #ed4a90;}	

#navi ul li:hover ul li							{	display:block;}	

.selected_ul_navi								{	color: #ed4a90;
															margin:1px;
															margin-left:30px;
															font-size:18px;
															display:block;}

.selected_navi									{	font-size:26px;
															color:#FFF;
															margin:1px;
															margin-left:40px;}


																
											
ul #navi.selected								{	}				

#navi ul li:hover ul li a:hover.selected_navi			{	color:#FFF;}
					
/*---------------------------------------------------------------------------------------------------------------------------------*/

#banner											{	width:880px;
															height:90px;
												     	    
															background-position: top left;
															background-repeat: no-repeat;
															border: 1px solid #cccbcd;
															margin:4px;
															margin-left:-40px;
															margin-bottom:0px;}


														
.me													{ background-image:url(images/banner_ueber_mich.png);}

.corporate											{ background-image:url(images/banner_corporate.png);}
															
.diploma											{ background-image:url(images/banner_diploma.png);}

.print												{ background-image:url(images/banner_print_weiss.png);}

.foto													{ background-image:url(images/banner_foto.png);}

.werbung											{ background-image:url(images/banner_werbung.png);}

.impressum										{	background-image:url(images/banner_impressum.png);}

.kontakt											{	background-image:url(images/banner_kontakt.png);}

#content											{	width: 702px;

															min-height:292px;
															margin:4px;
															
															border: 1px solid #cccbcd;
															padding:40px 44px 0px 44px;
															line-height:1.3;
															}

#content h3										{	font: bold italic 16px "Palatino Linotype", "Book Antiqua", Palatino, serif;
															text-align:left;
															line-height:1.5;}	



#content_kontakt_li h3					{	font: bold italic 16px "Palatino Linotype", "Book Antiqua", Palatino, serif;
															text-align:left;
															line-height:0.5;}	
																														
#content_info h3								{	font: bold italic 16px "Palatino Linotype", "Book Antiqua", Palatino, serif;
															text-align:left;
															line-height:2;}																
															
#content h4	,
#content_kontakt_li h4,
#content_kontakt_re h4					{	font: normal 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
															text-align:left;
															
															line-height:1.5;}	

#content_kontakt_li h4 span			{	line-height:2.8;}															

#content h5	,
#content_kontakt h5,
#content_kontakt_re h5						{	font: normal 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
															text-align:left;
															
															line-height:3;}																																																						

#content h4 a,
#content_kontakt h4 a					{	color:#ed4a90;}	


.content_img									{	border:1px solid transparent;
															width:660px;
															padding-left:40px;}
															
#content_ueber_mich						{	width: 745px;

															min-height:271px;
															margin:4px;
															
															border: 1px solid #cccbcd;
															padding:30px 0px 30px 44px;
															line-height:1.3;}															
															
#content_portrait							{	width:180px;
															height:240px;
															float:left;
															margin-top:20px;
															border:none;}

#content_info									{	border:1px solid transparent;
															border-left-color:#cccbcd;
															width:512px;
															height:264px;
															float:left;
															margin-left:14px;
															padding-top:16px;
															padding-left:14px;}

#content_kontakt							{	width: 702px;
															margin:4px;
															height:540px;
															
															border: 1px solid #cccbcd;
															padding:40px 44px 30px 44px;
															line-height:1.3;}
															
#content_kontakt_li						{	width: 296px;
															
															border: 1px solid transparent;
															float:left;}

#content_kontakt_re						{width: 360px;
															margin-top:2px;
															
															border: 1px solid transparent;
															float:left;}								
															
.trenner											{	margin-top: 8px;
															width:700px;
															height:4px;}
																												
#content,
#content p,
#content_ueber_mich	p,
#content_kontakt p							{	font-size:13px;
															text-align:left;}			

#content_info a								{	text-decoration:none;
															color:#ed4a90;}


.span_oben										{	line-height:3;}

.span_unten									{	line-height:0.5;}												
/*---------------------------------------------------------------------------------------------------------------------------------*/

#footer											{	width: 100%;
															height:58px;
															background: url(images/bg_footer_bottomfix.png) repeat-x left bottom;														
																														
															border: 1px solid #000;
}
															
address											{	font: italic 14px "Palatino Linotype", "Book Antiqua", Palatino, serif;
															color:#cccbcd;
															text-align:center; 
															padding-top:25px;}															

address a											{	text-decoration:none;}

address a	,
address a:visited,
address a:focus								{	color:#cccbcd;}			
														
address a:active,
address a:hover								{	color:#ff3399;}	


/**  contact form  **/
label.error {
	width: 300px;
	margin-left: -600px;
}