/* defaults */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td {
	margin:0;
	padding:0;
}

body {
	font:normal 100%/150% Helvetica,Verdana,'Liberation Sans','Bitstream Vera Sans',Arial,sans-serif;
	background:#bebebe;
	color:#333333;
	text-align:center;
	min-width:780px;
}



/*iframe Beschneidung */

#container { width:155px; height:300px; margin:auto; }

#outerdiv {
width:155px;
height:300px;
overflow:hidden;
position:relative;
}
#innerdiv {
position:absolute;
top:-0px;
left:-40px;
width:215px;
height:300px;
}



/* boxes, box specific typography */

#pg {
	position:relative;
	margin:0 auto 0 auto;
	text-align:left;
	width:780px;
}

#pghead {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:175px;
	background:white url("img2/api_inox.png") no-repeat left top;
}

#pglogo {
	padding:4px 0 4px 0;
	position:absolute;
	height:33px;
	left:0;
	width:100%;
	bottom:0;
	background:#7EBD3B url("img2/api_inox_navbg.png") repeat-y left top;
}

#pgnav {
	display:table;
	list-style:none;
	white-space:nowrap;
	margin:0 0 0 5px;
}
#pgnav li {
	display:table-cell;
	margin:5px;
}
#pgnav li a, #pgnav li b {
	font-size:80%;
	line-height:260%;
	padding:10px;
	text-decoration:none;
	color:#FFFFFF;
}
#pgnav li a:hover {
	background:#a5251b;
}

#pgbody {
	width:100%;
	position:absolute;
	top:150px;
	margin:25px 0 0 0;
	background:white url("img2/api_inox_bg.png") repeat-y 50% top;
	font-size:85%;
	padding:20px 0 0 0;
}

#pgleft {
	border-bottom:3px solid #a5251b;
	position:absolute;
	top:0;
	left:0;
	margin:20px 0 40px 40px;
	width:158px;
	font-size:90%;
	line-height:1.4;
}

#pgmain {
	margin:0 30px 25px 240px;
	padding:0 0 3em 0;
}
	
#pgtail {
	clear:both;
	border-top:3px solid #a5251b;
	padding:.5em 0 0 0;
	color:#999;
	position:absolute;
	font-size:85%;
	line-height:1.1;
}
#pgtail p {
	margin:0;
}
#pgtail a {
	color:#999;
}


.txtflt {
	width:190px;
	float:right;
	font-size:80%;
	line-height:1.2;
	color:lack;
	margin:0 0 0 5px;
	padding:0 0 0 10px;
}
.txtflt p {
	margin:0 0 1em 0;
}
.txtflt :last-child {
	margin-bottom:0;
}

/* typography */
h1, h2, h3, h4, h5, h6 {
	margin:0 0 .5em 0;
	color:#ee7aa8;
	border-bottom:1px solid #dddddd;
}
h1 {	font-size:150%;}
h2 {	font-size:135%;}
h3 {	font-size:125%;}
h4 {	font-size:115%;}
h5 {	font-size:105%;}
h6 {	font-size:100%;}

p, ul, ol, dl {
	margin:0 0 1.5em 0;
}
ul {
	padding:0 0 0 25px;
}
a {
	text-decoration:underline;
}
a:link {
	color:#888888;
}
a:visited {
	color:#333333;
}
a:hover, a:active {
	color:red;
}
img {
	border:none;
}
hr {
	height:1px;
	clear:both;
}