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

body{
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-image: url('img/hintergrund2.png');
	font-family: 'Molle', cursive;
	font-family: 'Aladin', cursive;
	line-height: 20px;
	font-size: 30px;
	letter-spacing: 4px;
	color: #600;
}

#content{			
	width: 1100px;
	height: 650px;
	margin: 0px auto;
	padding-top: 50px;
	background:url('img/hintergrund.png');
	border: 1px solid rgba(255,255,255,0.0);
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	box-shadow: inset 0px 0px 30px #000;
	-moz-box-shadow: inset 0px 0px 30px #000;
	-webkit-box-shadow: inset 0px 0px 30px #000;
}

#canvas {
	box-shadow: 0px 0px 30px #000;
	-moz-box-shadow: 0px 0px 30px #000;
	-webkit-box-shadow: 0px 0px 30px #000;
}

h1{
	text-shadow: 2px 2px 2px #000000;
}

#scarves{
	height:565px;
	position:fixed;
	left: 0px;
	margin-left:-10px;
    margin-top:0;
    float: left;
}

#scarves2{
	height:565px;
	position:fixed;
	right: 0px;
	margin-right:145px;
    margin-top:0;
    float: right;
}

#scarves a:visited, #scarves2 a:visited {
	text-decoration:none;
}

#scarf1{
    width:87px;
    height:565px;
    position:fixed;
    margin-top:-250px;
    transition: all 1s, transform 1s;
	-moz-transition: all 1s, -moz-transform 1s;
	-webkit-transition: all 1s, -webkit-transform 1s;
	-o-transition: all 1s, -o-transform 1s;
	opacity:1;
}

#scarf1:hover{
	margin-top:-55px;
    transition: all 1s, transform 1s;
	-moz-transition: all 1s, -moz-transform 1s;
	-webkit-transition: all 1s, -webkit-transform 1s;
	-o-transition: all 1s, -o-transform 1s;
	opacity:1.00;
}

#scarf2{
    width:87px;
    height:565px;
    position:fixed;
    margin-left:70px;
    margin-top:-120px;
    transition: all 1s, transform 1s;
	-moz-transition: all 1s, -moz-transform 1s;
	-webkit-transition: all 1s, -webkit-transform 1s;
	-o-transition: all 1s, -o-transform 1s;
	opacity:1;
}

#scarf2:hover{
    margin-top:-55px;
    transition: all 1s, transform 1s;
	-moz-transition: all 1s, -moz-transform 1s;
	-webkit-transition: all 1s, -webkit-transform 1s;
	-o-transition: all 1s, -o-transform 1s;
	opacity:1.00;
}

#scarf3{
    width:87px;
    height:565px;
    position:fixed;
    margin-right: 20px;
    margin-top:-130px;
    transition: all 1s, transform 1s;
	-moz-transition: all 1s, -moz-transform 1s;
	-webkit-transition: all 1s, -webkit-transform 1s;
	-o-transition: all 1s, -o-transform 1s;
	opacity:1;
}

#scarf3:hover{
    margin-top:-55px;
    transition: all 1s, transform 1s;
	-moz-transition: all 1s, -moz-transform 1s;
	-webkit-transition: all 1s, -webkit-transform 1s;
	-o-transition: all 1s, -o-transform 1s;
	opacity:1.00;
}

#scarf4{
	width:87px;
	height:565px;
	position:fixed;
	margin-left:70px;
	margin-top:-250px;
	transition: all 1s, transform 1s;
	-moz-transition: all 1s, -moz-transform 1s;
	-webkit-transition: all 1s, -webkit-transform 1s;
	-o-transition: all 1s, -o-transform 1s;
	opacity:1;
}

#scarf4:hover{
    margin-top:-55px;
	transition: all 1s, transform 1s;
	-moz-transition: all 1s, -moz-transform 1s;
	-webkit-transition: all 1s, -webkit-transform 1s;
	-o-transition: all 1s, -o-transform 1s;
	opacity:1.00;
}