/*
Theme Name: ATELIER M3 fuer Wordpress
Theme URI: http://www.tripleorange.de
Description: Theme für das auf Barrierefreiheit spezialisierte Architektur-Büro Atelier m3.
Version: 1.6
Author: Thomas Schuermann
Author URI: http://www.tripleorange.de
Tags: orange, 1 custom sidebar, fixed width, three columns
Text Domain: atelierm3

	Atelier-m3 v2.0
	http://www.tripleorange.de

	This theme was designed and built by Thomas Schürmann,
	whose blog you will find at http://www.tripleorange.de

*/

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



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

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


#inhalt {
      padding: 0 0 0 0;
      margin: 0 auto 0 auto;
      width: 979px;
      background: #FF8F00 url(/wp-content/themes/atelier-m3/img/bg.png) repeat-y top left;
      overflow: hidden;
}


/* http://www.positioniseverything.net/articles/onetruelayout/equalheight */ 

#spalteeins-kontakt {
      width: 333px;
      float: left;
      padding: 0 0 20em 0;
      margin: 0;
      background: #FF8F00; 
       
      /* background: #FF8F00 url(/wp-content/themes/atelier-m3/img/sp1-test.png) repeat-y top left; */
}
#spaltezwei-menue {
      width: 184px;
      float: left;
      padding: 0 0 0 0;
      margin: 0;
	padding-bottom: 32767px;
	margin-bottom: -32767px;
     
}

#spaltedrei-inhalt {
      width: 462px;
      float: left;
      padding: 25px 0 0 0;
      margin: 0;
	padding-bottom: 32767px;
	margin-bottom: -32767px;
	background: transparent url(/wp-content/themes/atelier-m3/img/spalte-3.png) no-repeat top right;
	/* background: transparent url(/wp-content/themes/atelier-m3/img/inhalt2-bg-weiss.png) no-repeat top right;*/ 
      
      /* background: #00ff00; */
      /* background: #FF8F00 url(/wp-content/themes/atelier-m3/img/sp1-test.png) repeat-y top left; */
}

#inhalt-2 {
      width: 100%;
      padding: 0 36px 0 0;
      
}

.entry {
      padding: 0 0 0 0;
}

.post .front-teaser img, .post .cat3-teaser img, .post .cat1-teaser img {
      float: left;
      margin: 0 20px 0 0;
}

.front-teaser .clearing, .cat3-teaser .clearing, .cat1-teaser clearing {
      display: block;
      clear: left;
}

.post {
            margin: 0 0 1em 0;

}

.post .more-link {
            background: url(img/kl-pfeil.png) no-repeat 0px 4px;
            margin: 0;
            padding: 0 0 0 1.2em ;
}

#fuss {
      width: 979px;      
      padding: 0 0 0 0;
      margin: 0 auto 0 auto;
      text-align: left;
}

/* 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                                                   */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

a:link {
  color: #163F9D;
  text-decoration: none;
}
a:visited {
  color: #163F9D;
}
a:focus {
  color: #ff8f00;
  text-decoration: underline;
}
a:hover {
  color: #ff8f00;
  text-decoration: underline;
}
a:active {
  color: #ff8f00;
}

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

.text li,
p,
address {
      font-size: 13px;
      line-height: 1.6em;
      color: #000000;
      padding: 0 75px 0 0;
      font-style: normal;
      letter-spacing: 0.025em;  
      margin: 0.5em 0 1em 0;     
}

.entry ul li {
      font-size: 13px;
}

address {
      font-size: 90%;
      color: #fff; 
      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;
}
/* Logo Gilder-/Levin-Methode  http://levin.grundeis.net/files/20030809/alternatefir.html */
/* LOGO                                                                                   */

#logo {
      width: 979px;      
      margin: 0 auto 0 auto;
      height: 100px;
}


#logo a {
      width: 351px;

}

#logo h1 {
      width: 351px;
      height: 100px;
      position: relative;
      padding: 0; margin: 0;
}

#logo h1 span {
      background: url(/wp-content/themes/atelier-m3/img/atelier-m3-logo.png) no-repeat top left;
      width: 351px;
      height: 100px;
      position: absolute;
      padding: 0; margin: 0;
}

/* alle weiteren headlines */
h2 { 
      margin: -6px 0 0 0;
      padding: 0 20px 0 16px; 
      color: #274ca3;
      font-style: normal;
      font-weight: 700;
      font-size: 115%;
      text-align: left;
      line-height: 26px;

      background: url(/wp-content/themes/atelier-m3/img/h2-bg-blau.png) no-repeat 0px 7px;
}

h2 a { 
      color: #274ca3;
      text-decoration: none;
}

.text h2 {
      margin: 2em 0 1em 0;
}

#spalteeins-kontakt h2 {
      margin: 13px 0 0 0;
      padding: 0 0 0 35px;
      color: #fff;
      font-weight: 300;
      font-size: 110%;
      letter-spacing: 0.09em;
      background: url(/wp-content/themes/atelier-m3/img/h2-bg-orange.png) no-repeat 24px 7px;
      line-height: 26px;
      
}


.datum {
      margin: -3px 0 0 0;
      padding: 0 0 0 0; 
      color: #163F9D;
      font-style: normal;
      font-weight: 100;
      font-size: 80%;
      text-align: left;
      line-height: 26px;
      display: block;
}

h3 { 
      margin: 0.3em 0 0.1em 0;
      padding: 0 0 0 0; 
      color: #163F9D;
      font-weight: 700;
      font-size: 90%;
      clear: left;
      text-align: left;
}

#spalteeins-kontakt h3 { 
      margin: 0 0 0 0;
      padding: 0 0 0 0; 
      color: #fff;
      font-weight: 100;
      font-size: 90%;
      clear: left;
      text-align: left;
}

h4 {
      font-size: 80%;
      color: #555;
      margin: 0 0 0 0;
      padding: 0;
}


h4.category {
      font-size: 80%;
      color: #666;
      margin: 0 43px 1em 0;
      padding: 0;
      text-align: right;
      font-weight: 100;
}


h4.category a {
      color: #666;
      text-decoration: none;  
}

h5 {


}


hr {
     display: none;
     clear: all;
     
}

.text ul {
      margin: 0.5em 75px 0.5em 1.5em;
      padding: 0 0 0 0;
}

.text ul li {
      list-style-image:none;
      list-style-type:none;
      background: url(img/list.png) 0px 5px no-repeat;
      padding: 0 0 0 1em 
}

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

/* service */

ul#hauptmenu, ul#service {
      padding: 0;
      line-height: 1em;
}

ul#hauptmenu {
      margin: 47px 0 0 36px;
}

ul#service {
      margin: 2em 0 0 36px;
}

ul#hauptmenu li, ul#service li {
      list-style-image:none;
      list-style-type:none;
      margin: 0 0 0 0;
      padding: 0 0 1em 0;
      font-size: 75%;
      letter-spacing: 0.03em;
}
/* address a, address a:link, address a:visited, address a:focus, address a:hover, address a:active { */
ul#hauptmenu li a, ul#hauptmenu li a:link, ul#service li a, ul#service 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: #ff9900;
      text-decoration: underline;
}

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



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


.accessibility {
      display: none;
}



/* GALLERY ÜBERSCHREIBUNGEN   */

.atelierm3-gallery img  {
      float:left;
      margin: 10px 10px 10px 0;
      text-align: left;
      border: none;
}



.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clearfix {display: inline-block;}  /* for IE/Mac */

.navigation p a { color: #666;}
.alignleft { text-align: left; font-size: 90%;}
.alignright { text-align: right; font-size: 90%;}