
html { font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; width: 100%; height: 100%; margin: 0; padding: 0; }
body { font-size: 100%; width: 100%; height: 100%; margin: 0; padding: 0; }

.keinumbruch { white-space: nowrap; }

#mainbody { width: 77em; height: 100%; margin: 0; padding: 0; }
/* head */
#head { background-color: #ffffff; position: absolute; top: 0; left: 0; width: 995px; height: 14.2em; margin: 0; padding: 0; }

#avllogo { font-size: 100%; position: relative; top: 2.3em; left: 20em; width: 655px; height: 115px; margin: 0; padding: 0; }
#avllogo img { font-size: 100%; width: 655px; height: 115px; }
/* head - end */
.hinweis { background-color: #ffffff; margin-bottom: 1em; border: solid 1px #939; padding: 0.25em 0.35em 0.25em 0.25em !important; }
/* hnavigation ----------------------------------------------------------------------------------------------------------------------- */
#hnavigation { position: relative; top: 0; left: 0; z-index: 1; visibility: visible; clear: both; margin: 0; padding: 10px 0 3px 19.5em; white-space: nowrap; }

#hnavigation ul { margin: 0; padding: 0; list-style-type: none; }
#hnavigation li { text-align: center; margin: 0; padding: 0; list-style-type: none; display: inline; }

/* normal */
#hnavigation a:link,
#hnavigation a:visited { color: #595959; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none; text-align: right; margin: 0; padding: 0 10px 0 8px; border-right: 1px solid #000; display: inline; }

#hnavigation a:hover { color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none; text-align: right; margin: 0; padding: 0 10px 0 8px; border-right: 1px solid #000; display: inline; }
/* normal - end */

/* aktiv */
#hnavigation a.aktiv:link,
#hnavigation a.aktiv:visited,
#hnavigation a.aktiv:hover { color: #000; font-weight: bold; margin: 0; padding: 0 10px 0 8px; display: inline; }
/* aktiv - end */

/* last */
#hnavigation a.last:link,
#hnavigation a.last:visited,
#hnavigation a.last:hover { margin: 0; padding: 0 10px 0 8px; border: none ; display: inline; }
/* last - end */

/* hnavigation - end ----------------------------------------------------------------------------------------------------------------------- */

/* linkespalte ----------------------------------------------------------------------------------------------------------------------- */
#linkespalte { position: absolute; top: 0; left: 0; width: 190px; z-index: 10; margin: 0; padding: 10px 0 0 10px; border: 1px #ff0; }
#linkespalte .warenwandellogo,
#linkespalte .warenwandelbild1 { width: 14.85em; height: 14.85em; margin: 0 0 20px; padding: 0; border-style: none; }
#linkespalte .ichbineinbringercollage { width: 14.85em; height: 20.5em; margin: 0 0 20px; padding: 0; border-style: none; }


#linkespalte .hinweis { font-size: 80%; background-color: #ffffff; border: solid 1px #939; margin:0; padding: 0.25em; }
#linkespalte .hinweis p { margin: 0 0 1em 0; padding: 0; }

/* linkespalte - end ----------------------------------------------------------------------------------------------------------------------- */



/* maincontent ----------------------------------------------------------------------------------------------------------------------- */
#maincontent { background-image: url(../images/maincontent/back-quad.gif); background-repeat: repeat-y; background-position: 0 14.2em; width: 63.5em; height: 100%; margin: 0 0 0 13.8em; padding: 0; display: block; }
#maincontent[id] { height: auto; min-height: 100%; }
/* mainspalte ----------------------------------------------------------------------------------------------------------------------- */
#mainspalte { width: 35em; float: left; margin: 0; padding: 14.2em 0 30px 80px; }
/* maintext ----------------------------------------------------------------------------------------------------------------------- */
#maintext { position: relative; width: 33em; margin: 0; padding: 0; display: block; }

#maintext .keinumbruch { white-space: nowrap; }

#maintext h1 { color: #999; font-size: 2em; text-align: left; position: relative; margin: 0; padding: .45em 0 1em; }
#maintext h2 { font-size: 1.2em; margin: 0; padding: 0 0 1em; }
#maintext p { margin-top: 0; padding-top: 0; }

#maintext a:link,
#maintext a:visited { color: #993399; font-weight: bold; text-decoration: none; }

#maintext a:hover,
#maintext a:active { color: #939; font-weight: bold; text-decoration: underline; }


#maintext table { }
#maintext td { color: #0f0f0f; background-color: #f2f2f2; margin: 3px; padding: 5px; border: 1px solid #e5e5e5; border-collapse: collapse; }

#maintext ol.haftungsausschluss { margin: 0 0 0 0; padding: 0; display: block; }
#maintext ol.haftungsausschluss ol { margin: 1em 0 0 0; padding: 0; display: block; }
#maintext ol.haftungsausschluss li { margin: 0 0 1em 2.5em; padding: 0; }
#maintext ol.haftungsausschluss li li { margin: 0 0 1em 1.5em; padding: 0; }

/* Formular ----------------------------------------------------------------------------------------------------------------------- */
#maintext .fehler { color: #ff0000; background-color: #f2f2f2; padding: 5px; border: solid 1px; }


#maintext .formular { border: solid 1px #9a9a9a; }
#maintext .formularerror { color: #ff0000; border: #ff0000 solid 1px; }

#maintext .nachricht { border: solid 1px #9a9a9a; }
#maintext .nachrichterror { color: #ff0000; border: #ff0000 solid 1px; }


#kontaktformular { background-color: #f2f2f2; margin: 0; padding: 5px; border: solid 1px #e5e5e5; }
#kontaktformular form{ width: 100%; margin: 0; padding: 0; }

#kontaktformular fieldset { margin: 0 0 1em; padding: 0; border-style: none; }
#kontaktformular legend { color: #000; font-weight: bold; position: static; visibility: visible; margin: 0 0 0.8em; padding: 0; display: block; }
#kontaktformular label { color: #666; font-size: 80%; }

#kontaktformular #zielgruppe label { height: 1em; float: none; margin: 0 3em 0 0; display: inline; }
#kontaktformular #zielgruppe input { width: 1em; height: 1em; float: none; margin: 0 0.25em 0.15em 0; padding: 0; display: inline; }
#kontaktformular #zielgruppe input.formular { background-color: #f2f2f2; border: none; }

#kontaktformular fieldset#ihredaten { }
#kontaktformular fieldset#ihredaten legend { }
#kontaktformular #ihredaten label{ width: 10em; margin: 5px 5px 0 0; padding: 0; display: block; }
#kontaktformular #ihredaten input { font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #fcfcfc; width: 100%; margin: 2px 0 5px; }
#kontaktformular #ihredaten input.formular { border: solid 1px #e5e5e5; }

#kontaktformular fieldset#flyer { }
#kontaktformular fieldset#flyer legend { margin-bottom: 0.8em; }
#kontaktformular #flyer input { background-color: #f2f2f2; font-family: Verdana, Arial, Helvetica, sans-serif; width: 1em; height: 1em; float: left; clear: left; margin: 0 10px 0 0; padding: 0; }
#kontaktformular #flyer input.formular { border: none; }
#kontaktformular #flyer label { height: 1em; float: left; margin: 0; padding: 0; border: 1px #339; }

#kontaktformular fieldset#nachricht { }
#kontaktformular fieldset#nachricht legend { visibility: hidden; display: none; }

#kontaktformular textarea { font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #fcfcfc; width: 100%; height: 120px; float: none; clear: both; margin-top: 5px; margin-right: 0; margin-left: 0; display: block; } 
#kontaktformular textarea.nachricht { border: solid 1px #e5e5e5; }

#kontaktformular input.button { color: #666; font-weight: bold; background-color: #e5e5e5; margin: 0; padding: 3px; border: solid 1px #999; }
/* Formular - end ----------------------------------------------------------------------------------------------------------------------- */

/* maintext - end ----------------------------------------------------------------------------------------------------------------------- */

/* mainspalte - end ----------------------------------------------------------------------------------------------------------------------- */


/* rechtespalte ----------------------------------------------------------------------------------------------------------------------- */
#rechtespalte { width: 21.5em; float: left; margin: 0; padding: 14.2em 0 0; display: inline; }
/* rechtespaltehead */
#rechtespaltehead { color: #808080; font-size: 80%; background-color: #f2f2f2; margin: 0 0 0 20px; padding: 23px 20px 23px 34px; border: solid 1px #e5e5e5; display: block; }
#rechtespaltehead p { margin: 0; padding: 0; }
#rechtespaltehead a,
#rechtespaltehead a:link,
#rechtespaltehead a:visited { color: #808080; font-weight: bold; text-decoration: none; }
#rechtespaltehead a:hover,
#rechtespaltehead a:active { color: #595959; font-weight: bold; text-decoration: underline; }
/* rechtespaltehead - end */

/* vnavigation */
#vnavigation { font-size: 80%; line-height: 1.6em; background-image: url(../images/rechtespalte/vnavigation/back.gif); background-repeat: repeat-y; background-position: 0 0; position: relative; top: -20px; margin: 0 0 5px; padding: 1px 0; display: block; }

#vnavigation ul { background-image: url(../images/rechtespalte/vnavigation/ul-back.gif); background-repeat: repeat-y; background-position: 0 0; margin: 0; padding: 2.4em 0 1.2em; list-style-type: none; }
#vnavigation li { margin: 0; padding: 0; list-style-type: none; display: block; }

#vnavigation li a:link,
#vnavigation li a:visited { color: #595959; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-image: url(../images/rechtespalte/vnavigation/a-back.gif); background-repeat: no-repeat; background-position: 0 0.5em; text-decoration: none; width: auto; height: 3.5em; margin: 0; padding: 5px 0 0 55px; display: block; }

#vnavigation li a:hover,
#vnavigation li a:active { color: #595959; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: underline; width: auto; height: 3.5em; margin: 0; padding: 5px 0 0 55px; display: block; }
/* vnavigation - end */

/* partnerlinks */
#partnerlinks { position: relative; top: -20px; margin: 0; padding: 0; }
#partnerlinks ul { margin: 0; padding: 0; list-style-type: none; }
#partnerlinks li { margin: 0; padding: 0; list-style-type: none; }
#partnerlinks li a:link, #partnerlinks li a:visited { color: #808080; font-size: 80%; text-decoration: none; height: 40px; margin: 0; padding: 0 0 0 50px; display: block; }
#partnerlinks li a:hover, #partnerlinks li a:active { color: #808080; font-size: 80%; text-decoration: none; height: 40px; margin: 0; padding: 0 0 0 50px; display: block; }

#partnerlinks li a:link.secondhandonline, #partnerlinks li a:visited.secondhandonline { background-image: url(../images/rechtespalte/partnerlinks/secondhand-online-logo.jpg); background-repeat: no-repeat; background-position: 0 0; padding-top: 8px; }
#partnerlinks li a:hover.secondhandonline, #partnerlinks li a:active.secondhandonline { background-image: url(../images/rechtespalte/partnerlinks/secondhand-online-logo.jpg); background-repeat: no-repeat; background-position: 0 0; padding-top: 8px; }

/* partnerlinks - end */

/* contentimages */
#contentimages { position: relative; margin: 0; padding: 0 0 0 20px; }
#contentimages img { width: 11.75em; height: 11.75em; margin: 0 0 20px; padding: 0; border: solid 1px #808080; }
#contentimages img.fullimage { width: 20em; margin: 0; padding: 0;}
#contentimages .bildunterschrift { color: #808080; font-size: 80%; margin: 0.5em 0 1.5em 2.75em; padding: 0; }
/* contentimages - end */

/* mediaartsinteractive */
#mediaartsinteractive { text-align: center; width: 12em; margin: 0; padding: 15px 0; }

#mediaartsinteractive a:link,
#mediaartsinteractive a:visited { color: #808080; font-size: 80%; text-decoration: none; display: inline; }
#mediaartsinteractive a:hover,
#mediaartsinteractive a:active { color: #000; font-size: 80%; text-decoration: none; display: inline; }

#mediaartsinteractive a img { width: 12.2em; height: 7.3em; margin: 0 0 8px; padding: 0; border-style: none; }
/* mediaartsinteractive - end */


/* rechtespalte - end ----------------------------------------------------------------------------------------------------------------------- */



/* fuss ----------------------------------------------------------------------------------------------------------------------- */
#fuss{ text-align: right; clear: both; margin: 0; padding: 0 0 5em; }

#fuss .linkerteil { width: 35em; float: left; margin: 0; padding: 0 0 0 80px; }
#fuss .rechterteil { width: 21.5em; float: left; }


#fuss ul { font-size: 80%; margin: 30px 0 0; padding: 0; list-style-type: none; }
#fuss li { text-align: center; margin: 0; padding: 0; list-style-type: none; display: inline; }

/* normal */
#fuss li a:link,
#fuss li a:visited { color: #595959; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none; text-align: right; margin: 0; padding: 0 10px 0 8px; border-right: 1px solid #000; display: inline; }

#fuss li a:hover { color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none; text-align: right; margin: 0; padding: 0 10px 0 8px; border-right: 1px solid #000; display: inline; }
/* normal - end */

/* aktiv */
#fuss li a.aktiv:link,
#fuss li a.aktiv:visited,
#fuss li a.aktiv:hover { color: #000; font-weight: bold; margin: 0; padding: 0 10px 0 8px; display: inline; }
/* aktiv - end */

/* last */
#fuss li a.last:link,
#fuss li a.last:visited,
#fuss li a.last:hover { margin: 0; padding: 0 0 0 8px; border: none ; display: inline; }
/* last - end */

/* toplink */
#fuss a:link.toplink,
#fuss a:visited.toplink { color: #999; font-weight: bold; background-image: url(../images/fuss/toplink-back.gif); background-repeat: no-repeat; background-position: 0 0; text-decoration: none; text-align: left; height: 48px; margin: 0; padding: 20px 0 0 60px; display: block; }
#fuss a:hover.toplink,
#fuss a:active.toplink { color: #999; font-weight: bold; background-image: url(../images/fuss/toplink-back.gif); background-repeat: no-repeat; background-position: 0 0; text-decoration: none; text-align: left; height: 48px; margin: 0; padding: 20px 0 0 60px; display: block; }
/* toplink - end */
/* fuss - end ----------------------------------------------------------------------------------------------------------------------- */

/* maincontent - end ----------------------------------------------------------------------------------------------------------------------- */

