html, body {margin: 0;}

html{



font-family: 'Nobile';
word-spacing: normal;
text-align: justify;

--background-size: 100%;
--background-image: url("images/bg/minecraft.jpg");


background: rgb(249,198,103); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(240,240,240,0) 0%, rgba(200,200,200,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,240,240,0)), color-stop(100%,rgba(200,200,200,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(240,240,240,0) 0%,rgba(200,200,200,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(240,240,240,0) 0%,rgba(200,200,200,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(240,240,240,0) 0%,rgba(200,200,200,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(240,240,240,0) 0%,rgba(200,200,200,1) 100%); /* W3C */

background-image: url("../images/bg/rauschen.png");
}

#header{
	width: 100%;
	height: 100px;
	padding-left: 30px;
}

#headerContainer{	
	padding-top: 10px;
	padding-bottom: 10px;	
	
	padding-left: 30px;
	padding-right: 30px;
	margin: 0 auto;
	position: relative;
	
	background-color:rgba(100,200,255,0.09);
	box-shadow:inset 3px 40px 80px rgba(100,200,255,0.19);
}

.headerText{
	text-align: left;
	
	color: #FFCC00;
	font-size:50px;
	line-height:58px;
	font-stretch:wider;
	text-shadow:#595959 0px 0px 10px;
}

.headerLinks{
	text-align: left;
	font-size:50px;
	line-height:10px;
}

.headerLinks a:link, a:visited{
	font-size:20px;
	line-height:30px;
	color: #595959;
	text-shadow:#595959 0px 0px 10px;
	
	letter-spacing: 4px;

	text-decoration: none;
	
	-webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.headerLinks a:hover{
	text-decoration: underline;
	text-shadow:#595959 0px 0px 30px;
	color: black;
	
	-webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

#centerSite {

	//-moz-box-shadow:    3px 3px 20px 0px black;
	//-webkit-box-shadow: 3px 3px 20px 0px black;
	box-shadow:         3px 3px 10px 0px black;

	--border-width:10px;
	--border-style:solid;
	--border-color:black;

	color: black;
	width: 1000px; 
	margin: 0 auto;

	font-size:20px;
	
	color: #444;
	text-decoration: none;
	word-spacing: normal;
	text-align: justify;
	letter-spacing: 0;
	line-height: 24px;
	font-size: 20px;
	
	background-color:rgba(255,255,255,0.87);	
}

.centerSiteText {
	color: black;

	font-size:20px;
	
	color: #444;
	text-decoration: none;
	word-spacing: normal;
	text-align: justify;
	letter-spacing: 0;
	line-height: 24px;
	font-size: 20px;
}

.centerSiteText a:link, a:visited{
	color: #0073FF;
	text-decoration: none;
}

.centerSiteText a:hover{
	color: #00A6FF;
}

#sitecontainer{
	padding-left: 20px;
	padding-right: 20px;
	
	--padding-top: 20px;
	padding-bottom: 20px;

	
	margin-left: auto; 
	margin-right: auto;
}

#no_box {
	background-size: 100%;
	text-align: left; 
	
	padding: 10px 10px 10px 10px;
	
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	margin-bottom: auto;
	
    height:120px;
    width:250px;
	
	opacity: 1;
}

#box , #box_blue{
	background-size: 100%;
	text-align: left; 
	
	font-size:29px;
	
	padding: 10px 10px 10px 10px;
	
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	margin-bottom: auto;
	
    height:120px;
    width:250px;
	
	opacity: 0.9;
	
	-webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
	
	//-moz-box-shadow:    3px 3px 20px 0px black;
	//-webkit-box-shadow: 3px 3px 20px 0px black;
	box-shadow:         3px 3px 10px 0px black;
}

#box_blue {
	height:29px;
    width:251px;

	//-moz-box-shadow:    3px 3px 20px 0px #3B5998;
	//-webkit-box-shadow: 3px 3px 20px 0px #3B5998;
	box-shadow:         3px 3px 10px 0px #3B5998;
}

#box:hover, #box_blue:hover {
	height:130px;
    width:260px;
		
	font-size:31px;
	
	opacity: 1;
	
	box-shadow: 3px 3px 40px 0px black;
	
	-webkit-transition: all 0.05s ease-in-out;
    -moz-transition: all 0.05s ease-in-out;
    -o-transition: all 0.05s ease-in-out;
    -ms-transition: all 0.05s ease-in-out;
    transition: all 0.05s ease-in-out;
}

#box_blue:hover {
	height:29px;
    width:251px;

	box-shadow: 3px 3px 40px 0px #3B5998;
}

.box a:active, a:link, a:visited, a:hover{
	text-decoration:none;
}

.boxTitle{		
	font-family:Arial;
	
	padding-left: 3px;
	padding-right: 3px;
	background-color:rgba(255,255,255,0.5);
	color: black;
	text-shadow:#595959 0px 1px 2px;
}

#balken{
	height: 7;
	width: 100%;
	background-color: black;
}

.standard_font{		
	font-family:Arial;
	font-size:16px;
	
	color: black;
	text-shadow:#595959 0px 0px 1px;
}