/*
Aktiv Posten Main Stylesheet
Erstellt: Magnus Schmidt
*/


/* ############   Allgemeines   ############ */

body {
        margin: 0px;
        padding: 0px;
        background-color: #eeeeee;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 0.75em;
        border: 0;
}

div.wrap {
        margin: 0 auto 0 auto;
        padding: 0;
        width: 980px;
        text-align:left;
}



/* ############   Bilder & Grafiken   ############ */

img {
border:0;
}



/* ############   Header & Navigation   ############ */

div.nav_wrap {
        margin: 0 auto 0 auto;
        height: 60px;
        width: 100%;
        background-color: #7e3246;
}

div.nav_content {
        margin: 0 auto 0 auto;
        width: 980px;
        background:#7e3246;
}

div.nav_href a {
        font-size: 15px;
        text-decoration:none;
        color:#fcfcfc;
}

div.nav_on {
        font-size: 15px;
        text-decoration:none;
        color:#fcfcfc;
        font-size: 15px;
        font-weight: bold;
}

div.nav_href a:hover, a:focus {
        text-decoration:underline;
}



/* ############   Teaser Bereich   ############ */

div.teaser_wrap {
        margin: 0 auto 0 auto;
        padding: 0;
        height: 230px;
        width: 100%;
        background-color: #858785;
}

div.teaser_wrap_left {
        margin: 0 auto 0 auto;
        padding: 0;
        width: 542px;
        height:230px;
        text-align:left;
        float:left;
        background-color: #858785;
}

div.teaser_wrap_right {
        width: 438px;
        height:230px;
        margin-top: 0;
        float:left;
        background:#858785 url(../images/teaser_img.jpg) no-repeat;
        height:230px;
}

.top_img {
  	background:url(../images/teaser_top.gif) no-repeat;
        height: 20px;
        width: 562px;
}

div.teaser_wrap_left h1 {
        padding-left:15px;
        margin-top:10px;
        width: 480px;
        font-size: 31px;
        color:#fcfcfc;
        font-weight: lighter;
        letter-spacing: 0.2mm;
        line-height:1.0em;
}

div.teaser_text {
        padding-left:15px;
        margin-top:-12px;
        width: 480px;
        font-size: 12px;
        color:#fcfcfc;
        font-weight: lighter;
        line-height:1.4em;
        text-align:justify;
}

.teaser_img {
        margin: 20px 20px 20px 20px;
}



/* ############   Produkte Bereich   ############ */

div.main {
        margin: 0 auto 0 auto;
        padding: 0;
        width: 100%;
}

div.main_content {
        margin: 0 auto 0 auto;
        width: 980px;
        background:#ffffff;
        min-height: 300px;
}

div.main_top_wrap {
        margin: 0 auto 0 auto;
        padding: 0;
        height: 40px;
        width: 100%;
        background-color: #eeeeee;
}

div.main_top_wrap_le {
        width: 661px;
        float:left;
        background:url(../images/main_top_bg.gif) repeat-x;
        height:40px;
        float:left;
}

div.main_top_wrap_ri {
        width: 319px;
        float:left;
        background:url(../images/main_top_bg_re.gif) no-repeat;
        height:40px;
        float:left;
}

div.main_top_wrap_le h3 {
        padding-left: 30px;
        margin-top:22px;
        font-size: 16px;
        color:#878986;
        font-weight:bold;
}

div.produkt_le {
        margin-left:120px;
        width:170px;
        margin-top:-15px;
        font-size: 14px;
        color:#fb7722;
        text-align:justify;
}

div.intro_mitte {
        margin-left:5px;
        width:770px;
        font-size: 12px;
        color:#000000;
        text-align:justify;
}

div.produkt_re {
        margin-left:120px;
        width:170px;
        margin-top:-15px;
        font-size: 14px;
        color:#95d328;
        text-align:justify;
}


/* ############   Main Content   ############ */


h2.content {
				margin:5px 20px 3px 20px;
        font-size: 19px;
        color:#000000;
        font-weight:normal;
}

h2.content_header {
				margin:15px 0px 0px 15px;
        font-size: 20px;
        color:#7e3246;
        font-weight:bold;
        text-align:justify;
}

h2.content_header a {
        color:#7e3246;
        text-decoration:none;
}

div.content_text {
				margin:7px 9px 15px 15px;
        color:#000000;
}

div.content_text a {
        color:#7e3246;
        font-weight:bold;
}

div.aktion_text {
				margin:20px 5px 0px 0px;
        color:#000000;
}

div.aktion_text a {
        color:#7e3246;
        font-weight:bold;
}

div.content_text_bottom {
				margin:7px 5px 50px 15px;
        color:#000000;
}

div.content_text_bottom a {
        color:#7e3246;
        font-weight:bold;
}

div.sub_text {
        padding-left: 120px;
        padding-right: 30px;
        margin-top: -120px;
        text-align:justify;

}


/* ############   Footer   ############ */


div.footer {
        margin: 0 auto 0 auto;
        padding: 0;
        width: 100%;
}

div.footer_content {
        margin: 0 auto 0 auto;
        width: 980px;
        background:#c5c5c5;
        min-height:150px;
}



div.footer_content a {
        text-decoration:none;
        color:#4a4a4a;
        font-size:11px;
}


/* ############   News Box   ############ */


#scrollup {
  position: relative;
  overflow: hidden;
  border: 3px solid #999999;
  height: 110px;
  width: 310px;
  margin-left: 0;
}
.headline {
  position: absolute;
  top: 210px;
  left: 5px;
  height: 105px;
  width:270px;
  margin-top: 5px;
}