/* @override 
	http://contao.e-schorfheide.de/layout/yaml/screen/basemod.css
	http://www.e-schorfheide.de/layout/yaml/screen/basemod.css */

/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
 * (en) stylesheet for screen layout
 * (de) Stylesheet für das Bildschirm-Layout
 *
 * @creator       YAML Builder V1.2.1 (http://builder.yaml.de)
 * @file          basemod.css
 * @-yaml-minver  3.3
 */

@media screen, projection
{
  /** 
   * (en) Forcing vertical scrollbars in IE8, Firefox, Webkit & Opera 
   * (de) Erzwingen vertikaler Scrollbalken in IE8, Firefox, Webkit & Opera 
   *
   * @workaround
   * @affected IE8, FF, Webkit, Opera
   * @css-for all
   * @valid CSS3
   */

  body { 
  	overflow-y: scroll; 
  }

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

  /* (en) Marginal areas & page background */
  /* (de) Randbereiche & Seitenhintergrund */
  body { 
  	background: repeat-x fixed left top #006db8; 
  	padding: 0; 
  }

  /* Layout Alignment | Layout-Ausrichtung */
  .page_margins { 
  	margin: 0 auto; 
  }

  /* Layout Properties | Layout-Eigenschaften */
  .page_margins { 
  	width: auto;  
  	min-width: 960px; 
  	max-width: 80em; 
  	background: #transparent; 
  }
  .page { 
  	padding: 0;
		position: relative;
	}
  #header { 
  	position:relative; 
  	padding: 0; 
  	color: #000;
		height: 155px;
		background: url(../../../tl_files/layout_images/header_noise_bg.png) repeat #fff;
	}
	
	.header_shadow {
		background: url(../../../tl_files/layout_images/header_shadow_bg.png) repeat-x left top;
		height: 5px;
	}
	
	#topnav { 
  	position: absolute;
		text-align:right; 
  	color: #aaa; 
  	background: transparent;
		top: 20px;
		right: 5px;
	}
	
	#teaser {
		background: url(../../../tl_files/layout_images/noise.png) #fff;
	}
	
	#nav { 
  	overflow:hidden; 
  }
  #main { 
  	margin: 0 0 10px; 
  	background: url(../../../tl_files/layout_images/noise.png) #fff; 
  }
  #footer { 
  	padding: 10px 20px; 
  	color:#666;
		background: url(../../../tl_files/layout_images/footer_bg.png) repeat-x #006db8;
		height: 150px;
	}
	
	#wrapper {
		background-image: url(../../../tl_files/layout_images/noise.png);
	}
	
	  /* (en) navigation: horizontal adjustment | (de) horizontale Ausrichtung  */
  #nav ul { 
  	margin-left: 20px; 
  }

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

  /**
   * (en) Formatting content container
   * (de) Formatierung der Inhalts-Container
   *
   */

  #main { 
  	padding: 0px 20px 
  }
	
  /*-------------------------------------------------------------------------*/
  
  
  #logo {
		position: absolute;
		top: 30px;
	}
	
	#topsearch {
		position: absolute;
		right: 5px;
		top: 80px;
		background: url(../../../tl_files/layout_images/glass.png) no-repeat left center transparent;
		padding-left: 30px;
		padding-top: 2px;
		padding-bottom: 2px;
	}
	
	.nav_vertical {
		border-radius: 7px;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		margin-bottom: 20px;
		border: 3px none #006db8;
		padding-bottom: 5px;
		padding-right: 5px;
		padding-top: 5px;
	}
	
	#main h6 {
		color: red;
		margin-bottom: 15px;
	}
	
	#main h1 {
		margin-bottom: 20px;
	}
	
	#main h1 {
		font-size: 150%;
		text-align: center;
	}
	
	.mod_slideshow2.block {
		margin-bottom: 20px;
		margin-top: 25px;
		border: 5px solid #f1f1f1;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		border-radius: 7px;
	}
	
	.mod_breadcrumb {
		top: 10px;
		padding-top: 10px;
		position: relative;
	}
	
	#footer .subcl {
		color: white;
		margin-top: 10px;
		margin-left: 5px;
	}
	
	#footer .subc {
		color: white;
		text-align: left;
		width: 150px;
		margin-right: auto;
		margin-left: auto;
		margin-top: 10px;
	}
	
	#footer .subcr {
		text-align: right;
		margin-top: 10px;
		margin-right: 5px;
	}
	
	#footer a {
		color: white;
		text-transform: uppercase;
	}
	
	#standorte-brennstoffhandel, #standorte-spedition, #standorte-truckservice-24 {
		margin-bottom: 20px;
	}
	
	.ce_colsetStart img {
		border: 5px solid #efefef;
		border-radius: 7px;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
	}
	
	.ral_img {
		width: 400px;
		margin-right: auto;
		margin-left: auto;
	}
	
	.ral_img img {
		border: 5px solid #f7f7f7;
		border-radius: 7px;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
	}
	
	#mitarbeiter .ce_colsetStart {
		margin-bottom: 25px;
	}
	
	#topnav a {
		text-transform: uppercase;
	}
	
	#main h4 {
		font-size: 125%;
		margin-bottom: 5px;
	}
	
	#main h3 {
		text-align: center;
	}
	
	/* @group News contentserver24 */
	
	/* Tabelleneigenschaften der Uebersichten */
	.cs_news_table {
		color: #333333;
		background-color: transparent;
		margin-top: 25px;
		font: normal 11px Arial, Helvetica, sans-serif;
		border-width: thin;
	}
	
	/* Eigenschaften der Tabellenzellen der Uebresichten (wechselweise ausgegeben) */
	.cs_news_content4 {
		font-size: 12px;
		color: #444;
		border-radius: 7px;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		padding: 10px;
		background-color: #FFF;
		margin-bottom: 10px;
		border: 1px solid #eee;
	}
	.cs_news_content5 {
		font-size: 12px;
		color: #333333;
		background: #FFFFFF;
		padding: 10px;
		margin-bottom: 10px;
		border-radius: 7px;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		border: 1px solid #eee;
	}
	
	/* Eigenschaften der Links zur Detailansicht und Newsarchiv */	
	.cs_news_link:link {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color:#333333;
		text-decoration:underline;
		}
	a.cs_news_link:link {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color:#333333;
		text-decoration:underline;
		}
	a.cs_news_link:visited {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color:#333333; 
		text-decoration:underline; 
		}
	a.cs_news_link:hover {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color:#333333; 
		text-decoration: none;
		}
	a.cs_news_link:active {	
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color:#333333;
		text-decoration:none;
		}
	
	/* Eigenschaften der Newsueberschrift bei Uebersicht */
	.cs_news_teaser {
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		color: #333333;
		text-decoration: none;
	}
	
	/* Eigenschaften der Newsueberschrift bei Detailansicht */
	.cs_news_header {
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
		color: #DD2B19;
		text-decoration: none;
	}
	
	.cs_news_search {
		display: none;
	}
	
	.cs_news_short_table div {
		margin-bottom: 10px;
		background-color: #f7f7f7;
		padding: 5px;
		border-radius: 7px;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
	}
	
	.cs_news_short_table {
		margin-top: 25px;
	}
	
	.cs_news_short_table a:visited {
		color: red;
	}
	
	a.cs_news_short_link {
		color: red;
	}
	
	.cs_news_preview_img {
		padding-right: 5px;
	}
	
	.cs_news_archiv_content {
		max-width: 295px;
	}
	
	a.cs_news_preview_link {
		font-size: 12px;
		color: #006db8;
	}
	
	a.cs_news_link img {
		max-width: 140px;
	}
	
	.cs_news_preview_header {
		margin-bottom: 10px;
	}
	
	.cs_news_detail {
		margin-top: 25px;
	}
	
	.ce_colsetStart .subcl {
		padding-right: 0;
	}
	
	/* @end */
	
	/* @group Kontaktformular */
	
	#kontakt	{
		position: relative;
	}
	
	#kontakt .formbody {
		position: relative;
		top: 5px;
	}
	
	#kontakt .text, #kontakt .select, #kontakt .textarea {
		position: absolute;
		right: 0;
	}
	
 	#kontakt .explanation  {
	 	margin-top: 100px;
		 margin-bottom: 20px;
		 text-align: right;
		 font-size: 11px;
	 }
	
	#kontakt .type-text, #kontakt .type-select {
		margin-bottom: 20px;
	}
	
	#kontakt input, #kontakt select {
		width: 290px;
	}
	
	#kontakt .submit {
		position: relative;
		left: 180px;
	}
	
	/* @end */
		
	
	#dlh_googlemap_1 {
		border: 5px solid #f7f7f7;
		border-radius: 7px;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		margin-top: 24px;
	}
	
	#main h2 {
		font-size: 115%;
		color: red;
		margin-bottom: 20px;
	}
	
	.tel_verzeichnis .ce_colsetStart {
		margin-bottom: 20px;
	}
	
	.bewerbung {
		margin-bottom: 30px;
	}
	
	#suchergebnisse form {
		margin-bottom: 15px;
	}
	
	#suchergebnisse span.relevance {
		display: none;
	}
	
	/* @group Google Routenplaner */
	
	#google-routenplaner table {
		border-style: none;
		width: 455px;
	}
	
	#google-routenplaner table input#fromAddress, #google-routenplaner table input#toAddress {
		width: 230px;
	}
	
	#google-routenplaner table th {
		background-color: transparent;
	}
	
	#google-routenplaner table tbody td {
		border-bottom-style: none;
	}
	
	#google-routenplaner table tbody tr:hover td {
		background-color: transparent;
	}
	
	#google-routenplaner .gd_map_canvas {
		border: 5px solid #f7f7f7;
		border-radius: 7px;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
	}
	
	/* @end */
}