html {
    height: 100%;
}

body {
	font-family			: Arial, sans-serif;
	font-size			: 10px;
	color				: #646464;
	text-align			: center;
	margin				: 0px;
	background			: url(images/bg.jpg) #dfe8e8;
    height: 100%;
    overflow: hidden;
}

#content {
	float				: left; 
	margin				: 180px auto;
}

/* Farben

*/

* {
	margin				: 0;
	padding				: 0;
	border				: 0;
}

table {
	border-spacing		: 0;
}

td {
	font-family			: Arial, sans-serif;
	color				: #333333;
	vertical-align		: top;
}

p { margin				: 1em 0; }

div {
	text-align			: left;
}

h1 {
	font-family			: Arial Black, sans-serif;
	font-size 			: 1.4em;
	color				: #646464;
	margin-bottom		: 1em;
	margin-left			: 12px;
	margin-top			: 25px;
}
h2 {
	font-size			: 1.2em;
	color				: #333333;
	margin				: 1em 0;
}

a {
	color				: #333333;
	font-weight			: bold;
	text-decoration		: none;
}
a:hover { color			: red; }

a.menu {
	display				: block;
	font-size			: 12px;
	margin				: 5px 0px;
}
a.menu:hover { color		: red; }

.email {
	display				: none;
}

img {
	border				: none;
}
#get {
	background			: url(http://http-get.de/get.gif) no-repeat;
}

ul { margin-left			: 1.3em; }

li {
	list-style-type		: none;
	height				: 20px;
	font-size			: 12px;
}

textarea, input, select, input.off {
	font-family			: Arial, sans-serif;
	color				: #333333;
	border				: 1px solid #333333;
	background			: #FFFFFF;
	margin				: 1px 0;
	font-size			: 1em;
}
input.on {
	font-family			: Arial, sans-serif;
	color				: red;
	border				: 1px solid red;
	background			: #FFFFFF;
	margin				: 1px 0;
	font-size			: 1em;
}
input.error, select.error, textarea.error {
	border				: 1px solid #FF0000;
	background-color	: #FFFCE2;
}

div.firmenbox {
	background			: url(images/bg_firma.png);
	width				: 237px;
	height				: 530px;
	padding				: 30px 32px;
	float				: left;
}

a.button {
	background			: url(images/button.png) no-repeat;
	font-family			: Arial, sans-serif;
	font-size 			: 1.2em;
	color				: #646464;
	padding				: 6px 60px 8px 32px;
	margin-left			: 12px;
	text-shadow			: 1px 1px 1px #FFFFFF;
}
	a.button:hover {
		background			: url(images/button_on.png) no-repeat;
		font-family			: Arial, sans-serif;
		font-size 			: 1.2em;
		color				: #646464;
		padding				: 6px 60px 8px 32px;
		margin-left			: 12px;
		text-shadow			: 1px 1px 1px #FFFFFF;
	}

#firma_wrapper {
	margin					: 0 auto; 
	width					: 625px; 
	height					: 90%; 
	text-align				: left;
}

@media screen and (max-width: 600px) {
div.firmenbox {
	background			: url(images/bg_firma.png);
	width				: 237px;
	height				: 530px;
	padding				: 30px 32px;
	float				: left;
}
#firma_wrapper {
	margin					: 35px auto; 
	width					: 275px; 
	height					: 90%; 
	text-align				: left;
}
}

@media screen and (max-width: 460px) { 
  #firma_wrapper {
	margin					: -170px auto; 
	width					: 275px; 
	height					: 90%; 
	text-align				: left;
}
div.firmenbox {
	background			: url(images/bg_firma.png);
	width				: 237px;
	height				: 530px;
	padding				: 30px 32px;
	float				: none;
}
}

@media screen and (max-height: 860px) { 
#content {
	float				: left; 
	margin				: 100px auto;
}
}

@media screen and (max-height: 760px) { 
#content {
	float				: left; 
	margin				: 50px auto;
}
}

@media screen and (max-height: 660px) { 
#content {
	float				: left; 
	margin				: 20px auto;
}
}

@media screen and (max-height: 600px) { 
#content {
	float				: left; 
	margin				: 0 auto;
}
}