* {font-family: arial, helvetica, sans-serif; vertical-align: top; color: #999;}
img {border: none;}
a {color: #00528D; text-decoration: none;}
a span {color: #;}
a.styled {color: #999; text-decoration: none;}
a.styled span {color: #00528D;}
.blue {color: #00528D !important;}
hr {display: none;}
.error {color: #c00 !important; margin-left: 0; padding-left: 0;}
.error li {color: #c00 !important; list-style-type: none; margin-left: 0; padding-left: 0;}
.info {color: #0c0 !important; margin-left: 0; padding-left: 0;}
.info li {color: #0c0 !important; list-style-type: none; margin-left: 0; padding-left: 0;}
address {font-style: normal; font-size: 12px; color: #999; margin-top: 0;}
body {background-color: white; margin: 0; padding: 0; font-size: 12px;}
#page {width: 900px; overflow: hidden; position: absolute; left: 50%; margin-left: -450px;}
fieldset {border: none; margin: 0; padding: 0;}
input {color: black;}

div.bildbutler {height: 200px; margin: 10px 0; overflow: hidden; width: 1200px; white-space: nowrap;}
div.bildbutler p {color: #999; font-size: 12px;}

#title {font-size: 12px; font-weight: bold; margin-bottom: 5px;}
#title ul.nav1 {display: block; height: 72px; margin: 0; padding: 0; list-style-type: none; width: 1200px;}
#title ul.nav1 a {display: block; color: #999; text-decoration: none; line-height: 24px; padding-top: 43px; vertical-align: bottom;}
#title ul.nav1 a:hover {color: #666;}
#title ul.nav1 li {display: block; float: left; height: 72px; margin: 0; padding: 0 10px; background-image: url(/images/bg_nav1_v2.gif); background-repeat: no-repeat; background-position: bottom left;}
#title ul.nav1 li.selected {background-image: url(/images/bg_nav1-sel.gif); background-repeat: no-repeat; background-position: left bottom;}
#title ul.nav1 li.selected a {color: #00528D;}
#title ul.nav1 li.first {padding-left: 0; background-position: -1px bottom;}
#title ul.nav1 li.first a { padding-top: 0;}
#title ul.nav1 li.myarcus a {background-image: url(/images/myarcus_btn2.gif); background-repeat: no-repeat; background-position: 17px 43px;}
#title ul.nav1 li.logout a {color: #79ABF3;}

#title ul.nav2 {display: block; height: 38px; margin: 0; padding: 0; list-style-type: none; background-image: url(/images/bg_nav2.gif); background-repeat: repeat-x; background-position: left bottom;}
#title ul.nav2 li {display: block; float: left; margin: 0; padding: 10px 35px 0 0; font-weight: normal;}
#title ul.nav2 li a {color: #999; text-decoration: none;}
#title ul.nav2 li a:hover {color: #79ABF3;}
#title ul.nav2 li a:hover strong {color: #00528D;}
#title ul.nav2 li a.selected {color: #79ABF3;}
#title ul.nav2 li a.selected strong {color: #00528D;}

#miniprod {border-collapse: collapse; color: #656B6C; font-size: 12px; margin: 0 auto;}
#miniprod tr.firstline td {}
#miniprod td {text-align: center; padding: 0 3px;}
#miniprod td div {display: block; height: 17px; padding-top: 31px; overflow: hidden;}

#navtopr {position: absolute; left: 50%; top: 50px; width: 250px; margin-left: 200px; text-align: right; font-size: 11px; font-weight: bold;}
#navtopr a {color: #999; text-decoration: none;}
#navtopr a:hover {color: #666;}
#navtopr ul {display: block; list-style-type: none; white-space: nowrap; margin: 0; padding: 0;}
#navtopr ul li {list-style-type: none; margin: 0; padding: 0 8px; display: block; float: right;}
#navtopr ul li.first {border-right: 1px solid #999;}
#navtopr ul li.last {padding-right: 0;}

#bigslide {margin: 0; padding: 0;}
#bigslide li {display: block; height: 355px; overflow: hidden; margin: 0; padding: 0;/* border: 1px solid #ccc; width: 898px;*/}

#mediumslide {margin: 0; padding: 0;}
#mediumslide li {display: block; height: 376px; overflow: hidden; margin: 0; padding: 0;}

div.slide {color: #999; font-size: 12px; }
div.slide a {color: #00528D; font-weight: bold; text-decoration: none;}
h1 {background-repeat: no-repeat; background-position: left top; margin: 0 0 10px 0; padding: 0; font-size: 16px; font-weight: normal; color: #00528D;}
h1.derwolf {background-image: url(/include/slides/top/1/txt_derwolf.gif); width: 272px; height: 107px;}
h1.diearcusproduktwelt {background-image: url(/images/headlines/die_arcus_produktwelt.gif); height: 21px;}
h1.ihrarcusservice {background-image: url(/images/headlines/ihr_arcus_service.gif); height: 21px;}
h1 span {display: none;}
h2 {color: #555; font-size: 18px; padding-left: 20px;}
h2 span {color: #999;}

#newsletterformular {background-color: #D4D5C4; padding: 12px 20px; color: #656B6C; border-bottom: 20px solid white;}
#newsletterformular h2 {font-size: 14px; margin: 0; padding: 0; font-weight: normal;}
#newsletterformular p {font-size: 11px; margin: 0; padding: 0;}
#newsletterformular form {white-space: nowrap; float: right; padding: 7px 0 0 0; margin: 0;}
#newsletterformular input {margin: 0 0 0 15px; padding: 0; float: left; color: #656B6C; width: 145px;}

table {border-collapse: collapse;}

#lcol {width: 565px; padding-bottom: 30px; padding-right: 15px; background-image: url(/images/bg_vr1.jpg); background-repeat: no-repeat; background-position: 550px 0;}
#lcol div.wrapper {width: 519px;}
#lcol p, #lcol li {font-size: 12px; color: #999; margin-top: 0;}
#lcol h3 {font-size: 14px; color: #999;}
#lcol h3.btn {background-color: #E5EEFC; color: #073F7A; padding: 5px; font-size: 14px;}
#lcol h3.btn a {color: #999; text-decoration: none;}
#lcol h3.btn span {color: #79ABF3; padding-right: 10px; }
#lcol p.blau {font-size: 11px; color: #79ABF3;}
#lcol div.hr1 {background-image: url(/images/bg_hr1.jpg); background-repeat: no-repeat; margin: 6px 0; padding: 0; height: 1px;}
#lcol label {display: block; font-size: 12px; color: #999;}
#lcol input {width: 300px; margin-bottom: 10px;}
#lcol input.inline {width: auto; display: inline; margin: 0 5px; }
#lcol input.btn {width: auto; display: block;}

#rcol {width: 335px; font-size: 12px; padding-bottom: 30px;}
#rcol h1 {background-position: 25px 0; width: 300px;}
#rcol p {margin: 0 25px; padding: 0 0 .5em 0; color: #999;}
#rcol h2 {margin: 0 25px; padding: 0 0 .5em 0; color: #999; font-size: 13px; font-weight: normal;}
#rcol img {margin: 0 25px;}

div.box {width: 326px; margin-bottom: 10px; line-height: 1.5em; color: #999;}
div.box * {margin-top: 0; margin-bottom: 0;}
div.box a {color: #00528D; text-decoration: none;}
div.box ul {list-style-type: none; margin: 0; padding: 0;}
div.box h3 {padding: 5px 25px; margin: 0; font-size: 12px;}
div.box li {list-style-type: none; margin: 0 25px; padding: 0;}
div.box ul.square {list-style-type: square; margin: 0 0 0 30px; padding: 0 15px;}
div.box ul.square li {list-style-type: square; margin: 0; padding: 0 .5em .2em .5em;}

/*
	Die bunten Boxen
*/
div.box div.blauheader {background-image: url(/images/boxes/blau/top.gif); background-repeat: no-repeat; height: 19px; background-position: bottom;}
div.box div.blaubody {background-image: url(/images/boxes/blau/body.gif); background-repeat: repeat-y; min-height:80px; height:auto !important; height:100px;}
div.box div.blaufooter {background-image: url(/images/boxes/blau/bottom.gif); background-repeat: no-repeat; height: 21px; background-position: top;}

div.box div.weissheader {background-image: url(/images/boxes/weiss/top.gif); background-repeat: no-repeat; height: 19px; background-position: bottom;}
div.box div.weissbody {background-image: url(/images/boxes/weiss/body.gif); background-repeat: repeat-y; min-height:80px; height:auto !important; height:100px;}
div.box div.weissfooter {background-image: url(/images/boxes/weiss/bottom.gif); background-repeat: no-repeat; height: 21px; background-position: top;}

div.box div.gelbheader {background-image: url(/images/boxes/gelb/top.gif); background-repeat: no-repeat; height: 19px; background-position: bottom;}
div.box div.gelbbody {background-image: url(/images/boxes/gelb/body.gif); background-repeat: repeat-y; min-height:80px; height:auto !important; height:100px;}
div.box div.gelbfooter {background-image: url(/images/boxes/gelb/bottom.gif); background-repeat: no-repeat; height: 21px; background-position: top;}

div.box div.grauheader {background-image: url(/images/boxes/grau/top.gif); background-repeat: no-repeat; height: 19px; background-position: bottom;}
div.box div.graubody {background-image: url(/images/boxes/grau/body.gif); background-repeat: repeat-y; min-height:80px; height:auto !important; height:100px;}
div.box div.graufooter {background-image: url(/images/boxes/grau/bottom.gif); background-repeat: no-repeat; height: 21px; background-position: top;}

div.box div.graukontaktheader {background-image: url(/images/boxes/grau/top_hoerer.gif); background-repeat: no-repeat; height: 169px; background-position: bottom;}
div.box div.graukontaktbody {background-image: url(/images/boxes/grau/body.gif); background-repeat: repeat-y; min-height:80px; height:auto !important; height:100px;}
div.box div.graukontaktfooter {background-image: url(/images/boxes/grau/bottom.gif); background-repeat: no-repeat; height: 21px; background-position: top;}

div.box div.umweltheader {background-image: url(/images/boxes/umwelt/top.gif); background-repeat: no-repeat; height: 142px; background-position: bottom;}
div.box div.umweltbody {background-image: url(/images/boxes/umwelt/body.gif); background-repeat: repeat-y; min-height:80px; height:auto !important; height:100px;}
div.box div.umweltfooter {background-image: url(/images/boxes/umwelt/bottom.gif); background-repeat: no-repeat; height: 21px; background-position: top;}


div.box div.myarcusspecialsheader {background-image: url(/images/boxes/myarcusspecials/top.gif); background-repeat: no-repeat; height: 111px; background-position: bottom;}
div.box div.myarcusspecialsbody {background-image: url(/images/boxes/myarcusspecials/body.gif); background-repeat: repeat-y; min-height:80px; height:auto !important; height:100px;}
div.box div.myarcusspecialsfooter {background-image: url(/images/boxes/myarcusspecials/bottom.gif); background-repeat: no-repeat; height: 28px; background-position: top;}

div.contentbox p {color: #00528D !important; font-size: 12px; width: 300px; margin: 0;}
div.contentbox a {color: #79ABF3;}
div.contentbox div.blaubody {background-image: url(/images/boxes/contentblau/bg.gif); background-repeat: no-repeat; min-height:50px; height:auto !important; height:50px; padding: 15px 0 0 15px;}
div.contentbox div.blaufooter {background-image: url(/images/boxes/contentblau/bg.gif); background-repeat: no-repeat; height: 21px; background-position: left bottom;}

/*
	Popup-Styles
*/
#ImageBoxOverlay {background-color: #000;}
#ImageBoxCaption {background-color: #F4F4EC;}
#ImageBoxContainer {width: 250px; height: 250px; background-color: #F4F4EC;}
#ImageBoxCaptionText {font-weight: bold; padding-bottom: 5px; font-size: 13px; color: #000;}
#ImageBoxCaptionImages {margin: 0;}
#ImageBoxNextImage {background-image: url(/images/imagebox/spacer.gif); background-color: transparent;}
#ImageBoxPrevImage {background-image: url(/images/imagebox/spacer.gif); background-color: transparent;}
#ImageBoxNextImage:hover {background-image: url(/images/imagebox/next_image.jpg); background-repeat: no-repeat; background-position: right top;}
#ImageBoxPrevImage:hover {background-image: url(/images/imagebox/prev_image.jpg); background-repeat: no-repeat; background-position: left top;}


#gallery {padding: 10px;}
#gallery ul { list-style: none; margin: 0; padding: 0;}
#gallery ul li { display: inline; margin: 0; padding: 0;}

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px;}
#jquery-lightbox {position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#jquery-lightbox a img { border: none;}
#lightbox-container-image-box {position: relative; background-color: #F4F4EC; width: 250px; height: 250px; margin: 0 auto;}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;}
#lightbox-nav {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;}
#lightbox-container-image-box > #lightbox-nav {left: 0;}
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%; height: 100%; zoom: 1; display: block; }
#lightbox-nav-btnPrev {left: 0; float: left; padding-left: 10px; }
#lightbox-nav-btnNext {right: 0; float: right; }
#lightbox-container-image-data-box {font: 10px Verdana, Helvetica, sans-serif; background-color: #F4F4EC; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0;}
#lightbox-container-image-data {padding: 0 10px; color: #666;}
#lightbox-container-image-data #lightbox-image-details {width: 70%; float: left; text-align: left; }	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {display: block; clear: left; padding-bottom: 1.0em;}			
#lightbox-secNav-btnClose {width: 66px; float: right; padding-bottom: 0.7em;}