@charset "UTF-8";
@media all

/*
*	
* template hmc online
*
*/
		
{
 /*------------------------------------------------------------------------------------------------------*/

  * { /* font-size: 11px; */ line-height: 1.4em; margin: 0; padding: 0; }
  
  html { height: 100% }
  	
  /* Page margins and background | Randbereiche & Seitenhintergrund */
  body { margin:0; padding:0; background:#262626 none repeat scroll 0 0; font-size: 11px; font-family: Arial,Helvetica,sans-serif; height: 100%; width: 100%; }

  /* Layout: Width, Background, Border | Layout: Breite, Hintergrund, Rahmen */
  #page_margins { background: #262626; width: 920px; height: 620px; margin-left: -460px; position: absolute; top: 55%; left: 50%; margin-top: -310px;  }
  #page{ border:solid 2px #848484;}

  /* Design of the Main Layout Elements | Gestaltung der Hauptelemente des Layouts */
  #header { height: 75px; }
  #logo { background:transparent url(/tl_files/hmc/Standards/hamburg-media-company.gif) no-repeat scroll 0 0; height:60px; left:72px; position:relative; top:10px; width:135px; }
  #logolink { display:block; height:60px; width:135px; }
  #topnav {  }
  #topsearch {  }
  #headerimg {  }

  #main { height: 475px; overflow: hidden; }
  #nav { height: 24px; background: #000000; position: relative; }
	
  #footer {  }

 /*------------------------------------------------------------------------------------------------------*/
 
 /**
  * Formatierung der Spalten
  */

  #col1 {  }
  #col1_content { left:40px; position:relative; top:60px; width:840px; }

  #col2 {  }
  #col2_content { }

  #col3 {  }
  #col3_content { }

 /*------------------------------------------------------------------------------------------------------*/
 
 /**
  * Formatierung standart tags
  */
  
  div { }
  h1, h2, h3, h4, h5, h6 { margin-bottom: 1.5em; }
  h1 { margin-top:1em; font-size: 1em; }
  h2 {}
  h3 {}
  h4 {}
  h5 {}
  h6 {}
  p { margin-bottom: 1em; }
  img { border: none; }
  a:link, a:visited { color:#333333; font-weight:bold; text-decoration:none; }
  a:hover { text-decoration: underline; }
  .invisible { display: none; }
  .more { }
  .error { color: red; font-weight:bold; }
  .ce_text { 
  	background:transparent url(../images/bg.png) repeat scroll 0 0;
	border:1px solid #848484;
	height:320px;
	padding:7px 10px 7px 20px;
	width:220px;
	margin-top:20px; 
	overflow:hidden;
	float: left;
  } 
  #half { height: 142px; }
  
  .back { clear:both; float:left; height:25px; width:125px; } 
  .back a { color: #fff; }
  .back img { margin-right:5px; margin-top:5px; }
  .back .caption { display:inline; position:relative; top:-3px; }
  
  .next { float:left; height:25px; width:125px; }
  .next .image_container { text-align: right; }
  .next a { color: #fff; }
  .next img { float:right; margin-left:5px; margin-top:5px; }
  .next .caption { display:inline; position:relative; top:5px; }
  
  #intern330 { position: absolute; }
  #intern330 .ce_autoSlider { left:300px; position:absolute !important; top:0; }
  .mod_article { position: absolute; }
  .mod_article .ce_autoSlider { left:300px; position:absolute !important; top:0; }
  #slogans.mod_article .ce_autoSlider { left:125px; position:absolute !important; top:0; }
  
  	
 /*------------------------------------------------------------------------------------------------------*/
 
 /**
  * Formatierung der Topnavigation
  */
  
  #topnav .block {}
    
  /* 1st level */
  #topnav ul {  }
  #topnav li {  }
  #topnav span { }
  
 /*------------------------------------------------------------------------------------------------------*/
 	 
 /**
  * Formatierung der Hauptnavigation
  */
  
  #nav li a:link, #nav li a:visited, #nav p { color: #FFFFFF; font-weight: normal; font-size:1.0909em; }  
  #nav li a:hover, #nav li.trail { color: #FFFFFF; }
  
  #nav .wrapper { }
  #nav .block { }
  #nav li { list-style-type: none; }
  
  /* 1st level */
  #nav ul {
  	border-color:#878787;
	border-style:solid;
	border-width:2px 1px;
/*	height:23px; */
	left:-1px;
	padding-top:2px;
	padding-bottom: 1px;
	position:absolute;
	text-align:center;
	top:0;
	width:916px;
  }
  #nav li { display: inline; padding: 0 15px; height: 24px; width: auto; font-family: verdana, arial, helvetica; }
  #nav li.last { }
  #nav p, #nav .trail, #nav .active { display: inline; margin: 0; color: #999999 !important; }

  /* 2nd level */
  #nav ul ul li a, #nav ul ul li p { font-size: 12px; }
  #nav ul ul { 
  	border-color:#878787;
	border-style:solid;
	border-width:2px 1px;
	left: -1px;
	padding-top:1px;
	position:absolute;
	text-align:center;
	top:23px;
	width:916px;
  	background: #333333;
  /*	height:50px; */
  /*	height:23px; */
  }
  #nav ul ul li { padding: 0 5px; display: block; float: left; height: 23px; position:relative; top:2px; }
  #nav ul ul li#vertriebsunterstuetzung { padding-left: 275px; }
  #nav ul ul li[id="vertriebsunterstuetzung"].active { padding-left: 275px; height: 46px; }
	#nav ul ul li#vertriebsunterstuetzung ul {}
  #nav ul ul ul li#intern { padding-left: 275px; }
  #nav ul ul li#email { padding-left: 563px; }
  #nav ul ul li#imprint { padding-left: 643px; }

  /* 3nd level */
  #nav ul ul ul li a, #nav ul ul li p { font-size: 12px;  }
  #nav ul ul ul {
	left: -1px;
	padding-top:1px;
	position:absolute;
	text-align:center;
	top: 19px;
	width:916px;
  	background: #666666;
  /*	height: 23px; */
  }
  #nav ul ul ul li { padding: 0 5px; display: block; float: left; height: 20px; }
  #nav ul ul span {}

 /*------------------------------------------------------------------------------------------------------*/
 
 /**
  * Formatierung des Scrollers
  */

  #scroller { float:left; margin:20px 29px 0 5px; width:22px; }
  #scroller img { border:1px solid #848484; width:20px; }
  #scroller .up { height:22px; width:22px; }
  #scroller .middle { /* background:transparent url(../images/bg.png) repeat scroll 0 0; border:1px solid #848484; */ height:290px; }
  #scroller .down { height:22px; width:22px; }	
	
/*------------------------------------------------------------------------------------------------------*/
		
 /**
  * Content Slider Frontpage
  */
  
  #slogans { margin-top: 125px; padding-left:100px; }
  #slogans #slideWrapper { height:150px; overflow:hidden; margin-top: 150px; }
  #slogans #innerSlideWrapper { width:10000px; }
  #slogans #innerSlideWrapper div.slideElem { float:left; height:150px; width:780px; }
  #slogans #goBack, #slogans #goForward { cursor:pointer; height:150px; padding-top: 95px; }
  #slogans #slideWrapper { width: 780px; float: left; margin-left: 30px; }
  #slogans #goBack { width: 30px; float: left; margin-left: -810px; margin-top: 150px; }
  #slogans #goForward { margin-left: -5px; margin-right: 0; float: right; width: 30px; margin-top: 150px; }
  #slogans .ce_text { 
  	background: none;
	border: none;
	height: 300px;
	padding: 0;
	width: 650px;
	margin-top: 0; 
	overflow:hidden;
	float: left;
	color: #fff;
  }

/*------------------------------------------------------------------------------------------------------*/
	
  /**
  * Content Slider Content
  */
  
  .ce_autoSlider { float:left; }
  
/*------------------------------------------------------------------------------------------------------*/
		
 /**
  * Image Container
  */
  
  .ce_image { float: left; margin-top: 20px; width: 530px; opacity: 0;  }
  #ueber-uns .ce_image { width: auto; }
  .ce_image .image_container { margin: 0 auto; height:335px; }
  .ce_image .caption {
  	background:transparent url(../images/bg.png) repeat scroll 0 0;
	border:1px solid #848484;
	margin-top: 5px;
	overflow:hidden;
	padding: 5px 10px;
	height:42px;
  }
  
/*------------------------------------------------------------------------------------------------------*/
		
 /**
  * List/Html Container
  */

  .ce_html { float: left; overflow: hidden; border: 1px solid #848484; background:transparent url(../images/bg.png) repeat scroll 0 0; margin: 20px 0 0 125px; }
  div.ce_list { float: left; overflow: hidden; border: 1px solid #848484; background:transparent url(../images/bg.png) repeat scroll 0 0; margin: 20px 0 0 125px; width:450px; }
  div.ce_list ul { font-weight:bold;
list-style-type:none;
margin-left:20px;
margin-right:20px;
margin-top:-25%;
position:relative;
text-align:center;
top:50%; }
  div.ce_list ul li { font-size: 18px; }		
/*------------------------------------------------------------------------------------------------------*/
		
 /**
  * †ber uns
  */
  
  #ueber-uns div#myOtherElement1,
  #ueber-uns div#myOtherElement2 {
	position: absolute;
	top: 0;
	left: 0;	
  }	
  #ueber-uns div#myOtherElement1 { width: 265px; height: 245px; overflow: hidden; z-index: 10; }
  #ueber-uns div#myOtherElement2 { width: 133px; height: 245px; overflow: hidden; margin-left: 132px; z-index: 20; }
  #ueber-uns div#myOtherElement a:hover { background: #333333; }
  #ueber-uns #myOtherElementInner1, 
  #ueber-uns #myOtherElementInner2 { width: 535px; overflow: hidden; }
  #ueber-uns #myOtherElementInner2 .tl_image { margin-left:-132px; height: 265px; }
  #ueber-uns #myOtherElementInner2 .tl_text { margin-top: 132px; }
  #ueber-uns .tl_text {
	background:transparent url(../images/bg.png) repeat scroll 0 0;
	border:1px solid #848484;
	float:left;
	height:97px;
	overflow:hidden;
	padding:7px 10px 7px 20px;
	width:220px;
  }
  #ueber-uns .tl_image { float:left; margin-right:15px; }
  
  #ueber-uns #tl_text {
	background:transparent repeat scroll 0 0;
	border:0px solid #848484;
	float:left;
	height:320px;
	margin-top:20px;
	overflow:hidden;
	padding:7px 10px 7px 20px;
	position:relative;
	width:500px;
	position:absolute;
	top:0;
	left: 300px;
  }
  
  #ueber-uns .ce_text { height:231px !important; }
  #ueber-uns .ce_text #content { }
  #ueber-uns #scroller .middle { height:203px; }
  
/*------------------------------------------------------------------------------------------------------*/
		
 /**
  * E-Mail
  */
	
  #e-mail .ce_text { background:transparent url(../images/bg.png) repeat scroll 0 0; border:1px solid #848484; padding:7px 20px; width:540px; margin-bottom:20px; height:auto; }
  #e-mail .ce_form {}
  #e-mail .ce_form .row_first { margin-bottom:5px; clear: both; }
  #e-mail .ce_form .row_1 {}
  #e-mail .ce_form .row_2 { float: left; }
  #e-mail .ce_form .odd { clear: both; float: left; margin-right:58px; }
  #e-mail .ce_form .even {}
  #e-mail .ce_form label { display: none; }
  #e-mail .ce_form textarea { background:transparent url(../images/bg.png) repeat scroll 0 0; border:1px solid #848484; height:170px; width:560px; padding:7px 0 7px 20px; font-family:Courier; font-size:12px; }
  #e-mail .ce_form input { background:transparent url(../images/bg.png) repeat scroll 0 0; border:1px solid #848484; padding:3px 10px; width:240px; font-family:Courier; font-size:12px; }
  #e-mail .ce_form .submit_container input { background:transparent url(../images/bg.png) repeat scroll 0 0; border:1px solid #848484; margin-left:100px; padding:2px 10px; width:100px; text-align: left; font-size: 11px; font-family: Arial,Helvetica,sans-serif; position:absolute; }
  #e-mail .ce_form p.error { color:yellow; font-size:11px; margin:0; }
  
/*------------------------------------------------------------------------------------------------------*/
		
 /**
  * Standort
  */
	
  .mod_dlh_googlemaps { float:left; left:300px; margin:20px 0 0 150px; position:absolute; }

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

  /**
  * Vertriebsunterstźtzung
  */
  
  .vertriebsunterstuetzung { width:400px !important; margin-left:50px; }
  .vertriebsunterstuetzung #content { width: 400px !important; }
	
/*------------------------------------------------------------------------------------------------------*/		
 /**
  * Impressum
  */
  
  #impressum .ce_text { margin-left:420px; margin-right:180px; }
	
/*------------------------------------------------------------------------------------------------------*/
 
 /**
  * Haftung 
  */
  
  #gewaehrleistung-haftung #container { width:500px !important; margin-left:50px; }
  #gewaehrleistung-haftung #content { width: 500px !important; }
	
/*------------------------------------------------------------------------------------------------------*/
			
 /**
  * Footer
  */
  
  #footer { border-color:#848484; border-style:solid none none; border-width:2px 0 0; clear:both; height:24px; }
  #footer_content { width:786px; float:left; height:24px; overflow:hidden; text-align:center; vertical-align:bottom; border-right:2px solid #848484; color:#CCCCCC; } 
  #footer_content ul { display: block; height: 24px; width: 786px; overflow: hidden; text-align: center; }
  #footer_content li { display: inline; padding: 0 2px; position: relative; top: 5px; }
  #footer a:link, #footer a:visited { }
  #footer a:hover { }
	
/*------------------------------------------------------------------------------------------------------*/
	
  .ce_html #myContent1 h1, .ce_html #myContent1 p { text-align:center; }	
}