/* @override http://www.nettolohnrechner.org/lib/style.css */

body {margin: 0; padding: 0;}
a img {border: 0;}
#metanav {position: absolute; top: 40px; left: 800px; list-style: none; margin: 0; padding: 0;}
#metanav li {margin: 0; padding: 0 0 0 15px; display: inline;}
#result,
#result {margin: 20px 0 0 0; position: relative;}
#error {color: #e31619; margin: 10px 0 0 0; width: 480px; text-align: right}
a {color: #4a4c51;}
#adviser {position: absolute; top: 210px; left: 790px; z-index: 1}
.submit {background: url(../img/nettolohn-berechnen.gif) no-repeat; border: 0; margin: 0 0 0 250px; cursor: pointer; width: 146px; height: 37px; display: block; text-indent: -4000px;}
fieldset {border: 0; padding: 0; margin: 0;}
legend {display: none;}
h1 span {display:none}
.logo {margin: 0 0 0 -115px;}

input, select, textarea {font: inherit; border: 1px solid #999;}
input {padding: 2px;}
select {padding: 1px; width: 180px;}
input.short,
select.short {width: 80px;}

#moreinfo {padding-top: 40px;}

form ol,
form ol li {list-style: none; margin: 0; padding: 0; display: inline;}

form ol li {margin: 0 0 25px 0; display: block;}

.resulttable {width: 580px; margin: 20px 0 0 0; border-collapse: collapse; border: 1px solid #e1e1e1;}
.resulttable td {padding: 8px; background: #eee;}
.resulttable tr.odd td {}
.resulttable tr.bold td {font-weight: bold;}
.resulttable td.right {text-align: right;}

.nettobutton {position: absolute; top: 0; left: 250px;}
.nettobutton .button {float: left; font-size: 18px; color: #999; font-weight: bold;}
.nettobutton .button .inner {display: block; height: 19px; padding:9px 15px; }
.green {color: #a3be13;}

.nettobutton a {float: right; margin: 0 0 0 4px;}

.txt {padding-top: 70px; color:#5F5F59; width: 670px}

.signature {
	padding: 20px 0;
	width: 600px;
	color: #333;
	text-align: right;
}

.banner {
 	position:absolute; top: 150px; left: 730px; z-index: 10;
}

/* @group Buttnz */

#buttnz {
	left: 460px;
	top: 50px;	
	position: absolute;
}

.FlattrButton, .twitter-share-button, .fb_iframe_widget {
	vertical-align: top;
	margin: 0 15px 15px 0;
}

/* @end */

body {
	font: 400 14px/1.5 "ff-typestar-black-web-1","ff-typestar-black-web-2",sans-serif;
	background: #e1e1e1;
}

#wrapper {background: #fafafa; 
		width: 600px; position: relative; padding: 30px 40px; margin: 0 auto; 
		box-shadow: 0px 0px 10px #8F8F86;
		-webkit-box-shadow: 0px 0px 10px #8F8F86;
		-moz-box-shadow: 0px 0px 10px #8F8F86;
		border-radius: 9px;
		-webkit-border-radius: 9px;
		-moz-border-radius: 9px;
		margin-top: 30px;
		border: 1px solid #999;	
}


h1 {
	margin-bottom: 5px;
}

h1 a, h1 a:hover {
	color:#333 !important;
  	font: 900 45px "ff-typestar-black-web-1","ff-typestar-black-web-2",sans-serif;
	line-height: 1;
	text-shadow: 1px 1px 0 #FFFFFF;
	text-decoration: none;
}

h2 {
  	font-family: "ff-typestar-black-web-1","ff-typestar-black-web-2",sans-serif;
  	font-size: 18px;
  	font-weight: 400;
  	text-shadow: 1px 1px 0 #fafafa;
  	margin: 0 0 25px 0;
}

table, label, .author, .date, .submit, p {
  	font-family: "ff-typestar-black-web-1","ff-typestar-black-web-2",sans-serif;
  	font-weight: 400;
}

#logo {
	padding-bottom: 25px;
	margin-bottom: 25px;
}

#logo p {
	font-size: 18px;
	margin: 0;
}

#form {margin: 0;}

label {float: left; width: 250px;}

input, select {
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
}