/* ++++++++++ STYLESHEET EKB-CONTAINERLOGISTIK.COM / PYRAMEDIA 2009 / TIM R. GLOYSTEIN ++++++++++ */
@import url('../_css/reset.css');
@import url('../_css/navigation.css');
@import url('../_css/prettyPhoto.css');

/* ++++++++++ ALLGEMEINES ++++++++++ */
html
 {
		overflow-x: hidden;
	}

body, html
 {
	 height:100%;
		width:100%;
	 font-family:Arial, Helvetica, sans-serif;
		color: #58585A;
		background:#FFFFFF url(../_images/background.png) repeat;

 }
/* ++++++++++ ENDE ALLGEMEINES ++++++++++ */



/* ++++++++++ LAYOUT ++++++++++ */
#container
 {
		position:relative;
		width:999px;
	 margin:0px auto;
  background:#FFFFFF;		
	}
	
#content
 {
		float: right;
		width:515px;
		padding:475px 275px 50px 0px;
		z-index:50;
		overflow:hidden;
	}

#header
 {
		position:absolute;
		top:0px;
		left:0px;
		width:999px;
		height:107px;
		background:url(../_images/background-head.jpg) no-repeat;
	}
	
#logo
 {
	 position:absolute;
		top:15px;
		left:25px;
	}
	
#infobox
 {
		position: absolute;
		top: 447px;
		left: 764px;
		width: 205px;
		/*height: 240px;*/
		padding: 15px;
		font-size: 12px;
		background: #C6C7C8;
	}
	
#infobox h2
 {
		font-size: 12px;
		margin-top: 20px;
		margin-bottom: 5px;
		padding:0;
	}
	
#infobox p
 {
		line-height: 15px;
	}
	
#infobox .phone
{
	font-size: 24px;
	line-height: 32px;
	margin: 0;
}
 
#infobox input 
 {
		width: 140px;
		margin-left: 7px;
		padding: 3px;
		font-size: 11px;
		border: none;
	}
	
#map-small, .links-rechts
 {
		position: absolute;
		top: 750px;
		left: 780px;
	}
	
#bookmarking
 {
		position:relative;
		width:999px;
	 margin:10px auto;
		padding-right: 25px;
		padding-bottom: 15px;
		text-align: right;
	}
	
#footer
 {
  width: 999px;
		height: 75px;
  padding: 0;
		margin: 0;
		text-align: right;
	}
	
#flash
 {
	 position:absolute;
		top:107px;
		left:0px;
		width:999px;
		height:340px;
		z-index:0;
		background: #C6C6C7;
	}	
		
#image
 {
  position:absolute;
		top:107px;
		left:0px;
		width:999px;
		height:340px;
		z-index:0;
		background: #C6C6C7;
	}
	
.image_fade
 {
		display: none;
	}
	
#image img
 {
		/*border-bottom: 2px solid #9FA0A1;*/
	}

#banner
 {
	 position:absolute;
		top:430px;
		width:165px;
	}
	
#metanavigation
 {
	 position:absolute;
		top:10px;
		left: 611px;
		/*left:580px; inklusive Tracking*/
		font-size:12px;
		line-height:14px;
		text-align: right;
		color: #707173;		
	}
	
#metanavigation a
 {
	 text-decoration:none;
	}
	
#metanavigation a:hover
 {
	 color:#FFFFFF;
	}
	
#metanavigation .active
 {
	 color:#FFFFFF;
	}
	
.gefahrgutklasse
 {
		float:right;
		margin-top:-68px;
	}
/* ++++++++++ ENDE LAYOUT ++++++++++ */


/* ++++++++++ NAVIGATION ++++++++++ */
#navigation
 {
	 position:absolute;
		top:87px;
		left:379px;
	}

#subnavigation
 {
		float: left;
		width: 160px;
		padding:475px 0px 0px 15px;
	}
/* ++++++++++ ENDE NAVIGATION ++++++++++ */


/* ++++++++++ TEXTFORMATIERUNGEN ++++++++++ */	
h1
 {
		font-size:24px;
		line-height:28px;
		font-weight:normal;
		text-align:left;
		text-transform: uppercase;
		margin: 0 0 18px 0;
	}
	
h2
 {
	 font-size:16px;
		line-height: 18px;
		font-weight:normal;
		text-transform: uppercase;
		margin: 0;
	}
	
h3
 {
	 font-size:12px;
		line-height: 18px;
		font-weight: normal;
		text-transform: uppercase;
		margin-bottom: 15px;
		margin-top: 25px;
	}
	
h4
 {
		width: 100%;
		padding-bottom: 10px;
		margin-bottom: 10px;
		margin-top: 50px;
		font-size: 12px;
		font-weight: bold;
		text-transform: uppercase;
		border-bottom: 1px dotted #646567;
	}
	
h5
 {
		width: 100%;
		padding-bottom: 10px;
		margin-bottom: 10px;
		margin-top: 10px;
		font-size: 12px;
		font-weight: bold;
		text-transform: uppercase;
		border-bottom: 1px dotted #646567;
		background: url(../_images/button-down.png) no-repeat right;
	}	
	
p
 {
  font-size:12px;
		line-height:20px;
		margin-bottom:12px;
	}
	
.klein
 {
 font-size:9px;
	line-height:10px;
	}
	
.date
 {
		margin-bottom:-20px;
	}
	
a
 {
		text-decoration:underline;
  color:#58585A;
	}
	
a:visited
 {
		text-decoration:underline;
	}	
	
a:hover
 {
  text-decoration:none;
		color: #000000;
	}
	
a.no_underline
 {
		text-decoration: none;
	}
	
ul
 {
	 list-style-type: disc;
		margin-left:25px;
		margin-bottom:12px;
	 font-size:12px;
		line-height:20px;
	}
	
ul ul
 {
	 list-style-type:disc;
		margin-left:15px;	
	}
	
table
 {
		width: 100%;
		font-size: 12px;
		line-height: 20px;
	}
	
.center
 {
		text-align:center;
	}
	
a.contact, a.container
 {
		text-decoration: none;
		cursor: pointer;
		color: #646567;
	}
	
table.daten
 {
		margin-bottom: 35px;
	}

table.daten td 
 {
	 vertical-align: top;
 }
	
table.daten th
 {
		text-transform: uppercase;
		border-bottom: 1px dotted #646567;
		padding-top: 5px;
		padding-bottom: 0px;
	}
	
div.kontaktdaten 
 {
 	display:none;
 }	
	
div.agb 
 {
 	display:none;
 }	
	
img.floatleft
 {
		float: left;
		margin: 5px 10px 10px 0;
 }
/* ++++++++++ ENDE TEXTFORMATIERUNGEN ++++++++++ */

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #fff;
	padding: 2px 3px 2px 3px;
	opacity: 0.85;
	text-transform: none;
}
#tooltip h3, #tooltip div { margin: 0;	text-transform: none; color:#000 }

#tooltip.pretty {
	font-family: Arial;
	border: none;
	width: 210px;
	padding:20px;
	height: 135px;
	opacity: 0.8;
	background: url('shadow.png');
}
#tooltip.pretty h3 {
	margin-bottom: 0.75em;
	font-size: 12pt;
	width: 220px;
	text-align: center;
}
#tooltip.pretty div { width: 220px; text-align: left; }

#tooltip.fancy {
	background: url('shadow2.png');
	padding-top: 5em;
	height: 100px;
}
#tooltip.fancy.viewport-right {
	background: url('shadow2-reverse.png');
}

#extended { margin: 2em 0; }
#extended label { text-decoration: underline; }
#yahoo { width: 7em; }
#right, #right2 { text-align: right; }
#tooltip.right { width: 250px; }
#fancy2 { float: right; }


span.highlight {
	background:#008600;
	color: #FFF;
}