*{
	box-sizing:border-box;
}
body {
	border:0;
	margin:0;
	padding:0;
	font-family: 'Roboto', sans-serif;
	font-size:12pt;
	color:#3b3b3b;
	font-weight:300;
	overflow-y: scroll;
	overflow-x:hidden;
	line-height:1.5;
}
#root {
    width:100%;
	max-width:1040px;
	min-height:600px;
	padding:0 20px;
	clear:both;
	margin:0 auto;
	box-sizing:border-box;
}
#top{
	width:calc(100% - 20px);
	background-color:#1d1d1b;
	background-color:#ffffff;
	box-shadow:0 10px 20px rgba(0,0,0,0.4);
	margin:0 auto;
	margin-bottom:50px;
	padding-top:20px;
	padding-bottom:15px;
	border-radius:0 0 20px 20px;
}
#top-content{
	width:100%;
	max-width:1000px;
	margin:0 auto;
}
.top-logo{
	
}
#bottom{
	width:100%;
	background-color:#5a5a5a;
}
#bottom-content{
	width:100%;
	max-width:1000px;
	margin:0 auto;
	text-align:center;
	color:#ffffff;
	padding:25px;
}
#menu{
	float:right;
	height:50px;
	box-sizing:border-box;
	background-color:#8ca3ad;
	margin-right:3%;
}
.menu-button{
	float:left;
	padding:15px;
	padding-left:25px;
	padding-right:25px;
	color:#ffffff;
	font-size:1rem;
}
.menu-button-aktiv{
	background-color:#1b71a6;
}
.aktion_box{
	padding:20px;
	border-radius:6px;
	border:1px solid #cccccc;
	background-color:#ffffff;
	/* box-shadow:0 0 8px rgba(0,0,0,0.02); */
	display:inline-block;
	margin:15px 0;
}
.inserat-preview{
	width:400px;
	height:auto;
	border:1px solid #666666;
}

.table{
	border-collapse:collapse;
}
.table th{
	padding:8px 12px;
	background-color:#eeeeee;
	text-align:left;
	font-weight:500;
	/* color:#ffffff; */
}
.table td{
	padding:8px 12px;
	/* border:1px solid rgba(0,0,0,0.1); */
}
td.status-green{
	background-color:#9fdf9c;
	font-weight:400;
}
td.status-yellow{
	background-color:#dfd89c;
	font-weight:700;
}
td.status-red{
	background-color:#df9c9c;
	font-weight:700;
}
.button{
	background:#94c01c;
	/* border:2px solid #749716; */
	border:0;
	padding:6px 40px;
	color:#ffffff;
	/* border-radius:4px; */
	font-weight:700;
	font-size:1rem;
	cursor:pointer;
}
.button:disabled{
	background:#aaaaaa;
	cursor:not-allowed;
}
.error{
	color:#df0909;
	font-weight:500;
}
.success{
	color:#c5d300;
	font-weight:500;
}


.clear{
	clear:both;
}
.left{
	float:left;
}
.right{
	float:right;
}

#main{
	float:left;
	width:100%;
}

#unterschrift{
	border:1px solid #eeeeee;
	/* box-shadow:0 0 6px rgba(0,0,0,0.1); */
	border-bottom:3px solid #000000;
	background-color:#eeeeee;
}
.auftrag-left{
	width:50%;
	float:left;
}
.auftrag-right{
	float:right;
}
input[type=file]{
	width:100%;
	max-width:800px;
	padding:8px;
	/* border:1px solid #eeeeee; */
	background-color:#eeeeee;
}

h1{
	color:#3b3b3b;
	font-size:1.6rem;
	font-family: 'Roboto', sans-serif;
	font-weight:700;
	text-transform:uppercase;
}
h2{
	color:#3b3b3b;
	font-size:1.6rem;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	text-transform:uppercase;
}
h3{
	color:#606060;
	font-size:1.2rem;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	padding-bottom:20px;
	margin:0px;
}

.bold, b{
	font-weight:500;
}
small{
	font-size:90%;
}

a{
	color:#c31924;
	text-decoration:none;
}
a:hover{
	color:#999999;
	text-decoration:none;
}

td{
	font-weight:400;
	vertical-align:top;
	padding:5px;
}

.hoverimg{
	opacity:0.5;
	transition:0.3s;
	cursor:pointer;
}
.hoverimg:hover{
	opacity:1;
}

hr{
	width:100%;
	border:0px;
	height:3px;
	background-color:#b3b3b3;
	padding:0px;
	margin:0px;
	margin-top:40px;
	margin-bottom:40px;
}
.textarea{
	font-family: 'Roboto', sans-serif;
	width:100%;
	max-width:800px;
	height:100px;
	background-color:#eeeeee;
	border:0;
	padding:10px;
	font-size:12pt;
	font-weight:300;
}
.textinput{
	font-family: 'Roboto', sans-serif;
	width:100%;
	max-width:800px;
	background-color:#eeeeee;
	border:0;
	padding:10px;
	font-size:12pt;
	font-weight:300;
	border-bottom:3px solid #000000;
}