/**
 * "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 { padding: 0;     background: url("../../images/layout/bg_head.jpg") no-repeat scroll center 110px;
    padding: 0; }

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

  /* Layout Properties | Layout-Eigenschaften */
  .page_margins { width: 1040px;  }
  .page { padding: 0; }
  #logo{
  
  height: 110px;}
  .logo {
  
  margin: 10px 0 34px;
  padding-left: 20px;
  
 }
 #fontsize{
 position: absolute;
 top: 0;
 right:0;
 }
 
 #fontsize .float_left{
 margin-top: 15px;
 }
 #ChangeTextSize{
 float: left;
	list-style-type:none;
  width: 75px;
	padding:0;
	overflow:hidden;
	height:19px;
}

#ChangeTextSize li{
	margin:0 5px 0 0;
	float:left;
	height:100%;
	width:20px;
}

#ChangeTextSize a, #ChangeTextSize a:link, #ChangeTextSize a:visited, #ChangeTextSize a:hover, #ChangeTextSize a:active{
	background:url(../../images/layout/a-all.gif) no-repeat;
	text-decoration:none;
	display:block;
	height:100%;
	width:100%;
	outline:none;
}

/*small*/
#ChangeTextSize li.small a, #ChangeTextSize li.small a:link, #ChangeTextSize li.small a:visited, #ChangeTextSize li.small a:hover, #ChangeTextSize li.small a:active{
	background-position:0 top;
}

#ChangeTextSize li.small a:hover, #ChangeTextSize li.small a.selected, #ChangeTextSize li.small a:link.selected, #ChangeTextSize li.small a:visited.selected, #ChangeTextSize li.small a:hover.selected, #ChangeTextSize li.small a:active.selected{
	background-position:0 bottom;
}

/*medium*/
#ChangeTextSize li.medium a, #ChangeTextSize li.medium a:link, #ChangeTextSize li.medium a:visited, #ChangeTextSize li.medium a:hover, #ChangeTextSize li.medium a:active{
	background-position:-20px top;
}

#ChangeTextSize li.medium a:hover, #ChangeTextSize li.medium a.selected, #ChangeTextSize li.medium a:link.selected, #ChangeTextSize li.medium a:visited.selected, #ChangeTextSize li.medium a:hover.selected, #ChangeTextSize li.medium a:active.selected{
	background-position:-20px bottom;
}

/*large*/
#ChangeTextSize li.large a, #ChangeTextSize li.large a:link, #ChangeTextSize li.large a:visited, #ChangeTextSize li.large a:hover, #ChangeTextSize li.large a:active{
	background-position:-40px top;
}

#ChangeTextSize li.large a:hover, #ChangeTextSize li.large a.selected, #ChangeTextSize li.large a:link.selected, #ChangeTextSize li.large a:visited.selected, #ChangeTextSize li.large a:hover.selected, #ChangeTextSize li.large a:active.selected{
	background-position:-40px bottom;
}

/*
mooSwitch stylesheet - - - - */
.msHidden{
	display:none;
}

.mod_changelanguage {
margin: 15px;
float: left;
color: transparent;
}
.mod_changelanguage  a, .mod_changelanguage  a:hover, .mod_changelanguage  a:active{
color: transparent;
opacity: 0;
}

.mod_changelanguage  ul{
 list-style-type: none;
}
.mod_changelanguage  ul li{
 list-style-type: none;
 float: left;
}

.mod_changelanguage   li.lang-de{
 background: url("../../images/layout/de.gif") no-repeat scroll center top;

}
.mod_changelanguage li.lang-en{
 background: url("../../images/layout/en.gif") no-repeat scroll center top;

}
.zitat em{
font-size:   110%;
}



/*
Alerts - - - - */
.mooSwitchAlertRed, .mooSwitchAlertGreen{
	float:left;
	clear:left;
}

.mooSwitchAlertRed p, .mooSwitchAlertGreen p{
	color:#CC0000 !important;
	margin:0 0 5px 0;
	font-size:100%;
}

.mooSwitchAlertGreen p{
	color:#00CC00 !important;
}
  #header { position:relative; padding: 0; color: #666666; }
  
  #header h1 {
  
   margin-bottom: 20px; 
  }
  
  .headerbreite{
  
  margin-left: -130px;
  margin-right: -20px;
  
  }
  
  .headerbreite p {
  margin: 0 0 1.7em;
  }
  
  .headerbreite .ce_text{
  

  
  }
  #topnav { position:absolute; top:10px; right:10px; text-align:right; color: #aaa; background: transparent; }
  #nav { overflow:hidden; }

  #main { margin:0; background: #fff; }
  #footer { padding: 70px 20px 30px; color:#666666; background: url("../../images/layout/bg_footer.jpg") no-repeat scroll center top;}
  
  #footer strong {color: #3e3e3e;}

  /* (en) navigation: horizontal adjustment | (de) horizontale Ausrichtung  */
  #nav  { position: absolute; top:50px; right:100px; }

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

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

  #main { padding: 15px 20px 0; }
  
  .bg_footer
  {
  background: url("../../images/layout/bg_footer.jpg") no-repeat scroll center top;
  padding: 30px 0 55px;
  
  }
  
  .slant2{
  
  
    border-color: transparent;
    border-style: solid;
    border-width: 0 0 1.8em 1em;
    clear: left;
    float: left;
    height: 0;
    margin: 0 0 0 0.25em;
    padding: 0;
  
  
  }
  
  a.twitter, a.twitter:link, a.twitter:visited, a.twitter:active {
    background: url("../../images/layout/twitter.png") no-repeat scroll right center transparent;
    cursor: pointer;
    display: block;
    height: 32px;
    position: fixed;
    right: -1px;
    top: 260px;
    width: 32px;
    z-index: 10;
}

a.facebook, a.facebook:link, a.facebook:visited, a.facebook:active {
    background: url("../../images/layout/facebook.png") no-repeat scroll right center transparent;
    cursor: pointer;
    display: block;
    height: 32px;
    position: fixed;
    right: -1px;
    top: 210px;
    width: 32px;
    z-index: 10;
}

a.twitter:hover, a.facebook:hover {
    right: 2px;
}

.absolute {

position: absolute;
left: 0;}

.layout_latest .image_container, .layout_full .image_container {

position: relative;}

.layout_latest h3 a
{
margin-left: -13px;
color: #1a171b;}

#footer .more a{
font-size: 11px;
color: #3e3e3e;
font-weight: bold;
}

.layout_latest .more a
{
margin-left: 26px;
}
#main .more{
border-top: 1px solid #c8c8c8;
padding-top: 6px;}
.bg_footer .more{
border-style: none !important;}
#main .more a
{
font-size: 11px;

color: #3e3e3e;
font-weight: bold;}

.layout_latest .info {
font-size: 11px;
margin-bottom: 25px;
font-style: italic;

}

.layout_latest{
margin-bottom: 20px;
}

.layout_full .c50r .ce_text {
margin-left: -30px;

}

.margin_left
{

margin-left: 250px;}

.form_1 input.text,  .form_2 input.text  
{
padding: 8px;
height: 14px;
border: 1px solid #d0cece;
background-color: #eeeeee;
color: #808080;
width: 200px;
margin-bottom: 10px;

}
.form_1 input.submit,  .form_2 input.submit  

{
margin-left: -30px;
}

.form_2 input.submit  {
margin-bottom: -5px;
}

.abst .image_container{margin-right: -50px;}

.abst_1
{width: 12px;
display: inline-block;}
.abst_2
{width: 24px;
display: inline-block;}
.abst_3
{width: 48px;
display: inline-block;}
.abst_4
{width: 60px;
display: inline-block;}
.abst_5
{width: 72px;
display: inline-block;}

.abst_uebersicht h3, .abst_uebersicht p, .abst_uebersicht .ce_hyperlink, .abst_uebersicht ul{
margin: 5px 0 0 60px;

}
.abst_uebersicht .toggler 
{margin: 5px 0 0 60px;}
.abst_uebersicht .toggler  h3
{margin: 5px 0 0 0;
 color: #1296F6;}


#prod_anfrage label {
    display: block;
    padding-top: 5px;
}
#prod_anfrage input.text, #prod_anfrage select {
    border: 1px solid #C0C0C0;
    color: #1296F6;
    padding: 2px;
    width: 270px;
}
#prod_anfrage  input.strasse {
    width: 192px;
}
#prod_anfrage  input.hausnr {
    width: 60px;
}
#prod_anfrage  input.plz {
    width: 85px;
}
#prod_anfrage  input.ort {
    width: 167px;
}
label.hausnr {
    text-align: right;
}
.hausnr {
    margin-left: -18px;
}
#prod_anfrage .textarea {
    border: 1px solid #C0C0C0;
    padding: 5px;
    width: 580px;
}
#prod_anfrage .submit {
    
}
#prod_anfrage input.text {
    height: 25px;
}  
td.td_center {text-align: center;}  

.toggler{cursor:pointer;
    cursor:hand;  color: #1296F6; font-weight: bold;}  
    
    
    .toggler:hover, .toggler h3:hover {color: #3E3E3E; }
    
.toggler h3 {
color: #1296F6;}  

#footer{font-size: 13px;}  

.abst_header
{margin-left: -120px;}

#f2 {border-top: 2px solid #888888; border-bottom: 2px solid #888888; margin: 20px 0; padding:10px 0;}

#f2 hr {border-bottom: 1px solid #eeeeee; margin: 10px 0 10px; padding: 0;}

#f2  label, #f2 input{
}
display: block; font-size: 95%;}

#f2 label{float: left; width: 100px;} 

#f2 input.text {width: 180px; padding: 2px;}

#f2 textarea {width: 490px; height: 270px; padding: 2px;}

#f2 input.submit {margin-left: 100px;}

.overflow .block{overflow: visible;}

.hoverbild {position: relative; min-height: 110px;}

.hoverbild p {padding-top: 80px;}

.hoverbild a img { position: absolute;
width: 180px; height: 79px;}
.hoverbild a:hover img {  position: absolute;
width: 320px; height: 139px; z-index: 100; top: -30px; left: -70px; display: block; }

 
.padding_left .abst_uebersicht{

padding-left: 60px;
width: 940px;}

.padding_left .c33l
{}

.padding_left .c33r
{}

.blau a, .blau a:visited, a.blau, a.blau:visited {font-weight: bold;
color:     #1296F6;}

#mbTitle {display: none !important;}


  /*-------------------------------------------------------------------------*/
}