/******************************
			Colors   

hellblau:	#27a2c7;

*******************************/


html {
	width:100%;
	height:100%;
	margin:0px;
	padding:0;
}

body {
	width:100%;
	height:100%;
	margin:0px;
	padding:0 0 0px 0;
	background-color:#eeeeee;
}

img {
	border:none;
}

.pointer {
	cursor:pointer;
}

button {
	padding:10px 20px 10px 20px;
	font-size:14px;
	color:#666666;
	border-style:solid;
	border-width:1px;
	border-color:#666666;
	border-radius:0px;
	background-color:#ffffff;
	cursor:pointer;
	
	transition:color 0.3s, background-color 0.3s, border-color 0.3s;
	-webkit-transition:color 0.3s, background-color 0.3s, border-color 0.3s;
	-moz-transition:color 0.3s, background-color 0.3s, border-color 0.3s;
	-ms-transition:color 0.3s, background-color 0.3s, border-color 0.3s;
	-o-transition:color 0.3s, background-color 0.3s, border-color 0.3s;
}

button:hover {
	padding:10px 20px 10px 20px;
	font-size:14px;
	color:#ffffff;
	border-style:solid;
	border-width:1px;
	border-color:#199c13;
	border-radius:0px;
	background-color:#199c13;
	cursor:pointer;
	
	transition:color 0.3s, background-color 0.3s, border-color 0.3s;
	-webkit-transition:color 0.3s, background-color 0.3s, border-color 0.3s;
	-moz-transition:color 0.3s, background-color 0.3s, border-color 0.3s;
	-ms-transition:color 0.3s, background-color 0.3s, border-color 0.3s;
	-o-transition:color 0.3s, background-color 0.3s, border-color 0.3s;
}

.content {
	width:95%;
	max-width:960px;
	margin:0 auto;
	padding:0;
	box-sizing:border-box;
}

#container {
	position:relative;
	width:100%;
	min-height:100%;
	padding-bottom:56px;
	background-image:url('../img/back_pattern.png');
	background-repeat:repeat;
	box-sizing:border-box;
}



/************/
/*   Text   */
/************/

h1 {
	font-family:"Arial", sans-serif;
	font-size:36px;
	font-weight:400;
	line-height:44px;
	color:#666666;
	margin:0 0 45px 0;
}

h2 {
	font-family:"Arial", sans-serif;
	font-size:20px;
	font-weight:700;
	line-height:26px;
	color:#666666;
	margin:0 0 15px 0;
}

h3 {
	font-family:"Arial", sans-serif;
	font-size:18px;
	font-weight:700;
	line-height:26px;
	color:#666666;
}

.text {
	font-family:"Arial", sans-serif;
	font-size:18px;
	font-weight:400;
	line-height:26px;
	color:#666666;
}

.text a {
	font-family:"Arial", sans-serif;
	font-size:18px;
	font-weight:400;
	line-height:26px;
	color:#666666;
	text-decoration:underline;
}

.text a:hover {
	font-family:"Arial", sans-serif;
	font-size:18px;
	font-weight:400;
	line-height:26px;
	color:#27a2c7;
	text-decoration:none;
}



.text-header {
	font-family:"Arial", sans-serif;
	font-size:14px;
	font-weight:400;
	line-height:20px;
	color:#666666;
}

.text-header a {
	font-family:"Arial", sans-serif;
	font-size:14px;
	font-weight:400;
	line-height:20px;
	color:#666666;
	text-decoration:none;
}

.text-header a:hover {
	font-family:"Arial", sans-serif;
	font-size:14px;
	font-weight:400;
	line-height:20px;
	color:#27a2c7;
	text-decoration:none;
}



.text-footer {
	font-family:"Arial", sans-serif;
	font-size:12px;
	font-weight:400;
	line-height:18px;
	color:#666666;
}

.text-footer a {
	font-family:"Arial", sans-serif;
	font-size:12px;
	font-weight:400;
	line-height:18px;
	color:#666666;
	text-decoration:none;
}

.text-footer a:hover {
	font-family:"Arial", sans-serif;
	font-size:12px;
	font-weight:400;
	line-height:18px;
	color:#27a2c7;
	text-decoration:none;
}



/**************/
/*   Header   */
/**************/

header {
	background-color:#ffffff;
	
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#cccccc;
}

#header-content {
	padding:15px 40px 15px 40px;
}


/******************/
/*   Navigation   */
/******************/




/************/
/*   Main   */
/************/

main {
	padding:0 0 30px 0;
}

#content-container {
	
}

#other {
	
}

#home {
	width:100%;
	padding:120px 0 0 0;
}

#content-home {
	text-align:center;
	
	width:95%;
	max-width:580px;
	min-height:200px;
	margin:0px auto;
	border-style:solid;
	border-width:1px;
	border-color:#cccccc;
	background-color:#ffffff;
	box-sizing:border-box;
	
	box-shadow:0px 0px 15px 0px rgba(0,0,0,0.75);
	-webkit-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.75);
	-moz-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.75);
}

@media only screen and (max-width:350px) {
	#home {
		padding:40px 0 0 0;
	}
}



/***************/
/*   Content   */
/***************/

.content-text {
	margin:0;
	padding:40px;
}

#content {
	background-color:#ffffff;
}





/**************/
/*   Footer   */
/**************/

footer {
	text-align:right;
	position:absolute;
	bottom:0px;
	width:100%;
	height:56px;
	margin:0;
	padding:10px 30px 0px 30px;
	background-color:#eeeeee;
	box-sizing:border-box;
	
	box-shadow: inset 0px 6px 8px -5px rgba(0,0,0,0.75);
	-webkit-box-shadow: inset 0px 6px 8px -5px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0px 6px 8px -5px rgba(0,0,0,0.75);
}

@media only screen and (max-width:420px) {
	footer {
		height:68px;
	}
}