@charset "UTF-8";
/* CSS Document for the website www.outline-atelier.de
© 2009 Heike Carle web.design & multimedia, all rights reserved,
www.outline-atelier.de */

* {margin:0;padding:0;}
html {font-size: 100.01%;}
body {background-color:#000;color:#FFF;font-family:"Trebuchet MS", Tahoma, Helvetica, sans-serif;font-size:75%;}
.page_margins {width:800px;}
.page {padding-left:226px;}
#header {background:#FFF;color:#000;padding:2em 0 1em;}
#header h1 {font-size:266.667%;line-height:1.5;}
#header h1 em {display:block;font-style:normal;font-weight:normal;color:#666;font-size:60%;}
#header .grafik:hover, #header .webdesign:hover {color:#F90;cursor:help;}
#main {background:url(../img/bg_crossroads.jpg) no-repeat 181px 0px;height:380px;}
#main .page {background:url(../img/bg_coming-to-a-crossroads.png) no-repeat 0 0;padding-bottom:50px;}
#col_1, #col_2 {width:9em;}
#col_1 {float:left;padding-top:250px;}
#col_2 {float:right;padding-top:268px;}
#Heike-Carle {margin-top:3px;}
#Gunild-Carle a, #Heike-Carle a, #Sigi-Hasel a, #Gunild-Carle span.filter, #Sigi-Hasel span.filter, #Sigi-Hasel span.do, #Gunild-Carle span.do {display:block;background:#000;color:#FFF;text-decoration:none;}
#Gunild-Carle a, #Heike-Carle a, #Sigi-Hasel a, #Gunild-Carle span.filter, #Sigi-Hasel span.filter {font-size:116.667%;}
#Gunild-Carle a, #Heike-Carle a, #Gunild-Carle .fn {display:block;padding:.5em 1em;}
#Sigi-Hasel a/*, #Sigi-Hasel .fn*/ {display:block;padding:.5em 1em .5em 2em;}

#Gunild-Carle a:focus, #Heike-Carle a:focus, #Sigi-Hasel a:focus, #Gunild-Carle a:hover, #Heike-Carle a:hover, #Sigi-Hasel a:hover {background:#F90;color:#000;}
#Gunild-Carle .org, #Heike-Carle .org, #Heike-Carle .email, #Sigi-Hasel .org, #Sigi-Hasel .email, #footer .geo, #footer .country-name {position:absolute !important;left:-9999em;}

#Sigi-Hasel span.do, #Gunild-Carle span.do {width:20em;padding:.3em .5em;background-color:#DDD;color:#000;font-size:78.571%;}
#footer {clear:both;color:#FFF;font-size:91.667%;line-height:1.5;letter-spacing:.06em;}
#footer .vcard {text-align:center;}
#footer .vcard span.org {display:block;}
#footer .vcard div {display:inline;}
#footer span.street-address:after, #footer span.locality:after, #footer span.fax:before {content:' · ';}
.note {color:#F90;font-size:118.182%;}

/* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */
  .clearfix:after {
    content: ".";
    display: block;
    font-size:0;
    height: 0;
    clear: both;
    visibility: hidden;
  }

/* (de) Diese Angabe benötigt der Safari-Browser zwingend !! */
  .clearfix { display: block; }