@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
 * (en) stylesheet for screen layout
 * (de) Stylesheet für das Bildschirm-Layout
 *
 * @creator     YAML Builder V1.0.2b (http://builder.yaml.de)
 * @file        basemod.css
 */
@media projection, screen
{
/*------------------------------------------------------------------------------------------------------*/
 
 /* (en) Marginal areas & page background */
body {
	background: url('../images/bg.png') #ffffff repeat-x;
	font-family:  Arial, Helvetica, Verdana;
}

 /* Layout Alignment | Layout-Ausrichtung */
  #page_margins { margin: 0 auto; }
  
li{
    font-size: 120%;
}

/* Layout Properties | Layout-Eigenschaften */
#page_margins { width: auto;  min-width: 950px; max-width: 950px;  }
#page {}

#header {
	background:  url('../images/headerbg.png') no-repeat;
	margin: 0px auto;
	height: 91px; 
	*height: 92px; 
} 
#main { margin: 0; background: #fff; }
 #teaser { clear:both; padding: 0; margin: 0;  height:300px;}
 
#nav { 
    height : 74px;
    overflow:hidden; 
    *margin-top: 15px;
     *height : 40px; 
   }
   
#footer {
    margin-top:0px;
	padding-top:20px;
	background: url('../images/footer-bg.png') repeat-x;
	text-align:center;
	height: 94px;
}

#footer p{
	font-size: 100%;
	color: #716e6e;
}

#footer a{
	font-size: 100%;
	color: #716e6e;
    font-weight: normal;
}

#footer a:hover{
	font-size: 100%;
	color: #000000;
    font-weight:normal;
    text-decoration: underline;
}

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

  /**
   * (en) Formatting content container
   */

  #col1 { float: right; width: 410px}
  #col2 { display:none}
  #col3 { width: auto; margin: 0 410px 0 0}
  #col1_content { padding: 15px 20px 0 10px }
  #col3_content { padding: 15px 10px 0 20px }

/*** custom-containers ***/
#main.contact  #col1 { float: right; width: 310px;}
#main.contact #col3 { width: auto; margin: 0 410px 0 0}


#main.clients  #col1 { float: right; width: 510px;}
#main.clients #col3 { width: auto; margin: 0 510px 0 0}

#main.quote  #col1 { float: right; width: 350px;}
#main.quote #col3 { width: auto; margin: 0 350px 0 0}
	
/*** customize-container-formatting  ***/

/** teaser **/
 #teaser.services {
		background: url('../images/home_men_working.jpg') repeat-x; 
}
#teaser.training {
		background: url('../images/image-bg.jpg') repeat-x; 
}
#teaser.floor {
		background: url('../images/home_cablefloor.jpg') repeat-x; 
}
#teaser.contact {
		background: url('../images/contact-bg.jpg') repeat-x; 
}
#teaser.clients {
		background: url('../images/clients-bg.jpg') repeat-x; 
}
#teaser-slider{
    top: 150px;
}

/*** typography ***/

div.c33r.plug_clients p{
   text-align: center;
}
}
p.plug_clients {

    text-align: center;

    padding: 0 20px;
    }
p.plug_clients span{
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: -.1em;
    text-align: center;
    line-height: 1.5em;
    font-size: 1.2em;
    
}
p {	font-size: 120%; }

p.welcome{
    font-size: 130%;
}

.more_button{
    float: right;
    margin: 0 20px 10px 0;
    padding: 0 0 10px 0;
}
 #main p, li{
    color: #5b716c;
 }
 
 ul.plug_list{
    padding-left: 30px;  list-style-image: url('/gallery/resources/images/plug_bullet.png'); 

 }
 ul.plug_list li{
    color: #fff;
    line-height:1.75em;  
 }

#col1_content h3{
background: url("../images/page-subtitle-img.png") no-repeat  0px  -5px;
padding-left: 30px;
height: 30px;
}
  
#logo a:hover{
    background-color: Transparent;
}

/*------------------------------------------------------------------------------------------------------*/
/**
  * Design of Additional Layout Elements | Gestaltung weiterer Layoutelemente
  *
  * @section layout-misc
  */
    h1,h2,h3,h4,h5,h6 { font-family: Arial, Helvetica, Verdana;}
    
#logo {
	padding: 4px 0 0px 0;
	margin: 0 0 0 20px;
	*padding: 1px 0 0px 0;
	
}
/*** navigation ***/
#nav-container ul li {
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: block;
	float: left;
}
#nav-container a {
	color: #000;
	text-decoration: none;
	display: block;
	padding:0 8px;
	height:74px;
	*height:40px;
}

#nav-container li  a span{
	float:left;
	display:block;
	padding: 0 10px 0 4px;
}

#nav-container li  a span{
	* float:none;
	* display:inline ;
	* padding: 0;
}

#nav-container li a:hover{
	color:#fff;
	background:url("../images/mnu_hover_l.gif") no-repeat left  0px;
}
#nav-container li  a:hover  span{
	color:#fff;
	background:url("../images/mnu_hover_r.gif") no-repeat right 0px;
	*background:url("../images/mnu_hover_r.gif") no-repeat right 0px;
}



/**** plugs ***/
#plugs{
	float: none;
	width: auto;
	margin-top:0px;
	background: url('../images/bottom-bg.png') repeat-x; 
	height: 220px;
}

#plugs .c33r .subcr, #plugs .c33l .subc, #plugs .c33l .subcl{
    padding: 1em 0 0 0.5em;
	/*background: url("../images/plugs-bg.png") no-repeat  5px  10px;*/
}

#plugs .c33r .subcr img, #plugs .c33l .subc img, #plugs .c33l .subcl img{
    padding: .8em 0 .5em 4.5em;
}

#plugs p{
    font-style: normal;
    line-height: 1.2em;
    margin:4px 8px;
    color: #ffffff;
}

/**** featured ****/
#featured-clients .subc, #featured-clients .subcl, #featured-clients .subcr{
    margin:0px 1px;
    padding-bottom:10px;
}

#featured-clients .c33l, #featured-clients .c33r{
    border-right: 1px dotted #000000;
    text-align: center;
}

#featured-clients .c33l img, #featured-clients .c33r img{
    padding: 10px 0;
    border-bottom: 1px  dotted #000000;
}

/*** titles ***/
.page-title{
    height: 40px;
    /*background: url("../images/page-title-img.png") no-repeat  0px  -2px;*/
    padding-left: 0px;
}

/*** quote ***/
span.quote{
    width: auto;
    text-align: center;
}

/* Typography Patch */

h2.title-style-03 { 
    font-family:Arial,serif;
    color:#000000;
    letter-spacing: 0; 
    font-variant: normal;
    text-transform: none; 
    font-weight: bold; 
    margin-bottom: 0;
    font-size: 200%;
}

p.title-style-03 {   
    font-family: Arial, Verdana, sans-serif; 
    margin-top: .5em; 
    color: #666; }

p.title-style-03 span {
    font-family:Arial,serif;
	font-size: .9em;
	 font-weight: bold;
	text-transform:uppercase;
	letter-spacing:2px; }	

/* Title-style-04 Update */

div.title-style-04 p { 
    margin-bottom: 20px;
    *font-size: 130%;
}
p.title-style-04.tit{
    text-align: center;
}

p.title-style-04.tit span { 		
    font-family: "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif;
	font-style: italic; 	
	color: #000;
	font-size: 110%;
}

p.title-style-04.tit a { 	
    font-style: normal;
	font-variant: small-caps;
	text-decoration: none; font-family: "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif;
	color: #000; 
	font-size: 14px;
	}
	
}