/*  #####################################################
**  Domain:    www.aesthetic-medics.de
**  Datei:     basics.css
**  Funktion:  Basis-Stylesheet

**  Erstellt:  09.11.2009
**  Media:     screen, projection

**  Autor:     Agnes Sieron
**  copyright: 2as2 GbR
##################################################### */


/*  =========================================================

Basics:
A. Grundeinstellungen

Struktur-Layout:
1. wrapper
2. header
3. body
4. content
5. footer

========================================================== */

@media screen
{
/*  ========================================================
 LAYOUT-UNABHÄNGIGE ANPASSUNGEN
========================================================== */
.fixfloat {
 float: none;
 clear: both;
 width: 0;
 height: 0;
 \margin: -2px 0 0 0;
 ma\rgin: 0 0 0 0;
 padding: 0;
 font-size: 0;
 line-height: 0px;
}

/*  =========================================================
 =A. Grundeinstellungen
========================================================= */
/* Hiermit werden die Randabstände und border aller HTML-Elemente auf Null gesetzt. Damit wird das
** Aussehen der Webseite in unterschiedlichen Browsern vereinheitlicht.
*/
html { margin: 0; padding: 0; width: auto;}
* {
 margin: 0;
 padding: 0;
}


body {
 font-size: 100%;
 /* Beseitigung des Rundungsfehlers bei Schriftgrößen im Opera sowie Standardformatierungen */
 font-size: 100.01%;
 font-family: Arial, Helvetica, sans-serif;
 color: #333333;
 text-align: center;
 background-color: #FFFFFF;
 padding: 0;
 margin: 0;
 }

/* Standardrahmen zurücksetzen */
fieldset, img {
 border: 0;
}

/* Anpassung für Safari Browser. font-size:100% ist für den Safari in Formularen zu groß */
select, input, textarea {
 font-size: 99%;
}

/* Objekte verschwinden lassen */
.none {
 position: absolute;
 top: 0;
 left: -5000px;
 z-index: 1;
 font-size: 0;
}
.hide {
 display: none;
}

/*  =========================================================
 =1. wrapper
========================================================== */
#wrapper {
 /*width: 59.2em;*/
 width: 980px; /*tatsächlich 1024*/
 margin: auto;
 text-align: left;
}

/* wrapper_center für den gesamten content */
#wrapper_center {
 width: 59.2em;
 /*width: 947px;*/
 height: 738px;
 margin: 35px 0px 0px 35px;
 float: left;
 border: 1px solid #999999;
}

/* wrapper_left für den linken bereich */
#wrapper_left {
 float: left;
 padding-left: 385px;
 height: 500px;
}
/* wrapper_right für den rechten bereich */
#wrapper_right {
 width: 35.00em;
 /*width: 560px;*/
 float: right;
}

/*  =========================================================
 =2. header
========================================================== */
#header {
 width: 100%;
 float: right;
 padding: 0;
 margin: 0;
}

#header img {
 width: 9.437em;
 /*width: 151px;*/
 height: 6.187em;
 /*height: 99px;*/
 margin: 25px 40px 30px 0;
 float: right;
}


/*  =========================================================
 =3. body
========================================================== */
#body {
 width: 100%;
 float: left;
}


/*  =========================================================
 =4. pfad
========================================================== */
#pfad {
 width: 100%;
 float: left;
 padding: 0;
 margin: 10px 0 0 0;
}
#pfad .txt {
 width: 100%;
 float: left;
 font-size: 0.55em;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: normal;
 color: #333333;
 padding: 0;
 margin: 0;
}
#pfad .txt a, #pfad .txt a:visited {
 color: #333333;
 text-decoration: none;
 background-color: transparent;
 padding: 0 1px 1px 1px;
}
#pfad .txt a:hover, #pfadt .txt a:active, #pfad .txt a:focus {
 color: #999;
 text-decoration: none;
 background-color: transparent;
}


/*  =========================================================
 =5. content
========================================================== */
#content {
 width: 100%;
 float: left;
 padding: 0;
 margin: 20px 0 0 0;
}
#content h1 {
 width: 100%;
 float: left;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 0.9em;
 font-weight: bold;
 color: #333333;
 padding: 0;
 margin: 0 0 5px 0;
}

/*  =========================================================
 =6. footer
========================================================== */
#footer {
 color: #333333;
 float: left;
 width: 96%;
 margin: 0 0 0 35px;
}


#footer .copy {
 width: 30%;
 float: left;
 font-size: 0.6em;
 margin: 12px 0 0 0;
}


}