/*  
Theme Name: flx for JOnas
Theme URI: http://wordpress.org/
Description: FLX for Jonas
Version: 1.0
Author: FLX
Author URI: FELIXFASSBIND.CH
*/	
/* Begin Typography & Colors */

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

small {
	font-family: "Courier New", Courier, monospace;
	font-size: 10px;
	letter-spacing: 0pt;
	color: #0000;
	line-height: 1.5em;
	}


h2, h3 {
	font-family: "Courier New", Courier, monospace;
	font-weight: lighter;
	}

h1 {
	font-family: "Courier New", Courier, monospace;
	font-size: 1.1em;
	letter-spacing: -1.2pt;
	font-weight: lighter;
	}


h2 {
	font-family: "Courier New", Courier, monospace;
	font-size: 1.5em;
	letter-spacing: -1.2pt;
	font-weight: bold;
	color: #FFF;
	background-color: #333;
	width: 570px;
	opacity:0.55;
	margin-top:18px;
	text-indent:10px;
	margin-bottom:15px;
	}

h2.pagetitle {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.8em;
	letter-spacing: -1.2pt;
	}

.Stil1 {
	font-family: Verdana, sans-serif;
	font-size: 24px;
	letter-spacing: -2pt;
	color: #0000;
}
.normal {
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	letter-spacing: 0pt;
	color: #0000;
}
.titelcontent {
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	letter-spacing: -1.2pt;
	color: #0000;
	font-style: normal;
	font-weight: lighter;
	font-variant: normal;
	word-spacing: 0em;
}

a {
	color: #333;
	text-shadow:#666;
	text-decoration: underline;
}

a:link {
	
	color: #0000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #0000;
}
a:hover {
	text-decoration: underline;
	color: #0000;
}
a:active {
	text-decoration: none;
	color: #0000;
}
.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
	a:focus :link, :visited, :focus, :hover, :active { outline: none; border:none;}

	img { border: none;}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 0px;
	margin: 0 0 2px 7px;
	float:right;
	display: inline;
	}

img.alignleft {
	padding: 0px;
	margin: 0 7px 2px 0;
	display: inline;
	float:left;

	}

.alignright {
	float: right;
	margin-right:0;
	
	}

.alignleft {
	float: left;
	margin-left:25px;
	}
/* End Images */
	

	* {
	margin:0;
	padding:0;
		}

	html, body {
	height:100%;
		}

	body {
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
	letter-spacing: 0pt;
	color: #333;
	background-color:#FFF;
	text-align:center; /* horizontal centering for IE Win quirks */
	width:100%;}

	#distance {
	width:1px;
	height:50%;
	background-color:#FFF;
	margin-bottom:-285px; /* half of container's height */
	float:left;
		}

	#container {
	margin: auto;
	position:relative; /* puts container in front of distance */
	text-align:left;
	height:600px;
	width:1024px;
	clear:left;
	}

	.home {
	background:url(images/BG_002.jpg)  no-repeat;
	
	
	}
	
	.others {
	background:url(images/BG_001.jpg)  no-repeat;
	}
	
	
	
	#container div {
		
		
		
		}
	#homeimage {
		padding-top:50px;
	
		}
	#inhalt {
		padding-bottom:85px;
		
		}
	#footer  {
		font-size: 9px;
		text-align:right;
		padding-top:25px;
		
		
		}



#menu
	{
	list-style: none;
	padding: 0;
	margin: 0;
	width:200px;
	position: absolute;
	left:220px;
	top: 12px;
	}
	
	#menu span {
    display: none;
    position: absolute;
    }
	
	#menu a {
    display: block;
    text-indent: -900%;
    position: absolute;
    outline: none;
	}
	
	#menu a:hover {
    background-position: left bottom;
    }
    #menu a:hover span {
    display: block;
    }
	
	#menu a:active {
    background-position: left bottom;
    }
	
	
	

    
#menu .join {
	width: 215px;
	height: 33px;
	background:url(images/MENU/enter.png) no-repeat;
	left: 675px;
	top: 550px;
    }
#menu .join span {
	position: absolute;
   	width:187px;
	height:107px;
	background:url(images/openyet.png) no-repeat;
	top:-85px;
	left:-15px;
	
    }


#menu .work {
	width: 118px;
	height: 22px;
	background:url(images/MENU/work.png) no-repeat;
	left: -201px;
	top: +36px;
	z-index: 5;
		}
    
/*#menu .h span {
    top:167px;
	left:8px;
	width:239px;
	height:37px;
    background:url('images/Header_H.png') no-repeat;
	z-index:5;
    }
	*/

#workaktiv {
	width: 116px;
	height: 24px;
	background:url(images/MENU/work_aktiv.png) no-repeat;
	left: -200px;
	top: +39px;
	z-index: 5;
		}
		
#menu .books {
	width: 120px;
	height: 35px;
	background:url(images/editionsandbooks.png) no-repeat;
	left: -201px;
	top: +58px;
	z-index: 5;
		}
		
		
#menu .news {
	width: 118px;
	height: 27px;
	background:url(images/MENU/news.png) no-repeat;
	left: -201px;
	top: 92px;
	z-index: 5;
		}
    
/*#menu .h span {
    top:167px;
	left:8px;
	width:239px;
	height:37px;
    background:url('images/Header_H.png') no-repeat;
	z-index:5;
    }
	*/
	
#menu .about {
	width: 120px;
	height: 23px;
	background:url(images/MENU/about.png) no-repeat;
	left: -201px;
	top: 118px;
	z-index: 5;
		}
    
/*#menu .h span {
    top:167px;
	left:8px;
	width:239px;
	height:37px;
    background:url('images/Header_H.png') no-repeat;
	z-index:5;
    }
	*/
	
	
#menu .contact {
	width: 120px;
	height: 18px;
	background:url(images/MENU/contact.png) no-repeat;
	left: -202px;
	top: 140px;
	z-index: 5;
		}
    
/*#menu .h span {
    top:167px;
	left:8px;
	width:239px;
	height:37px;
    background:url('images/Header_H.png') no-repeat;
	z-index:5;
    }

*/

#menu .text {
	width: 120px;
	height: 27px;
	background:url(images/MENU/text.png) no-repeat;
	left: -201px;
	top: 158px;
	z-index: 5;
		}
		
		
/*#menu .links {
	width: 120px;
	height: 26px;
	background:url(images/MENU/links.png) no-repeat;
	left: -201px;
	top: 158px;
	z-index: 5;
		}
    
/*#menu .h span {
    top:167px;
	left:8px;
	width:239px;
	height:37px;
    background:url('images/Header_H.png') no-repeat;
	z-index:5;
    }

*/

#menu .bookswork {
	width: 120px;
	height: 35px;
	background:url(images/editionsandbooks.png) no-repeat;
	left: -201px;
	top: 93px;
	z-index: 5;
		}
		
		
#menu .newswork {
	width: 118px;
	height: 27px;
	background:url(images/MENU/news.png) no-repeat;
	left: -201px;
	top: 129px;
	z-index: 5;
		}
    
/*#menu .h span {
    top:167px;
	left:8px;
	width:239px;
	height:37px;
    background:url('images/Header_H.png') no-repeat;
	z-index:5;
    }
	*/
	
#menu .aboutwork {
	width: 120px;
	height: 23px;
	background:url(images/MENU/about.png) no-repeat;
	left: -201px;
	top: 157px;
	z-index: 5;
		}
    
/*#menu .h span {
    top:167px;
	left:8px;
	width:239px;
	height:37px;
    background:url('images/Header_H.png') no-repeat;
	z-index:5;
    }
	*/
	
	
#menu .contactwork {
	width: 120px;
	height: 18px;
	background:url(images/MENU/contact.png) no-repeat;
	left: -202px;
	top: 180px;
	z-index: 5;
		}
    
/*#menu .h span {
    top:167px;
	left:8px;
	width:239px;
	height:37px;
    background:url('images/Header_H.png') no-repeat;
	z-index:5;
    }

*/

#menu .textwork {
	width: 120px;
	height: 27px;
	background:url(images/MENU/text.png) no-repeat;
	left: -201px;
	top: 198px;
	z-index: 5;
		}

/*#menu .linkswork {
	width: 120px;
	height: 26px;
	background:url(images/MENU/links.png) no-repeat;
	left: -201px;
	top: 198px;
	z-index: 5;
		}
    
/*#menu .h span {
    top:167px;
	left:8px;
	width:239px;
	height:37px;
    background:url('images/Header_H.png') no-repeat;
	z-index:5;
    }

*/

#menu .home {
	width: 120px;
	height: 32px;
	background:url(images/MENU/home.png) no-repeat;
	left: -203px;
	top: 4px;
	z-index: 5;
		}
    
/*#menu .h span {
    top:167px;
	left:8px;
	width:239px;
	height:37px;
    background:url('images/Header_H.png') no-repeat;
	z-index:5;
    }

*/

#menu .objects {
	width: 120px;
	height: 15px;
	background:url(images/MENU/roman_one.png) no-repeat;
	left: -201px;
	top:60px;
	z-index: 5;
		}
    


#menu .foto {
	width: 120px;
	height: 15px;
	background:url(images/MENU/menu_roman_two.png) no-repeat;
	left: -201px;
	top: 76px;
	z-index: 5;
		}
    
/*#menu .h span {
    top:167px;
	left:8px;
	width:239px;
	height:37px;
    background:url('images/Header_H.png') no-repeat;
	z-index:5;
    }

*/

#menu .prints {
	width: 120px;
	height: 15px;
	background:url(images/MENU/menu_roman_two.png) no-repeat;
	left: -201px;
	top: 76px;
	z-index: 5;
		}
    
/*#menu .h span {
    top:167px;
	left:8px;
	width:239px;
	height:37px;
    background:url('images/Header_H.png') no-repeat;
	z-index:5;
    }

*/

#menu .zeichnungen {
	width: 120px;
	height: 15px;
	background:url(images/menu_roman_two.png) no-repeat;
	left: -201px;
	top: 76px;
	z-index: 5;
		}
    
/*#menu .h span {
    top:167px;
	left:8px;
	width:239px;
	height:37px;
    background:url('images/Header_H.png') no-repeat;
	z-index:5;
    }

*/






#menu .video {
	width: 120px;
	height: 11px;
	background:url(images/MENU/video.png) no-repeat;
	left: -201px;
	top: 103px;
	z-index: 5;
		}
    
/*#menu .h span {
    top:167px;
	left:8px;
	width:239px;
	height:37px;
    background:url('images/Header_H.png') no-repeat;
	z-index:5;
    }
/*#menu .zugriffe {
	width: 120px;
	height: 11px;
	background:url(images/zugriffe.png) no-repeat;
	left: 377px;
	top: 12px;
	z-index: 5;
		}
    
#menu .h span {
    top:167px;
	left:8px;
	width:239px;
	height:37px;
    background:url('images/Header_H.png') no-repeat;
	z-index:5;
    }
	


*/

#workaktiv {
	width: 120px;
	height: 85px;
	background:url(images/MENU/work_aktiv.png) no-repeat;
	left: -200px;
	top: -25px;
	z-index: 5;
		}
		
/* End captions */

/* Begin form */

 form dl, dl.labels {
     margin:0em;
     margin-top:0.0em
    }
    form dt, dl.labels dt {
	float:left;
	width:7em;
	margin-bottom:0.8em;
	font-weight: lighter;
	color:#0000;
	text-align:left;
	position:relative /*IEWin hack*/
    }
    form dd, dl.labels dd {
      margin-left:10.5em;
      margin-bottom:0.8em;
      font-size:100%;
      font-weight: lighter;
      padding-left:0.5em
    }
    form dd.submit, dl.labels dd.submit  {
      margin-top:0em
    }
	
	input.button {
	width:70px;
	height:22px;
	font-family: "Courier New", Courier, monospace;
	font-size: 1.1em;
	color:#000000;
	border:none;
}
  </style>
  


#iframe_1 {
text-align: justify;
width: 830px;
height: 553px;
background: #CCCCCC;

}

.abstand_iframe{
padding-left:200px;
padding-top:0px;
}

.abstand_iframe_home{
padding:50%;


}

.scrollbereich {
overflow:auto;
width: 830px;
height: 553px;

} 

td.photo-cell { 
vertical-align: middle;
width:300px; 
text-align:center;
padding-bottom:70px;
}
 

.alignright {
margin-right:550px;
	float: right;
	}

.alignleft {
	float: left
	}

/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." */
#startartikel {
	 display: block;
    margin-left:0px auto;
 
 

}