/*rot: #b20113*/

/* *************** 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.png') repeat-y 0 0;}*/

/* ***************** BASIC TYPOGRAPHIE ************************************/
html { height: 100%; padding-bottom: 1px; position: relative;}
body { font: 81.25%/1.6154 "Lucida Grande","Lucida Sans Unicode", Helvetica, Arial, sans-serif; color: #444; background: #fff url('img/bg-redborder.png') repeat-y top right; padding-right: 20px;}

/* Headlines
------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { font-weight: normal; clear: both; background: none;}

h1 {margin: 0 0 0 30px; color: #444; font-size: 24px; line-height: 42px; padding-bottom:0; padding-top: 0; font-weight: bold;}
h2 {margin: 0 0 0 30px; color: #444; font-size: 21px; line-height:21px; padding-bottom:21px; padding-top: 0px; font-weight: bold;}
h3 {margin: 0 0 0 30px; color: #444; font-size: 17px; line-height:21px; padding-bottom:7px; padding-top: 14px; font-weight: bold;}
h4 {margin: 0 0 0 30px; color: #444; font-size: 14px; line-height:21px; padding-bottom:0; font-weight: bold;}


/* Text + Listen
------------------------------------------------------------------------- */

p { background: none; color: #444; font-size: 13px; line-height:21px; margin: 0 0 21px 30px; }


ul, ol { background: none; color: #444; font-size: 13px; line-height:21px; margin: 0 0 21px 30px;}

li span { display:block; float:left; clear: both; width:5em; }

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

#bd p, #bd ul, #bd h2, #bd h3, #bd h4 { margin-left: 30px; width: 630px;}

#bd ul.bullet { list-style: square; list-style-position: outside; line-height: 21px; margin: 0 0 21px 45px;}

#bd ul.nobullet { list-style: none;}
#bd ul.bullet li { padding-bottom: 14px;}

#bd ul.datenschutz { list-style: square; list-style-position: outside; line-height: 21px; margin: 0 0 0 45px;}
#bd ul.datenschutz li {  padding-bottom: 0px;}


/* ***************** LAYOUT **********************************************/
/* Page
------------------------------------------------------------------------- */
#page { margin: 0; width: 960px; float: right; background: #fff;}
#col_main { margin-left: 190px;}
#col_pics { width: 200px; background: transparent url('img/bg-col_pics.png') repeat-y 0 0; position: absolute; top: 0; right: 780px;}

/* Bildleiste
------------------------------------------------------------------------- */

.bildleiste { margin: 4px auto 0 auto; padding-bottom: 50px; width: 200px; background: transparent url('img/bg-col_pics-bottom.png') no-repeat bottom center; }
.bildleiste img { margin: 0 15px;}

/* Header
------------------------------------------------------------------------- */

#hd { width: 100%; float: left;}
#navigation {float: left;}
#logo { float: right; margin: 25px 25px;}
#logo h1, #logo h2 { text-indent: -10000px;}

/* Navigation
------------------------------------------------------------------------- */
#localisation  {  margin: 10px 0 20px 30px; float: left; }
#localisation li { float: left; font-size: 9px; line-height: 18px; height: 18px; text-transform: uppercase; }
#localisation a { color: #666; padding-left: 32px; margin-right: 15px;}
#localisation .english a { background: transparent url('img/flag-english.png') no-repeat left center;}
#localisation .deutsch a { background: transparent url('img/flag-deutsch.png') no-repeat left center;}
#localisation a:link, #localisation a:visited {  color: #666; }
#localisation a:hover, #localisation a:active, #localisation a:focus {  color: #b20113; }


#main-nav { clear: both; margin: 0; }
#main-nav li { margin-bottom: 1px; }
#main-nav a { display: block; text-decoration: none; padding: 3px 10px 3px 30px;}
#main-nav a:link, #main-nav a:visited {  color: #b20113; background: transparent;}
#main-nav a:hover, #main-nav a:active,#main-nav a:focus { color: #fff; background: #b20113;}
#main-nav li.aktiv a {  color: #fff; background: #b20113; }

/* Content
------------------------------------------------------------------------- */
#bd { width: 730px; height: 100%; background: transparent url('img/bg-villa.jpg') no-repeat center right; clear: both; margin: 21px 0 21px 40px;  padding: 30px 0 50px 0;}
#b-kontakt-de #bd { background: transparent url('img/bg-karte-flyer.png') no-repeat center right ;}
#b-kontakt-en #bd { float: left; padding: 13px 0 420px 0; background: transparent url('img/bg-karte-flyer.png') no-repeat center right ;}

/* Scriptheadline */
h1.script { margin: 0 0 0 0; line-height: 52px; height: 100px;}
cite { font-style: normal; color: #888; display: block; padding-bottom: 21px;}
#b-startseite-de h1 { background: transparent url('img/hl-willkommen-de.png') no-repeat 0 0; text-indent: -10000px;}
#b-zuhause-de h1 { background: transparent url('img/hl-zuhause-de.png') no-repeat 0 0; text-indent: -10000px;}
#b-zuhause-de cite { margin: 0 0 0 250px;}
#b-familie-de h1 { background: transparent url('img/hl-familie-de.png') no-repeat 0 0; text-indent: -10000px;}
#b-familie-de cite { margin: 0 0 0 250px;}
#b-kontakt-de h1 { background: transparent url('img/hl-kontakt-de.png') no-repeat 0 0; text-indent: -10000px;}

#b-startseite-en h1 { background: transparent url('img/hl-willkommen-en.png') no-repeat 0 0; text-indent: -10000px;}
#b-zuhause-en h1 { background: transparent url('img/hl-zuhause-en.png') no-repeat 0 0; text-indent: -10000px;}
#b-zuhause-en cite { margin: 0 0 0 250px;}
#b-familie-en h1 { background: transparent url('img/hl-familie-en.png') no-repeat 0 0; text-indent: -10000px;}
#b-familie-en cite { margin: 0 0 0 340px;}
#b-kontakt-en h1 { background: transparent url('img/hl-kontakt-en.png') no-repeat 0 0; text-indent: -10000px;}

#bd .outdent {margin: 0 0 14px 15px;}

.kontakt-bild { float: left; width: 320px; margin: 21px 0 21px 30px;}
.kontakt-daten { float: left; width: 300px; margin: 21px 0 21px 0;}

#b-kontakt-en .kontakt-bild { float: left; width: 320px; margin: 21px 0 21px 30px;}
#b-kontakt-en .kontakt-daten { float: left; width: 300px; margin: 21px 0 21px 0;}

/* Footer
------------------------------------------------------------------------- */
#ft { clear: both; height: 48px; width: 100%;}
#ft p { margin: 0 auto; text-align: right; height: 48px; line-height: 48px; padding-top: 0px; color: #222;}
#ft a { color: #808080;}
#ft a:hover { color: #af1124;;}

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

.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;}
.margin-bot { margin-bottom: 1em;}

.clear { clear: both;}