/* CSS Document */

*
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#656565;
	line-height:16px;
	margin:0;
	padding:0;
	text-align:left;
}

#container
{
	width:827px;
	margin-left:auto;
	margin-right:auto;
}

#head
{
	width:827px;
	height:133px;
	position:relative;
}

#content
{
	width:827px;
}


div.index
{
	position:relative;
	width:827px;
	text-align:left;
}









/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* H E A D E R */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
img.logo
{
	position:absolute;
	top:40px;
	left:0px;
	border:none;
}
img.web_solutions
{
	position:absolute;
	top:25px;
	right:0px;
	border:none;
}
div.navi-1
{
	position:absolute;
	bottom:5px;
	left:0px;
	color:#999999;
	font-weight:bold;
	text-transform:uppercase;
	font-size:13px;
	height:20px;
	line-height:20px;
}
div.navi-1 > a
{
	color:#999999;
	text-decoration:none;
}
div.navi-1 > a.active
{
	color:#656565;
}
div.navi-1 > a:hover
{
	color:#656565;
}
div.navi-1 > a.active:hover
{
	color:#656565;
}
div.navi-2
{
	position:absolute;
	bottom:5px;
	right:0px;
	color:#CCCCCC;
	font-size:8px;
	text-align:right;
	height:20px;
	line-height:20px;
}
div.navi-2 > a
{
	color:#CCCCCC;
	text-decoration:none;
}
div.navi-2 > a:hover
{
	color:#656565;
}
div.navi-2 > a.active
{
	color:#656565;
}
div.navi-2 > a.active:hover
{
	color:#656565;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* M A I N */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
div.flash
{
	height:330px;
	width:827px;
}
div.main-image
{
	width:827px;
	height:76px;
}
div.main-image-jobs
{
	width:827px;
	height:90px;
}
div.main-image-home
{
	width:827px;
	height:126px;
}
div.main-image-leistungen
{
	width:827px;
	height:114px;
}
div.content
{
	position:relative;
	margin-top:40px;
	width:827px;
	line-height:18px;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* F O O T E R */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

div.footer
{
	width:827px;
	position:relative;
	margin-top:40px;
}
div.footer_text
{
	width:827px;
	height:20px;
	position:absolute;
	text-align:center;
	font-size:9px;
	padding-top:10px;
	border-bottom:1px solid #c5c6c8;
	word-spacing:2px;
}
div.footer_left
{
	position:absolute;
	left:0px;
	top:40px;
	text-align:left;
}
div.footer_right
{
	position:absolute;
	right:0px;
	top:40px;
	text-align:right;
}
img.bookmark
{
	margin-right:7px;
	margin-left:3px;
	border:none;
}



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* G E N E R A L */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
a:hover
{
	text-decoration:underline;
}
h1
{
	color:#aeaeae;
	font-size:17px;
	font-weight:bold;
	margin:0px;
}

h2
{
	color:#959595;
	font-size:16px;
	font-weight:bold;
	margin:0px;
}

h2.callback
{
	color:#3a928d;
	font-size:18px;
	font-weight:bold;
	margin:0px;
}

h3.teaser
{
	color:#3a928d;
	font-size:9px;
	font-weight:bold;
	margin:0px;
	margin-top:5px;
	margin-left:10px;
	margin-bottom:5px;
}

div.teaser
{
	width:120px;
	height:120px;
	margin-left:10px;
	font-size:9px;
	text-align:left;
	color:#6f6f6f;
}

a.teaser
{
	color:#3a928d;
	text-decoration:underline;
	font-size:9px;
}

td.callback
{
	text-align:left;
}

a.callback
{
	color:#3a928d;
	text-decoration:underline;
	font-size:11px;
}

p.time
{
	font-size:11px;
	margin-top:5px;
	line-height:12px;
	margin-bottom:5px;
}

input.contact
{
	width:296px;
	border:1px solid #cccccc;
	margin:0px;
	padding:2px;
	font-size:12px;
	line-height:14px
}
textarea.contact
{
	width:300px;
	border:1px solid #cccccc;
	height:100px;
}
select.contact
{
	width:75px;
	border:1px solid #cccccc;
}
input.submit
{
	width:75px;
	border:1px solid #cccccc;
	color:#333333;
	cursor:pointer;
}



a.action
{
	color:#cc0000;
	text-decoration:none;
}
a.action:hover
{
	text-decoration:underline;
}


.black_overlay
{
	display: none;
	position: fixed;
	top:0px;
	left:0px;
	margin: 0px;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.45;
	opacity:.45;
	filter: alpha(opacity=45);
}
       
.white_content
{
	display: none;
	position: fixed;
	top: 25%;
	left: 30%;
	width: 480px;
	height: 480px;
	padding: 16px;
	z-index:1002;
	overflow: auto;
}

ul
{
	margin-left:15px;
}

li
{
	font-size:11px;
}