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

/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {margin: 0;	padding: 0;}
/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
/************************************************************************************
GENERAL STYLING
*************************************************************************************/
body {
	background-color: #0E00BF; /* Old browsers */
 	background: -moz-linear-gradient(-0deg,  #a9e4f7 0%, #0E00BF 100%); /* FF3.6+ */
  	background: -webkit-gradient(linear, top, bottom, color-stop(0%,#a9e4f7), color-stop(100%, #0E00BF)); /* Chrome,Safari4+ */ 
	background: -webkit-linear-gradient(-0deg,  #a9e4f7 0%,#0E00BF 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-0deg,  #a9e4f7 0%,#0E00BF 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-0deg,  #a9e4f7 0%,#0E00BF 100%); /* IE10+ */
	background: linear-gradient(0deg,  #a9e4f7 0%,#0E00BF 100%); /* W3C */ 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9e4f7', endColorstr='#0E00BF',GradientType=0 ); /* IE6-9 fallback on horizontal gradient */
	
	background-attachment: fixed;	
}
/* headings */
h1 {font-size: 2em; color: #FFFFFF; text-shadow:0 1px 2px rgba(0,0,0,.7); font:bold 30px/100% Arial, Helvetica, sans-serif; line-height: 1.4em; margin: 5px 0 .4em;}
h2 {font-size: 1.2em; color: #FFFFFF; font:bold 24px/100% Arial, Helvetica, sans-serif; line-height: 1.4em; margin: 30px 0 .4em;}
h3 {font-size: 1.2em; color: #000000; font:bold 24px/100% Arial, Helvetica, sans-serif; line-height: 1.4em;}
h4 {font-size: 1.2em; color: rgba(255,253,0,1.00); font:bold 24px/100% Arial, Helvetica, sans-serif; line-height: 1.4em; margin: 10px 10px .4em;}
img {}
img a {border: 0;}

/**********************
CONTENT
***********************/
#main {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:auto;
}
#header {position: inherit; left:0; top:0; height:auto; width:100%; text-align:center; }
#content {position: inherit; left:20%; top:0; height:auto; width:80%; text-align:center; }
#sidebar {
	position: inherit; 
	left:10px; 
	top:10px; 
	height:auto; 
	width:20%;
	text-align:center;
}
#articel_1, #articel_2, #articel_3, #articel_4 {
	position: inherit; 
	height: 600px; width: 800px; 
	background-color: rgba(180,194,248,1.00); 
	border-style:outset; 
	border-color:rgba(255,255,255,1.00);
	box-shadow: 10px 10px 30px rgba(0,0,0,.4);
	border-radius: 5px;
}
#articel_4 {top: 200px; left: 300px; z-index:50;}
#articel_3 {top: 250px; left: 250px; z-index:100;}
#articel_2 {top: 300px; left: 200px; z-index:150;}
#articel_1 {top: 350px; left: 150px; z-index:550;}
#p_1, #p_2, #p_3, #p_4{
	position: relative; 
	top: 0; 
	left: 0; 
	height: 5%; 
	width: 100%; 
	background-color: #94FBE9;
	color: #FFFFFF; 
	text-align:center;
	font:bold 25px/100% Arial, Helvetica, sans-serif;
	text-shadow:0 1px 2px rgba(0,0,0,.7); 
	border-radius: 3px;
	transition: all 0.5s ease;
}
#p_1{
	background-color: #FF90ED;
	color: #F1FD29; 
}
.articel_body{
	position: relative; 
	top: +5px; 
	left: +2%; 
	height: 87%; 
	width: 96%; 
	overflow: auto; 
	background-color:rgba(255,255,255,1.00);
	border-radius: 3px;
}
#distr{ width:40%; padding-top:0;}
#Go_Top {position:fixed; top:5px; right:30px; width:30px; cursor:pointer;z-index:700;}
.articel_text {
	margin: 10px;
	margin-left: 5%;
	text-align:justify;
}
.articel_pic_left {
	float: left;
	width:25%;
	height:auto;
	box-shadow: 10px 10px 30px rgba(0,0,0,.4);
	margin: 3%;
}
.articel_pic_center {
	text-align:center;
	width:80%;
	height:auto;
	box-shadow: 10px 10px 30px rgba(0,0,0,.4);
	margin: 3%;
}
.articel_absaz {
	text-indent: 20px;
	margin-bottom: 3%;
}
.articel_header {
	text-align:center;
	margin-top:2%;
	margin-bottom:3%;
	font-weight:bold;
}
.banner {
	width:250px;
	height:150px;
}
.market_td, .market_eb {
	background-color:#FFFFFF; 
	margin: 20px 20px 60px 20px; 
	display: block; 
	border-radius: 5px;
	box-shadow: 10px 10px 30px rgba(0,0,0,.4);
}
.market_eb {
	background-color: #94FBE9;
}
.kaufen {
	color:#0E00BF;
}