/* Webdesign by tempus creativ silke schümann http://www.tempuscreativ.de */ /* ---( Basics )--- */ html {height: 100.05%; margin: 0; padding: 0;} body {height: 100%; margin: 0; padding: 0;} img {margin: 0; padding: 0; border: 0;} /* ---( Farben/Hintergründe )--- */ html {background: url(images/bg_html.gif) repeat rgb(238, 238, 238);} body {background: url(images/bg_body.gif) top left repeat-x;} body, p, h1, h2, h3, h4, h5, h6, li, dd, dt, ul, ol, td, th, div {color: #474747;} a {color: #750000; text-decoration: none;} a:link {color: #750000; text-decoration: none;} a:visited {color: #9A483C;} a:hover {color: #DE886D; text-decoration: underline;} a:focus {} a:active {} #key {border-top: 1px solid #bbb; border-left: 1px solid #bbb; border-bottom:1px solid #bbb; border-right: 1px solid #F7F7F4;} #hire {border: 1px solid #bbb; background: url(images/bg_container.gif) top left repeat-x #F7F7F4;} #starthire {border: 1px solid #bbb; background: url(images/bg_container_start.jpg) top center repeat-x #F2AA9C;} /* ---( Fonts )--- */ body, p, h1, h2, h3, h4, h5, h6, li, dd, dt, ul, ol, td, th, div {font: 13px/135% Verdana, Arial, Helvetica, sans-serif;} h1 {font: 19px 'Century Gothic', Arial, Helvetica, sans-serif; margin-left: 0; margin-top: 30px; font-weight: normal;} /* --- ( xMailerformate ) ------------------------------------------------------------- */ form#xmailer {margin: 2em 0; padding-left: 5%;} #xmailer label {display: block; float: left; width: 6em;} #xmailer div.radios {margin-left: 6em;} #xmailer input.radio {float: left; margin-right: .7em;} #xmailer .radios p {line-height: .9em;} #xmailer .radios label {margin-top: 2px;} #xmailer input.button {margin-left: 170px; margin-top: 1em;} /* ---( Positioning )--- */ #key {width: 230px; height: 150px; position: relative; top: 260px; left: 100px;} #key p {margin: 0; padding: 0; top: 0; left: 0;} #hire {margin-top: 120px; width: 420px; height: 150px; position: relative; top: -12px; left: 335px;} #telefon {width:223px; height: 34px; margin: 65px 0 0 90px; background: url(images/fon_07151_209717.gif) top left no-repeat;} #telefon span {text-indent: -9999px; font-size: 0.00001em; line-height: 0; overflow: hidden; color: #FAFAF8;} #telefon a {display: block; width: 318px; height: 148px; bottom: 0; text-decoration: none;} #hire p.schnapp {padding-left: 55px;} #hire a {display: table-cell; display: inline-block; height:14px; color: #fff;} a.hide span {text-indent: -9999px; font-size: 0.00000em; line-height: 0;} #hire a#nachfrage {width: 95px; background: url(images/nachfrage_angebot_schnapp_zu_t2.gif) 0px 0px no-repeat;} #hire a#nachfrage:link {width: 95px; background: url(images/nachfrage_angebot_schnapp_zu_t2.gif) 0px 0px no-repeat;} #hire a#angebot1 {width: 95px; background: url(images/nachfrage_angebot_schnapp_zu_t2.gif) -95px 0px no-repeat;} #hire a#angebot1:link {width: 95px; background: url(images/nachfrage_angebot_schnapp_zu_t2.gif) -95px 0px no-repeat;} #hire a#schnappzu {width: 105px; background: url(images/nachfrage_angebot_schnapp_zu_t2.gif) -185px 0px no-repeat;} #hire a#schnappzu:link {width: 105px; background: url(images/nachfrage_angebot_schnapp_zu_t2.gif) -185px 0px no-repeat;} #starthire {margin-top: 120px; width: 420px; height: 150px; position: relative; top: -12px; left: 335px;} #starthire p.schnapp {padding-left: 55px;} #webdesign {margin-top: 60px; height: 1.5em;} p#webdesign span.hide {text-indent: -9999px; font-size: 0.00000em; line-height: 0; color: #F5B3A7;} #starthire a {display: table-cell; display: inline-block; height:14px; color: #EBA08D;} #starthire a#nachfrage {width: 95px; background: url(images/nachfrage_angebot_schnapp_zu_t.gif) 0px 0px no-repeat;} #starthire a#nachfrage:link {width: 95px; background: url(images/nachfrage_angebot_schnapp_zu_t.gif) 0px 0px no-repeat;} #starthire a#angebot1 {width: 95px; background: url(images/nachfrage_angebot_schnapp_zu_t.gif) -95px 0px no-repeat;} #starthire a#angebot1:link {width: 95px; background: url(images/nachfrage_angebot_schnapp_zu_t.gif) -95px 0px no-repeat;} #starthire a#schnappzu {width: 105px; background: url(images/nachfrage_angebot_schnapp_zu_t.gif) -185px 0px no-repeat;} #starthire a#schnappzu:link {width: 105px; background: url(images/nachfrage_angebot_schnapp_zu_t.gif) -185px 0px no-repeat;} #main {min-height: 11.5em; width: 655px; position: relative; left: 100px; top: -6px; border: 1px solid #bbb; background: url(images/bg_container2.gif) top left repeat-x #fff;} #main div.spacer {margin: 1em;} #temenu {margin-top: 1em;} #temenu ul {margin: 2.5em 0 0 0; padding: 0; list-style-type: none;} #temenu li {padding: 0 1em; float: left;;} #logo {width: 200px; height:40px; position: absolute; right: 5%; top: 150px; background: url(images/tempuscreativ.gif) no-repeat;} #logo span {text-indent: -9999px; font-size: 0.00001em; line-height: 0; overflow: hidden;} #logo a {display: block; width: 198px; height: 38px; color: #F3F3F3;} /* Topnavi */ div#mainnavi {white-space: nowrap; width: 560px; height: 14px; position: absolute; top: 6px; left: 50%; margin-left: -250px;} div#mainnavi a {display: table-cell; display: inline-block; height:14px; color: #F3F3F3; float: left;} a#startseite {width: 105px; background: url(images/top_navigation_t2c.gif) 0px 0px no-repeat;} a#startseite:link {width: 105px; background: url(images/top_navigation_t2c.gif) 0px 0px no-repeat;} a#startseite:hover {width: 105px; background: url(images/top_navigation_t2c.gif) 0px -23px no-repeat;} a#spektrum {width: 85px; background: url(images/top_navigation_t2c.gif) -105px 0px no-repeat;} a#spektrum:link {width: 85px; background: url(images/top_navigation_t2c.gif) -105px 0px no-repeat;} a#spektrum:hover {width: 85px; background: url(images/top_navigation_t2c.gif) -105px -23px no-repeat;} a#angebot {width: 85px; background: url(images/top_navigation_t2c.gif) -193px 0px no-repeat;} a#angebot:link {width: 85px; background: url(images/top_navigation_t2c.gif) -193px 0px no-repeat;} a#angebot:hover {width: 85px; background: url(images/top_navigation_t2c.gif) -193px -23px no-repeat;} a#kontakt {width: 80px; background: url(images/top_navigation_t2c.gif) -280px 0px no-repeat;} a#kontakt:link {width: 80px; background: url(images/top_navigation_t2c.gif) -280px 0px no-repeat;} a#kontakt:hover {width: 80px; background: url(images/top_navigation_t2c.gif) -280px -23px no-repeat;} a#hintergruende {width: 130px; background: url(images/top_navigation_t2c.gif) -360px 0px no-repeat;} a#hintergruende:link {width: 130px; background: url(images/top_navigation_t2c.gif) -360px 0px no-repeat;} a#hintergruende:hover {width: 130px; background: url(images/top_navigation_t2c.gif) -360px -23px no-repeat;} #footer {width: 400px; margin: -12px 0 12px 380px;} #ubez { height: 14px; width: 400px; background: url(images/unternehmensbezeichnung.gif) top center no-repeat;} #ubez span {text-indent: -9999px; font-size: 0.00001em; line-height: 0; overflow: hidden; color: #EEEEEE;} /* --- ( Xtras ) --- */ .marker {background:#dd0; color:#000;} .box {margin:24px; padding:8px; background:#e5e5e5; color:#999; border:1px solid #999;} .process {width: 450px; height: 150px; border: 1px solid. #ddd; overflow: hidden; background: url(images/bg_process.gif) center no-repeat;} div.process p {width: 112px; font-weight: bold; color: #fff; margin: 13px 0 0 35.5px;} .l {float: left;} .clear {clear: both;} .clear0 {clear: both; line-height: 0; margin: 0; padding: 0;} /* auf br angewendet */ /* --- ( CP Formhandler ) --- */ #cpfh {} /* umschließender DIV */ #cpfhform {} /* formular ID */ #cpfhform fieldset {margin-bottom: 1em;} #cpfhform legend {color: #D47554;} #cpfhform label {width: auto;} .cpfhmustlabel {} #cpfhform input {width: 32em;} #cpfhform input.cpfhmust {} #cpfhform input.cpfhsmall {width: 8em;} #cpfhform input.cpfhmiddle {width: 20em;} #cpfhform input.cpfhbox {width: 2em;} #cpfhform input.cpfhbutton {width: auto;} #cpfhform textarea {width: 30em; height: 8em;} #cpfhform td {vertival-align: top;} /* --- ( In Editland niemals weglassen ) --- */ .tsmall {font-size: 0.85em;} .tmiddle {font-size: 1.1em;} .tbig {font-size: 2em;}