/*************************************************************************************************************** 
 * Basics
 ***************************************************************************************************************/

  html{}
  
  html, body{
    padding:0;
    margin:0;
    min-height:100%;
    height:auto;}
  
  body{
    font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size:12px;
    background-color:#4b4b4d;}
  
  h1{
    font-size:20px;
    font-weight:normal;
    padding:15px;
    margin:0;
    color:#707173;}
    
  h2{
    font-size:20px;
    font-weight:normal;
    padding:15px;
    margin:0;
    color:#707173;}
    
  h3{
    font-size:22px;
    margin:0 0 14px 0;
    color:#000;
    letter-spacing:-.03em;
    text-transform:uppercase;}
    
  h4{
    font-size:15px;
    color:#000;
    letter-spacing:-.03em;
    margin:7px 0 14px 0;}
    
  h5{
    font-size:22px;
    margin:0 0 0;
    color:#000;
    letter-spacing:-.03em;
    font-weight:normal;}
    
  p{
    line-height:1.4em;
    margin:0 0 10px;
    font-size:15px;
    color:#4b4b4d;}
    
  a{
    color:#000;
    text-decoration:none;}
    
  th{
    padding:5px;}
  
  td{
    padding:5px;}


/*************************************************************************************************************** 
 * Master
 ***************************************************************************************************************/
   
  #master{
    width:910px;
    padding:0;
    margin:0 auto 0 auto;}
    
  /*#header, #footer, .box{
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-right-radius: 10px;
    -moz-box-shadow: 0 2px 4px #444;
    -webkit-box-shadow:  0 2px 4px #444;
    box-shadow: 0 2px 4px #444;}
   */
    
/*************************************************************************************************************** 
 * Header
 ***************************************************************************************************************/
   
  #header{
    background:url(http://www.peinegmbh.com/fileadmin/templates/media/design/box-corner-3000.png) #fff right bottom no-repeat;
    padding:10px 20px 15px 10px;
    height:120px;
    position:relative;}
    
  #header a{
    color:#9c9e9f;}
    
  

  #header .tx-srlanguagemenu-pi1{
    position:absolute;
    right:20px;
    top:10px;
	padding-top:5px;
	border-left:1px solid #000;
	height:18px;
    text-align:right;
	padding-left:5px;
	width:90px;
  }

  #header .tx-srlanguagemenu-pi1 div{
    display:inline;
  }
 
  #header .tx-srlanguagemenu-pi1 a{
    color:#9c9e9f;
    font-size:10px;
    font-weight:normal;
    margin-top:0;
    padding-top:3px;}
    
  #addthis{
    float:right;
	position:absolute;
	right:115px;
    width:105px;
	top:12px;}
    
  #header a:hover{
    color:#000;}
	
	#xing-button{
    float:right;
	position:absolute;
	right:223px;
	height:23px;
	overflow:hidden;
	top:10px;
	border-right:1px solid #000;
	padding-right:5px;}
    
    
/*************************************************************************************************************** 
 * Navigation
 ***************************************************************************************************************/
   
  #header .navi{
    white-space:nowrap;
    background-color:#0F0;}
    
  #header .navi a{
    color:#9c9e9f;
    font-size:12px;
    display:-moz-inline-stack;
    display:inline-block;
    margin-right:20px;}
    
  #header .navi a:hover{
    color:#000;}
    
  #header .navi .active{
    color:#000;}
    
  #header .navi .black{
    height:28px;
    padding-top:0;}
    
  #header .navi .black a{
    color:#000;
    font-size:18px;}

  .navi li{
    list-style-type:none;}
    
  .navi li.level-0{
    clear:left;
    display:inline-block;
    float:left;
    padding-top:2px;
    height:16px;
    width:730px;}
    
  a.level-1{
    font-weight:bold;}
    
  #header .navi .level-1, #header .navi .level-2{
    float:left;}

          
/*************************************************************************************************************** 
 * Content
 ***************************************************************************************************************/
  
  #content{
    position:relative;}
    
  #content ul{
    margin:10px 0 10px 0;}
    
  #content li{
    line-height:15px;
    margin-left:15px;
    margin-bottom:5px;
    list-style-type:disc;}
    
  h2 a{
    background:url(http://www.peinegmbh.com/fileadmin/templates/media/design/arrow-right.png) no-repeat right 0;
    display:block;
    color:#707173;}
    
  h2 a:hover{
    color:#000;}
    
  .box{
    background:url(http://www.peinegmbh.com/fileadmin/templates/media/design/box-corner-3000.png) #fff right bottom no-repeat;
    padding:10px 20px 20px 10px;
    clear:left;
    position:relative;}
    
  .box-corner{
    background:url(http://www.peinegmbh.com/fileadmin/templates/media/design/box-corner-rounded.png) no-repeat right bottom;
    position:absolute;
    bottom:20px;
    right:20px;
    height:8px;
    width:8px;
    z-index:100;}
    
  .box-content{
    background:url(../media/design/box-gradient.png) repeat-x 0 0;}
    
  .box-container{
    clear:left;}
  
  .box-container .box{
    width:425px;
    float:left;
    clear:none;}    
    
  .box-content p a{
    color:#707173;
    font-weight:bold;}
    
  .box-content p strong{
    color:#000;}
    
  .box-content p a:hover{
    color:#000;}
    
  .box-content p a.mark{
    padding-right:12px;
    background:url(http://www.peinegmbh.com/fileadmin/templates/media/design/arrow-right-small.png) no-repeat right 4px;}
    
  .download-thumb{
    display:block;
    float:left;
    width:135px;
    height:155px;
    margin:0 20px 10px 0;
    text-align:left;
    position:relative;}
    
  .download-thumb img{
    position:absolute;
    bottom:20px;}
    
  .download-thumb .label{
    font-size:11px;
    text-align:left;
    display:block;
    width:135px;
    height:15px;
    position:absolute;
    bottom:0;
    color:#333;}


/*************************************************************************************************************** 
 * Intro
 ***************************************************************************************************************/ 
 
  #intro{
    background-color:#4b4b4d;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-align:center;
    display:none;}
    
  #intro img{
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-44px;
    margin-left:-424px;
    z-index:99999;}
    
    
/*************************************************************************************************************** 
 * Modul > News > Teaser
 ***************************************************************************************************************/
  
  .news-teaser{
    border-top:1px dotted #707173;
    padding:10px 0 10px 0;
    margin:0 10px 0 10px;
    clear:left;
    font-size:15px;
    position:relative;
    display:inline-block;}
    
  .news-teaser-img{
    float:left;}
    
  .news-teaser-content{
    margin-left:260px;}
    
  .news-more{
    font-weight:bold;
    color:#707173;
    background:url(http://www.peinegmbh.com/fileadmin/templates/media/design/arrow-right-small.png) no-repeat right 4px;
    padding-right:10px;}
    
  .news-open{
    width:20px;
    height:20px;
    background:url(http://www.peinegmbh.com/fileadmin/templates/media/design/arrow-bottom.gif) 0 0;
    position:absolute;
    right:0;
    bottom:10px;}
    
    
/*************************************************************************************************************** 
 * Modul > Text
 ***************************************************************************************************************/
    
  .mod-text{
    margin:0 20px 20px 20px;
    border-top:1px dotted #707173;
    padding-top:20px;}
    
  .mod-text img.fr{
    margin:0 0 20px 20px;}
    
  .mod-text img.fl{
    margin:0 20px 20px 0;}
    
  .mod-text .two-cols{
    width:50%;
    float:left;}
    
  .mod-text img, #content .mod-text ul{
    margin-bottom:20px;
    font-size:15px;}
    
    
/*************************************************************************************************************** 
 * Modul > Wrap
 ***************************************************************************************************************/

  .mod-wrap{
    margin:0 20px 20px 20px;
    border-top:1px dotted #707173;
    padding-top:20px;
    padding-bottom:20px;
    font-size:15px;}
      
  .mod-wrap .title{
    margin-bottom:20px;
    background-color:#33C;}
    
  .mod-wrap .title b{
    margin-left:5px;
    color:#4B4B4D;}
    
  .mod-wrap-js .title{
    background:url(http://www.peinegmbh.com/fileadmin/templates/media/design/arrow-down.png) no-repeat top right;
    cursor:pointer;
    margin-bottom:0;}
    
  .mod-wrap-js.open .title{
    background:url(http://www.peinegmbh.com/fileadmin/templates/media/design/arrow-up.png) no-repeat top right;
    margin-bottom:20px;}
    
  .mod-wrap-js .content{
    overflow:hidden;}
  

/*************************************************************************************************************** 
 * Modul > Dates
 ***************************************************************************************************************/
 
  .mod-dates{
    margin:0 20px 20px 20px;
    border-top:1px dotted #707173;
    padding:10px 0 0 0;
    line-height:1.2em;}
    
  .mod-dates .location{
    font-weight:bold;
    margin-bottom:5px;
    clear:left;}
    
  .mod-dates .col-1{
    width:250px;
    float:left;
    font-weight:bold;
    color:#4b4b4d;}
    
  .mod-dates .col-2{
    width:250px;
    float:left;}
    
  .mod-dates .col-3{
    width:250px;
    float:left;}

  .mod-dates p{
    font-size:12px;}
    
    
/*************************************************************************************************************** 
 * Modul > Definition
 ***************************************************************************************************************/
   
  .mod-definition{
    margin:0 20px 20px 20px;}
  
  .mod-def{
    border-top:1px dotted #707173;
    padding-top:15px;
    line-height:1.5;
    margin-top:15px;
    clear:left;}
  
  .mod-def span.label{
    width:300px;
    float:left;
    clear:left;
    color:#707173;
    font-size:22px;
    font-weight:bold;
    line-height:.9em;
    margin:0;
    letter-spacing:normal;}
    
  .mod-def span{
    margin-left:300px;
    display:block;}
    
  .mod-definition-100 .mod-def span.label{
    width:100px;
    margin:0;}
    
  .mod-definition-100 .mod-def span{
    margin-left:100px;}
    
  .mod-definition-200 .mod-def span.label{
    width:200px;
    margin:0;}
    
  .mod-definition-200 .mod-def span{
    margin-left:200px;}
    
    
/*************************************************************************************************************** 
 * Modul > Showrooms
 ***************************************************************************************************************/
  
  .mod-showrooms-group{
    background-color:#eee;}
  
  .mod-showrooms{
    margin:0 20px 20px 20px;}

  .mod-showrooms p{
    font-size:12px;
    color:#000;}
    
  .mod-showrooms-group .name{
    border-bottom:1px dotted #707173;
    font-weight:bold;
    padding:5px;}
    
  .mod-showroom{
    border-bottom:1px dotted #707173;}
    
  .mod-showroom .location{
    padding:5px;
    font-weight:bold;
    color:#707173;}
    
  .mod-showroom .info{
    padding:3px 3px 20px 3px;
    line-height:1.2em;}
    
  .mod-showroom .info strong, .mod-showroom .info b{
    margin:10px 0 5px 0;
    display:inline-block;}
  
  .mod-showrooms-group .mod-showroom-js .location{
    padding-left:15px;}
  
  .mod-showroom-js .info{
    display:none;}
    
  .mod-showroom-js .location{
    font-weight:normal;
    color:#000;
    cursor:pointer;}
    
  .mod-showroom-js:hover .location{
    font-weight:bold;}
    
  .mod-showrooms-container, .mod-showrooms-infobox{
    float:left;
    width:250px;
    margin-right:30px;}
    
  .mod-showroom.active{
    background-color:#ddd;}
    
  .mod-showrooms-infobox{
    line-height:1.3em;
    margin-right:0;}
    
  .mod-showrooms-infobox strong, .mod-showrooms-infobox b{
    padding:7px 0 7px 0;
    display:-moz-inline-stack;
    display:inline-block;}


/*************************************************************************************************************** 
 * Modul > Slideshow
 ***************************************************************************************************************/
 
  .mod-slideshow{
    position:relative;}
  
  .mod-slideshow a{
    position:absolute;
    left:0;
    top:0;}


/*************************************************************************************************************** 
 * Special > GMap
 ***************************************************************************************************************/
 
  .special-gmap{
    width:500px;
    float:right;
    margin-bottom:20px;}
    
  .special-gmap .mod-gmap{
    margin-bottom:20px;}
    
  .special-gmap a{
    font-size:15px;}
    
  .special-gmap-links{
    border-top:1px dotted #707173;
    padding-top:15px;
    line-height:1.5;
    margin-top:15px;
    font-size:15px;
    clear:both;}
    
  .special-gmap a, .special-gmap-links a{
    color:#4b4b4d;
    display:inline-block;}
    
  .special-gmap-links a{
    width:285px;}
    
  .special-gmap-links .first{
    float:left;
    margin-right:58px;}
 

/*************************************************************************************************************** 
 * Footer
 ***************************************************************************************************************/
 
  #footer{
    position:relative;
    padding:20px 0 10px 20px;
    background-color:#FFF;
    font-size:11px;
    display:inline-block;
    width:880px;}
    
  #footer .navi{
    float:left;
    margin-right:77px;
    margin-bottom:0;}
    
  #footer .navi.mr0{
    margin-right:0;}

  #footer .navi.small{
    font-size:9px;}
    
  #footer .navi li{
    margin-bottom:8px;}
    
  #footer .navi a.level-1{
    font-weight:bold;
    color:#7b7b7b;}
    
  #footer .navi a:hover{
    text-decoration:underline;}
    
  .footer-copy{
    position:absolute;
    bottom:20px;
    right:38px;
    color:#000;}

  .static-footer{
    position:absolute;
    left:745px;
    top:2px;}
    


/*************************************************************************************************************** 
 * Clearfix
 ***************************************************************************************************************/
 
  .cfix, #content:after, .box-container:after, .box:after, .news-teaser:after, #footer:after, .mod-text:after, .mod-definition:after, .mod-dates:after, .mod-showrooms:after, .form:after{
    content:'.';
    clear:both;
    display:block;
    height:0;
    font-size:0;
    line-height:0;
    visibility:hidden;}