/* Styles für scalanet.de
   Updated: 14.10.2008
   Author:  Ruth Scala
   ----------------------------------------------------*/


/* BROWSER-RESET
   GENERIC
   HEADER
   CONTENT

*/


/* =BROWSER-RESET
   ----------------------------------------------------*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p,
em, font, small, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0 auto;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100.01%;
    font-family: inherit;
    vertical-align: baseline;
    }


ol, ul {
    list-style: none;
    }



/* =GENERIC
   ----------------------------------------------------*/

body {
    min-width: 985px;
    line-height: 1;
    font: 85%/160% "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, sans-serif;
    width: 100%;
    height: 100%;
    background:#f5eee8 url(../img/hintergrund_x.jpg) no-repeat;
    }

    small { font-size: 91%; }


a {
    color: #B7036A;
    outline:none;
    }

a:link, a:hover, a:focus {
    color: #B7036A;
    outline:none;
    }

/*a:visited {
    color: #928b8f;
    }*/


a[rel=external]
   {
    background: url(../img/extlink.gif) no-repeat 100% 3px;
    padding: 0 15px 0 0;

   }


h1,h2,h3,h4,h5,h6
    {
    font-weight: normal;
    letter-spacing: -1px;
    }

h1, h2, h3, h4 {
    margin-top: 1.3em;
    font-family: "Trebuchet MS", Arial, sans-serif;
    }

h1 {
    font-size: 1.8em;
    }


h2 {
    font-size: 1.4em;
    }

h3, h4 {
    font-size: 1.3em;
    }

strong{
    font-weight:bold;
    }

p, ul, ol {
    margin-top: 1.3em;
    clear:both;
    }

p.text {
    margin-top: 0;
    }

p.footer {
    clear:both;
    font-size:0.8em;
    line-height: 1.7em;
    margin-top:2.7em;
    }

img {
    border: 0;
    }


blockquote {
    font-family: "Trebuchet MS", Georgia, serif;
    font-style:italic;
    font-size: 100%;
    position: relative;
    }

blockquote:before, blockquote:after {
    content: "";
    }

blockquote span {
    position:absolute;
    background: url(../img/apostroph.gif) no-repeat;
    width: 10px;
    height:10px;
    display:block;
    top:-2px;
    left: -11px;
    text-indent:-9999px;}

blockquote span.re {
    position:relative;
    background: url(../img/apostroph.gif) no-repeat;
    width: 16px;
    height:20px;
    display:block;
    top: 3px;
    left: 44px;
    }

cite {
   font-weight:bold;

    }

a.autor  {
    font-family: "Trebuchet MS", Georgia, serif;
    text-decoration:none;
    padding: 0 15px 0 0;
    background: url(../img/extlink.gif) no-repeat 100% 3px}




/* =HEADER
   ----------------------------------------------------*/


#header {
    height: 100px;
    width: 855px;
    margin: 158px 0 0 155px;
    position: relative;
    }

#header span{
    height: 118px;
    width: 178px;
    top: -133px;
    left:677px;
    position: absolute;
    display:block;
    background: url(../img/ruth_scala.gif) no-repeat;
    text-indent:-9999px;
    z-index:100;
    overflow:visible;
    }


#logo {
    position: absolute;
    top: 76px;
    left: 15px;
    }


ul#nav {
    margin: 0 auto;
    position: absolute;
    left: 38px;
    bottom: 4px;
    width: 500px;
    overflow: visible;
    font: 105%/155% Georgia, "Times New Roman", Times, serif;
    }

ul#nav li {
    float: left;
    width: 124px;
    padding: 10px 15px;
    text-align: center;
    font-size: 1.2em;
    }

ul#nav li.nohref {
    text-decoration: none;
    color: #732C27;
    padding: 20px 15px;
    background: url(../img/nohref.gif) no-repeat 4px 0px ;
    }

ul#nav li a, ul#nav li a:visited {
    text-decoration: none;
    color: #B7036A;
    display: block;
    padding: 10px 0;
    }

ul#nav li a:hover, ul#nav li a:focus, ul#nav li a:active{
    text-decoration: underline;
    border: none;
    background: url(../img/go.gif) no-repeat 0px -2px;
    }


/* CONTENT */

#content-wrap {
    width: 830px;
    margin-left: 150px;
    position: relative;
    padding: 0;
    }

#content {
    width: 540px;
    float: left;
    position: relative;
    padding: 0 0 20px 0;
    z-index: 5;
    }

#content span.links{
    background: url(../img/tape_links.gif) no-repeat;
    width:151px;
    height:119px;
    display:block;
    position:absolute;
    top:-135px;
    left:-140px;
    text-indent:-9999px;
    }

#content span.rechts {
    width:170px;
    height:110px;
    display:block;
    position:absolute;
    top:-132px;
    left:532px;
    background: url(../img/tape_rechts.gif) no-repeat;
    text-indent:-9999px;
    }

#heading1 {
	width: 540px;
	height: 30px;
	background: url(../img/heading_braun.gif) no-repeat;
	}

#heading1 span, #heading2 span, #heading_notiz1 span, #heading_notiz2 span{
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	}


#heading2 {
	width: 540px;
	height: 30px;
	background: url(../img/heading2.png) no-repeat;
	}

#heading_notiz1 {
	width: 220px;
	height: 26px;
	background: url(../img/heading_notiz1.gif) no-repeat;
	}

#heading_notiz2 {
	width: 220px;
	height: 26px;
	background-image: url(../img/heading_notiz2.gif);
	}

#heading_telnr {
	width: 200px;
	height: 30px;
	background: url(../img/notiz_telnr.gif) no-repeat;
	}

#heading_email {
	width: 200px;
	height: 60px;
	background: url(../img/notiz_email.gif) no-repeat;
	}

#heading_partner {
	width: 220px;
	height: 26px;
	background: url(../img/notiz_partner.gif) no-repeat;
	}

ul.aufzaehlung {
    list-style-image: url(../img/check.gif);
    list-style-position: outside;
    margin-left:1.8em;
    }

ul.aufzaehlung  li{
    padding-left:0.2em;
    }


#teaser {
    width: 274px;
    height:383px;
    float: right;
    line-height:1.1em;
    position: relative;
    background: url(../img/notiz.gif) no-repeat;
    z-index: 5;
    }

.box{
    padding:34px 10px 4px 8px;}

#teaser p{
    margin:0;
    }

#teaser span{
    background: url(../img/tape_notiz.gif) no-repeat;
    width:140px;
    height:47px;
    display:block;
    position:absolute;
    top:-19px;
    left:65px;
    text-indent:-9999px;
    }

ul.teaser {
    list-style-image: url(../img/kreuzerl.gif);
    list-style-position: outside;
    margin: 11px 0 0 28px;
    }

ul.teaser  li{
    padding:2px 0 4px 0.18em;
    font-size: 0.85em;
    }

ul.teaser  li a{
    text-decoration:none;
    }

ul.teaser li.xing{
    padding-left: 2px;
    margin: 28px 0 0 22px;
    font-size: 0.95em;}


/* =KONTAKT
   ----------------------------------------------------*/
.photo {
    clear:left;
    float:left;
    margin: 20px 10px 0 35px;
    width:126px;
    height:161px;
    position:relative;
    }

.photo span{
    background: url(../img/tape_photo_re.gif) no-repeat;
    width:31px;
    height:46px;
    display:block;
    position:absolute;
    top:-23px;
    left:12px;
    text-indent:-9999px;
    }
dl
 {
 width: 525px;
  margin-left:130px;
  display:inline;
}

dt a{
    clear:left;
    float:left;
    margin: 15px 10px 20px 0;
    position:relative;
    width: 250px;
    height:123px;
    padding: 7px;
    border: #c4bcbc 1px solid;
    }

dt a:hover{
    padding: 7px;
    border: #9f6c68 1px solid;
    }

dd
 {float:left;
 width:240px;
 margin:0;
 padding:15px 0 0;
 line-height: 140%;
}


#hcard-Ruth-Scala {
    margin: 65px 0 30px 228px;
    }





/* =FORMULAR
   ----------------------------------------------------*/

form {
    margin-top: 0.5em;
    background: url(../img/hintergrund.gif) no-repeat;
    width: 457px;
    height:344px;
    }

form.redirect{
    margin-top: 0.5em;
    background: url(../img/redirect.gif) no-repeat;
    width: 457px;
    height:344px;
    }

fieldset.redirect {
    padding:255px 32px 12px;
}

fieldset {
    padding:55px 32px 12px;
}


label, input, textarea {
    float: left;
    }

label {
    clear: left;
    padding-top: .3em;
    width: 115px;
    font-size:90%;
    text-indent:-9999px;
    }

input, textarea {
    border: 0;
    color: #732c27;
    margin-bottom: 1em;
    padding: 5px 9px 3px;
    border: #743f3b 1px dashed;
    -moz-border-radius:5px;
    font: 95% "Lucidatypewriter", monospace;
    }

input {
    background: transparent;
    height: 15px;
    width: 212px;
    }

textarea {
    background:transparent;
    height: 150px;
    width: 250px;
    }

#senden {
    background:url(../img/senden.gif) no-repeat;
    color: #732c27;
    border:none;
    padding:0;
    margin-left:115px;
    width: 110px;
    height:35px;
    text-indent:-9999px;
    outline:none;
    cursor:pointer;
    }