/* hd-xxlprint.de			*/
/* webdesign: webnew.de		*/
/* thomas.reisser@webnew.de	*/

/* Reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {padding: 0;margin: 0;}
fieldset, img {border: 0; }
table {border-collapse: collapse; border-spacing: 0; }
ol, ul {list-style: none;}
address, caption, cite, code, dfn, em, strong, th, var {font-weight: normal;	font-style: normal;}
caption, th {text-align: left;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;font-size: 100%;}
q:before, q:after {content: '';}
abbr, acronym {border: 0;}

/* Slices */
body {
	margin:1px 0 0 25px;
	text-align:left;
	font-family:Helvetica, Verdana, sans-serif;
	color:#006BB5 ;
}
#wrapper {position: relative; width:986px;margin:0 auto;} /* 982*/
#header {height:144px;width:100%;}
#logo {
	float:left;
       width:93px;
       height:144px;
       margin:0 151px 0 0;
       text-decoration:none;
       list-style:none;
       border:none;
       }
#logo a {
      text-decoration:none;
      list-style:none;
      border:none;
      text-indent:-999em;
      width:250px;
      }
#content { margin:1px 0 0 0; color:#000; }
#texte {
	float:left;
    	margin:0;
	padding:10px 20px 0 10px;
	width:487px;
	background:url('../img/schatten_unten.png') top left no-repeat;
      }
#anfahrt #texte {
	padding:1px 0 0 0;
	width:517px;	
}

/* Type */
#slogan {
	position:absolute;
	top:165px;
	left:310px;
	font-size:18px;
	font-weight:bold;
	color:#000; } /* #06AB3; } */

h1 { font-size:24px;font-weight:bold; padding:25px 0 10px 0;}
h2 { font-size:18px;font-weight:bold; padding:10px 0 5px 0;}
h3 { font-size:16px;font-weight:normal;font-style: italic;  padding:10px 0 0 0;}
p { font-size:16px;font-weight:normal; padding:5px 0;}
#bild_rechts p { font-size:12px; color:#fff;padding:35px 10px 30px 10px; }
#led #bild_mitte p,
#klassiker #bild_mitte p { font-size:12px; color:#fff;padding:100px 10px 10px 276px; }
#bild_rechts_unten p { font-size:12px; color:#000;padding:270px 0 40px 10px; }
#bild_rechts_unten p a { text-decoration:none; color:#000; }
#jobs h2 {padding:30px 0 5px 0;}
.joba li { font-size:16px; padding:0 0 0 8px;background:url('../img/point.png') 0 6px no-repeat;text-decoration:none;list-style: none;}
a:hover { text-decoration:underline; }
/* Liste */
dt { float:left; }
dd { float:left; padding:0 0 0 5px; }
dl  { clear:both;}
table {border-collapse:collapse;}
td { padding:0 5px 0 0; }

/* tooltip */
#mitarbeiter { 
    display:none;
    font-size:12px; 
    height:60px; 
    width:170px; 
    padding:30px 20px;
    color:#000;   
    filter:alpha(opacity=70); /* Internet Explorer */
    -moz-opacity: 0.70; /* Mozilla Browser */
    opacity: 0.70; /* Opera */
}

/* Formular */
#kontaktform { margin:20px 0 0 0; }
label { float:left; display:block; width:110px; height:26px;clear:left;}
select {position:relative;top:-1.4em;left:115px;display:block;width:337px;border:1px solid #a5acb2;padding:1px;}
fieldset input { 
	display: block;
	position: relative;
	top: -1.4em;
	left:115px;
	border: 1px solid #a5acb2;
	padding: 2px;
	background: #fff; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.reihe { clear: both;}
input.knopf { float:left; text-align: center; margin:25px 10px 5px 0; }
textarea {
	position: relative;
	top: 0px;
	left: 5px;
	display: block;
	border: 1px solid #a5acb2;
	padding: 2px;
	width: 323px;
	height: 100px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
select:hover,input:hover,textarea:hover{ border:1px solid #999;color: #31709F;}
select:focus,input:focus,textarea:focus{ background:#DFF1FF;border:1px solid #000;color: #000;} 

/* Bilder */
#bild_links {
	float:left;
	height:168px;
	width:244px;
}
#bild_mitte {
	float:left;
	width:515px;
	height:168px;
	margin:0 1px;
}
#led #bild_mitte { background:url('../img/led_oben_mitte.jpg') top left no-repeat; }
#klassiker #bild_mitte { background:url('../img/klassiker_oben_mitte.jpg') top left no-repeat; }
#bild_rechts {
	float:left;
	width:225px;
	height:168px;
}
#geschaeftsfuehrung #bild_rechts, 
#grossflaechen #bild_rechts, 
#neue_materialien #bild_rechts,
#sign_ware #bild_rechts,
#farbmanagement #bild_rechts,
#workflow #bild_rechts { background:url('../img/vorstufe_oben_rechts.png') top left no-repeat; }
#bild_links_unten {
	float:left;
	width:244px;
	height:415px;
}
#bild_rechts_unten {
	float:left;
	width:225px;
	height:415px;
	margin:1px 0 0 0;
}
#bild_rechts_unten table {

}
#kontakt #bild_rechts_unten {
	background-color:#D4C1AA;
	color:#000;
}
.clearer { clear:both; }
.right {
	float:right;
	padding:5px 10px;
	font-size:11px;
	text-decoration:none;
    list-style:none;
	color:#006BB5;
}
#drbox {
	float:right;
	padding:5px 0 0 0;
	width:225px;
	height:25px;
	font-size:11px;
	text-decoration:none;
	list-style:none;
	color:#006BB5;
	text-align: right;
}
#team #drbox { margin:60px 0 0 0; }

.right a {
	text-decoration:none;
      	list-style:none;
	color:#006BB5;
}

/* Header */
#header .right {
	padding:120px 30px 0 0;
}

/* Startseite */
#home #bild_links {height:580px;width:244px;}
#home #texte { display:none; }
#home #bild_mitte {
	float:left;
	width:736px;
	height:580px;
	margin:0;
}
.fadein { visibility:hidden; }
 #fade1 {	
	width:350px;
	height:auto;
	padding:30px;
	position:absolute;
	top:200px;
	left:300px;
	font-size:16px;
	font-weight:normal;
	background-color:#eee;
	border:#fff 1px solid; 
}

/* menu */
#menu {
      float:left;
      margin:0px 0 0 0;
      padding:0;
      width:517px;
      overflow:hidden;
}
ul.menu {
      margin:22px 0 0 0;
      padding:0;
      display:block;
      width:542px;
      color:#006BB5;
      list-style:none;
      text-decoration:none;
      }
ul.menu ul {
        display:none; 
        width:516px;
	 height:16px;
        position:absolute;
	 top:86px;
	 left:245px;
        padding:21px 0;
	 background:transparent url('../img/schatten_oben.png') left bottom no-repeat;
        }
ul.menu li:hover>ul, xul.menu li.current>ul {
        display:block;
        background-color:#005B9D; 
        color:#fff;
        } 

ul.menu li a {float:left;margin:0 6px;padding:44px 0 3px 0;} 
ul.menu li a[rel="home"] { color:#00558F}
ul.menu li a[rel="produkte"] { color:#005F9F}
ul.menu li a[rel="prinzip"] { color:#0069AF}
ul.menu li a[rel="ueber_uns"] { color:#0072BF}
ul.menu li a[rel="referenzen"] { color:#007CCF}
ul.menu li a[rel="kontakt"] { color:#0085DF}

ul.menu ul.menui li a {float:left;padding:0 3px;}

#en ul.menu li a {float:left;margin:0 7px;padding:44px 0 3px 0;} 
#en ul.menu ul.menui li a {float:left;padding:0 3px;}

ul.menu table {border-collapse:collapse}
ul.menu li {display:inline;font-size:0px;}
ul.menu a:active, ul.menu a:focus {outline-style:none;}
ul.menu a, ul.menu a current, ul.menu li current {
	display:block;
	vertical-align:middle;
	text-align:left;
	text-decoration:none;
	_padding-left:0;
	font:bold 16px Verdana;
	color: #006BB5;
	cursor:default;
	}
ul.menu li.dis a:hover, ul.menu li.sep a:hover {
	display:block;
	vertical-align:middle;
	text-align:left;
	text-decoration:none;
	_padding-left:0;
	font:bold 16px Verdana;
	color: #007CCF;
	cursor:default;
	}
ul.menu li.current a {
	border-bottom:#006BB5 4px solid;
}
ul.menu li.current ul.menui a {border:none;}

li
ul.menu span{overflow:hidden;}
ul.menu li {float:left;}
ul.menu ul li {float:none;}
ul.menu ul a {text-align:left;white-space:nowrap;}
ul.menu li.sep{text-align:left;padding:0px;line-height:0;height:100%;}
ul.menui a, ul.menui li a{ color:#fff;font:bold 10px Verdana;}
ul.menu li:hover>a, ul.menu li a:hover {
	color: #007CCF;
	cursor:pointer;
	border-bottom:#007CCF 4px solid;
}
ul.menu li.current>a { border-bottom:#006BB5 4px solid; xbackground-color:#006BB5; }
ul.menu ul.menui li a:hover, ul.menu ul.menui li:hover>a, ul.menu ul.menui li.current>a {text-decoration:underline; border:none;color:#fff;}
ul.menu a:hover ul{display:block; }

/* tooltips */
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }