/*	projekt: 	42 INTERNATIONAL CO., Ltd.		*/
/*	website:	www.fortytwointernational.com	*/
/*	author:		robert gäßler					*/
/*	datum:		01-Jul-2009						*/	


/*  ===  Global =============== */
html, body {
	height:100%;
	text-align:center;
}

body {
	margin:0;
	padding:0;	
	font-family:segoe ui, arial, sans-serif;
	font-size:70%;
	color:#646464;
	line-height:1.3;
}
	
	/*  ---  Headlines --------------- */
h1 {
	margin:0;
	padding:10px 0 0 50px;
	font-size:160%;
}
	
h1 em {
	font-size:110%;
	font-style:normal;
}
	
h2 {
	margin:0;
	font-size:125%;
}
	
h3 {
	margin:0;
	font-size:125%;
}
	
h3 em {
	font-size:130%;
	font-style:normal;
}

h4 {
	margin:0;
	font-size:110%;
}

h4 em {
	font-size:120%;
	font-style:normal;
}
	
h4 a, h4 a:visited, h4 a:active, h4 a:link {
	color:#86796e;
}

h5 {
	margin:0;
}
	
h6 {
	margin:0;
	padding:5px 0 5px 12px;
	font-weight:bold;
	font-size:110%;
	color:#3d2916;
}
	
h6 em {
	font-size:90%;
	font-style:normal;
}

	/*  ---  Other --------------- */
a, a:link, a:visited {
	background-color:transparent;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}
	
blockquote {
	margin:0;
	padding:0 0 5px 25px;
}

img {
	border:none;
	margin:0;
	padding:0;
	behavior:url(/library/java/iepngfix.htc);
}
	
input,select,textarea {
	font-size:100%;
	padding:2px;
}

p {
	margin:0;
	padding:2px 0;
}
	
#wrapper {
	margin:0 auto;
	padding:0;
	width:974px;
	height:580px;
	text-align:left;
	background:#f5f4f3;
}
	
#wrappersmall {
	height:auto;
	margin:0;
	padding:10px 15px 0 15px;
	background:#fff;
	text-align:justify;
}
	
.btn {
	width:80px;
	margin:0;
	padding:0;
}
	
.frm {
	margin:0px;
	padding:0px;
	border-style:none;
}
	
.indent {
	margin:0;
	padding:0 0 0 50px;
}
	
.smallindent {
	margin:0;
	padding:0 10px 10px 25px;
}
	
.tbs {
	background:#e9e8e7;
	border:1px solid #636363;
}
	
.boldtxt {
	margin:0;
	padding:10px 0 2px 15px;
	font-weight:bold;
}

.gray {
	color:#646464;
}

/*  ===  Header ================= */
#head {
	margin:0;
	padding:0;
	text-align:left;
}

#head-left {
	width:764px;
	margin:0;
	padding:0;
	float:left;
}

#head-right {
	width:210px;
	padding:10px 0;
	float:left;
	text-align:center;
	text-transform:lowercase;	
}

#head-nav {
	width:974px;
	height:30px;
	margin:0;
	padding:0;
	float:left;
	font-weight:bold;
}

#head-nav img {
	margin:1px 15px 1px 0;
	padding:0;
	float:left;
}
	
	/*  ---  Menu --------------- */
.menu, .menu ol {
	list-style-type:none;
	padding:0;
	margin:2px 0 0 0;
	z-index:50;
}

.menu {
	position:relative;
}

* html .menu {
	position:static;
}
		
.menu li {
	width:122px;
	height:24px;
	margin:1px 0 0 0;
	float:left;
	border:none;
	color:#484848;
	text-align:center;
}

.menu li.sub:hover, .menu li.sub a:hover {
	position:relative;
}
			
.menu table {
	width:0;
	height:0;
	border-collapse:collapse;
	font-size:1em;
	position:absolute;
	top:0;
	left:0;
}

.menu li a {
	width:122px;
	line-height:24px;
	display:block;
	font-size:100%;
	color:#484848;
	text-decoration:none;
}

.menu ol, .menu :hover ol ol, .menu :hover ol :hover ol ol{
	width:125px;
	position:absolute;
	left:-9999px;
}

.menu :hover ol {
	margin:0;
	padding-top:8px;
	background:transparent url(/library/graphics/trans.gif);
	top:16px;
	left:0px;
}

.menu :hover ol :hover ol {
	margin:0;
	padding:5px 3px;
	top:0;
	left:-106px;
}
	
/*  ===  Content ================= */
#content {
	height:490px;
	margin:0;
	padding:0 0 0 25px;
	text-align:left;
}

	/*  ---  Area1 - Linke Seite --------------- */
#area1 {
	padding:0;
	float:left;
}
	
#headleft, #headright {
	padding:0 15px;
	float:left;
}
	
#subhead {
	font-size:110%;
	color:#484848;
}

		/*  ---  Homepage --------------- */
#mainframe {
	margin:0;
	padding:0;
}
	
		/*  --- Contact --------------- */
#contactleft {
	margin:0;
	float:left;
}

#contactright {
	margin:0 0 10px 0;
	float:left;
}
	
#contactright ul {
	margin:10px 0 0 0;
	padding:7px 0 0 0;
	list-style-type:none;
}

#contactright li {
	margin:0;
	text-align:center;
}
	
			/*  ---  Google Maps --------------- */
#googleleft {
	width:185px;
	height:335px;
	margin:0;
	padding:15px 0 0 0;
	float:left;
	font-weight:bold;
	font-size:125%;
	text-align:center;
	background:#fff;
}
	
#googleright {
	width:430px;
	margin:0;
	padding-left:5px;
	float:left;
}

#googleright ul {
	margin:0 0 0 5px;
	padding:0;
}
	
#googleright li {
	margin:0;
	padding:5px 25px  0;
	float:left;
	list-style-image:url(/library/graphics/arr_gr.gif);
}

		
	/*  ---  Right Column --------------- */
#rightcol {
	width:30px;
	margin:0;
	padding:0;
	float:left;
}

/*  ===  Footer ================= */
#foot {
	width:930px;
	height:28px;
	margin:0;
	padding:2px 44px 0 0;
	color:#d6d6d6;
	text-align:left;
}
	
#foot p {
	padding:6px 0 0 65px;
}

#foot a, #foot a:link, #foot a:visited {
	background-color:transparent;
	color:#fff;
	text-decoration:none;
}

#foot a:hover {
	text-decoration:none;
}

#foot a:active {
	color:#fff;
}