/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
 * (en) central stylesheet
 * (de) zentrales Stylesheet
 *
 * @creator       YAML Builder V1.2.1 (http://builder.yaml.de)
 * @file          my_layout.css
 * @-yaml-minver  3.3
 * 
 */

/* import core styles | Basis-Stylesheets einbinden */
@import url(../yaml/core/base.css);

/* import screen layout | Screen-Layout einbinden */

@import url(screen/basemod.css);
@import url(screen/content.css);

/* import print layout | Druck-Layout einbinden */
@import url(../yaml/print/print_draft.css);

  /*
Theme Name: Rechtsanwalt Stadie
Theme URI: http://www.
Author: Anke Pohl, Sören Padel
Author URI: http://www.ethiker.com
*/


/* ###  Einstellungen  ### */
html { height: 100.01%; margin: 0; padding: 0;}
* {margin: 0; padding: 0; border: none;}

body {
  font				: normal 100.01%/1.5 "georgia", "times new roman", serif;
  text-align		: left;
  background		: #a3b19a;
  color				: #444;     
}


 #inhalt , #inhalt3{
 position			: absolute;	top:20px; left:20px; width:1000px; height:700px;
 border-style       : solid;
 border-width       : 1px;
 border-color       : #FFFFFF;
 background-image   : url(../bilder/hintergrundbild.jpg);
    margin-left: 8%;
 }

  #inhalt2 {
 position			: absolute ;	top:20px; left:20px; width:1000px; height:700px;
 border-style       : solid;
 border-width       : 1px;
 border-color       : #FFFFFF;
 background-image   : url(../bilder/hintergrundbild1b.jpg);
   margin-left: 8%;
 }

 #inhalt1{
 position			: absolute;	top:20px; left:20px; width:1000px; height:700px;
 border-style       : solid;
 border-width       : 1px;
 border-color       : #FFFFFF;
 background-image   : url(../bilder/hintergrund.jpg);
    margin-left: 8%;
 }

 h1, h2 {
  font				: normal 0.96em/1.5 "georgia", "times new roman", serif;
  font-weight       : bold;
  margin			: 0;
  padding			: 0 10px;
}

h3, h4, h5 {
  font				: normal 0.96em/1.5 "georgia", "times new roman", serif;
  margin			: 0;
  padding			: 0 10px;
}

ul, li {
padding			    : 3px 25px 0;
}

p , table, th, td, input, textarea, code, pre {
  font				: normal 0.875em/1.4 "Lucida Sans Unicode", "Lucida Grande", Corbel, "Trebutchet MS", Arial, Helvetica, sans-serif;
  margin			: 0 0 7px;
  padding			: 3px 10px 0;
}

h6 {
  letter-spacing    : 1.5px;
  color             : #666665;
  font				: normal 0.775em/1.4 "Lucida Sans Unicode", "Lucida Grande", Corbel, "Trebutchet MS", Arial, Helvetica, sans-serif;
  text-align        : left;
  margin			: 0 0 7px;
  padding			: 3px 10px 0;
}

.thema{
letter-spacing      : 1.5px;
color               : #666665;

}

cite{
color               : #666665;

}

a {
  text-decoration	: none !important;
 font-weight: bold;
 color: #444444 !important;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  padding			: 1px 0 2px;
}

a:hover {
font-weight: bold;
} 

.clearer {
  clear				: both;
  height			: 3px;
  line-height		: 1px;
  font-size			: 1px;
  padding			: 0;
  margin			: 0;
  width				: 10px;
}

blockquote {
  font				: normal 0.97em/1.4 "Lucida Sans Unicode", "Lucida Grande", Corbel, "Trebutchet MS", Arial, Helvetica, sans-serif;
  margin            : 20px 10px 20px 10px;
  border		    : 1px dotted #990000;
  background-color  : #E4EBF3;
}

#navi {
        height				: 20px;
		width               : 800px;
        border-top		    : 1px dashed #666665;
        border-bottom		: 1px dashed #666665;
        font				: normal 0.775em/1.4 "Lucida Sans Unicode", "Lucida Grande", Corbel, "Trebutchet MS", Arial, Helvetica, sans-serif;
        letter-spacing      : 3px;
		background          : #dfe3b0;
		float: right;
		margin-top          : 20px;


}

#navi .person {
float                : right;
margin-left          : 10px;
margin-right         : 10px;
width: 100px;
text-align: center;
font-variant: small-caps;

}

#navi .person a {
font-weight          : bold;
color                : #666665;
}

#navi .person a:visited , #navi .person a:focus {
    color: black;
    border: none;
}

#navi .person a:hover {
background           : #f1f2b6;
color			   	 : #060503;
font-size: medium;
text-decoration: none;
}

 .trenner {
  height			: 1px;
  font-size			: 1px;
  clear				: both;
}

#schwerpunkte {
width               : 405px;
height: 500px;
padding-left        : 265px;
padding-top         : 90px;
float               : left;
}

#schwerpunkte a {
font				: bold 0.875em/1.4 "Lucida Sans Unicode", "Lucida Grande", Corbel, "Trebutchet MS", Arial, Helvetica, sans-serif;
letter-spacing      : 3px;
color               : #666665;
}

#schwerpunkte a:visited ,  #schwerpunkte a:focus {
background          : #dfe3b0;
color				: #060503;
text-decoration: none;    
}

#schwerpunkte a:hover , #schwerpunkte a:active {
background          : #dfe3b0;
color				: #060503;
text-decoration: none;
font-size: medium;
 font-variant: small-caps;
}

#schwerpunkte ul {
padding-top         : 20px;
}

#hinweise {
width               : 500px;
height: 500px;
margin-left        : 150px;
margin-top         : 80px;
padding-right: 20px;
float               : left;
overflow: auto;
}


 #hinweise2 , #hinweise3{
width               : 530px;
height: 500px;
margin-left        : 120px;
margin-top         : 70px;
padding-right: 20px;
float               : left;
overflow: auto;
}




#hinweise a , #hinweise2 a{
font				: bold 0.875em/1.4 "Lucida Sans Unicode", "Lucida Grande", Corbel, "Trebutchet MS", Arial, Helvetica, sans-serif;
letter-spacing      : 3px;
color               : #666665;
}

#hinweise img , #hinweise2 img {
padding-top: 100px;
}


#hinweise a:hover , #hinweise2 a:hover{
background          : #dfe3b0;
color				: #060503;
}

#hinweise ul , #hinweise2 ul {
padding-top         : 0px;
}

#adresse {
width               : 300px;
padding-top         : 170px;
padding-left        : 30px;
float               : left;
}

/* #stadies   {
width               : 300px;
padding-top         : 50px;
padding-left        : 30px;
float               : left;
} */

#stadies h1 , #stadies h2 {
color:#E5E8B1 ;  
font-size: 2px;  
}

#adressestart {
width               : 300px;
padding-top         : 490px;
padding-left        : 30px;
float               : left;
}

h1 {
  font-size			: 1.7em;
  font-weight       : bold;
  padding-top		: 7px;
  text-align		: left;    
}

h2 {
  font-size			: 1.1em;
  font-weight       : bold;
  padding-top		: 7px;
  text-align		: left;
  color: #444444;
  font-variant: small-caps;
  letter-spacing: 2px;
}

h2 a {
  margin			: 0;
  line-height		: 1.0;
  display			: block;
}

h2 a:hover {
  color				: #990000;
}

.webdesign {
width:190px;
text-align          : center;
padding-top         : 5px;
font-size			: 0.65em;
float: left;

}

.webdesign a {
border-top		    : 1px dashed #666665;
border-bottom		: 1px dashed #666665;
font				: bold 0.875em/1.4 "Lucida Sans Unicode", "Lucida Grande", Corbel, "Trebutchet MS", Arial, Helvetica, sans-serif;
letter-spacing      : 2px;
color               : #666665;
padding-left        : 5px;
}

.schwer  {
   margin-right: 30px;
}

.schwer p   {
    line-height: 1.2 ;
    font-size: small;
}

#portrait   {
    position: absolute;
    left: 36px;
    top: 210px;
    border: none;
}

#haus {
  position: absolute;
    left: 600px;
    top: 392px;
    border: none;   
}

.justify   {
    text-align: justify;
}

#creator {
    width: 620px;
    margin-bottom: 2em;
    position: absolute;
      margin-left: 430px;
}

/* KONTAKTFORMULAR================================================ */

  label {
    color: #525252;
    line-height: 2;
    font-size: 14px;
}
form {
  background: transparent;
  width: 400px; /* Breite des Formulars */
  padding: 20px;
/*   border: 1px solid #8c8c8c; */
margin-left: 480px;
margin-top: 90px;
}
label { /* Beschriftung auf eigener Zeile */
  display: block;
  cursor: pointer;  /* Mauszeiger wird zur Hand */
}
input#besuchername,
input#besuchermail
  {
  width: 350px;
  border: 1px solid #E6E7E3;
  margin-bottom: 1em;
  background-color:#E6E7E3 ;
}


textarea {
  width: 380px;
  border: 1px solid #E6E7E3 ;
  margin-bottom: 1em;
    background-color:#E6E7E3 ;
}
textarea {
  height: 18em;
}
input#besuchername:focus,   input#besuchermail:focus,
textarea:focus {
  background-color:white ;
}

.submit:hover {
    font-weight: bold;
    cursor: pointer;
}


/* eNDE kONTAKTFORMULAR ========================================= */

#danke {
    margin: 7em 0 0 30em;
}