/* --- FPS Styles --- */

body, html {
    font-family: Arial, Helvetica, sans-serif, Tahoma;
    font-size: 11px; font-style: normal;
    font-weight: normal; line-height: 16px;
    color: #494848;    background-color: #7d8591;
    margin:0px;
}

a:link, a:active, a:visited    {    font-weight:normal; font-size:11px; color: #151515; text-decoration: underline;    }
a:hover                        {    font-weight:normal; font-size:11px; color: #a5c31c; text-decoration: underline;    }




/* ---  --- */

#container, #bottom
{width:900px; margin:auto; }

#container { background-color:#f8f7f5; }
#header { width:790px; height:44px; background-color:#e3e1df; padding:61px 0px 0px 110px; }

#menu { height:249px; width:270px; float:left; border-bottom:#444242 1px solid; background-color:#f1f0ef;   }

#menu a:link, #menu a:active, #menu a:visited { display:block; width:222px; height:32px; color:#868484; background-color:#e3e1df; text-decoration:none; border-bottom:1px solid #cdcccb; border-top:1px solid #cdcccb; margin-bottom:1px; text-align:right; padding:15px 48px 0px 0px; }
#menu a:hover { background-color:#e3e1df; color:#FFFFFF; text-decoration:none; }



#teaser { height:249px; width:630px; float:left; border-bottom:#444242 1px solid; }
#teaser-splash { height:249px; width:900px; float:left; border-bottom:#444242 1px solid; }
.gradient { width:857px; height:36px; background-image:url(/real/user/images/green-gradient.gif); padding-left:43px; }
#bottom { height:80px; background-color:#5d5d5d; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma; font-size:10px; color:#909090; padding-top:10px; }

#bottom-grad { width:840px; height:21px; margin:auto; background-image:url(/real/user/images/grey-gradient.gif); padding:7px 30px 0px 30px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#5d5d5d; }
.botnav { width:540px; float:right; text-align:right; }
.botinfo { width:300px; float:left; }


#bottom a:link, #bottom a:active, #bottom a:visited { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#5d5d5d; text-decoration: none; }
#bottom a:hover { color: #909090; text-decoration: underline; }

#bottom-grad a:link, #bottom-grad a:active, #bottom-grad a:visited { display:inline; margin:0px 5px 0px 5px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#5d5d5d; text-decoration: none; }
#bottom-grad a:hover { color: #ffffff; text-decoration: none; }
#bottom-grad a.select:link, #bottom-grad a.select:active, #bottom-grad a.select:visited { color:#ffffff; }





#left { float:left; width:300px; padding:38px 0px 25px 45px; }
#right { float:left; width:465px; padding:42px 55px 25px 35px; }

#left p { display:block; margin:25px 25px 5px 10px; line-height:18px; }

.infobox { float:left; width:273px; background-image:url(/real/user/images/infobox.gif); background-color:#FFFFFF; }
.infobox p { padding:5px 10px 5px 30px; margin:0; }

#right p { display:block; margin:20px 10px 5px 0px; }
#right p.half { display:block; float:left; margin:20px 10px 5px 0px; width:220px; }
#right img { display:block; border:1px solid #868686; float:right; }
#right img.katalog_vorschau { border:none; float:left; margin-bottom:15px; margin-right:15px;}
#right img.kategorie_uebersicht { border:none; float:left; margin-bottom:15px;}
#right a.linklist:link, #right a.linklist:active, #right a.linklist:visited { display:block; margin:0px 0px 3px 0px; text-indent:15px; background-image:url(/real/user/images/link-icon.gif); background-position: left center; background-repeat:no-repeat; color:#909090; text-decoration:none; }

#right a.linklist:hover { text-decoration:none; color:#000000; }







#content {  }



.img-left {  }
.img-right {  }





/* --- text --- */

h1 { display:block; font-size:14px; font-weight:bold; line-height:19px; color:#494848; margin:20px 0px 0px 0px; }
h2 { display:block;  font-size:11px; font-weight:bold; margin:12px 0px -12px 0px; }

.info { font-size:10px; line-height:normal; }

em { font-style:normal; color:#90ab17; font-weight:bold;  }


ul { margin:0px; padding:0px 10px 0px 10px; list-style-type:decimal; list-style-position:outside; line-height:18px; display:block; margin:20px 10px 5px 0px; }
li {  }




/* --- forms --- */

label             { font-family:Arial, Helvetica, Verdana, sans-serif, Tahoma; font-size:11px; float:left; width:70px; }
input             { font-family:Arial, Helvetica, Verdana, sans-serif, Tahoma; font-size:11px; border:1px solid #454776; }
.form             { margin-bottom:6px; margin-right:50px;    width:100px; height:14px; display:block; float:left; }
textarea         { font-family:Arial, Helvetica, Verdana, sans-serif, Tahoma; font-size:10px; border:1px solid #454776; }
.message         { margin-bottom:6px; margin-right:10px;    width:340px; height:95px; font-size:11px; }
.button            { float:left; color:#FFFFFF; font-weight:bold; background-color:#ee8800; border:1px solid #454776; width:150px; height: 20px; }




/* --- MENU ---*/
dl,dt,dd {
    margin: 0;
    padding: 0;
}


/* NO JS */
.menubar_nojs {
    background-repeat: no-repeat;
    background-position: top right;
    height: 249px;
    border-bottom:#444242 1px solid;
    background-color:#f1f0ef;
    color:#868484;
    font-family:Tahoma, Arial, Verdana,  Helvetica, sans-serif;
    font-size:15px;
    font-weight:bold;
    overflow: hidden;
}
a.menulist-dt-a_nojs:link, a.menulist-dt-a_nojs:active, a.menulist-dt-a_nojs:visited {
    color:#868484;
    text-decoration:none;
}
a.menulist-dt-a_nojs:hover {
    color:#FFFFFF;
    text-decoration:none;
}

a.menulist-dd-a_nojs:link, a.menulist-dd-a_nojs:active, a.menulist-dd-a_nojs:visited {
    color:#868484;
    text-decoration:none;
    font-size: 12px;
    font-weight: normal;
}
a.menulist-dd-a_nojs:hover {
    color:#FFFFFF;
    text-decoration:none;
    font-size: 12px;
    font-weight: normal;
}
.menulist_nojs {
    margin-left: 10px;
    padding-top:5px;
    width: 240px;
}
.menulist-dt_nojs {
    padding-top: 5px;
}
.menulist-dd_nojs {
    padding-bottom: 5px;
    border-bottom: 1px solid #cdcccb;
}

/* JS */
.menulist-dt_js {
    width: 270px;
    height: 48px;
    overflow: hidden;
    border-bottom: 1px solid #cdcccb;
    border-top: 1px solid #cdcccb;
    margin-bottom: 1px;
    text-align: right;
    background-color:#e3e1df;
}

a.menulist-dt-a_js:link, a.menulist-dt-a_js:active, a.menulist-dt-a_js:visited {
    line-height: 50px;
    vertical-align: middle;
    padding-right: 48px;
    color:#868484;
    text-decoration:none;
    font-family:Tahoma, Arial, Verdana,  Helvetica, sans-serif;
    font-size:15px;
    font-weight:bold;
}
a.menulist-dt-a_js:hover {
    line-height: 50px;
    vertical-align: middle;
    padding-right: 48px;
    color:#FFFFFF;
    text-decoration:none;
    font-family:Tahoma, Arial, Verdana,  Helvetica, sans-serif;
    font-size:15px;
    font-weight:bold;
}

a.menulist-dd-a_js:link, a.menulist-dd-a_js:active, a.menulist-dd-a_js:visited {
    color:black;
    text-decoration:none;
    font-size: 12px;
    font-weight: normal;
    line-height: 26px;
    vertical-align: middle;
    margin: 1px 5px 1px 5px;
    padding-left: 10px;
    padding-right: 10px;
    background-image: none;
    height: 26px;
    float: left;
}
a.menulist-dd-a_js:hover {
    color:#333333;
    text-decoration:none;
    font-size: 12px;
    font-weight: normal;
    background-image: url('/real/user/images/menubar_active.gif');
}

#sub_active {
    color:#333333;
    text-decoration:none;
    font-size: 12px;
    font-weight: normal;
    background-image: url('/real/user/images/menubar_active.gif');
}

a.menulist-dt-a-highlight_js {
    color: #e3e1df !important;
}

.menuoverlay {
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -455px;
    width: 910px;
    height: 28px;
    background-image: url('/real/user/images/menubar.gif');
    background-position: top left;
    background-repeat: no-repeat;
}

.feedback_error {
    background-color: #ee8800;
  }

.kontakt_error {
    background-color: #ee8800;
  }


div#rundeecken{background: #DADAD8; width:80%}
b.rtop, b.rbottom{display:block;background: #F8F7F5}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #DADAD8}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}



/*
Katalog navi.
Outdoor ebene 2: katalog_klein2
Outdoor ebene 3: katalog_klein3
Indoor ebene 2: katalog_klein2_indoor
Indoor ebene 3: katalog_klein3_indoor
*/

a.katalog_klein2 {font-size:17px; font-weight: bold;}
a.katalog_indoor {font-size:17px;}
a.katalog_klein3 {font-size:12px; font-weight: bold;}
.katalog_mitte3 {font-size:14px; font-weight: bold;}

a.katalog_klein2_indoor {font-size:17px; font-weight: bold;}
a.katalog_klein3_indoor {font-size:12px; font-weight: bold;}

a.katalog_klein2:focus {font-size:17px; font-weight:bold; color:#6E6E6E; text-decoration:none; }
a.katalog_klein2_indoor:focus {font-size:17px; font-weight:bold; color:#6E6E6E; text-decoration:none; }

a.katalog_klein2:link, a.katalog_klein2:visited {font-size:17px; font-weight:bold; color:#6E6E6E; text-decoration:none;}

a.katalog_klein2_indoor:link, a.katalog_klein2_indoor:visited {font-size:17px; font-weight:bold; color:#6E6E6E; text-decoration:none;}

a.katalog_klein2:hover {font-size:17px; font-weight:bold; color:#A0BC1A; text-decoration:none; }
a.katalog_klein2_indoor:hover {font-size:17px; font-weight:bold; color:#A0BC1A; text-decoration:none; }

a.katalog_klein3:visited, a.katalog_klein3:link, a.katalog_klein3:focus {
  font-weight:bold; color:#6E6E6E; text-decoration:none; }

a.katalog_klein3_indoor:visited, a.katalog_klein3_indoor:link, a.katalog_klein3_indoor:focus {
  font-size:12px; font-weight:bold; color:#6E6E6E; text-decoration:none; }

a.katalog_klein3:hover, a.katalog_klein1:active,a.katalog_klein3:active,
.katalog_mittel:link,.katalog_mittel:visited,.katalog_mittel {
  font-weight:bold; color:#A0BC1A; text-decoration:none; }

a.katalog_klein3_indoor:hover, a.katalog_klein3_indoor:active{font-size:12px; font-weight:bold; color:#A0BC1A; text-decoration:none;}

a.katalog_aktiv1-1 {color:white; text-decoration:none;}
a.katalog_aktiv2-1, a.katalog_aktiv2-1:link, a.katalog_aktiv2-1:visited, a.katalog_aktiv2-1:focus, a.katalog_aktiv2-1:hover, a.katalog_aktiv2-1:active, a.katalog_aktiv2-1_indoor, a.katalog_aktiv2-1_indoor:link, a.katalog_aktiv2-1_indoor:visited, a.katalog_aktiv2-1_indoor:focus, a.katalog_aktiv2-1_indoor:hover, a.katalog_aktiv2-1_indoor:active {font-size:17px; font-weight:bold; color:#A0BC1A; text-decoration:none;}
a.katalog_aktiv3-1, a,katalog_aktiv3-1:link, a.katalog_aktiv3-1:visited, a.katalog_aktiv3-1:focus, a,katalog_aktiv3-1:hover, a.katalog_aktiv3-1:active, a.katalog_aktiv3-1_indoor, a,katalog_aktiv3-1_indoor:link, a.katalog_aktiv3-1_indoor:visited, a.katalog_aktiv3-1_indoor:focus, a,katalog_aktiv3-1_indoor:hover, a.katalog_aktiv3-1_indoor:active {font-size:12px; font-weight:bold; color:#A0BC1A; text-decoration:none;}

a.outdoor, a.outdoor:link, a.outdoor:visited, a.outdoor:focus, a.outdoor:hover, a.outdoor:active {font-size:11px; text-decoration:underline; font-weight:normal;}







/* Startseite - Outdoor/Indoor Teaser */


.inout-teaser  { width:410px; height:230px; background:url(/real/user/images/produktestart-bg.gif) no-repeat; margin:20px 0 5px 20px; padding-top:25px; font-family:Arial, Helvetica, sans-serif; text-align:center; font-size:13px; color:#494848; line-height:26px; }
.inout-teaser em { font-style:italic; font-size:15px; color:#494848; font-weight:normal; }
.inout-teaser strong { font-weight:bold; font-size:15px; color:#494848; }
.inout-teaser strong.big { font-weight:bold; font-size:17px; color:#494848; }




.inout-links { margin:0 0 20px 50px; padding-top:25px; }

.inout-links a, .inout-links a:link, .inout-links a:active, .inout-links a:visited { font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; font-style:italic; color:#5e646e; text-decoration:none;
        display:block; width:170px; float:left; background:url(/real/user/images/link-icon2.gif) no-repeat left; padding-left:20px;
}
.inout-links a:hover { color: #a5c31c; text-decoration: underline; }
.menubar_nojs {
  width:900px;
}

#flashContent1{
  position:relative;
  top:-252px;
  left:270px;
  width:630px;
  height:249px;
  display:inline;
}


.article_uebersicht_container {
  width:135px;
  float:left;
  margin:15px 15px 0 0;
}

.article_uebersicht_container_lang {
  width:200px;
  float:left;
  margin:15px 15px 0 0;
}
 
.article_uebersicht_container a:link, .article_uebersicht_container a:visited {
  color:#6e6e6e;
}

.article_uebersicht_container a:hover {
  color:#a0bc1a;
}



/* wir suchen sie */

.wirsuchensie  {
  background:url(/real/user/images/wirsuchensie.jpg) no-repeat;
  display:block;
  width:228px;
  height:58px;
  margin:40px 0 0px 9px;
}

.vertriebspartner  {
  background:url(/real/user/images/regionale-ansprechpartner.jpg) no-repeat;
  display:block;
  width:228px;
  height:77px;
  margin:40px 0 0px 9px;
}


/* --- FPS Vertriebler --- */

#flashContent { width:450px; } 
div.vertrieb {
  margin:30px 0 15px 0;
  border-top:1px solid #bdc1c8;
  padding:20px 20px 0 40px;
}
div.vertrieb h3 {
  display:block;
  font-size:13px;
  font-weight:normal;
  color:#494848;
  margin:0; padding:0;
}
div.vertrieb h4 {
  display:block;
  font-size:13px;
  font-weight:bold;
  margin:0 0 10px 0; padding:0;  
}
#right div.vertrieb p {
  display:block;
  width:260px; float:left;
  margin:0; padding:0;
}
#right div.vertrieb p.anschrift {
  display:block;
  width:140px; float:left;
  margin:0; padding:0;
}
div.vertrieb label {
  width:50px;
  text-align:right;
  margin-right:10px;
}

#v1 { background:url(/real/user/vertretungen/nummer-1.gif) left 20px no-repeat; }
#v2 { background:url(/real/user/vertretungen/nummer-2.gif) left 20px no-repeat; }
#v3 { background:url(/real/user/vertretungen/nummer-3.gif) left 20px no-repeat; }
#v4 { background:url(/real/user/vertretungen/nummer-4.gif) left 20px no-repeat; }
#v5 { background:url(/real/user/vertretungen/nummer-5.gif) left 20px no-repeat; }
#v6 { background:url(/real/user/vertretungen/nummer-6.gif) left 20px no-repeat; }
#v7 { background:url(/real/user/vertretungen/nummer-7.gif) left 20px no-repeat; }
#v8 { background:url(/real/user/vertretungen/nummer-8.gif) left 20px no-repeat; }
#v9 { background:url(/real/user/vertretungen/nummer-9.gif) left 20px no-repeat; }
#v10 { background:url(/real/user/vertretungen/nummer-10.gif) left 20px no-repeat; }