/* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography.
      
-------------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
html {
    height: 100%;
}
   
body {   
  font-size:    75%;
  color:        #222; 
  font-family: verdana, Arial, sans-serif;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }

h1 { font-size: 22px; font-weight: normal; line-height: 35px; margin-bottom: 0.5em; color: #0b387b; text-transform: uppercase;}
h2 { font-size: 11px; line-height: 17px; margin-bottom: 0px; margin-top: 20px; color: #3d69ac; text-transform: uppercase; font-weight:600; }
h2.aktiv { background-color: #aec1df; margin-bottom: 0px; margin-top: 20px; padding: 10px 10px 0px 10px; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; font-family: verdana, arial, sans-serif; color: #3d5d70; font-size: 11px; line-height: 17px;}
p.aktiv     { background-color: #aec1df; margin: 0px 0px 10px 0px; padding: 0px 0px 10px 10px; }
p img       { float: left;  margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a                     { font-size: 11px; color:#d75f07; text-decoration: none; }
a:focus               { font-size: 11px; color:#d75f07; text-decoration: underline; }
a:hover               { font-size: 11px; color:#d75f07; text-decoration: underline; }

a.externer_link       { color:#d75f07; display: block; margin-top: 0px; }               
a.externer_link:hover { color:#d75f07; } 
a.externer_link:focus { color:#d75f07; } 

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-size: 11px; line-height: 17px; margin-bottom: 10px; color: #3d69ac; text-transform: uppercase; font-weight:600; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin: 0 1.5em; }
ul, ol      { margin: 0px; }
    
ul.menu li a                { color: #666; font-size: 13px; font-weight: normal; text-transform: uppercase; font-family: verdana, arial, sans-serif; text-decoration: none;}
ul.menu li a:hover          { color: #153d7a; }    
                                       
ul          { list-style-type: none; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

ul.kundenliste {}
ul.kundenliste li     { color: #3D5D70; font-family: verdana,arial,sans-serif; font-size: 11px; line-height: 17px; background: url(../img/pfeil_rechts.gif) no-repeat left; padding-left: 12px; margin-bottom: 4px;}
/* später soll die Kundenliste evtl. mit Logos dargestellt werden 
ul.kundenliste li     { float: left; color: #3D5D70; font-family: verdana,arial,sans-serif; font-size: 11px; line-height: 17px; width: 120px; height: 90px; margin: 0px 2px 2px 0px; }
ul.kundenliste li img { width: 120px; height: 90px; margin: 0px; }
*/ 
ul.kundenliste_komplett     { float: left; width: 260px; margin-right: 10px; }
ul.kundenliste_komplett li  { color: #3D5D70; font-family: verdana,arial,sans-serif; font-size: 11px; line-height: 17px; background: url(../img/pfeil_rechts.gif) no-repeat left; padding-left: 12px; margin-bottom: 4px;}

ul#bildwahl     { }
ul#bildwahl li  { float: left; }

ol#agb {
    color: #3D5D70; font-family: verdana,arial,sans-serif; font-size: 11px; line-height: 17px; margin-left: 20px; padding: 0px; text-indent: 0px;   
}
ol#agb li {
    margin-bottom: 8px;    
}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 0px; width:100%; }
th          { font-weight: bold; background: #C3D9FF; }
th,td       { }
tr.even td  { background: #E5ECF9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }

table#immobilien             { }
table#immobilien tr.gerade          { }
table#immobilien tr.gerade:hover    { background-color: #f2f2f2; }
table#immobilien tr.ungerade        { }
table#immobilien tr.ungerade:hover  { background-color: #f2f2f2; }
table#immobilien tr td       { padding: 1px 0px 1px 0px; color: #3D5D70; font-family: verdana,arial,sans-serif; font-size:11px; }

/* Pagebrowser
-------------------------------------------------------------- */

#pagebrowser         { text-align: right; margin-top: 10px; }
#pagebrowser span    { margin: 0px 1px 0px 1px; }
#pagebrowser a       { margin: 0px 1px 0px 1px; color: #D75F07; padding: 0px 2px 0px 2px; }
#pagebrowser a:hover { margin: 0px 1px 0px 1px; background-color : #D75F07; color: white; }

/* Bildwahl
-------------------------------------------------------------- */
#bildwahl li         { float: left; text-align: center; padding-top: 2px; } 
#bildwahl li.even    { } 
#bildwahl li.odd     { margin-right: 10px; } 
#bildwahl li a       { display: block; margin-bottom: 10px; width: 170px; background-color: #ffffff; text-decoration: none;} 
#bildwahl li a:hover { display: block; margin-bottom:  8px; width: 168px; border: 1px solid #D75F07; } 
#bildwahl li a img   { border: 0px; } 
#bildwahl li a span  { display: block; margin: 0px; } 


/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }              
.right      { text-align: right; }              

.formularfeld { font-family: verdana, arial, sans-serif;}