@charset "UTF-8";
/* =========================================================
Basis-Stylesheet

Projektname: Domberger Unternehmensgruppe

Media: screen
Datum: 1. November 2008
Autor: Andreas M. Helge
Web: www.formspiel.de
Farben: CD: #901039; Text: #626364; hover: #af0103;

========================================================== */
@import "css-reset.css";
@import "navigation.css";
@import "galleria.css";

body {color: #4b4b4b; font-family: Arial, Verdana, sans-serif; font-size: 12px; line-height: 18px; background-color: #fff;}
h1 {font: bold 18px/16px Arial, Verdana, sans-serif; color: #af0103; margin-bottom: 7px;}
h1.cBox-margin {margin-right: 35px;}
h2 {font: bold 15px/18px Arial, Verdana, sans-serif; color: #4b4b4b; padding-bottom: 6px; border-bottom: 1px solid #4b4b4b; margin-bottom: 18px;}
h2.cBox-margin {margin-right: 35px;}
h3, dt {font: bold 12px/1.25em Arial, Verdana, sans-serif; color: #af0103; margin: 6px 0px 2px 0px;}
h3.form {padding: 3px 10px; background-color: #f0f0f0; border: 1px solid #999; margin-bottom: 3px;}
p {margin-bottom: 5px;}
.noMargin {margin-bottom: 0px;}
.tab {white-space: pre;}
.tinyText {font-size: 9px;}
.info {font-size: 0.9em; font-style: italic; line-height: 15px; margin-bottom: 10px;}
.grey {color: #8c8c8c;}

acronym {}
acronym:hover {border-bottom: 1px dotted #333; color: #333}
em {font-size: 0.9em;}
hr {border: 0px; border-top:solid #ccc 1px; /*FF Opera*/ border-bottom: solid 1px #f7f7f7;/*IE*/ margin: 10px 0 10px 0px;}

p.up {margin: 5px 0px 0px 0px;}
p.up a:link, p.up a:visited {float:right; color: #8c8c8c; font-size: 10px;}

a:link, a:visited {color:#4b4b4b; text-decoration: underline;}
a:hover, a:active, p.up a:hover {color:#af0103;}




.clear {clear: both;}

/* layout */
#container {background: #FFF url(images/bgr_gradient.png) repeat-x; width: 950px;
position: absolute; left: 50%; right: auto; bottom: auto; margin-left: -475px; border-left: 1px solid #f6f6f6; border-right: 1px solid #f6f6f6;}

#logo {position: absolute; top: 0; left: 0; width: 447px; height: 82px; background: transparent url(images/domberger-logo.gif) 77px 18px no-repeat; }
#logo_en {position: absolute; top: 0; left: 0; width: 447px; height: 82px; background: transparent url(images/domberger-logo-en.gif) 77px 18px no-repeat; }
#logo span, #logo_en span {display: none;}

#portal-links {position: absolute; top: 0; left: 447px; width: 303px; height: 82px; border-right: 1px solid #FFF;}
#portal-links a {display: block; float: left; width: 100px; height: 19px; margin-right: 1px;}
#portal-links a span {display: none;}
	a#portal-lcc {background: url(images/portal_lcc.gif) 0 0;}
	a#portal-lcc:hover {height: 49px; background: url(images/portal_lcc.gif) 0 -19px;}
	a#portal-red {background: url(images/portal_red.gif) 0 0;}
	a#portal-red:hover {height: 49px; background: url(images/portal_red.gif) 0 -19px;}
	a#portal-confern {background: url(images/portal_confern.gif) 0 0;}
	a#portal-confern:hover {height: 49px; background: url(images/portal_confern.gif) 0 -19px;}

#lang-imprint {position: absolute; top: 0; left: 750px; height: 76px; padding: 6px 0 0 25px; font-weight: bold; color: #999;}
#lang-imprint a {margin-left: 5px; font-weight: bold;}
#lang-imprint a.imprint-link {font-size: 10px; margin-left: 10px; font-weight: normal; text-decoration: none;}

#contact-box {position: absolute; top: 75px; left: 668px; z-index: 2; width: 206px; min-height: 103px; padding: 7px 7px 0 7px; background: url(images/bgr_contact-box.png) no-repeat; font-size: 11px; line-height: 16px; font-weight: bold; color: #fff;}
#contact-box img {float: left; margin: 0 10px 0 0;}
#contact-box a {color: #fff;}
#contact-box a:hover {color: #af0103;}

#menuwrapper {float: left; margin: 102px 0 0 0; width: 150px; line-height: 0px;}
#menuwrapper img {line-height: 0px; padding: 0px; border: 0px;}

#cnt_wrapper {float: left; margin: 102px 0 0 50px; width: 500px;}
#cnt_wrapper ul {list-style: none; margin: 0px 0px 5px 0px;}
#cnt_wrapper ul li {background: url(../_assets/bullet-red.gif) left 7px no-repeat ;padding-left: 10px;}
#cnt_wrapper .teaser ul li {background-image: url(../_assets/bullet-white.gif);}
#teaser_01{float: left; width: 479px; height:170px; background: #c85e66 url(images/bgr_teaser_reisebuero.jpg); padding: 0 10px 10px 10px; margin-top: 15px;}
#teaser_02{float: left; width: 220px; height:160px; background: #535375 url(images/bgr_teaser_confern-umzug.jpg); padding: 0 10px 10px 10px; margin: 20px 20px 0 0;}
#teaser_03{float: left; width: 220px; height:160px; background: #8e8e8e url(images/bgr_teaser_logistik.jpg); padding: 0 10px 10px 10px; margin: 20px 0 0 0;}
#teaser_01 h3, #teaser_02 h3, #teaser_03 h3 {font-size: 13px; color: #fff; margin-bottom: 10px;}
#teaser_01 p, #teaser_02 p, #teaser_03 p,
#teaser_01 a, #teaser_02 a, #teaser_03 a {color: #fff; font-weight: bold; line-height: 16px;}
#teaser_01 ul, #teaser_02 ul, #teaser_03 ul {color: #fff; line-height: 16px;}

.imgRight {float: right; margin: 0 0 5px 10px;}
.imgLeft {float: left; margin: 0 10px 5px 0;}

#bigImage {position: absolute; top: 82px; left: 750px; width: 199px; height: 500px; border-left: 1px solid #fff; line-height: 0px; /* background: url(images/winter_01.jpg) no-repeat; */}

#footer {float: left; width: 950px; height: 100px; background: url(images/bgr_footer.gif) repeat-x;}
#footer p {}
#footer p, #footer a {float: right; margin: 40px 10px 0 0; color:#626364; text-decoration: none; font-size: 9px;}
#footer a:hover {}

/* formulare */
form {margin: 0px 0px 0px 0px; padding: 0px; font-family: Arial, Verdana, sans-serif;}
fieldset {margin:0 0 3px 0; padding: 6px 10px; border: 1px solid #999; background-color: #f0f0f0;}
fieldset p {padding: 0px; margin: 0px;}
legend {font-weight: bold; padding: 0 1px;}
label {float: left; width: 150px;}
label.noFloatLabel {width: 252px;}
label.contact {width: 35px;}
label.contact-en {width: 50px;}
label.contact2 {width: 60px;}
label:hover {color: #333;}
input, textarea {margin: 0 0 6px 0; padding: 1px 4px; width: 250px; background-color: #e6e6e6; border: 1px solid #999; color: #626364; font-family: Arial, Verdana, sans-serif;}
input:hover, textarea:hover {color: black;}
input.radio, input.checkbox {float: left; width: auto; margin-right: 4px; padding:0; background:transparent; border: 0;}
textarea {font-size: 12px; height: 80px; width: 252px;}
input:focus, textarea:focus  {background-color: #fff;}

fieldset.innerBlock {margin: 0; padding: 0; border: none; background: transparent;}
fieldset.innerBlock h4 {width: 150px; float: left; font-weight: normal;}
fieldset.innerBlock div {float: left;}
fieldset.innerBlock div p {margin: 3px 0}
fieldset.innerBlock div p label {display: inline; float: none;}

input#saddr {width: 252px;}
input.submit {margin-top: 7px; width: 162px; background-color: white; align: center;}
input.submit:hover {background-color: #eef1f3; color: #af0103;}
input.submit:active {background-color: #eef1f3; color: #333;}

p.error {color: #af0103;}
p.error input {border-color: #af0103;}