/* --------css by milkbone multimedia | Lübeck----------- */

* {margin: 0px; padding: 0px;}

body {
 background: #ffffff url("../images/bgr.gif") repeat;
 font: 11px verdana, arial, helvetica, sans-serif;
 color: #333333;
 width: 742px;
 margin: 0px auto;
}

img { border: none; }

p { margin-top: 8px; line-height: 20px; font-size: 14px;}

h1, h2, h3, h4 { font-size: 18px; color: #2a2a2a; font-weight: bold; }
h2 { font-size: 11px; }
h2.red { color: #E64543; }
h3 { font-size: 13px; }
h4 { font-size: 11px; }

a { font-family: arial, verdana, helvetica, sans-serif; font-weight: bold; word-spacing: 1px; color: #333333; outline: none; }
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; color: #E64543; }
a:active { text-decoration: none; }


/* --------INHALT ALLES----------- */
#container { position: relative; width: 742px; margin-top: 18px; }

#topbar{ position: absolute; top: 0px; left: 0px; width: 100px; visibility: hidden; }


/* --------INHALT KONZEPT----------- */
#konzept {
 position: absolute;
 background: url("../images/konzept-bg.gif") no-repeat top left;
 height: 432px;
 width: 742px;
}
#logo a {
 background: #f2f2f2 url("../images/christiansen-logo.gif") no-repeat;
 position: absolute;
 top: 32px;
 left: 24px;
 width: 290px;
 height: 66px;
 display: block;
}
#logo a span { display: none; width: 290px; height: 66px; }

#homebg {
 background: url("../images/txt-bg.gif") no-repeat;
 position: absolute;
 top: 120px;
 left: 26px;
 height: 272px;
 width: 290px;
}
#hometxt {
 position: absolute;
 left: 17px;
 top: 32px;
 line-height: 130%;
 text-align: justify;
 width: 256px;
}
#airport {
 position: absolute;
 top: 120px;
 right: 30px;
}

/* --------INHALT MARKEN----------- */
#marken {
 position: absolute;
 background: url("../images/marken-bg.gif") no-repeat top left;
 height: 432px;
 width: 742px;
 top: 450px;
}
#headmarken {
 position: absolute;
 top: 80px;
 left: 26px;
}
#ara_pre {
 position: absolute;
 top: 165px;
 left: 21px;
 text-align: center;
}
#gabor_pre {
 position: absolute;
 top: 165px;
 left: 160px;
 text-align: center;
}
#ecco_pre {
 position: absolute;
 top: 285px;
 left: 21px;
 text-align: center;
}
#rieker_pre {
 position: absolute;
 top: 285px;
 left: 160px;
 text-align: center;
}

/* --------IFRAME MARKEN----------- */
#framecontent {
 background: #ffffff;
 position: absolute;
 top: 122px;
 right: 29px;
 border: #555555 1px solid;
 width: 400px;
 height: 270px;
}
#white-bg {
 position: absolute;
 background: #ffffff;
 width: 400px;
 height: 270px;
}

#ara, #gabor, #ecco, #rieker {
 background: url("../images/ara-content.jpg") no-repeat;
 width: 400px;
 height: 270px;
}
#gabor { background: url("../images/gabor-content.jpg"); }
#ecco { background:url("../images/ecco-content.jpg"); }
#rieker { background: url("../images/rieker-content.jpg"); }

#ara-txt {
 position: absolute;
 top: 122px;
 left: 20px;
 width: 358px;
 text-align: justify;
}
#gabor-txt {
 position: absolute;
 top: 120px;
 left: 20px;
 width: 360px;
}
#ecco-txt {
 position: absolute;
 top: 20px;
 left: 20px;
 width: 310px;
}
#rieker-txt {
 position: absolute;
 top: 26px;
 right: 20px;
 width: 208px;
 text-align: right;
}
/* --------IFRAME MARKEN  ENDE----------- */



/* --------INHALT SERVICE----------- */
#service {
 position: absolute;
 background: url("../images/service-bg.gif") no-repeat top left;
 height: 432px;
 width: 742px;
 top: 900px;
}
#headservice {
 position: absolute;
 top: 80px;
 left: 26px;
}

/* --------NAVI SERVICE----------- */
#service-nav { position: absolute; top: 352px; width: 405px; left: 25px; }
#navlist { color: #E64543; width: 405px; }
#navlist li { list-style-type: none; padding: 0.2em; border-bottom: #333333 1px solid;
}

/* --------IFRAME INHALT  SERVICE----------- */
#framecontentservice {
 position: absolute;
 top: 128px;
 left: 26px;
 border: #555555 0px solid;
 width: 405px;
 background-color: #ffffff;
}

#white-bg2 {
 position: absolute;
 background-color: #ffffff;
 width: 405px;
 height: 204px;
}
#service-inhalt {
 position: absolute;
 width: 405px;
 top: 8px;
 left: 0px;
 text-align: justify;
 line-height: 130%;
 background-color: #ffffff;
}

#white-bg3 {
 position: absolute;
 background-color: #ffffff;
 width: 388px;
}
#service-inhalt2 {
 position: absolute;
 width: 380px;
 top: 8px;
 left: 0px;
 text-align: justify;
 line-height: 130%;
 background-color: #ffffff;
}

#white-bg4 {
 position: absolute;
 background-color: #ffffff;
 width: 388px;
}

#service-inhalt3 {
 position: absolute;
 width: 380px;
 top: 8px;
 left: 0px;
 text-align: justify;
 line-height: 130%;
}

#coupon { position: absolute; top: 135px; right: 26px; }
#coupon-txt {
 position: absolute;
 top: 325px;
 right: 30px;
 width: 254px;
 line-height: 130%;
 text-align: justify;
}

/* --------INHALT KONTAKT----------- */
#kontakt {
 position: absolute;
 background: url("../images/kontakt-bg.gif") no-repeat top left;
 height: 432px;
 width: 742px;
 top: 1350px;
}
#headkontakt {
 position: absolute;
 top: 80px;
 left: 26px;
}

#kontaktbg {
 background-color: #f2f2f2;
 border: #a2a2a2 1px solid;
 position: absolute;
 bottom: 0px;
 left: 80px;
 height: 228px;
 width: 200px;
}
#kontakttxt { line-height: 130%; position: absolute; padding: 11px; }
#kontakttxt p { margin-top: 4px; }


/* --------FORMULAR----------- */
#form { position: absolute; top: 125px; right: 30px;  width: 280px;}

label { cursor: pointer; }

input, textarea, submit {
 font: 11px Verdana, Arial, Helvetica, Sans-Serif;
 color: #E64543;
 border: #555555 1px solid;
 background-color: #ffffff;
 margin: 1px 0px 4px 0px;
 padding: 1px 1px 1px 2px;
 width: 274px;
}
textarea { width: 274px; height: 120px; }
input:focus, textarea:focus { background-color: #f7f7f7; }
.submit { width: 150px; }
.reset { width: 90px; }

#kfehler {
 position: absolute;
 top: 34px;
 left: 432px;
 color: #E64543;
 font-weight: bold;
 text-align: left;
}


/* --------footer----------- */
#footer {
 position: absolute;
 width: 742px;
 text-align: center;
 top: 1786px;
 padding-bottom: 10px;
 font: 11px arial, verdana, helvetica, sans-serif;
}
#footer.all {
 position: absolute;
 font-size: 11px;
 color: #333333;
 left: 0px;
 width: 742px;
 margin: 0px auto;

}
#footer .left { float: left; padding-left: 3px; width: 350px; text-align: left; }
#footer .left a { text-decoration: none; font-size: 11px; font-weight: normal;}
#footer .left a:hover { text-decoration: none; }

#footer .right { float: right; padding-right: 2px; width: 300px; text-align: right; }
#footer .right a { font-size: 11px; color: #333333; text-decoration: none; font-weight: normal;}
#footer .right a:hover { text-decoration: none; color: #E64543; }