@charset "utf-8";
/* CSS Document */
body {
	background: url(../background/bg.gif);
	background-position: top center;
	padding-top: 50px;

}
.start {
	background:#000;
	width:100%;
	height:100vh;
	opacity:0.5;
	margin: 0;
}
.startbox { 
	background: #666; 
	padding: 7px; 
	border: 2px solid #999; 
	margin: -113px 0 0 -148px;
	opacity:1.0;
	position:absolute; 
	top: 50%; 
	left: 50%; 
	width: 260px; 
	height: 210px;
	-moz-border-radius:12px;
	border-radius:12px;
	-moz-box-shadow: 0 0 5px 2px #666;
	-webkit-box-shadow: 0 0 5px 2px #666;
	box-shadow: 0 0 5px 2px #666;
	z-index:5;
}
.startbox p {
	text-align:center;
	color:#FFF;
}
.startbox li {
	background: #fff;
	text-align:center;
	padding: 0.2em 0.2em 0.2em 0.2em;
	border: 1px solid rgba(0,0,0,0.4);
	-moz-border-radius:0.7em;
	border-radius:0.7em;
	-moz-box-shadow: 0 0 5px 2px #ccc;
	-webkit-box-shadow: 0 0 5px 2px #ccc;
	box-shadow: 0 0 5px 2px #ccc;
	margin-bottom:0.2em;
}
.main {
	margin-top: 0;
    width: 75%;
    float: right;
}
.nav__list {
	width: 15em;
}
#main { background-color: #F00; padding: 7px; border: 1px dashed #b9821a; margin: -196px 0 0 -258px; position:absolute; top: 50%; left: 50%; width: 500px; height: 375px; z-index: 5;}
.home {
	width: 1000px;
	height: 563px;
	margin:auto;
}
.cpr {
	margin-top: 0px;
	text-align:center;
	font-family:"Comic Sans MS", cursive;
	font-size:9px;
}	
.rund1 {
	
    border-radius: 50%;
    border: 12px solid rgba(0,0,0,0.3);
	position:relative;
	left: -370px;
	top: 350px;
    width: 100px;
    height: 100px;
    background: url(../thumbs/sch-1.jpg); 
    background-position: center center;
    background-repeat: no-repeat;
    background-size:124px;
    margin: 0 auto;
}
.rund2 {
	
    border-radius: 50%;
    border: 12px solid rgba(0,0,0,0.3);
	position:relative;
	left: -370px;
	top: 100px;
    width: 100px;
    height: 100px;
    background: url(../thumbs/sch-2.jpg); 
    background-position: center center;
    background-repeat: no-repeat;
    background-size:124px;
    margin: auto;
}
.rund3 {
	
    border-radius: 50%;
    border: 12px solid rgba(0,0,0,0.3);
	position:relative;
	left: -370px;
	top: -150px;
    width: 100px;
    height: 100px;
    background: url(../thumbs/sch-3.jpg); 
    background-position: center center;
    background-repeat: no-repeat;
    background-size:124px;
    margin: auto;
}
.name{
    display:none;
}
.rund1:hover .name, .rund2:hover .name, .rund3:hover .name {
    font-family:"Comic Sans MS", cursive;
    font-size: 0.75em;
    color: white;
    padding: 0px;
    display:block;
    margin: 55% auto;
    width: 100px;
    text-align: center;
    border-radius: 3px;
    background: rgba(0,0,0,0.4);
}
	.name a {
		text-decoration:none;
		font-family:"Comic Sans MS", cursive;
		color:#FFF;
}