/* Colors
blau headlines: #183a6b

*/


/* *************** RESET ************************** /
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b,
u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table,
caption, tbody, tfoot, thead, tr, th, td { 
    background: transparent;
    border: 0;
    font-size: 100%;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, 
q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
a { outline: none; }

/* Debug
--------------------------------------------------------------------------*/
/*#bd { 
    background: #fff url('img/_bg_baseline_cols_light.png') repeat-y 0 12px;
    }*/



/* ***************** LAYOUT ************************/
/* Base color and font */
body { font: 81.25%/1.6154 "Lucida Grande", arial, verdana, sans-serif; color: #000; background: #fff; height: 100%; opacity:.99}

/* Page
------------------------------------------------------------------------- */
#page { margin: 0 auto 40px auto; width: 940px; background: transparent;}

#hd { margin: 40px 0 20px 0; float: none;}
#bd { }
#ft { clear: both; text-align: right;}

.col-1 { width: 600px; float: left;}
.col-2 { width: 340px; float: right;}

.content { clear: both;}

/* Header
------------------------------------------------------------------------- */
.portrait { padding-bottom: 3px; border-bottom: 4px solid #646464;}


/* Navigation
------------------------------------------------------------------------- */
.navigation { text-align: right; }
.navigation { padding: 0; margin: 20px 3px 0 0; list-style: none; }
.navigation li { padding: 5px 0; }
.navigation li a { color: #9a854d; font-size: 16px; padding: 3px 8px;}
.navigation li.current a  { background: #cab56a; color: #000; text-decoration: none;}
.navigation li a:hover, .navigation li a:focus  { background: #d9ca95; color: #000; text-decoration: none;}


/* Content
------------------------------------------------------------------------- */
#content {  }
.adresse { text-align: right; margin: 28px 5px 0 0; padding: 0; color: #646464;}
#b-ueber-mich .adresse { padding-bottom: 30px; border-bottom: 4px solid #646464;}
#cab56a
#map { float: left; width: 500px; height: 250px; padding: 2px; border: 2px solid #eaddb2; margin: 0 15px 10px 15px}

.impressum { color: #646464; margin: 30px 0 0 0; padding: 0; }
h4#impressum { color: #646464;}
h4#datenschutz { color: #646464;}

/* Footer
------------------------------------------------------------------------- */

/* ***************** TYPOGRAPHIE *****************************/

html { height: 100%; padding-bottom: 1px; position: relative;}
    
/* -----------------------------------------------------------------------*/

/* Gutter */
h1, h2, h3, h4, h5, h6, ul, ol, dl, p { padding:0 15px; }


/* Headlines
------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { font-weight: normal; clear: both; background: none; /*text-shadow: 2px 2px 2px #000;*/}


h1 {margin: 0; color: #000; font-size: 40px; line-height: 60px; float: none;  border:1px solid #ffffff;}
h2 {margin: 0; color: #000; font-size: 30px; line-height:36px; margin: 24px 0 6px 0; float: none; border:1px solid #ffffff;}
#hd h2 {margin: 0 0 8px 0;}
h3 {margin: 0; color: #000; font-size: 16px; line-height:36px;  }
h4 {margin: 0; color: #646464; font-size: 1em; line-height:1.6154em; padding-bottom:0; font-weight: bold;}


/* Text + Listen
------------------------------------------------------------------------- */
p { background: none; line-height:21px; margin-bottom: 21px; letter-spacing: 0}

ul, ol { background: none; line-height:21px; margin-bottom: 21px;}

ul { list-style: disc; list-style-position: outside; margin-left: 15px;}
ul.nobullet { list-style: none; margin-left: 0;}

ol { list-style: decimal; list-style-position: inside;}

dl { margin-bottom:21px;}
dt { font-weight: bold; }

a:link, a:visited { color:#9a854d; text-decoration:none; }
a:hover, a:active { text-decoration: underline; }
a:focus { color: #9a854d; text-decoration: underline; }

/* Standard classes
-------------------------------------------------------------- */

.small { font-size: .8459em; line-height: 1.9091em; margin-bottom: 0; }
.quiet { color: #757b7f; font-size: .8459em; line-height: 1.9091em; margin-bottom: 0;}
.signal { color: #c0000d;}

.floatright { float: right;}
.floatleft { float: left;}
.abstand { margin-top: 18px;}

.hide { display: none; }
.highlight { background: transparent; }

.top { margin-top:0; padding-top:0; }
.bottom { margin-bottom:0; padding-bottom:0; }


.margin-baseline { margin-bottom: 1.6154em;}

.clear { clear: both;}

.impressum-ie6 { display: none;}