/* CSS Document zieker Transporthelfer */

*{margin:0; padding:0;}

img{border: none;}

/* img, div, a, a:hover, input { behavior: url(iepngfix.htc); } ::It must also include the correct path to the .HTC relative to the HTML document location (not relative to the CSS document!). */

a{ text-decoration:none; outline:none;color:#0E4D92;}/*#0E4D92 lt_blau fuer link: wenn nichts anderes definiert wie textfarbe*/

a:hover{color:#ff9c38;}      /*#ff9c38 orange für alink*/

body {background-color: #dbdce1;
		font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular,sans-serif;line-height:1.5em;
	font-size: 14px;color: #0E4D92;background-image:url(Bilder/zieker-gmbh/body_bg.jpg);background-repeat: repeat-x;background-position: left top; text-align:center;}


/*p{ margin-bottom:6px;}*/
ol{margin:0 0 6px 15px; list-style:decimal outside; padding:0 0 0 10px}
ol li{margin-bottom:4px;}


/* Hintergrunde */
#wrap{ position:relative; width:1006px; margin:0 auto; text-align:left; }
#kopf{ width:980px; height:190px; background-image:url(Bilder/zieker-gmbh/kopf_bg.jpg);background-repeat: no-repeat;background-position: left 79px;padding:54px 16px 0 10px;
 }
#logo {
	position:absolute;
	left:149px;
	top:20px;
	width:170px;
	height:170px;
	z-index:1; border:1px solid #ffffff;
}

#submenu{
	font-size:14px;	font-weight:normal;
	/*	margin-top:48px;*/
	color: #fff;	text-align:right;
	letter-spacing: 0.05em; padding-right:40px;
}
#submenu a{color:#FFF;}
#submenu a:hover{ color:#04A3E5;}
p#sprachen{ padding-top:9px;}

#kopf h1{
	font-size: 43px;letter-spacing: -0.05em;
	color:#145190;	padding-top:42px;
	padding-left:420px;	text-align:left;	font-weight: bold;
	line-height:40px;	text-transform: uppercase;
}
#kopf h1 span.en{font-size: 40px;letter-spacing: -0.02em;}

#content{ background: #FFFFFF url(Bilder/zieker-gmbh/wrap_bg.jpg) repeat-y left top; padding-top:25px;}

#slideshow{	width:980px;	height:480px;	margin-left:10px;border-top:#fff 1px solid;}
#display{ margin:35px 52px 0 350px;}
.transport{ background:url(Bilder/zieker-gmbh/slide-bg.jpg) no-repeat;}
.start{ background:url(Bilder/zieker-gmbh/slide-start-bg.jpg) no-repeat;}
.form {background:url(Bilder/zieker-gmbh/slide-form-bg.jpg) no-repeat;}
.maschinen {background:url(Bilder/zieker-gmbh/slide-maschinen-bg.jpg) no-repeat;}






p#p1 a#a1, p#p2 a#a2, p#p3 a#a3, p#p4 a#a4, p#p5 a#a5, p#p6 a#a6 { color:#04A3E5;}


#kontakt{ text-align:right;font-size:14px;
	font-weight:normal;
	letter-spacing: 0.05em; padding-right:55px;}
#kontakt a{color: #145190;}
#kontakt a:hover{ color:#04A3E5;}
#badge {
	position:absolute;
	left:-23px;
	top:148px;
	width:148px;
	height:149px;
	z-index:25;
}
/* ----------------------------------index---------------------------------------------------*/
#slogan {
	position:absolute;
	left:148px;
	top:227px;
	width:298px;
	height:70px;
	z-index:1;
	color:#04A3E5;
	font-size:16px;
	font-weight:bold;
}
/* ------------------------------- hauptmenu -------------------------------------------*/
#shadow{
	position:absolute;	left:40px;	padding-top:26px;	top:260px;	width:290px;	height:1200px;	z-index:20;
	background: url(Bilder/zieker-gmbh/transporthelfer_menu.png) no-repeat;
	
}

#hauptmenu{
	position:absolute;	left:40px;	padding-top:24px;	top:260px;	width:290px;	height:1060px;	z-index:22;	background: none;
}

#hauptmenu ul{list-style:none; padding-left:30px;}
#hauptmenu ul{font-size:14px; width:220px;line-height:1.18em}
#hauptmenu ul li{border: dotted #263061; border-width:0 0 1px;}
#hauptmenu ul li a { display:block;padding:8px;padding-left:20px;color:#263061;}
#hauptmenu ul li a:hover {color: #0062AD; background:url(Bilder/zieker-gmbh/menu-bg.png) repeat;}
* html  #hauptmenu ul li a:hover {color:#097ed8; background-color:#b1e2f9; background-image:none;border: dotted #263061; border-width:0 1px;padding-left:19px; }

/*---- hauptmenu selected link ----*/
ul#m1 a#t1, ul#m2 a#t2, ul#m3 a#t3, ul#m4 a#t4, ul#m5 a#t5, ul#m6 a#t6, ul#m7 a#t7, ul#m8 a#t8, ul#m9 a#t9,
ul#m10 a#t10, ul#m11 a#t11, ul#m12 a#t12, ul#m13 a#t13, ul#m14 a#t14, ul#m15 a#t15, ul#m16 a#t16, ul#m17 a#t17, ul#m18 a#t18, ul#m19 a#t19, 
ul#m20 a#t20, ul#m21 a#t21, ul#m22 a#t22, ul#m23 a#t23, ul#m24 a#t24, ul#m25 a#t25, ul#m26 a#t26, ul#m27 a#t27, ul#m28 a#t28, ul#m29 a#t29, ul#m30 a#t30, ul#m31 a#t31, ul#m32 a#t32,ul#m33 a#t33, ul#m34 a#t34 {color: #0062AD; background:url(Bilder/zieker-gmbh/menu-bg.png) repeat;}

* html ul#m1 a#t1, * html ul#m2 a#t2, * html ul#m3 a#t3, * html ul#m4 a#t4, * html ul#m5 a#t5, * html ul#m6 a#t6, * html ul#m7 a#t7, * html ul#m8 a#t8, * html ul#m9 a#t9,
* html ul#m10 a#t10, * html ul#m11 a#t11, * html ul#m12 a#t12, * html ul#m13 a#t13, * html ul#m14 a#t14, * html ul#m15 a#t15, * html ul#m16 a#t16, * html ul#m17 a#t17, * html ul#m18 a#t18, * html ul#m19 a#t19, 
* html ul#m20 a#t20, * html ul#m21 a#t21, * html ul#m22 a#t22, * html ul#m23 a#t23, * html ul#m24 a#t24, * html ul#m25 a#t25, * html ul#m26 a#t26, * html ul#m27 a#t27, * html ul#m28 a#t28, * html ul#m29 a#t29, * html ul#m30 a#t30, * html ul#m31 a#t31{color:#097ed8; background-color:#b1e2f9; background-image:none;border: dotted #263061; border-width:0 1px;padding-left:19px; }

.unterline{ border:solid #fff; border-width:1px 0;width:190px;}

#produkte{ margin:40px 0 0 50px; }
.column{float:left; width:405px;  margin-right:30px; margin-bottom:10px; /*background-color:#DDD;*/ } /* BG ausblenden */
.column a{color:#0E4D92;}		/*#0E4D92 lt_blau fuer link*/
.column a:hover{color:#ff9c38;}      /*#ff9c38 orange für alink*/
.column a.bild { display:block; width:160px; float:left;}
.column p{ padding:20px 0;}



#information{ margin:40px 56px 30px 360px; } /* breite Spalte für Produktinformationen */

#footer{ clear:both; height:65px; color:#666; font-size:10px; padding-top:4px;width:1004px; background: url(Bilder/zieker-gmbh/footer-bg.png) no-repeat; margin-bottom:20px}
#footer a.logo{float:right; margin-right:50px}
#footer p{padding:20px 0 0 360px; font-size:11px;color:#263061; }
#footer p a{color:#263061;}


/* ----------------------------------------------- content-bereich ------------------------------------------- */
.imgleft{float:left; margin:8px 10px 10px 0;}
.imgright {float:right; margin:8px 0 10px 10px;}


/* URL  */  
  a.url{color:#04A3E5; border-bottom:#04A3E5 1px dashed;}		/*#04A3E5 tuerkis für link*/  
 a.url:hover{color:#ff9c38;border-bottom:#ff9c38 1px dashed;}      /*#263061 dunkelblau für alink*/
 /* menu, sitemap */ 
 a.site{color:#0E4D92; }		/*#0E4D92 lt_blau fuer link*/
 a.site:hover{color:#ff9c38;}      /*#ff9c38 orange für alink*/
 
/* PDF  */  
  a.pdf{color:#04A3E5; font-size:14px; font-weight:bold; }		/*#04A3E5 tuerkis für link*/  
 a.pdf:hover{color:#0E4D92;}      /*#263061 dunkelblau für alink*/ 

#slideshow h1{	color:#1f5a96;	font-size:30px;	padding:20px 0 30px 20px;	line-height:28px;}
h2 {font-size: 14px;font-weight: bold;}/* Strong */
h3{font-size: 22px;font-weight: bold; padding:16px 0 8px;} /* Zwischenhead */
h3.neu{ background:url(Bilder/Transporthelfer/neu-transporthelfer.jpg) no-repeat; padding:26px 0 8px 70px; height:40px; margin-bottom:-20px}
h4, h5, h6 {}
p{ margin-bottom:7px} 

#display ul, #information ul{ padding:4px 20px 10px; list-style-type:square;}
#display ul li, #information ul li{ padding:2px 0}
#display ul li ul, #information ul li ul{ padding:3px 20px; list-style-type:square;}

#display ul.listerechts{margin-left:260px;} /* wenn Liste im Display-Fenster rechts das Bild umfliesst */

table{border:#33AAEE 1px solid; margin:10px 10px 10px 0;}
td { border:#33AAEE 1px solid; font-size:14px; padding:4px}
th{  border:#33AAEE 1px solid; font-size:14px;text-align:left; padding:4px 8px}
.copy{font-size: 10px;vertical-align:top;white-space: nowrap;}

	/* Farben 
	#263061 CI-dunkel-blau
	#FFFFFF Head (16) font-weight: bold;
	#ff9c38 CI-orange links
	#82cdff CI-hellblau 
	#1f5a96 dunkelblau h1
	#0A4B90 dunkelblau logo
	#449CE9 cyan
	#0098D5 cyan logo
	#00ADE3 76-10-1-0
	#0062AD 96-64-1-0
	 Zwischenhead (13) font-weight: bold;
		#263061 dunkelblau lauftext */

.clearfix{ clear:both; height:1px}

/* ----------------------------------------------- sitemap ------------------------------------------- */
.smap {font-size: 14px;font-weight: bold; margin:0 0 0 20px; line-height:1.7em;list-style:square;}
.smap li ul{list-style: square outside;margin:0 0 0 20px;font-weight:normal;}
.smap a{color:#0E4D92;}		/*#0E4D92 lt_blau fuer link*/
.smap a:hover{color:#ff9c38;}      /*#ff9c38 orange für alink*/


/* ----------------------------------------------- formular ------------------------------------------- */
dl,dd { margin:0; padding:0;}
dt { margin:6px 0 2px; padding:0;}
input, textarea {width:300px; background-color:#FFFFFF; border:#222 1px solid; padding:1px;}
textarea{ overflow:hidden}
.plz{width:60px; margin-right:5px;}
.ort{width:230px}
.button{width:148px; margin: 6px 5px 6px 0; background-color:#d2d4d5; border:#222 1px solid}
/* ----------------------------------------------- formular ende ------------------------------------------- */

/* ------------------------------- slider ----------------------------- */
img{border:none;}

#slidebox{position: relative;top: 45px; left:100px;}
#slideclip{overflow: hidden; position: relative;}
ul#mycarousel {margin: 0px; padding: 0px; overflow: hidden; position: relative; top: 0px; left: 0px; width: 780px;}

 .jcarousel-container {background: transparent;}
 .jcarousel-container-horizontal {width: 780px;}
.jcarousel-clip-horizontal {    width:  780px;    height: 380px;}

 .jcarousel-item {    width: 780px;    height: 380px;}
 
/* ------------------------------- slider buttons ----------------------------- */ 
 
.jcarousel-next-horizontal {
	position: absolute;
	top: 167px;
	right: -110px;
	width: 37px;
	height: 57px;
	z-index:99;
	cursor: pointer;
	background:transparent url(Bilder/zieker-gmbh/slide-start-steuerung-next.gif)  no-repeat 0 0;
}

 .jcarousel-next-horizontal:hover {    background-image: url(Bilder/zieker-gmbh/slide-start-steuerung-next-over.gif);}

 
.jcarousel-prev-horizontal {
	position: absolute;
	top: 167px;
	left: -110px;
	width: 37px;
	height: 57px;
	z-index:99;
	cursor: pointer;
	background: transparent url(Bilder/zieker-gmbh/slide-start-steuerung-prev.gif) no-repeat 0 0;
}

 .jcarousel-prev-horizontal:hover {
    background-image: url(Bilder/zieker-gmbh/slide-start-steuerung-prev-over.gif);
}
/* ------------------------------- impressum ----------------------------- */ 
#Disclaimerlink{ cursor:pointer; background:#0192d3 url(Bilder/arrow_orange.gif) right center no-repeat; width:250px; padding:12px 5px}
#Disclaimerlink a{ color:#FFFFFF; text-decoration:none}
#Disclaimerlink a:hover{ color:#ff9c38;}
#disclaimer{ position:absolute; left:340px; top:490px; width:590px; height:400px; padding:20px; background:#FFFFFF; visibility: hidden; border:#0E4D92 solid 1px}
#disclaimer #HA_text{overflow:auto;height:370px; }
#disclaimer #close{ right:10px; top:10px;position:absolute;width:90px; height:20px; text-align:right; cursor:pointer}
#close:hover{ color:#ff9c38;}
