/* icaros artworks
 * jonas schmid
 * http://kultur-kollektiv.de/icaros
 *
 * project: steff-f.de
 * version:	1.01
 * file:	steff01.css
 * date:	2013-05-19
 *
 * TODO: 
 * - Massage class a
 * - Mailto ??!
 */
body{
	font-family: 'Roboto';
	font-weight: 100;	
	background-color: #660000;
	color: #ff9933;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.5em;
	font-size: 14px;
	padding:0px;
	margin:0px;
	border:0;
}
a{
	color:#ff9933;
	text-decoration:none;
	border:0;	
}
.subtitel {
	position:relative;
	top:150px;
	text-align:center;
	color:#ff9933;
	font-size: 1em;	
	text-decoration:none;
	z-index:10;	
}
#frame{
	position:relative;
	top:10px;
	left:50%;
	width: 1200px;	
	height:630px;
	margin:0px 0px 0px -600px;
	padding: 0px;
	overflow: none;
	text-align: left;
}
#kanteli{
	position:fixed;
	top:0;
	left:0;	
	height:100%;
	width:15%;
	background-color: #fff8ea;	
	background-image:url(../gfx/home_kante_li.jpg);	
	background-repeat:repeat-y;
	background-position:right;
	z-index:1;	
}
#kantere{
	position:fixed;
	top:0;
	right:0;
	height:100%;
	width:15%;
	background-color: #fff8ea;		
	background-image:url(../gfx/home_kante_re.jpg);	
	background-repeat:repeat-y;
	background-position:left;
	z-index:1;
}
#massage{
	position:absolute;
	top:10px;
	left:50%;	
	width:221px;
	height:147px;
	margin:10px 0px 0px -110px;	
	background-image:url(../gfx/01_massage.jpg);
}
#massage:hover{
	background-image:url(../gfx/01_massage2.jpg);
}
#titel{
	position:absolute;
	top:227px;
	left:50%;	
	width:297px;
	height:131px;
	margin:0px 0px 0px -148px;		
	background-image:url(../gfx/titel.jpg);
}
#veranstaltungen{
	position:absolute;
	top:107px;
	left:75%;	
	width:221px;
	height:147px;
	margin:0px 0px 0px -110px;	
	background-image:url(../gfx/02_veranstaltungen.jpg);
	z-index:9;	
}
#veranstaltungen:hover{
	background-image:url(../gfx/02_veranstaltungen2.jpg);
}
#yoga{
	position:absolute;
	top:107px;
	left:25%;	
	width:221px;
	height:147px;
	margin:0px 0px 0px -110px;	
	background-image:url(../gfx/06_yoga.jpg);
	z-index:9;	
}
#yoga:hover{
	background-image:url(../gfx/06_yoga2.jpg);	
}
#technik{
	position:absolute;
	top:324px;
	left:75%;	
	width:221px;
	height:147px;
	margin:0px 0px 0px -110px;	
	background-image:url(../gfx/03_technik.jpg);	
	z-index:9;
}
#technik:hover{
	background-image:url(../gfx/03_technik2.jpg);	
}
#bienen{
	position:absolute;
	top:324px;
	left:25%;	
	width:221px;
	height:147px;
	margin:0px 0px 0px -110px;	
	background-image:url(../gfx/05_bienen4.jpg);
	z-index:9;
}
#bienen:hover{
	background-image:url(../gfx/05_bienen2.jpg);
}
#gfk{
	position:absolute;
	top:427px;
	left:50%;	
	width:221px;
	height:147px;
	margin:0px 0px 0px -110px;	
	background-image:url(../gfx/04_gfk.jpg);
	z-index:9;
}
#gfk:hover{
	background-image:url(../gfx/04_gfk2.jpg);
}
#info{
	position:fixed;
	bottom:10px;
	left:10px;
	z-index:8;
	color:#660000;	
}
#info a{
	color:#660000;
}	
#kontakt{
	position:fixed;
	bottom:10px;
	right:10px;
	z-index:8;
	color:#660000;	
}
#kontakt a{
	color:#660000;
}

/* SUB-Seiten */
#main{
	position:relative;
	width:350px;
	left:15%;
	z-index:10;		
}
#backimage{
	position:fixed;
	left:75%;
	top:350px;
	width:200px;
	z-index:2;	
}
#photo{
	position:fixed;
	left:75%;
	top:50px;
	width:250px;
	margin: 15px;	
	z-index:2;	
}
h1, h2, h3, h4{
	display:inline;
	font-family: 'Roboto';
	font-weight: 100;		
}
h1{
	font-size: 7em;
	line-height:1.5em;
	margin:-8px;	
}
h2{
	font-size: 1.5em;
	line-height:1.5em;	
	font-weight: 300;	
}
h3{
	font-size: 1.3em;
	font-weight: 300;		
}

/* Massage */
.massage{
	color: #003333;
	background-color: #99cc99;
}
a.massage{
	color: #3a3a3a;
}
#massage_col{
	position:fixed;
	top:0;
	left: 70%;	
	height:100%;
	padding: 15px;
	width: 100%;
	background-color: #003333;
	color:#99cc99;
	background-image:url(../gfx/01-kante.jpg);	
	background-repeat:repeat-y;
	background-position:left;	
	z-index:1;			
}
#massagephoto{
	width:221px;
	height:147px;
	background-image:url(../gfx/01_massage.jpg);
	z-index:15;
}
#massagephoto:hover{
	background-image:url(../gfx/01-home-link.jpg);
}
/* Veranstaltungen */
.veranstaltungen{
	color:#3a3a3a;
	background-color:#dadada;
}
a.veranstaltungen{
	color:#990000;
}
#veranstaltungen_col{
	position:fixed;
	top:0;
	left: 70%;	
	height:100%;
	padding: 15px;
	width: 100%;
	background-color:#3a3a3a;
	color:#dadada;
	background-image:url(../gfx/02-kante.jpg);	
	background-repeat:repeat-y;
	background-position:left;	
	z-index:1;	
}
#veranstaltungenphoto{
	width:221px;
	height:147px;
	background-image:url(../gfx/02_veranstaltungen.jpg);
	z-index:15;
}
#veranstaltungenphoto:hover{
	background-image:url(../gfx/02-home-link.jpg);
}

/* GFK */
.gfk{
	color: #fff8ea;
	background-color: #6699cc;
}
a.gfk{
	color: #003366;
}
#gfk_col{
	position:fixed;
	top:0;
	left: 70%;	
	height:100%;
	padding: 15px;
	width: 100%;
	background-color: #fff8ea;
	color:#6699cc;
	background-image:url(../gfx/04-kante.jpg);	
	background-repeat:repeat-y;
	background-position:left;	
	z-index:1;	
}
#gfkphoto{
	width:221px;
	height:147px;
	background-image:url(../gfx/04_gfk.jpg);
	z-index:15;
}
#gfkphoto:hover{
	background-image:url(../gfx/04-home-link.jpg);
}

/* Bienen */
.bienen{
	color: #660000;
	background-color: #ffff99;
}
a.bienen{
	color: #ff6666;
}
#bienen_col{
	position:fixed;
	top:0;
	left: 70%;	
	height:100%;
	padding: 15px;
	width: 100%;
	background-color: #660000;
	color:#ffff99;
	background-image:url(../gfx/05-kante.jpg);	
	background-repeat:repeat-y;
	background-position:left;	
	z-index:1;	
}
#bienenphoto{
	width:221px;
	height:147px;
	background-image:url(../gfx/05_bienen.jpg);
	z-index:15;
}
#bienenphoto:hover{
	background-image:url(../gfx/05-home-link.jpg);
}

/* Yoga */
.yoga{
	color: #ffff99;
	background-color: #ff6600;
}
a.yoga{
	color: #993333;
}
#yoga_col{
	position:fixed;
	top:0;
	left: 70%;	
	height:100%;
	padding: 15px;
	width: 100%;
	background-color: #ffff99;
	color:#ff6600;
	background-image:url(../gfx/06-kante.jpg);	
	background-repeat:repeat-y;
	background-position:left;	
	z-index:1;		
}
#yogaphoto{
	width:221px;
	height:147px;
	background-image:url(../gfx/06_yoga.jpg);
	z-index:15;
}
#yogaphoto:hover{
	background-image:url(../gfx/06-home-link.jpg);
}
/* Impressum */
#impressumhome{
	position:fixed;
	top: 40px;
	left: 60%;	
}