/*  #####################################################
**  Domain:    www.aesthetic-medics.de
**  Datei:     fliesstext.css
**  Funktion:  Layout Fliesstext

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

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


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

Struktur-Layout:
1. standard fliesstext
2. links
3. ungeordnete liste
4. bilder

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

@media screen
{
/*  =========================================================
 =1. standard fliesstext
========================================================== */
#content .fliesstext {
 /*width: 520px;*/
 width: 32.50em;
 float: left;
 margin: 0;
}

#content .fliesstext p {
 width: 100%;
 float: left;
 font-size: 0.72em;
 line-height: 1.3em;
 padding: 5px 0;
}

#content .fliesstext p.with_img {
 width: 65%;
 float: left;
}

#content .fliesstext_kl {
 /*width: 520px;*/
 width: 31.50em;
 float: left;
 margin: 0;
}

#content .fliesstext_kl p {
 width: 100%;
 float: left;
 font-size: 0.65em;
 line-height: 1.3em;
 padding: 5px 0;
}

/*  =========================================================
 =2. links
========================================================== */
#content .fliesstext a, #content .fliesstext a:visited {
 color: #333333;
 text-decoration: underline;
 background-color: transparent;
 padding: 0 1px 1px 1px;
}

#content .fliesstext a:hover, #content .fliesstext a:active, #content .fliesstext a:focus {
 color: #cc33cc;
 text-decoration: none;
 background-color: transparent;
}

#content .fliesstext_kl a, #content .fliesstext_kl a:visited {
 color: #333333;
 text-decoration: underline;
 background-color: transparent;
 padding: 0 1px 1px 1px;
}

#content .fliesstext_kl a:hover, #content .fliesstext_kl a:active, #content .fliesstext_kl a:focus {
 color: #cc33cc;
 text-decoration: none;
 background-color: transparent;
}

#content .fliesstext a.extern, #content .fliesstext a.extern:visited {
 color: #333333;
 text-decoration: underline;
 background: transparent url(../images/extern_link.gif) no-repeat 2px 3px;
 padding: 0 1px 1px 15px;
}

#content .fliesstext a.extern:hover, #content .fliesstext a.extern:active, #content .fliesstext a.extern:focus {
 color: #cc33cc;
 text-decoration: underline;
 background-color: transparent;
 background-image: url(../images/extern_link.gif);
 background-position: 2px 3px;
 background-repeat: no-repeat;
}

/*  =========================================================
 =3. zurück
========================================================== */
#content .fliesstext a.back, #content .fliesstext a.back:visited {
 color: #333;
 font-size: 0.95em;
 float: right;
 text-decoration: underline;
 background: none;
}
}
#content .fliesstext a.back:hover, #content .fliesstext a.back:active, #content .fliesstext a.back:focus {
 color: #999;
 text-decoration: none;
 background-color: transparent;
 }

/*  =========================================================
 =4. ungeordnete liste
========================================================== */
#content .fliesstext ul {
 width: 90%;
 float: left;
 font-size: 0.8125em;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: bold;
 list-style-type: none;
 list-style-image: url(../images/bullet.gif);
 padding: 0;
 /*padding: 10px 0;*/
 margin: 0 0 0 20px;
}
* html #content .fliesstext ul {
 margin: 0 0 0 9px;
}

#content .fliesstext li {
 margin: 5px 0 10px 0;
}

#content .fliesstext li a, #content .fliesstext li a:visited {
 color: #333333;
 text-decoration: none;
}
#content .fliesstext li a:hover, #content .fliesstext li a:active, #content .fliesstext li a:focus {
 color: #cc99cc;
 text-decoration: none;
}

/*  =========================================================
 =5. bilder
========================================================== */
/* hauptbild */
.bild {
 width: 389px;
 float: left;
 border: 1px solid #999;
 margin: 10px 0 0 0 !important;
}