@charset "utf-8";
/* ------------------------------------------
CSS Dokument: screen.css
Media: Screen
Last update: 19.07.2009
Author: Magali Christ

Inhalt:       Formatierung
              1.1 Kalibrierung
              1.2 Allgemeine Definitionen
			  1.3 Formular
			  
			  Darstellung
              2.0 Screendesign
              3.1 Haupt-Navigation
              3.2 Unter-Navigation
------------------------------------------ */


/* ******************************************
              1.1 Kalibrierung
****************************************** */

*
	{
	margin:0;
	padding:0;
	border:0;
	}
html
	{
	height:100%;
	margin-bottom:1px;                 /* Scrollbar bei Firefox */
	}
body
	{
	height:100%;
	width:100%;
	}
p, h1, h2, h3, ul, ol                  /* --- Abstand nach unten --- */
	{
	margin-bottom:1em;
	}
ul ul, ol ol                           /* --- Verschachtelte Listen --- */
	{
	margin-bottom:0;
	}
li                                     /* --- Listeneinzug --- */
	{
	margin-left:1em;
	}

/* ******************************************
              1.2 Allgemeine Defintionen
****************************************** */

*
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-align:left;
	font-style:normal;
	font-weight:normal;
	text-decoration:none;
	}
body
	{
	background-color:#FFFFFF;
	}
p
	{
	line-height:1.2em;
	margin:6px 0 6px 0;
	padding:0.3em 0 0.2em 0;             /* --- IE-Problem: Abschneiden von Buchstaben --- */
	}
h1
	{
	font-size:20px;
	font-weight:bold;
	margin:12px 0 6px 0;
	}
h2
	{
	font-size:16px;
	font-weight:bold;
	margin:6px 0 3px 0;
	}
h3
	{
	font-size:16px;
	line-height:1em;
	font-weight:bold;
	margin:0 0 10px 0;
	float:left;
	}
h4
	{
	font-weight:bold;
	line-height:1em;
	display:inline;
	}
strong
	{
	font-weight:bold;
	}
em
	{
	font-style:italic;
	font-weight:bold;
	}
address
	{
	line-height:1.2em;
	}
#footer
	{
	text-align:center;
	}
a
	{
	text-decoration:underline;
	}
a:link
	{
	color:#000000;
	}
a:visited
	{
	color:#000000;
	}
a:focus, a:hover
	{
	color:#9BD3D1;
	text-decoration:overline underline;
	}
ul
	{
	list-style:outside;
	margin-left:3px;
	}
dt
	{
	clear:left;
	float:left;
	width:70px;
	height:30px;
	}
dd	
	{
	clear:right;
	height:30px;
	}

/* ******************************************
              1.3 Formular
****************************************** */

form
	{
	width:440px;
	}
fieldset
	{
	display:block;
	margin-bottom:10px;
	padding-bottom:10px;
	border:1px solid #CCCCCC;
    }
legend
	{
	padding:2px 5px;
	margin-left:20px;
	margin-bottom:10px;
	border:1px solid #CCCCCC;
	background-color:#9BD3D1;
	width:100px;
	text-align:center;
	font-weight:bold;
	}
label
	{
	display:inline;
	float:left;
	width:100px;
	height:14px;
	margin:2px 0;
	text-align:right;
	}
input#fotos
	{
	display:inline;
	float:left;
	width:150px;
	height:15px;
	margin:2px 10px;
	padding:0px;
	background-color:#9BD3D1;
	border:1px solid #CCCCCC;
	text-align:center;
	}
select, input
	{
	display:inline;
	float:left;
	width:150px;
	height:15px;
	margin:2px 10px;
	border-bottom:1px dotted black;
	}
input#submit
	{
	text-align:center;
	border:none;
	background-color:#9BD3D1;
	margin-top:10px;
	height:20px;
	border:1px solid #CCCCCC;
	cursor:pointer;
	}
.info input
	{
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#000000;	
	}
.checkbox input
	{
	width:10px;
	height:18px;
	}	
textarea
	{
	display:inline;
	float:left;
	width:300px;
	height:100px;
	margin:2px 10px;
	border:#CCCCCC 1px solid;
	}
.anfrage input
	{
	display:inline;
	float:left;
	width:15px;
	height:15px;
	margin:2px 10px;
	border:none;
	}
.anfrage label
	{
	display:inline;
	float:left;
	width:150px;
	height:14px;
	margin:2px 0;
	text-align:right;
	}
		
/* Formatierung bei fehlerhaften Eingaben im Formular */

.error
	{
	color:#FF0000;
	display:block;
	margin-left:280px;
	width:140px;
	line-height:15px;
	}
.error_report
	{
	color:#FF0000;
	font-weight:bold;
	display:block;
	width:200px;
	line-height:15px;
	margin-left:110px;
	}
.oblig
	{
	font-weight:bold;
	display:block;
	width:300px;
	line-height:15px;
	margin-left:110px;
	}
.error_input
	{
	background-color:#FF0000;
	}
.okay_input
	{
	background-color:#9BD3D1;
	}

/* ******************************************
              2.0 Screendesign
****************************************** */

#head	
	{
	position:relative;
	top:10px;
	margin-left:auto;
	margin-right:auto;
	width:900px;
	height:120px;
	}
#banner
	{
	width:470px;
	height:80px;
	}
#logo
	{
	position:absolute;
	top:0px;
	left:472px;
	width:428px;
	height:80px;
	}
#navi
	{
	position:absolute;
	top:90px;
	width:896px;
	height:25px;
	padding:5px 2px 0 2px;
	background-image:url(../images/navi.gif);
	}
#main
	{
	position:relative;
	top:15px;
	width:900px;
	margin-left:auto;
	margin-right:auto;
	}
#secnav
	{
	position:absolute;
	top:0px;
	left:0px;
	width:160px;
	padding:10px 10px 0px 10px;
	margin:5px 0 10px 0;
	}
#content
	{
	width:440px;
	min-height:413px;
	margin:0 180px;
	padding:20px 50px 0px 50px;
	background-image:url(../images/wallpaper.gif);
	background-repeat:repeat-y;
	}
#news
	{
	position:absolute;
	top:0px;
	right:0px;
	width:160px;
	padding:20px 10px 0px 10px;
	margin:10px 0 10px 0;
	}
#address
	{
	position:absolute;
	bottom:5px;
	left:10px;
	}
#footer
	{
	position:relative;	
	top:10px;
	width:900px;
	height:14px;
	border-top:#9BD3D1 solid 1px;
	margin:10px auto 0 auto;
	padding-top:2px;
	}

/* ******************************************
              3.1 Haupt-Navigation
****************************************** */

#navi ul
	{
	list-style:none;
	margin-left:0px;
	}
#navi li
	{
	display:inline;
	width:128px;
	height:25px;
	float:left;
	text-indent:0;
	margin-left:0;
	cursor:pointer;
	}
#navi a
	{
	display:block;
	float:left;
	width:128px;
	height:25px;
	margin:0;
	font-weight:bold;
	line-height:2.2em;
	text-align:center;
	text-decoration:none;
	}
#navi a:hover, #navi a:focus, #navi a:active
	{
	background-image:url(../images/weiss.gif);
	}
#kran, #vert, #miet, #dien, #uuns, #refz, #down
	{
	top:120px;
	left:0px;
	background-image:url(../images/weiss.gif);
	z-index:50;
	}
	
/* ******************************************
              3.2 Unter-Navigation
****************************************** */

#secnav ul
	{
	list-style:disc;
	margin-left:2px;
	}
#secnav ul a
	{
	text-decoration:none;
	}
#secnav li
	{
	margin-bottom:4px;
	line-height:1em;
	}
#tech, #EB, #ZB, #ED, #EP, #SK, #SY, #LI, #UM, #EK, #EW, #ES, #BA, #LM, #SB, #SWF, #GIS, #ARC, #YALE, #VILMA, #VACU, #plan, #fabr, #montag, #servic, #umbau, #transp, #stahl, #fahr, #pol, #qua, #ges, #par, #weg, #job, #kont, #prosp, #new, #presse, #fly, #ST
	{
	color:#9BD3D1;
	font-weight:bold;
	}