/*================================================
cascading style sheet 
file: style.css
date: 01.03.2013
author: Mario Leonfellner
content:
				- Boxes
				- Images
				- Buttons
				- Input-Fields
================================================*/
body 
{
}

	ul#abstand {margin: 10; padding:0;}
/* ============= */
/* === BOXES === */
/* ============= */

.wartungsbgbox
{
	position:relative;top:25px;
	width: 1040px; height: 830px;
	background-image:url(../images/1024/wartung.png);
	background-repeat:no-repeat;
	border: solid 0px #000000;
}
/*--Setzt alle Abstände auf "Null"--*/
* {
margin: 0;
padding: 0;
} 
.fullframe
{
	position:relative;top:0px;
	width: 100%; height: 100%;
	border: solid 0px #000000;
}
.topcontainer
{
	position:relative;top:0px;
	width: 100%;height:233px;
	border: solid 0px #000000;
	background-color:#0e910e;
}
.topbox
{
	position:relative;top:0px;
	width: 1024px;height:233px;
	background-image:url(../images/topbg.jpg);
	background-repeat:no-repeat;
	border: solid 0px #000000;
}
.topbox .content
		{
			position:absolute;right:150px;top:80px;
			padding: 10px;
			font-size:16pt;
			text-align:left;
			color:#ffffff;
			border: solid 0px #000000;
			font-weight:normal;
  		font-family: "Arial", Arial, sans-serif; 
		}
.navcontainer
{
	position:relative;top:0px;
	width: 100%;height:30px;
	border: solid 0px #000000;
	background-color:#ffffff;
}
.navbox
{
	position:relative;top:0px;
	width: 1024px; height:30px;
	border: solid 0px #000000;
	background-color:#0e910e;
}
		.navbox .content
		{
			position:absolute;left:0px;
			padding: 10px;
			font-size:11pt;
			text-align:left;
			color:#ffffff;
			border: solid 0px #000000;
			font-weight:bold;
  		font-family: "Arial", Arial, sans-serif; 
		}
.maincontainer
{
	position:relative;top:2px;
	width: 100%; height: auto;
	border: solid 0px #000000;
	background-color:#ffffff;
}
.mainbox
{
	position: relative;top:0px;left:0px;
	width: 1024px;height:auto;
	border: solid 0px red;
	background-color:#ffffff;
}
.startlinkbox
{
	position:relative; left:0px; top:0px;
	width: 100%; height:123px;
	border: solid 0px #000000;
	background-color:#ffffff;
}
.startlinkbox1
{
	position:absolute; left:0px; top:0px;
	width: 340px; height:120px;
	border: solid 0px #000000;
	background-color:#0e910e;
}
		.startlinkbox1 .content
		{
			position:absolute;left:0px;
			padding: 10px;
			font-size:20pt;
			text-align:left;
			color:#ffffff;
			border: solid 0px #000000;
			font-weight:normal;
  		font-family: "Arial", Arial, sans-serif; 
		}
.startlinkbox2
{
	position:absolute; right:341px; top:0px;
	width: 340px; height:120px;
	border: solid 0px #000000;
	background-color:#0e910e;
}
		.startlinkbox2 .content
		{
			position:absolute;left:0px;
			padding: 10px;
			font-size:20pt;
			text-align:left;
			color:#ffffff;
			border: solid 0px #000000;
			font-weight:normal;
  		font-family: "Arial", Arial, sans-serif; 
		}
.startlinkbox3
{
	position:absolute; right:-2px; top:0px;
	width: 340px; height:120px;
	border: solid 0px #000000;
	background-color:#0e910e;
}
		.startlinkbox3 .content
		{
			position:absolute;left:0px;
			padding: 10px;
			font-size:20pt;
			text-align:left;
			color:#ffffff;
			border: solid 0px #000000;
			font-weight:normal;
  		font-family: "Arial", Arial, sans-serif; 
		}
.startmovbox
{
	position:relative; left:0px; top:0px;
	width: 100%; height:193px;
	border: solid 0px #000000;
	background-color:#ffffff;
}
.startmovbox1
{
	position:absolute; left:0px; top:0px;
	width: 340px; height:190px;
	border: solid 0px #000000;
	background-color:#0e910e;
}
		.startmovbox1 .content
		{
			position:absolute;left:0px;
			padding: 10px;
			font-size:20pt;
			text-align:left;
			color:#ffffff;
			border: solid 0px #000000;
			font-weight:normal;
  		font-family: "Arial", Arial, sans-serif; 
		}
.startmovbox2
{
	position:absolute; right:341px; top:0px;
	width: 340px; height:190px;
	border: solid 0px #000000;
	background-color:#0e910e;
}
		.startmovbox2 .content
		{
			position:absolute;left:0px;
			padding: 10px;
			font-size:20pt;
			text-align:left;
			color:#ffffff;
			border: solid 0px #000000;
			font-weight:normal;
  		font-family: "Arial", Arial, sans-serif; 
		}
.startmovbox3
{
	position:absolute; right:-2px; top:0px;
	width: 340px; height:190px;
	border: solid 0px #000000;
	background-color:#0e910e;
}
		.startmovbox3 .content
		{
			position:absolute;left:0px;
			padding: 10px;
			font-size:20pt;
			text-align:left;
			color:#ffffff;
			border: solid 0px #000000;
			font-weight:normal;
  		font-family: "Arial", Arial, sans-serif; 
		}
.widelinebox
{
	position:relative;top:100px;left:0px;
	width: 100%; height: 1px;
	border: solid 0px #000000;
	background-color:#ffffff;
}
.bottombox
{
	position:relative;top:1px;left:0px;
	width: 100%; height: 100%;
	border: solid 0px #000000;
	background-color:#0e910e;
}
	.bottomboxcontent
	{
		position:relative;top:0px;left:0px;
		width: 1024px;
		padding: 5px;
		border: solid 0px #000000;
	}
	.bottombox li
	{
		display:inline;
		list-style-type:none;
	}
.bottomnavbox
{
	position:relative;bottom:0px;left:0px;
	width: 100%; height: auto;
	border: solid 0px #000000;
}
.leftbottomnavbox
{
	position:relative;top:10px;right:350px;
	width: 300px; height: 20px;
	text-align:left;
	border: solid 0px #000000;
}
	.leftbottomnavbox .content
	{
		color:#ffffff;
		font-size:9pt;
		display:inline;
		text-align:left;
  		font-family: "Arial", Arial, sans-serif; 
	}
.rightbottomnavbox
{
	position:relative;top:-10px;left:350px;
	width: 300px; height: 20px;
	text-align:right;
	border: solid 0px #000000;
}
	.rightbottomnavbox .content
	{
		color:#ffffff;
		font-size:89pt;
		display:inline;
		text-align:left;
  		font-family: "Arial", Arial, sans-serif; 
	}


/* ============== */
/* === IMAGES === */
/* ============== */

img#topbild
{
	position:absolute;bottom:0px;left:0px;
}
img#startlinkbild1
{
	position:relative;bottom:0px;left:0px;
}
img#startlinkbild2
{
	position:absolute;bottom:0px;right:341px;
}
img#startlinkbild3
{
	position:absolute;bottom:0px;right:-2px;
}
img
{
	opacity: 1;
}
img:hover {
    opacity: 0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
} 

/* =============== */
/* === BUTTONS === */
/* =============== */

input.form_button 
{
	-moz-box-shadow:inset 0px 1px 0px 0px #f5978e;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f5978e;
	box-shadow:inset 0px 1px 0px 0px #f5978e;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fe0821), color-stop(1, #e4061d));
	background:-moz-linear-gradient(top, #fe0821 5%, #e4061d 100%);
	background:-webkit-linear-gradient(top, #fe0821 5%, #e4061d 100%);
	background:-o-linear-gradient(top, #fe0821 5%, #e4061d 100%);
	background:-ms-linear-gradient(top, #fe0821 5%, #e4061d 100%);
	background:linear-gradient(to bottom, #fe0821 5%, #e4061d 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe0821', endColorstr='#e4061d',GradientType=0);
	background-color:#fe0821;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	border:1px solid #d02718;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:12pt;
	width: 401px;
	height: 45px;
	text-decoration:none;
	text-shadow:0px 1px 0px #810e05;
}
input.form_button:hover 
{
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e4061d), color-stop(1, #fe0821));
	background:-moz-linear-gradient(top, #e4061d 5%, #fe0821 100%);
	background:-webkit-linear-gradient(top, #e4061d 5%, #fe0821 100%);
	background:-o-linear-gradient(top, #e4061d 5%, #fe0821 100%);
	background:-ms-linear-gradient(top, #e4061d 5%, #fe0821 100%);
	background:linear-gradient(to bottom, #e4061d 5%, #fe0821 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4061d', endColorstr='#fe0821',GradientType=0);
	background-color:#e4061d;
}
input.form_button:active 
{
	position:relative;
	top:1px;
}


/*==================================================================*/


/* =================== */
/* === INPUTFIELDS === */
/* =================== */

input.contact_field
{
	color:#000000;
	font-size:12pt;
	width: 401px;
	height:40px;
	background-color:#ffffff;
	border: solid 1px #000000;
	padding:2 2 2 2;
}
/*==================================================================*/
