﻿body{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10pt;
	background-color:#000;
}
#wrapper{
	background-color:#000;
	/*border:1px solid #000;*/
	width:auto;
	box-sizing:border-box;
}
header{
	background-image:linear-gradient(to top, #126a57 0%,#1da084 50%,#30deb8 100%);
	/*background-color:#ECC97D;*/
	box-sizing:border-box;
	padding:5px;
}
nav{
	/*display:none;*/
	background-image:linear-gradient(to top, #126a57 0%,#1da084 50%,#30deb8 100%);
	box-sizing:border-box;
	padding:5px;
}
nav	a{
	font-family:verdana,arial,helvetica,sans-serif;
	color:#ffffff; 
	text-decoration:none;
	margin-left:20px;
	margin-right:20px;
	font-size:12pt;
}
a:hover{
	color:#0f0;
	/*background-image:none;*/
	/*color:#ffff00;*/
}
div{
	color:#fff; 
	background-color:#000; /*00ff99*/
	font-family:verdana,arial,helvetica,sans-serif; 
	font-size: 10pt;
	padding:3px;
}
main{
	font-family:verdana,arial,helvetica,sans-serif;
	color:#fff; 
	text-decoration:none;
	margin-left:10px;
	margin-right:10px;
	font-size:9pt;

	background-color:#000;
	box-sizing:border-box;
	padding:5px;
	display:block;	/*für IE*/
}
main .article{
	column-width: auto;
	column-rule-width: 1px;
	column-rule-color:#999;	/*333*/
	column-rule-style: solid;
}
main .three{
	column-count: 3;
	column-gap: 5em;

}
main .two{
	column-count: 2;
	column-gap: 2em;
}

main a{
	text-decoration:none;
}
main table{
	background-color:#fff;
	padding:0.3em;
}
main table td, main table th{
	padding-left:3px;
	padding-right:3px;
}
main div table td, main div table th{
	background-color:#fff;
	text-align:left;
}
main th{ 
	background-color:#8bed89;
}
main table tr:nth-child(odd){
	background-color:#8bed89;
}
main table tr:nth-child(even){
	background-color:#ceedce;
}
main .headertext{
	color:#000; 
	background-color:#8bed89; /*00ff99*/
	font-family:verdana,arial,helvetica,sans-serif; 
	font-size: 10pt;
	/*font-weight:bold;*/
	padding:3px;
}
main div .button{
	display:inline;
}
main div h3:first-of-type{
	margin-top:0;
}
main figure{
	margin:0;
	background-color:#ddd;
	padding:5px;
}
main figure img {
	width:100%;
	/*Margin das weiter unten gesetzt wird hier zurücknehmen*/
	margin:0;
	width:100%;
	display:block;
	/*Margin für Bilder im Main einstellen, Gilt aber auch für das Bild in der Figure, genauso wie das display:block*/
	margin:1em 0;
}

footer{
	/*background-color:#ceedce;*/
	background-image:linear-gradient(to top, #126a57 0%,#1da084 50%,#30deb8 100%);
	box-sizing:border-box;
	padding:5px;
	text-align:center;
}
footer a{
	font-family:verdana,arial,helvetica,sans-serif;
	color:#addfff; 
	text-decoration:none;
	margin-left:20px;
	margin-right:20px;
	font-size:12pt;
}
.clear{
	clear:both;
}

h1     {color:#000; font-family:verdana,arial,helvetica,sans-serif; font-size: 16pt;}
h2     {color:#0099FF; font-family:verdana,arial,helvetica,sans-serif; font-size: 14pt;}
h3     {color:#0099FF; font-family:verdana,arial,helvetica,sans-serif; font-size: 12pt;}
h4     {color:#ff9933; font-family:verdana,arial,helvetica,sans-serif; font-size: 10pt;}
h5     {color:#0f0; font-family:verdana,arial,helvetica,sans-serif; font-size: 10pt;}

#comment{
	background-color:#ccc;
}

strong{
	font-size:1.2em;
	margin-left:20px;
}

button {
	color:#ffffff;
	height:30px;
	width:120px;
	background-image:linear-gradient(to top, #1e5799 0%,#2989d8 50%,#7db9e8 100%);
}











