/**
 * <atelie></atelie>R M3 fuer Wordpress
 * 
 * Thomas Schuermann, www.tripleorange.de
 *
 */

/**
 *
 * FARBEN
 * 
 * orange: #ff8f00
 * blau: #274ca3  
*/


/* GRUNDLAYOUT                                                                */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

body {
      margin: 0;
      padding: 0 0 50px 0;
      min-height: 101%;
      height 101%;
      background: #E6E6E6 url(../img/bg.png) repeat top left;
      font: 100.01%/170% verdana, arial, sans-serif;
      color: #000000;

}



#center {
      padding: 50px 0 0 0 ;
      margin: 0 auto;
      width: 859px;
     position: relative;
}

#language {
     position: absolute;
     top:32px;
     left: 659px;
     width: 200px;
     height: 20px;
     text-align: right;
}

#language p, #language p a {
     font: 100 11px/10px arial, verdana, sans-serif;;
     letter-spacing: 0.03em;
     padding: 0;
     margin: 0;
     color: #4779AD;
     text-decoration: none;
}

#language p a:hover {
     text-decoration: underline;
}
#language p a.active {
     font-weight: bold;
}

#kopf {
      margin: 0 0 0 25px;
      padding: 0;
      height: 130px;
      width: 834px;
      background: #fff none;
}

/* Logo Gilder-/Levin-Methode  http://levin.grundeis.net/files/20030809/alternatefir.html */
/* LOGO                                                                       */


#logo {
      width: 834px;      
      margin: 0 0 0 0;
      padding: 25px 0 0 25px;
      height: 56px;
      background: transparent none;
}



#logo a {
      width: 498px;
}

#logo h1 {
      width: 498px;
      height: 56px;
      position: relative;
      padding: 0; 
      margin: 0;
      color: #646D76;
      font-size: 75%;
}

#logo h1 span {
      background: url(../img/sungmbh-logo.png) no-repeat top left;
      width: 498px;
      height: 56px;
      position: absolute;
      padding: 0; margin: 0;
}


/* SERVICE MENU                                                                */
/*                                                                            */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */


#service {
      height: 25px;
      margin: 24px 0 0 0;
}

#service ul {
      margin: 0 0 0 248px;
      padding: 0;
      line-height: 1em;
      text-align: right;
}

#service.enpage  ul{
      margin: 0 0 0 220px;
}

#service ul li {
      list-style-image:none;
      list-style-type:none;
      margin: 0 0 0 0;
      padding: 0 0 0 25px;
      font-size: 75%;
      letter-spacing: 0.03em;
      float: left;
      background: url(../img/service-bg-inactive.png) 0px 5px no-repeat;
      font-family: arial, verdana, sans-serif; 
}

#service ul li.active {
      background: url(../img/service-bg-active.png) 0px 5px no-repeat;
      font-weight: 700;
}
#service ul li:hover {
      background: url(../img/service-bg-active.png) 0px 5px no-repeat;
}

/* address a, address a:link, address a:visited, address a:focus, address a:hover, address a:active { */
#service ul li a, #service ul li a:link  {
      color: #666;
      text-decoration: none;
}

ul#hauptmenu li a:focus, ul#hauptmenu li a:hover, ul#service li a:focus, ul#service li a:hover {
      color: #666;
      text-decoration: underline;
}

#spaltezwei-menue ul li a.active, ul#service li a.active {
  font-weight: 700;
}


/* HAUPTNAVIGATION                                                            */
/*                                                                            */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#navigation {
      width: 859px;
      height: 35px;
      background: url(../img/bg-navigation.png) repeat-y top right;
      margin: 0;
      padding: 0;
}

#balken {
      height: 27px;
      width: 809px;
      background: url(../img/bg-balken.png) repeat-x top left;
      padding: 0 0 0 25px;    
}

#balken-2 {
      margin: 5px  0 0 0;
      height: 27px;
      width: 811px;
      background: url(../img/bg-balken.png) repeat-x top left;
      padding: 0 0 0 25px;
}

#navigation ul {
      width: 100%;

      margin: 0 0 0 0px;
      padding: 0;
}

#navigation ul li {
      height: 22px;
      list-style-image:none;
      list-style-type:none;
      margin: 0 0 0 0;
      padding: 4px 0 0 0;
      font-size: 75%;
      letter-spacing: 0.03em;
      float: left;
      line-height: 18px;   
}




#navigation ul li.active {
      background: url(../img/bg-navigation-active.png) repeat-x top left;
      font-weight: 700;
}
#navigation ul li:hover {
      background: url(../img/bg-navigation-active.png) repeat-x top left;
}
#navigation ul li a, #navigation ul li a:link  {
      color: #fff;
      text-decoration: none;
      background: none;
      display: block;
      padding: 0 11px 0 11px;
      border-right: 1px solid #fff;
}



#inhalt-aussen {
      padding: 0 0 0 0;
      margin: 0 auto 0 auto;
      width: 859px;
      background: #fff;
      overflow: hidden;
}

#inhalt {
      padding: 25px 25px 25px 50px;
      margin: 0;
      width: 759px;
      background: url(../img/bg-inhalt.png) repeat-y top left;
      border: 1px solid #8A8A8A;
      position: relative;
}

#inhalt.front {

}

#picture {
      margin: 0 0 25px 0;
      height: 175px;
      overflow: hidden; 
}
#picture-hoch {
      margin: 0 0 25px 0;
      height: 300px;
      overflow: hidden; 
}
#teaser {
      padding: 10px 0 0 0;
}

#frontteaser {
      padding: 0 0 0 0;
}

#frontteaser p { width: 650px; font-family: verdana, arial, sans-serif;  }
#frontteaser p.pfeillink { padding: 0 0 0 363px;  }
#frontteaser a { 
      padding: 0 25px 0 0;
      font-size: 145%;
      color: #000;
      font-weight: 100; 
      text-decoration: none;
      height: 20px; 
      background: url(../img/pfeilblau.png) no-repeat right center;
      }

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* startseite                                                           */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#frontpicture {
     position: absolute;
     bottom: 0;
     right: 0;
     width: 247px;
     height: 166px;
}

#frontteaser p {
font-family:verdana,arial,sans-serif;
width:650px;
}

#frontteaser .fteaser-1 p, #frontteaser .fteaser-2 p {
     width: 450px;
}

#frontteaser .fteaser-1 , #frontteaser .fteaser-2 {
     width: 450px;
}

.fteaser-1 {
     margin: 50px 0 20px 0;
     border-bottom: 1px solid #8E8E8F;
}

#frontteaser .fteaser-1 a, #frontteaser .fteaser-2 a  {
      padding: 0 18px 0 0;
      font-size: 100%;
      color: #000;
      font-weight: 700;
      text-decoration: none;
      height: 20px;
      background: url(../img/pfeilblau-kl.png) no-repeat right center;
      }

/* BOXEN                                                            */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#boxen {
      height: 1%; 
      overflow: hidden;
      width: auto;
      padding: 0 0 25px 0;
}

.box {
      width: 365px;
      height: 200px;
      margin: 25px 0 0 0;
      border: 1px solid #8a8a8a;
      background: #fff;
      float: left;   
}

.box-innen {
      padding: 10px;
}

#box-2, #box-4 { margin-left: 25px; }
#box-3, #box-4 { margin-top: 25px; }

#box-1 { background: #fff url(../img/box-1.png) no-repeat bottom right; }
#box-2 { background: #fff url(../img/box-2.png) no-repeat bottom right; }
#box-3 { background: #fff url(../img/box-3.png) no-repeat bottom right; }
#box-4 { background: #fff url(../img/box-4.png) no-repeat bottom right; }


.box p { width: 60%; font-family: verdana, arial, sans-serif; font-size: 70%; }
.box p a { color: #000; text-decoration: none; }
.box p a:hover { color: #274ca3; text-decoration: underline; }



/* BOXEN SEITEN 1/3                                                           */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

.box-dr {
      width: 234px;
      height: 200px;
      margin: 25px 0 0 0;
      border: 1px solid #8a8a8a;
      background: #fff;
      float: left;   
}

.large {
      height: 225px;
}
.box-innen {
      padding: 10px;
}

#box-dr-2, #box-dr-3, #box-dr-5, #box-dr-6, #box-dr-8, #box-dr-9, #box-dr-11, #box-dr-12  { margin-left: 25px; }

#box-1 { background: #fff url(../img/box-1.png) no-repeat bottom right; }
#box-2 { background: #fff url(../img/box-2.png) no-repeat bottom right; }
#box-3 { background: #fff url(../img/box-3.png) no-repeat bottom right; }
#box-4 { background: #fff url(../img/box-4.png) no-repeat bottom right; }


.box-dr p { font-family: verdana, arial, sans-serif; font-size: 70%; padding: 0; line-height: 1.4em; margin: 0;}
.box-dr p a { color: #000; }
.box-dr p a:hover { color: #274ca3; text-decoration: underline; }

.box-dr h3 { 
      margin: 5px 0 0 0;
      font-size: 90%;
      font-weight: bold;
      line-height: 22px;
}

.box-dr h3 a {
      color: #555;
      background: url("../img/pfeilblau-kl.png") no-repeat scroll right center transparent;
		padding-right: 16px; 
}


#zert {
      text-align: right;

}
#zert img {
      margin: 10px;
}
#zert p {
      font-size: 70%;
      padding: 0; margin: 0;
}

#fuss-aussen {
      width: 859px;
      height: 50px;     
      padding: 0 0 0 25px;
      margin: 0 auto 25px  auto;
      text-align: left;
}

#fuss {
      width: 834px;      
      padding: 0 0 0 0;
      margin: 0;
      text-align: left;
      background: #fff;
}

#fuss-aussen p {
      font-size: 80%;
      line-height: 0.8em;
      color: #000000;
      padding: 10px 0 0 25px;
      margin: 0;
      font-style: normal;
      letter-spacing: 0.025em;  
	  height: 30px;
           
}

/* ALLGEMEINE DEFINITIONEN - links - absaetze - ueberschriften - listen                                                   */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */


/* Clearfix-Methode zum Clearen der Float-Umgebungen */
.clearfix:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

/* Diese Angabe benötigt der Safari-Browser zwingend !! */
.clearfix { display: block; }



/* ALLGEMEINE DEFINITIONEN - links - absaetze - ueberschriften - listen                                                   */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */



/* :link :visited :focus :hover :active - richtige Reihenfolge beachten! */ 

a:link {
  color: #274ca3;
  text-decoration: none;
}
a:visited {
  color: #5976B9;
}
a:focus {
  color: #ff8f00;
  text-decoration: underline;
}
a:hover {
  color: #ff8f00;
  text-decoration: underline;
}
a:active {
  color: #ff8f00;
}


p, address {
      font-size: 80%;
      line-height: 1.6em;
      color: #000000;
      padding: 0 50px 0 0;
      font-style: normal;
      letter-spacing: 0.025em;
       
}
p.hinweis {
      color:#666666;
      font-family:arial;
      font-size: 65%;
      line-height:1.1em;
      margin: 0.3em 0 0 0;
      padding: 0;
}
#teaser ul {
      font-size: 80%;
      line-height: 1.6em;
      color: #000000;
      padding: 0 50px 0 0;
      margin: 0 0 0 25px;
      font-style: normal;
      letter-spacing: 0.025em;
       
}


address {
      font-size: 75%;
      color: #000; 
      margin: 13px 0 0 24px; 
      line-height: 24px; 
      font-style: normal;
}

address a, address a:link, address a:visited, address a:focus, address a:hover, address a:active {
      color: #fff;
}


#zertifikate img {
      margin: 0 18px 0 0;
}

/* alle weiteren headlines */
h2 { 
      margin: 0 0 0 0;
      padding: 0 0 0 0; 
      color: #000;
      font-style: normal;
      font-weight: 100;
      font-size: 150%;
      text-align: left;
      line-height: 26px;
}

h3 { 
      margin: 10px 0 0 0;
      padding: 0 0 0 0; 
      color: #555;
      font-weight: 100;
      font-size: 110%;
      clear: left;
      text-align: left;
}

h3 a {
      color: #333;      
}
.box h3 a {
      color: #555;
      text-decoration: none;      
}
.box h3 a:hover {
      text-decoration: underline;      
}

h4 {
      font-size: 80%;
      color: #000;
      margin: 25px 0 -10px 0;
      padding: 0;
}

h5 {


}


hr {
     display: none;
     clear: all;
     
}



/*                                                                            */


/* ACCESSIBILITY                                                              */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */


.accessibility {
      display: none;
}