@charset 'utf-8';
@import url(reset.css);
@import url(defaults.css);

/* ----------------------------------------------------- Page layout */

body {
    background: url(../img/bgPage.gif) top left #F7F7F7;
    color: #444;
    font: normal 90% Arial, "Bitstream Vera Sans", Geneva, Helvetica, sans-serif;
    font-size-adjust:0.56;
    line-height: 1.4em;
    margin: 0;
    text-align: center;
}

h1 {font-size: 1.5em;}
h2 {color:#666;font-size: 1.5em;font-weight:normal}
h3 {color:#D1006D;font-size: 1.1em;font-weight:bolder;}
h4 {color:#D1006D;font-size: 1.0em;font-weight:bold;}
h5 {font-size: 1.1em;}
h6 {font-size: 1.0em;}
p, ul, td, form, dl {font-size: 0.85em;}
a   {outline:none;}
strong {background-color:#FFF;color: #666;font-weight:bold;}
.s {font-size:80%;}

a:link {background-color: #FFF;color: #666;text-decoration: underline;}
a:visited {background-color: #FFF;color: #888;text-decoration: underline;}
a:focus {background-color: #FFF;color: #960450;outline: 1px dotted #960450;text-decoration: underline;}
a:hover {background-color: #FFF;color: #D1006D;text-decoration: underline;}
a:active {background-color: #FFF;color: #D1006D;outline: 1px dotted #960450;text-decoration: underline;}
a:active, a:focus{outline: none}

#page { background: url(../img/bgHeader.png) repeat-x left top transparent;width: 100%;}

#wrapper { background: url(../img/euroSilhouette.gif) no-repeat 80px -56px transparent;margin: 0 auto;margin-bottom: 10px;text-align: left;width: 700px; }

#header #logo {background: url(../img/logo.png) 0 0 no-repeat transparent;margin-top:22px;width:347px;height:56px;}

#topNav {text-align: right;width: 100%}
#topNav ul {margin:0;padding:0;}

#topNav ul li {float:right;list-style-type: none;}

#topNav #navStart a, #topNav #navImprint a, #topNav #navEnglish a {display: block;height: 24px; width: 91px}

#topNav #navStart a {background: url(../img/topNav.png) no-repeat 0 0 transparent;}
#topNav #navStart a:hover {background: url(../img/topNav.png) no-repeat 0 -24px transparent;}

#topNav #navImprint a {background: url(../img/topNav.png) no-repeat -91px 0 transparent;}
#topNav #navImprint a:hover {background: url(../img/topNav.png) no-repeat -91px -24px transparent;}

#topNav #navEnglish a {background: url(../img/topNav.png) no-repeat -182px 0 transparent;}
#topNav #navEnglish a:hover {background: url(../img/topNav.png) no-repeat -182px -24px transparent;}

#topNav span {display: none;}

#topNav .language a {background: transparent;border: none;display:block;padding: 5px 0 0 0;width: 26px;}

#logo {float: left;width: 180px;}
#logo a {background-color: transparent;}

#mainNav {float: right;margin:80px 0 10px 0;width:289px;}
#mainNav ul li {float:left;list-style-type: none;}
#mainNav a {display: block;line-height: 16px;text-indent: -5000px;}

#mainNav #navServices a { background: url(../img/mainNavServices.gif) no-repeat 0 0 transparent;width: 51px;padding-right:20px; }
#mainNav #navServices a:hover, #mainNav #navServices a.active {background: url(../img/mainNavServices.gif) no-repeat 0 -16px transparent;}

#mainNav #navUnternehmen a { background: url(../img/mainNavUnternehmen.gif) no-repeat 0 0 transparent;width: 84px;padding-right:20px; }
#mainNav #navUnternehmen a:hover, #mainNav #navUnternehmen a.active {background: url(../img/mainNavUnternehmen.gif) no-repeat 0 -16px transparent;}

#mainNav #navKontakt a { background: url(../img/mainNavKontakt.gif) no-repeat 0 0 transparent;width: 49px;padding-right:20px; }
#mainNav #navKontakt a:hover, #mainNav #navKontakt a.active {background: url(../img/mainNavKontakt.gif) no-repeat 0 -16px transparent;}

#mainNav #navPartner a { background: url(../img/mainNavPartner.gif) no-repeat 0 1px transparent;width: 45px; }
#mainNav #navPartner a:hover, #mainNav #navPartner a.active {background: url(../img/mainNavPartner.gif) no-repeat 0 -15px transparent;}

#contentArea { background: url(../img/bgContent.png) no-repeat 0 0 transparent;margin: 0 auto;text-align: left;width: 710px; }

#mainCol {}
#mainColStart {background: url(../img/bgSilhouette.gif) no-repeat 40px 17px transparent;padding: 0 13px;}
#content {padding: 20px 50px;}
#contentStart {padding: 20px 20px;}
#content h2 {border-bottom: 1px solid #666;margin: 0.9em 0 1.5em 0;padding-bottom: 5px;}
#content h3 {margin: 20px 0 10px 40px;}
#content h4 {margin: 20px 0 5px 40px;}
#content p {margin: 8px 0 8px 40px;position: relative;}
#content p.indent {margin: 8px 0 8px 40px;padding-left: 25px;position: relative;}
#content .einzug {margin-left: 40px;}
#content .imgLogos {float: left;margin: 0 15px 15px 0;width: 123px;}
#content .imgBox {float: left;margin: 5px 10px 5px 0;}
#content .imgBox img {}
#content #anfrageBox {border-bottom:5px solid #F0F0F0; background: url(../img/serviceperson.jpg) no-repeat right bottom #FFF;margin:0 0 15px 40px;}
#content #anfrageBox .text {margin:5px 150px 0 0;width:400px;}
#content .kontakteintrag {margin-bottom: 25px;}
#content ul.vorteil { margin-left: 40px; }
#content ul.vorteil li { background: url(../img/vorteil.gif) no-repeat 0 5px;padding-left: 16px;margin-bottom: 12px; }
#content ul.vorteil2 { margin-left: 210px; }
#content ul.vorteil2 li { background: url(../img/vorteil.gif) no-repeat 0 5px;padding-left: 16px;margin-bottom: 12px; }

#content dl {margin: 8px 0 8px 40px;position: relative;}
#content dt {float:left;width: 120px; }
#content dd {margin-left: 130px; }

.trenner {background: url(../img/bgPunktlinie.gif) repeat-x 0 15px;height: 20px;}

/* Startseite */

#bgStart {background: url(../img/bgStart.png) right bottom transparent no-repeat;}
#contentStart {position:relative;}
#contentStart #startLeft {width: 306px;float:left;}
#contentStart #startRight {width: 310px;float:right;}
#contentStart #headline {text-align: center;padding: 30px 0 35px 0;}
#contentStart h2 {font-size: 18px;padding: 4px 5px;margin-bottom:13px}
#contentStart h2 a.anbieter {color:#D3006E;background:none;text-decoration:none}
#contentStart h2 a:hover.anbieter {color:#D3006E;background:none;text-decoration:underline}
#contentStart h2 a.einkaeufer {color:#FFE400;background:none;text-decoration:none}
#contentStart h2 a:hover.einkaeufer {color:#FFE400;background:none;text-decoration:underline}
#contentStart .linkAnmeldung {font-weight: bold;text-align: left;font-size: 12px;margin: 10px 0 0 6px;}
#contentStart .linkAnmeldung a {background: none;color: #D3006E}
#contentStart .linkAnmeldung a:hover {background: none;color: #000}
#contentStart #startLeft h2 {background-color: #FFE400;color: #D3006E;}
#contentStart #startRight h2 {background-color: #D3006E;color: #FFE400;}
#contentStart .claim {margin-left: 5px;font-size: 14px;font-weight: bold;letter-spacing: -0.02em;}
#contentStart #startLeft h3, #contentStart #startRight h3 {margin: 15px 0 0 5px;font-size: 12px;color: #000;}
#contentStart #startLeft ul.ulAnbieter, #contentStart #startRight ul.ulEinkaeufer {list-style: none;margin: 0 0 0 5px;}
#contentStart #startLeft ul.ulAnbieter li {background: url(../img/liAnbieter.gif) no-repeat 0 6px;padding-left: 15px;}
#contentStart #startRight ul.ulEinkaeufer li {background: url(../img/liEinkaeufer.gif) no-repeat 0 6px;padding-left: 15px;}
#contentStart #illuArea {position:relative;width:400px;height:220px}
#contentStart #illuArea img {position:absolute;top:20px;left:4px;z-index: 100}

/* Footer */

#footer { background: url(../img/bgFooter.png) no-repeat 0 0 transparent;margin: 0 auto;height: 26px;text-align: center;width: 710px; }
#footerContent { background: url(../img/logoleiste.gif) no-repeat 20px 4px transparent;text-align: left; }
#footerContent ul#portalNav { position:relative;list-style:none;margin: 0 0 0 20px; }
#footerContent ul#portalNav li { float:left; }
#footerContent ul#portalNav a { display:block;line-height: 25px;text-indent:-9999px; }
#footerContent li#portalDE a  {background: url(../img/logoleiste.gif) no-repeat 0 4px transparent;width: 84px}
#footerContent li#portalUK a  {background: url(../img/logoleiste.gif) no-repeat 84px 4px transparent;width: 84px}
#footerContent li#portalNL a  {background: url(../img/logoleiste.gif) no-repeat 140px 4px transparent;width: 98px}
#footerContent li#portalFR a  {background: url(../img/logoleiste.gif) no-repeat 238px 4px transparent;width: 82px}
#footerContent li#portalPL a  {background: url(../img/logoleiste.gif) no-repeat 324px 4px transparent;width: 81px}
#footerContent li#portalHU a  {background: url(../img/logoleiste.gif) no-repeat 405px 4px transparent;width: 82px}
#footerContent li#portalIT a  {background: url(../img/logoleiste.gif) no-repeat 487px 4px transparent;width: 84px}
#footerContent li#portalES a  {background: url(../img/logoleiste.gif) no-repeat 573px 4px transparent;width: 77px}

#copyright {background: url(../img/bgContentBottom.png) no-repeat 0 0 transparent;text-align:center;width:710px}
#copyright p {padding: 15px 0 0 0;}

/* Formularstyles */

form { margin: 0;padding: 0; }

legend { font-weight: bold;color: #333;margin: 0;padding: 0.5em;letter-spacing: 0.2em; }
label {display : block;margin-bottom: 3px;}
.checkbox { margin-right: 5px;margin-bottom : -0.001em; }
div.checkbox { line-height: 20px;display: block; }
fieldset { margin : 0 0 20px 40px;padding : 15px;border : 1px solid #CCC; }
textarea { background: url(../img/bgTextarea.gif) repeat-x 0 0 #FFF;border-top: 1px solid #CCC;border-right: 1px solid #999;border-bottom: 1px solid #999;border-left: 1px solid #CCC;width: 400px;height: 75px;padding: 2px;font: 1.0em Verdana, Helvetica, Geneva, Arial; }
.sendButton { font: 11px Verdana, Tahoma, Helvetica, Geneva, sans-serif;padding: 3px 0;text-align: center;width: 120px; }


/* DL als Formularstruktur */

dl#formular { margin: 10px 0 0 0; }
dl#formular dt { background: url(../img/bgPunktlinie.gif) repeat-x 0 21px #FFF;float:left;width: 8.5em; }
dl#formular dd { margin-left: 9.0em; }
dl#formular dd input { border-top: 1px solid #CCC;border-right: 1px solid #999;border-bottom: 1px solid #999;border-left: 1px solid #CCC;font: 1.1em Verdana, Helvetica, Geneva, Arial;padding: 4px;margin-bottom: 10px; }
dl#formular dd input.length300 {width: 300px;}
dl#formular dd input.length50 {width: 50px;margin-right:5px}
dl#formular dd input.length235 {width: 235px;}