@charset 'utf-8';
/* 
	STYLESHEET: screen.css
	--------------------------------------------------------------
	
	Media Type: 	Screen
	Copyright:		(c)2008, up 
	Updated: 		2008-11-25
	
------------------------------------------------------------------

__________________01. GLOBAL
__________________02. LAYOUT

------------------------------------------------------------------*/


/* Import default Stylesheets 
------------------------------------------------------------------*/
@import url(reset.css); 	/* Resets all Styles */
@import url(base.css);		/* Basic Styles (margins, font size, ect.)



/* 01. GLOBAL
------------------------------------------------------------------*/
html, body {
	color: #4d4d4d;
	background: #e6e9eb url(../images/bg_body.gif) center top no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	font-size: 85%;
}

p {line-height: 1.5em}
.print {display:none}

#wrapper {
	width: 800px; /* 856px */
	margin: 0px auto 0 auto;
	padding: 48px 28px 35px 28px;
	position: relative;
	background: #fff url(../images/bg_wrapper2.gif) center top no-repeat;
}
/* Background adaption for "Folgeseiten" */
#wrapper.text {background: #fff url(../images/bg_wrapper3.gif) center top no-repeat}

/* Default div#main link styles */
#main a:link {color:#002d47; text-decoration:none; font-weight:bold}
#main a:visited {color:#002d47; text-decoration:none; font-weight:bold}
#main a:active {color:#002d47; text-decoration:none; font-weight:bold}
#main a:hover {color:#002d47; text-decoration:underline; font-weight:bold}



/* 02. HEADER
------------------------------------------------------------------*/
#header {position:relative; z-index:1000; margin-top:66px} 
/* Logo replacement */
#header #logo {margin:0 0 81px 10px;}
#header #logo a {
	display: block;
	height: 31px;
	width: 178px;
	text-indent:-999em;
	background: url(../images/uniqueprojects.jpg) no-repeat;
}

/* Navigation */
#navigation {
	position: absolute;
	top: 1px;
	right: 0px;
	width: 400px;
}
/* 1st Level */
#navigation ul {
	margin: 0;
	padding: 0;
}
#navigation ul li {
	float:left;
	margin: 0;
	padding: 0;
	list-style:none;
	/*width: 10em;*/
	margin-right: 10px;
	padding: 8px 7px;
}
#navigation ul a {
	display: block;
	/*width: 10em;*/
}
#navigation #start {display:block; height:10px; width:27px; text-indent:-999em; background:url(../images/nav_start.gif) no-repeat}
#navigation #unternehmen {display:block; height:10px; width:89px; text-indent:-999em; background:url(../images/nav_unternehmen.gif) no-repeat}
#navigation #leistungen {display:block; height:14px; width:74px; text-indent:-999em; background:url(../images/nav_leistungen.gif) no-repeat}
#navigation #helpdesk {display:block; height:13px; width:53px; text-indent:-999em; background:url(../images/nav_helpdesk.gif) no-repeat}
#navigation #kontakt {display:block; height:10px; width:45px; text-indent:-999em; background:url(../images/nav_kontakt.gif) no-repeat}

/* Set hover style */
#navigation #unternehmen:hover {}
/*#navigation li.dropdown:hover {background: #e7eaec}*/


/* 2nd Level */
#navigation ul #unternehmen ul a {} /* 2nd level reset */
#navigation ul ul {
	position: absolute;
	width: 142px;
	left: -999em;
	background: #e7eaec;
	margin: 8px 0 0 -7px;
	padding: 5px;
}
#navigation ul li:hover ul, #navigation ul li.sfhover ul  {
	left: auto;
}
#navigation ul ul li {
	float: none;
	padding: 0;
	margin-bottom: 3px;
}
#navigation ul ul a {
	color: #7f8284;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 3px;
	display: block;
	width: 132px;
}
#navigation ul ul a:hover {
	background: #fff;
	color: #002d47;
	text-decoration: none;
}



/* 02. SLIDE
------------------------------------------------------------------*/
#slide {
	height: 403px;
	position: relative;
}

#mySlides {
	position: absolute;
	top: 0;
	left: 0;
	height: 403px;
	width: 800px;
}

#slide #myController {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 800px;
	height: 71px;
	background: url(../images/bg_mycontrols.png) no-repeat;
	z-index: 100;
}
#myController #link-it span {background:url(../images/link_it.png) no-repeat; height:16px; width:75px; text-indent:-999em; display:block; margin-left:20px}
#myController #link-system span {background:url(../images/link_systemtechnik.png) no-repeat; height:16px; width:105px; text-indent:-999em; display:block}
#myController #link-kosten span {background:url(../images/link_kostenreduzierung.png) no-repeat; height:16px; width:133px; text-indent:-999em; display:block}
#myController #link-kontakt span {background:url(../images/link_kontakt.png) left top no-repeat; height:16px; width:57px; text-indent:-999em; display:block}

#myController span {border-bottom:0; cursor:pointer}
#myController span:hover {border-bottom:2px solid #d6b691}
#myController span.jFlowSelected {border-bottom:2px solid #d6b691}

#myController ul {
	margin: 18px 0 0 0;
	padding: 0;
}
#myController li {
	list-style: none;
	float: left;
	padding: 10px 50px 0 50px;
	display: block;
	height: 25px;
	border-right: 1px solid #41667f;
}
#myController #link-kontakt {border-right:none}

#mySlides div.visuals {
	height: 403px;
	color: #fff;
	font-size: 24px;
	/*background: url(../images/slide_overlay2.png) no-repeat;*/
}
#mySlides div.padding { /* Text Layer */
	padding: 61px 52px;
	text-indent: -999em;
	height: 281px;
}
#mySlides div.visuals img {height:403px; width:800px; display:block}
#mySlides #first {
	background: url(../images/slider_hafen.jpg) no-repeat;
}
#mySlides #second {
	background: url(../images/slider_mauer.jpg) no-repeat;
}

.download {
	font-size: 9px;
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter: alpha(opacity=50);	
	position: absolute;
	top: 10px;
	right: 10px;
}
.download a {color:#fff; text-decoration:none}



/* 02. BANNER: "Folgeseiten"
------------------------------------------------------------------*/
#banner {
	height: 314px;
	width: 800px;
	position: relative;
}
#banner img {display:block}



/* 02. MAIN
------------------------------------------------------------------*/
#content {margin-top:30px}
#main {
	width: 583px;
	float: left;
	padding: 10px;
	font-size: 110%;
}
#main p {
	margin-bottom: 1.3em;
	line-height:1.35em
}
#main h2 {
	margin: 0.2em 0;
	padding: 0;
	color: #4d4d4d;
	font-size: 16px;
}
h1 {
	margin: 0 0 1em 0;
	padding: 0;
}
h1 img {display:block}

h1#richtige {
	margin: 0 0 1em 0;
	padding: 0;
	background: url(../images/h1_richtige.gif) no-repeat;
	width: 196px;
	height: 21px;
	text-indent: -999em;
}

#grid {border:none}
#grid td {border:none}



/* 02. SIDEBAR
------------------------------------------------------------------*/
#sidebar {
	width: 169px;
	float: right;
}
#sidebar p {margin:0}
#sidebar .box {
	background: #f3f5f6;
	padding: 10px;
	margin-bottom: 20px;
}
#sidebar .box img {display:block}
#sidebar h3 {
	margin: 0 0 8px 1px;
	padding: 0;
  text-indent: -999em;
}

#sidebar h3.newsletter {background:url(../images/h3_newsletter.gif) no-repeat;}
#sidebar h3.partner {background:url(../images/h3_partner.gif) no-repeat;}
#sidebar h3.search {background:url(../images/h3_suche.gif) no-repeat;}

#sidebar #txt-string {
	border:1px solid #e6e9eb;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	padding: 2px 3px 2px 3px;
	width: 140px;
	font-size: 12px;
}
#sidebar p#search-pdf {
	font-size: 10px;
	color: #333;
	margin: 6px 0 6px 0;
	padding: 0;
	height: 15px;
}
#sidebar #chk-pdf {
	vertical-align: middle;
	padding: 0;
	margin: -1px 1px 0 1px;
}
#sidebar p#search-pdf span {}
#sidebar #btn-search {
	border: 1px solid #7f8384;
	background: #7f8384;
	color: #fff;
	padding: 1px 5px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 89px;
}



/* 02. FOOTER
------------------------------------------------------------------*/
#footer {
        margin: 0 auto;
        width: 856px;
        font-size: 95%; /* =11px */
        padding-bottom: 120px;
        position: relative;
        border-top: 1px solid #e6e9eb;
}
#footer ul {
        margin: 10px 0 0 35px;
        padding: 0;
}
#footer li {
        list-style: none;
        float: left;
        margin: 0 24px 0 0;
}
#footer a {
        color: #7f8384;
        text-decoration: none;
}
#footer a:hover {text-decoration:underline}

#footer li#print {
        position: absolute;
        top: 11px;
        right: 40px;
        width: 15px;
}
#footer li#top {
        position: absolute;
        top: 11px;
        right: 18px;
        width: 15px;
}
#footer #print, #footer #top {margin:0 7px 0 0}
#footer #print a, #footer #top a {display:block; height:15px; width:15px; text-indent:-999em}
#footer #print a {background:url(../images/icon_print.gif) no-repeat;}
#footer #top a {background:url(../images/icon_top.gif) no-repeat;}


/* NEU SUB MENU */

div#sub_menu {
        background: url(../images/subnav_trans.png) repeat;
        margin: -10px 0 20px -10px;
        padding: 10px 10px 15px 10px;
}
div#sub_menu div {
        width: 190px;
        float: left;
}
div#sub_menu div a {font-size:12px}