/* ----------------------------------------------------------------------------- */
/* CSS - mattlog.de */
/* ----------------------------------------------------------------------------- */
body{	padding:0px; margin:0px;
		background-color:#000000;
		background-image:url(../pic/bg_main.jpg);
		color:#372f2a; font-size:10px; line-height:13px; font-family:"Lucida Sans Unicode", "Lucida Grande", Arial;}

img { 	border:0px; margin:0px; padding:0px; }
p { 	margin:0px 0px 15px 0px}

h2{ color:#86817d; font-size:10px; line-height:13px; font-family:"Lucida Sans Unicode", "Lucida Grande", Arial; font-weight:normal; display:inline;}

a{position:relative; z-index:1000;}

/* --------------------------------------------------------------------------------- */		
/* Wrapper */
/* --------------------------------------------------------------------------------- */		
#wrapper{		position:absolute;
				top:50%; left:50%; margin:-250px 0 0 -400px;
				width:800px;
				height:500px;
				background-image:url(../pic/alpha_shadow.png);
				background-repeat:no-repeat;
				}
				
/* --------------------------------------------------------------------------------- */		
/* Main */
/* --------------------------------------------------------------------------------- */		
/* #content */
#content{				position:absolute;
						top:7px;
						left:17px;
						width:750px;
						height:414px;
						background-image:url(../pic/alpha_main.png); 
						vertical-align:bottom;
						}
						
#content #head{			position:absolute;
						top:18px;
						left:18px;
						width:500px;
						height:100px;
						background-repeat:no-repeat;
						}

#content #show_back{ 	position:absolute;
						width:750px;
						height:414px;
						background-color:#f2f1ef;
						}

#content .pages			{height:375px!important;}	
#content .subtitle		{height:394px!important;}	

/* .laptop - Hintergrund */		
#content .laptop{		background-image:url(../pic/show/bg_web_laptop.jpg);
						background-repeat:no-repeat;
						background-position:bottom;

/* .screen - Hintergrund */						}
#content .screen{		background-image:url(../pic/show/bg_web_screen.jpg);
						background-repeat:no-repeat;
						background-position:bottom;
						}	
															

/* #show_front - Informationsbereich - Projekte */
#show_back #show_front{	position:absolute;
						top:0px; 
						left:0px;
						width:750px;
						height:414px;
						background-repeat:no-repeat;	
						}

/* .screen - Bildposition */						
#show_front #screen{	position:absolute;
						bottom:78px;
						left:322px;
						width:366px;
						height:231px;
						}	
						
/* .laptop - Bildposition */						
#show_front #laptop{	position:absolute;
						bottom:64px;
						right:56px;
						width:329px;
						height:239px;
						}	
						
/* .laptop - Bildposition */						
#show_front #blank{		position:absolute;
						top:0px;
						left:0px;
						}	
						
/* #num - Bildsteuerung */						
#show_front #num{		position:absolute;
						bottom:18px;
						right:19px;
						color:#36302a; 
						text-decoration:none; 
						}
#num a:link,  #num a:visited, #num a:hover{ position:relative; color:#8d8885; text-decoration:none; 
											}/*padding:0px 3px 0px 4px; 
											border:1px; border-color:#CCCCCC; border-style:solid;}*/
#num a:hover{ color:#36302a;}	
#num .active{ color:#36302a!important;}						

/* .text - Projektbeschreibung */												
#show_front .text{		position:absolute;
						bottom:18px;
						left:18px;
						color:#372f2a;
						}
#show_front a:link,  #show_front a:visited, #show_front a:hover{ color:#f25508; text-decoration:none;}
#show_front a:hover{ color:#f25508; text-decoration:none;}
						
/* #selection */				
#content #selection{	position:absolute;
						height:auto!important;
						bottom:0px;
						width:750px;
						line-height:18px;
						text-transform:uppercase;
						color:#FFFFFF;
						vertical-align:bottom;
						}

/* .pages */					
#selection .item{		position:relative;		
						width:717px;
						height:18px;
						padding:0px 18px 0px 15px;
						margin:0px 0px 0px 0px;
						background-image:url(../pic/alpha_menu.png);
						}	
						
#selection .item a{		width:auto;
						height:auto;
						padding:0px;
						margin:0px;
						background-image:none;
						float:left;
						}
						
#selection .item a:hover{ background:none;}
	
											
#selection a{			position:relative;
						display:block;
						width:750px;
						height:18px;
						margin:1px 0px 0px 0px;
						background-image:url(../pic/alpha_menu.png);
						text-transform:uppercase;
						text-decoration:none;
						color:#FFFFFF;
						cursor:pointer;
						}	
						
#selection a:hover{		background-color:#302b27;}

/* .annex */								
#selection .annex{		position:absolute;
						height:16px;
						right: 0px;
						padding:0px 18px 0px 18px; 
						margin:0px; vertical-align:top;}				
/* .label */								
#selection .label{		position:absolute;
						left:18px;}					
/* .sublabel */								
#selection .sublabel{ 	color:#c1b5ad;}		
				
/* --------------------------------------------------------------------------------- */		
/* Menu */
/* --------------------------------------------------------------------------------- */		
/* menu */
#menu{			position:absolute;
				top:431px;
				left:
				 17px;
				width:750px;
				height:36px;
				background-image:url(../pic/alpha_main.png);
				}	
							
/* Button */		
#menu 	 a{ 	position:relative;
				height:18px;
				padding:0px 12px 0px 12px;
				margin:0px;
				line-height:17px;
				float:left;
				text-align:center;
				text-transform:uppercase;
				cursor:pointer;}
					
#menu #sub a:hover, #menu #main a:hover{	color:#FFFFFF!important; background-color:#302b27;}
.btn_o{	color:#FFFFFF!important; background-color:#302b27!important;}

	
/* #menu #sub */			
#menu #sub{		position:absolute;
				top:0px;
				left:0px;
				width:750px;
				height:18px;
				background-image:url(../pic/alpha_menu.png);
				color:#FFFFFF;
				}		
#sub a:link,  #sub a:visited, #sub a:hover{ color:#FFFFFF; text-decoration:none; position:relative;}

/* #menu #main */		
#menu #main{	position:absolute;
				top:18px;
				left:0px;
				width:750px;
				height:18px;
				padding-left:0px;
				background-color:#FFFFFF;
				color:#2c2521;
				}
#main a:link,  #main a:visited, #main a:hover{ color:#2c2521; text-decoration:none;}
#main .firstchild{ padding-left:18px;}


/* --------------------------------------------------------------------------------- */		
/* mattlog */
/* --------------------------------------------------------------------------------- */	
/* mattlog */				
#mattlog{		position:absolute;
				display:block;
				padding:0px!important;
				margin:0px!important;
				left:622px;
				width:128px;
				height:36px;
				background-image:url(../pic/mattlog_logo.gif);
				background-repeat:no-repeat;
				float:none;
				}
				
/* --------------------------------------------------------------------------------- */		
/* Impressum */
/* --------------------------------------------------------------------------------- */	
#impressum { 	position:absolute; 
				right:18px; 
				bottom:16px;
				color:#372f2a;
				font-size:10px; 
				line-height:13px; 
				font-family:"Lucida Sans Unicode", "Lucida Grande", Arial;
				}

#impressum a:link,  #impressum a:visited, #impressum a:hover{ color:#372f2a; text-decoration:none;}
#impressum a:hover{text-decoration:underline;}