/* CSS Document */
/* Webmaster: Sabrina Steinert */
/* HOW TO ORIGAMI */

body {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	background-color:#fef4e4;
	margin:0px;
	padding:0px;
	}
	
a, a:visited, a:active {
	font-weight:bold;
	text-decoration:underline;
	color:#000000;
	border:0px;
	}
	
a:hover {
	font-weight:bold;
	text-decoration:none;
	color:#5c3f0e;
	}	
	
a.index, #backMI a, img {
	text-decoration:none;
	border:0px;
	}
	
#backMI a {
	font-weight:normal;
	color:#333333;
	}

#backMI a:hover {
	font-weight:normal;
	color:#5c3f0e;
	}
	
p {
	padding-left:5px;
	width:548px;
	text-align:justify;
	}
	
p.img {
	position:absolute;
	width:80px;
	left:234px;
	}

p.list {
	height:8px;
	}
	
p.tutSteps {
	padding-left:14%;
	width:400px;
	text-align:justify;
	}

p#disclaimer{
	font-size:10px;
	}

p#disclaimer .disclaimer{
	font-style:italic;
	}
	
table.tuts {
	margin-left:2px;
	}
	
td {
	padding-top:10px;
	vertical-align:top;
	min-width:225px;
	}
	
.object {
	width:100%;
	text-align:center;
	}
	
#frame {
	position:relative;
	width:100%;
	height:100%;
	margin-top:10px;
	}
	
#content, #iContent {
	position:absolute;
	height:650px;
	width:900px;
	border:10px solid #FFFFFF;
	left:50%;
	margin-left:-450px;
	background-color:#FDE9C8;
	vertical-align:middle;
	font-weight:bold;
	font-size:12px;	
	z-index:1;
	}

#backMI {
	position:absolute;
	right:3px;
	bottom:2px;
	}

#title {
	position:absolute;
	width:370px;
	height:50px;
	top:537px;
	left:474px;
	background-image:url(../grafs/title.png);
	}
	
#titleLine {
	position:absolute;
	top:587px;
	left:212px;
	height:1px;
	width:625px;
	background-color:#fcf0dd;
	}

#index {
	position:absolute;
	width:340px;
	top:300px;
	left:50%;
	margin-left:-170px;
	}
	
.indexPic {
	position:absolute;
	top:40px;
	left:0px;
	height:205px;
	width:900px;
	border:0px;
	background-image:url(../../logo.jpg);
	}
	
.indexHTML {
	position:absolute;
	top:40px;
	left:55%;
	width:100px;
	height:70px;
	font-weight:bold;
	text-align:center;
	}

.indexFLASH {
	position:absolute;
	top:40px;
	left:10%;
	width:100px;
	height:70px;
	font-weight:bold;
	text-align:center;
	}

.indexInfo {
	font-weight:normal;
	font-size:11px;
	}

#iContent {
	background-color:#fdeed4;
	background-image:url(../grafs/HG.jpg);
	background-repeat:repeat-x;
	}

.inContentCornerLeft {
	position:absolute;
	width:14px;
	height:14px;
	left:245px;
	top:23px;
	background-image:url(../grafs/Content_cornerLeft.png);
	}
	
.inContentCornerRight {
	position:absolute;
	width:14px;
	height:14px;
	left:834px;
	top:23px;
	background-image:url(../grafs/Content_cornerRight.png);
	}
	
.inContentSideRight {
	position:absolute;
	width:14px;
	height:482px;
	left:834px;
	top:37px;
	background-image:url(../grafs/Content_sideRight.png);
	}

.inContentSideLeft {
	position:absolute;
	width:14px;
	height:482px;
	left:245px;
	top:37px;
	background-image:url(../grafs/Content_sideLeft.png);
	}

.inContentSideTop {
	position:absolute;
	width:584px;
	height:14px;
	left:250px;
	top:23px;
	background-image:url(../grafs/Content_sideTop.png);
	background-repeat:repeat-x;
	}

.inContent {
	position:absolute;
	width:576px;
	height:480px;
	left:259px;
	top:37px;
	overflow:auto;
	background-color:#fdeed4;
	/*border:1px solid black;*/
	font-weight:normal;
	}

#indexContentLeft{
	position:absolute;
	top:0px;
	left:0px;
	width:440px;

	}

#indexContentLeft p{
	width:100%;
	}
	
#indexContentRight{
	position:absolute;
	top:38px;
	right:20px;
	width:95px;
	height:298px;
	background-image:url(../grafs/index.jpg);
	}

#navigation {
	position:absolute;
	width:395px;
	height:45px;
	left:212px;
	top:564px;
	/*border:1px solid black;
	background-image:url(../grafs/navi/navi.png);*/
	background-repeat:no-repeat;
	}

#navigation .home {
	position:absolute;
	width:50px;
	height:20px;
	left:0px;
	top:0px;
	/*border:1px solid black;*/
	background-image:url(../grafs/navi/homeH.png);
	}

#navigation .origami {
	position:absolute;
	width:70px;
	height:20px;
	left:60px;
	top:0px;
	/*border:1px solid black;
	background-image:url(../grafs/navi/origami.png);*/
	}

#navigation .tutorials {
	position:absolute;
	width:99px;
	height:20px;
	left:140px;
	top:0px;
	/*border:1px solid black;
	background-image:url(../grafs/navi/tutorials.png);*/
	}

#navigation .board {
	position:absolute;
	width:58px;
	height:20px;
	left:249px;
	top:0px;
	/*border:1px solid black;
	background-image:url(../grafs/navi/board.png);*/
	}

#navigation .imprint {
	position:absolute;
	width:77px;
	height:20px;
	left:317px;
	top:0px;
	/*border:1px solid black;
	background-image:url(../grafs/navi/imprint.png);*/
	}

#navigation .whatsOrigami {
	position:absolute;
	width:102px;
	height:14px;
	left:60px;
	top:30px;
	}

#navigation .history {
	position:absolute;
	width:56px;
	height:14px;
	left:168px;
	top:30px;
	}

#navigation .papergrades {
	position:absolute;
	width:88px;
	height:14px;
	left:230px;
	top:30px;
	}

#navigation .foldingTechniques {
	position:absolute;
	width:136px;
	height:14px;
	left:324px;
	top:29px;
	}

#navigation .basics {
	position:absolute;
	width:47px;
	height:14px;
	left:142px;
	top:30px;
	}

#navigation .all {
	position:absolute;
	width:26px;
	height:14px;
	left:195px;
	top:30px;
	}

#navigation .easy {
	position:absolute;
	width:35px;
	height:14px;
	left:227px;
	top:30px;
	}

#navigation .normal {
	position:absolute;
	width:51px;
	height:14px;
	left:268px;
	top:29px;
	}

#navigation .difficult {
	position:absolute;
	width:66px;
	height:14px;
	left:325px;
	top:29px;
	}
	
#catPic {
	position:absolute;
	width:275px;
	height:550px;
	left:13px;
	top:72px;
	/*border:1px solid black;*/
	}
	
.catPicIndex{
	background-image:url(../grafs/catPicIndex.png);
	}
	
.catPicOrigami{
	background-image:url(../grafs/catPicOrigami.png);
	}

.catPicTutorials{
	background-image:url(../grafs/catPicTutorials.png);
	}
	
.catPicImprint{
	background-image:url(../grafs/catPicImprint.png);
	}

.title {
	position:absolute;
	margin-top:5px;
	margin-left:3px;
	font-size:16px;
	font-weight:bold;
	}
	
.PDF {
	position:absolute;
	top:8px;
	left:363px;
	}
	
.backTop a, .basicBack a, .backBird a, .backDragon a, .backPreliminaryBase a, .backCrane a, .backSwanTrad a, .backSwan a, .backWaterbomb a, .backCraneTrad a{
	font-weight:normal;
	}	
	
.basicBack {
	position:absolute;
	top:460px;
	left:538px;
	}

.backTop {
	position:absolute;
	top:8px;
	left:523px;
	}

.backBird {
	position:absolute;
	top:1200px;
	left:523px;
	}

.backDragon {
	position:absolute;
	top:1425px;
	left:523px;
	}

.backPreliminaryBase {
	position:absolute;
	top:1600px;
	left:523px;
	}
	
.backCrane {
	position:absolute;
	top:3840px;
	left:523px;
	}

.backSwanTrad {
	position:absolute;
	top:2180px;
	left:523px;
	}

.backSwan {
	position:absolute;
	top:4710px;
	left:523px;
	}
	
.backWaterbomb{
	position:absolute;
	top:1845px;
	left:523px;
	}

.backCraneTrad {
	position:absolute;
	top:2870px;
	left:523px;
	}

#line {
	position:relative;
	height:1px;
	width:548px;
	background-color:#000;
	left:5px;
	}