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

html
	{
	height: 100%;
	}

a
	{
		color: #888;
		cursor: pointer;
	}

a:link
	{
		color: #888;
	}

a:visited
	{
		color: #888;
	text-decoration: none;
	}
	
a:hover
	{
	color: #fff;
	text-decoration: underline;
	text-shadow: 0 0 10px #fff, 0 0 12px #fff
	}

.textlink
	{
	text-decoration: underline;
	cursor: pointer;
	}
	
p
	{
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #383838;
	}
	
body
	{
	font-family: "Segoe UI", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #383838;
	text-align: center;
	background-image: url(../images/background_site.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #c1c1c2;
	overflow: scroll;
	margin: 0px;
	line-height: 1.8em;
	height: 100%;
	}
	
.projekte, 
#lebenslauf_stretcher1, 
#lebenslauf_stretcher2, 
.kontakt, 
.about, 
.philosophie, 
.apozin_30, 
.apozin_hp,
.apozin_print, 
.blamesphere, 
.academia, 
.pharmazin, 
.produkt, 
.paprica, 
#project_controls, 
.info_container
	{
	height: 0px;
	}

#sections,
div.right_part,
ul.lavaLamp li,
ul.lavaLamp li a,
.welcome_separator_line,
.welcome_button_container,
.welcome_button_container img,
.welcome_button_text,
.kontakt table,
.footer,
.thumbnails,
.thumbnails img,
div#lebenslauf div.footer_text ul.info_main_list,
div#lebenslauf div.footer_text,
div#lebenslauf div.footer_text ul:first-child ul,
div#lebenslauf div.footer_text ul li,
div#lebenslauf div.footer_text ul li span,
div#lebenslauf div.footer_text ul li a,
div#lebenslauf div.footer_text ul div.info ul li,
div#lebenslauf div.footer_text ul li strong,
#blamesphere_map,
.real_footer,
.real_footer.welcome,
.real_footer,
.real_footer li,
.info,
.info_container,
.info span,
.info_wrapper,
div.foddo,
div.skillometer,
div.lebenslauf_sidebar_inner,
div.skillometer ul li ul,
div.skillometer ul li ul li,
.xhtml_button_off,
span.lebenslauf_anfrage,
div.welcome_button_wrapper,
div.ie_warning_browser,
div#lebenslauf div.footer_text ul 
	{
	float: left;
	}
		
.hide_button1,
.hide_button2,
#lebenslauf,
.lebenslauf_stretcher_text,
.info a,
.thumbnails,
a.close
	{
	display: none;
	}	
	
#screen
	{
	width: 960px;
	margin: 0 auto 0 auto;
	text-align: left;
	}

h1
	{
	font-size: 35px;
	text-shadow: 0 1px 0 #ffffff;
	margin: 0px 0 30px;
	width: 400px;
	line-height: 1.2em;
	font-weight: normal;
	}

h2
	{
	font-size: 50px;
	margin: 10px 0;
	clear: left;
	font-weight: normal;
	}

h3
	{
	font-size: 22px;
	text-shadow: 0 1px 0 #ffffff;
	clear: left;
	color: #646464;
	font-weight: normal;
	letter-spacing:0.08em;
	}

h4
	{
	color:#A9AAB0;
	font-size:20px;
	font-weight:normal;
	line-height:1.7em;
	margin:5px 0 19px 14px;
	text-shadow:0 0 2px #777777, 0 0 9px #333333;
	}

#subline
	{ 
	color: #636363;
	text-shadow: 0 1px 0 #ffffff;
	font-size: 18px;
	margin: 30px 0 0 0;
	width: 400px;
	}

#sections
	{
	width: 960px;
	height: 500px;
	overflow: hidden;
	background-image: url(../images/gradient.png);
	background-color: #002b48;
	}
	
/*			#sections.shadows
			{
			overflow: hidden;
			background-image: none;
			background-color: 
			z-index: 5;
			margin-bottom: -500px;
			}*/

#controls
	{
	z-index: 200;
	position: relative;
	width: 243px;
	height: 440px;
	background-image: url(../images/control_bg.png);
	top: 0px;
	left: 0px;
	}
	
	#controls table
	{
	margin: 105px 0 0 57px;
	}
	
#main_container
	{
	margin: 0 auto;
	width: 1070px;
	position: relative;
	}
	
	div.left_part
		{
			background: url(../images/left_part.jpg) no-repeat right top;
			width: 55px;
			height: 86px;
			position: absolute;
			left: 0px;
			top: 0px;
		}
	
	div.right_part
		{
			background: url(../images/right_part.jpg) no-repeat right top;
			width: 55px;
			height: 86px;
			position: absolute;
			right: 0px;
			top: 0px;
		}

#header
	{
	width: 960px;
	background-image: url(../images/header_bg.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	height: 77px;
	}

#header a
	{
		color: #000;
	}

ul.lavaLamp li
	{
	font-size: 14px;
	margin-right: 2px;
	height: 75px;
	width: 125px;
	}

ul.lavaLamp li+li
	{
		float:right;
	}

	ul.lavaLamp li a.scroll0
		{
			background: url(../images/m3000logo.png)  no-repeat center center;
		}

	ul.lavaLamp li a.scroll3
		{
			background: url(../images/link_projekte.png) no-repeat center center;
		}

	ul.lavaLamp li a.scroll1
		{
			background: url(../images/link_philosophie.png) no-repeat center center;
		}

	ul.lavaLamp li a.scroll2
		{
			background: url(../images/link_lebenslauf.png) no-repeat center center;
		}

	ul.lavaLamp li a.contact
		{
			background: url(../images/link_kontakt.png) no-repeat center center;
		}

	ul.lavaLamp li.back
		{
		margin: 0px;
		}
		
	ul.lavaLamp li + li + li
		{
		margin-left: 2px;
		}

	ul.lavaLamp li a
		{
		cursor: pointer;
		margin: 0px;
		position: relative;
		z-index: 10;
		display: block;
		text-align: center;
		width: 100%;
		height: 75px;
		}
				ul.lavaLamp li a:hover
				{
					text-decoration: none;
				}
				
		ul.lavaLamp li:first-child
			{
			margin: 0 40px 0 45px;
			position: relative;
			z-index: 10;
			}
	
#lebenslauf_stretcher1
	{
	overflow: hidden;
	line-height: 2em;
	}

#lebenslauf_stretcher2
	{
	overflow: hidden;
	line-height: 2em;
	}


.welcome_content
	{
		margin: 0 auto;
		display: block;
		width: 1021px;
	}
	
.welcome_separator_line
	{
		background-image: url(../images/thin_vertical_line.png);
		background-repeat: repeat-y;
		background-position: center;
		width: 2px;
		height: 120px;
		margin-top: 20px;
	}
	
.welcome_button_container
	{
	width: 300px;
	padding-right: 18px;
	cursor: pointer;
	}
					
				.welcome_button_container img
					{
					margin-top: 20px;
					}
					
#welcome_full_width
	{
	width: 100%;
	background-image: url(../images/welcome_back.png);
	background-repeat: repeat-x;
	background-position: top;
	height: 260px;
	position: absolute;
	overflow: hidden;
	}
	
#color_filler
	{
	background-color: #FFF;
	width: 100%;
	height: 100%;
	}

.welcome_button_text
	{
	text-align: left;
	width: 150px;
	}

	
		.kontakt table
			{
				margin: 10px;
			}
			
.kontaktformular
		{
			border: none;
			font-family: Arial, Helvetica, sans-serif;
			color: #666666;
		}
	
#default_footer
	{
	background-image: url(../images/footer_complete.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #c1c1c2;
	text-align: center;
	position: relative;
	bottom: 0px;
	height: 200px;
	width: 100%;
	}
	
.footer
	{
	background-image: url(../images/footer_complete.png);
	background-repeat: no-repeat;
	background-position: top center;
	width: 100%;
	overflow: hidden;
	}
	
						div.projekte.footer div.footer_content span
							{
								font-size: 10px;
								padding: 0px;
							}
				
				div.footer_content
					{
						margin-top: 0;
						overflow: visible;
						position: relative;
						width: 960px;
						margin: 0 auto;
						text-align: left;
						padding-left: 40px;
						padding-right: 40px;
					}
				
						div.projekte div.footer_content a.button
							{
								margin-left: 50px;
							}
				
						div.projekte div.footer_content img
							{
								vertical-align: top;
							}
	
#project_controls
	{
	z-index: 6;
	margin: 0 0 -166px 40px;
	color: #FFF;
	border-left: 1px solid #406178;
	position: absolute;
	overflow: hidden;
	}
	
		#project_controls a
			{
			cursor: pointer;
			color: #FFF;
			margin-left: 17px;
			display: block;
			font-weight: bold;
			font-size: 12px;
			}
	
			#project_controls a:hover
				{
					text-decoration: none;
					text-shadow: 0 0 8px #fff, 0 0 10px #fff
				}
	
			#project_controls a.scroll3-3:hover
				{
					text-shadow: 0 0 20px #000, 0 0 20px #000
				}
	/*
				#project_controls a.scroll3-1
					{
						background: url(../images/nav_apozin_30.png) no-repeat left center;
					}
	
				#project_controls a.scroll3-2
					{
						background: url(../images/nav_apozin_hp.png) no-repeat left center;
					}
	
				#project_controls a.scroll3-6
					{
						background: url(../images/nav_apozin_print.png) no-repeat left center;
					}
	
				#project_controls a.scroll3-3
					{
						background: url(../images/nav_blamesphere.png) no-repeat left center;
					}
	
				#project_controls a.scroll3-4
					{
						background: url(../images/nav_academia.png) no-repeat left center;
					}
	
				#project_controls a.scroll3-5
					{
						background: url(../images/nav_pharmazin.png) no-repeat left center;
					}
	
				#project_controls a.scroll3-7
					{
						background: url(../images/nav_vidal.png) no-repeat left center;
					}
	
				#project_controls a.scroll3-8
					{
						background: url(../images/nav_paprica.png) no-repeat left center;
					}
					*/
		#project_controls img
			{
			margin: 5px 0 5px 0px;
			}
			
		#project_controls table
			{
				height: 100%;
			}
	
	
.thumbnails
	{
	margin: 20px 0 0 0px;
	z-index: 5;
	width: 225px;
	}	
				.thumbnails img
					{
					margin: 5px;
					}
					
.footer_text
	{
	width: 200px;
	margin: 40px 0 0 40px;
	color: #383838;
	float:left;
	}
					
		div.philosophie div.footer_text, div.kontakt div.footer_text, div.about div.footer_text
			{
			width: 500px;
			}
					
		.footer_text.lebenslauf
			{
			width: 800px;
			margin: 10px 0 40px 40px;
			}
					
		div#lebenslauf div.footer_text
			{
				background: url("../images/arrow_top.png") no-repeat scroll 58px 76px transparent;
				padding-top: 0;
			}
					
		div#lebenslauf div.footer_text ul.info_main_list
			{
				background: url("../images/arrow_line.gif") repeat-y scroll 64px 50% transparent;
				margin-top: 12px;
				padding: 35px 0 45px 0;
			}
					
		div#lebenslauf div.footer_text ul.info_main_list li
			{
				list-style-type: none;
			}
					
		div#lebenslauf div.footer_text ul:first-child ul
			{
				background: none;
				list-style-type: none;
				margin-top: 0px;
				padding: 0px;
			}
					
		div#lebenslauf div.footer_text ul li
			{
				margin: 15px 0;
				background: url(../images/arrow_right.png) 66px top no-repeat;
				clear: left;
			}
					
		div#lebenslauf div.footer_text ul li a
			{
				color: #383838;
				height: 20px;
				padding-right: 20px;
				padding-bottom: 0px;
			}
					
				div#lebenslauf div.footer_text ul li a:hover
					{
						text-decoration:none;
						color:#fff;
					}
					
		div#lebenslauf div.footer_text ul div.info ul li
			{
				margin: 0px;
				background: none;
				color: #aaaaaa;
			}
					
		div#lebenslauf div.footer_text ul li strong
			{
				margin-right: 70px;
				color: #959595;
				text-shadow: 0 1px 0 #FFFFFF;
				font-size: 14px;
				font-weight: bold;
			}
								
					.lebenslauf_box
						{
						margin: 5px 0 5px 78px;
						width: 490px;
						}
						
			.footer_text table
			{
			/*margin: 10px 20px 0 0px;*/
			}
						
.lebenslauf_stretcher_text
	{
	margin: 10px 0 10px 70px;
	}
					
.close_button_settings
	{
		cursor: pointer;
		float: right;
		position: absolute;
		right: 60px;
		top: 20px;
	}
	
#blamesphere_map
	{
	width: 277px;
	height: 200px;
	background-image: url(../images/blamesphere_none.png);
	background-position: bottom;
	background-repeat: no-repeat;
	}
	
.real_footer
	{
		width: 960px;
		margin: 50px 0 50px 0;
	}
	
			.real_footer a
				{
				cursor: pointer;
				}

	
			.real_footer.welcome
				{
					width: 960px;
					margin: 40px 0 100px 30px;
					padding: 0px;
				}

	
			.real_footer
				{
					margin-left: 0px;
					padding: 0px;
				}
				
			.real_footer li
				{
					list-style-type: none;
					padding: 0 10px;
					background: url("../images/thin_vertical_line.png") right top repeat-y;
				}
	
			.real_footer li:first-child
				{
					padding-left: 0px;
				}

			.real_footer li + li + li
				{
					background: none;
					margin-right: 302px;
				}
	
			.real_footer li + li + li + li
				{
					margin-right: 0px;
					padding: 0px;
					width: 94px;
					height: 20px;
					border: none;
				}
	
			.real_footer li + li + li + li + li
				{
					margin-right: 0px;
					padding: 0 0 0 10px;
					width: auto;
					height: auto;
					border: none;
				}
				
/*#mask { 
    background: #678 url(/tools/img/expose/mask_gradient_1000.png) no-repeat; 
    background-position: 13% 160px; 
}*/


.lebenslauf_control
	{
	float: right;
	cursor: pointer;
	}
	
.lebenslauf_text
	{
	font-size: 12px;
	line-height: 2.5em;
	}
	
.lebenslauf_text_big
	{
	font-weight: bold;
	font-size: 12px;
	clear: left;
	margin: 5px 0 5px 0px;
	}
	
.lebenslauf_text_big_subline
	{
		font-size: 12px;	
		clear: left;
		margin: 10px 0 10px 0px;
	}
	
.lebenslauf_sidebar
		{
			float: right;
			width: 220px;
			background: url(../images/skillometer_left.png) no-repeat left 249px;
			position: relative;
			right: 65px;
			top: -10px;
		}
	
.sidebar
		{
			float: right;
			margin-right: 35px;
			margin-top: 69px;
		}
	
			.sidebar img
					{
						margin-top:49px;
					}
		
a.open
		{
			background: url(../images/down_button.png) top right no-repeat;
		}
				
		a.open:hover
				{
					background-position: bottom right;
				}
		
a.close
		{
			background: url(../images/down_button.png) right -19px no-repeat;
		}
		
a.webdesigner
		{
			width: 77px;
		}
		
a.education
		{
			width: 157px;
		}
		
.info
		{
			background: url("../images/info_left.png") no-repeat scroll left 4px transparent;
			margin: 0 0 17px 90px;
		}
		
.info a
		{
			background: url(../images/down_button.png) bottom right no-repeat;
		}
		
.info_container
		{
			overflow: hidden;
			padding: 0 30px 0 0;
			position:relative;
		}
		
.bubble_arrow
		{
			background:url(../images/bubble_arrow.png) no-repeat top left;
			width: 27px;
			height: 13px;
			position:absolute;
			top: 4px;
		}
		
		.bubble_arrow.wd
				{
					left: 177px;
				}
		
		.bubble_arrow.ed
				{
					left: 257px;
				}
		
div#lebenslauf div.footer_text .info span:first-child
		{
			background: url("../images/info_tr.png") no-repeat scroll 0 0 transparent;
			display: block;
			float: right;
			height: 30px;
			margin: 0 -30px 0 0;
			width: 30px;
		}
		
.info span
		{
			background: url("../images/info_lb.png") no-repeat scroll 0 0 transparent;
			clear: left;
			display: block;
			height: 30px;
			margin: 0 0 -30px -5px;
			width: 30px;
		}
		
.info_wrapper
		{
			background: url("../images/info_right.png") no-repeat scroll right bottom transparent;
			margin:30px -27px -27px 25px;
			width:425px;
		}
		
.info_wrapper ul
		{
			border-top:1px solid #868686;
			margin-left:10px;
			padding:10px 0 31px 0;
		}
		
.info_wrapper p
		{
			color:#AAAAAA;
			float:left;
			font-weight:bold;
			margin:0 0 15px 11px;
			padding:0;
		}

.align_right
	{
	margin: 20px 20px 0 0px;
	float: right;
	}
	
div.foddo
	{
		background: url(../images/skillometer_foddo.png) no-repeat top center;
		width: 231px;
		height: 249px;
		}
	
div.skillometer ul
	{
		padding-left: 0px;
		background: none;
	}
	
div.skillometer
	{
		background: url(../images/skillometer_middle.png) repeat-x top;
		margin-left: 7px;
		padding: 0 0 120px 19px;
		width: 198px;
	}
	
a.hidden_trigger
	{
		position:absolute;
		bottom:105px;
		height:20px;
		right:0;
		width:20px;
		}
	
div.lebenslauf_sidebar_inner
	{
		background: url(../images/skillometer_right.png) no-repeat right 249px;
	}
	
div.skillometer ul li ul
	{
		background: url(../images/skillometer_meter_empty.png) repeat-x top;
		width: 178px;
	}
	
div.skillometer ul li
	{
		list-style-type: none;
		clear: left;
		width: 200px;
		margin-bottom:7px;
	}
	
div.skillometer ul li ul li
	{
		background: url(../images/skillometer_meter_left.png) no-repeat left top;
		height: 26px;
		width: 8px;
		clear: none;
	}
	
div.skillometer ul li ul li+li
	{
		background: url(../images/skillometer_meter_middle.png) repeat-x left top;
		height: 26px;
	}
	
div.skillometer ul li ul li+li+li
	{
		background: url(../images/skillometer_meter_right.png) no-repeat left top;
		height: 26px;
		width: 5px;
	}
	
div.skillometer ul li ul li+li+li+li
	{
		background: url(../images/skillometer_meter_empty_right.png) no-repeat left top;
		height: 26px;
		width: 5px;
		float: right;		
	}
	
	
/* Styles for the entire LavaLamp menu */
.lavaLamp {
    position: relative;
    height: 77px;
	width: 938px;
	margin: 0px;
}
    /* Force the list to flow horizontally */
    .lavaLamp li {
        float: left;
        list-style: none;
    }
        /* Represents the background of the highlighted menu-item. */
        .lavaLamp li.back {
			height: 77px;
            z-index: 8;
            position: absolute;
			/*background-image: url(../images/menu_back.png);*/
			
        }
            .lavaLamp li.back .left {
                height: 77px;
            }



.xhtml_button_off
	{
	width: 94px;
	height: 20px;
	background-image: url(../images/xhtml_on.png);
	background-position: bottom;
	}
		.xhtml_button_off:hover
			{
			background-position: top;
			}
			
			
a, .pharmazin_map, .apozin_map, .vidal_map, .apozin_map, .academia_map, .lebenslauf_map, .philosophie_map
	{
	cursor: pointer;
	}
	
span.lebenslauf_anfrage
	{
		margin-top: 20px;
	}
	
div.welcome_button_wrapper
	{
		width: 340px;
	}
	
div.ie_alarm
	{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		background: url(../images/black_bg.png);
		 z-index: 100;
	}

div.ie_warning
	{
		margin: auto;
		width: 586px;
		height: 465px;
		background: url(../images/ie_warning.png) center center;
		position: relative;
		top: 100px;
	}

div.ie_warning_text
	{
		left: 168px;
		top: 51px;
		position: relative;
		width: 375px;
		height: 360px;
		text-align: left;
	}

div.ie_warning_browser
	{
		padding: 0 30px;
		text-align: center;
		margin-top: 30px;
		width: 45px;
	}

div.ie_warning_browser img
	{
		border: none;
	}

			div.ie_alarm a
				{
					text-decoration: none;
				}
			
			div.ie_alarm a:hover
				{
					text-decoration: underline;
				}
	
div.ie_alarm div.welcome_separator_line
	{
		height: 60px;
		margin-top: 30px;
	}
	
div.ie_alarm div.close_button_settings
	{
		margin: 30px 30px 0 0;
	}